@charset "utf-8";

.box {
margin:0;
float:left;
position:relative;
}
.box img{
display:block;
width:none;
border:none;
    max-height: 200px;
    object-fit: contain;
}

.ie7 .col1, .ie8 .col1, .over9 .col1 {margin:13px 0 0 13px; padding:0; width:230px;height:250px; background:none;}
.ie6 .col1 {margin:13px 0 0 13px; padding:0; width:230px;background:none;}
.ie7 .col1 img, .ie8 .col1 img, .over9 .col1 img {margin:0 auto 5px;position:relative; z-index:100;float:none;border: none;}
.ie6 .col1 a {position:relative; z-index:100;  display:block;float:left;border: 3px solid #AEE2FB;}

.ie7 .col2, .ie8 .col2, .over9 .col2 {margin:13px 0 0 13px; padding:0; width:230px;height:230px; background:none;}
.ie6 .col2 {margin:13px 0 0 13px; padding:0; width:230px;background:none;}
.ie7 .col2 img, .ie8 .col2 img, .over9 .col2 img {margin:0 0 5px 50px;position:relative; z-index:100;float:left;border: 3px solid #AEE2FB;width:123px;height:168px;}
.ie6 .col2 a {position:relative; z-index:100;  display:block;float:left;border: 3px solid #AEE2FB;}

.col5 {margin:13px 0 0 13px; padding:0; width:230px; height:200px;}
.col5 img {max-width:230px; position:relative; z-index:1; border-style:none;z-index:104;}
.ie6 col5 img {width:230px; position:relative; z-index:1; border-style:none; z-index:104;}

/* .prize1{
background:url("../images/prize-trans.png") no-repeat;
position:absolute;
top:-13px;
left:-13px;
width:65px;
height:65px;
z-index:105;
}
.ie6 .prize1{
top:0;
left:0;
} */

.prize1, .prize2{
margin:0;
padding:0;
}
.jidougaten_times{
color:#0079ab;
font-size:12px;
font-weight:bold;
width:151px;
text-align:center;
padding:0 5px;
line-height:16px;
position:absolute;
top:125px;
left:0px;
z-index:201;
}
.younen_times{
color:#008d00;
font-size:12px;
font-weight:bold;
width:151px;
text-align:center;
padding:0 5px;
line-height:16px;
position:absolute;
top:125px;
left:0px;
z-index:202;
}
.nikaten_times{
color:#e22a2a;
font-size:12px;
font-weight:bold;
width:151px;
padding:0 5px;
text-align:center;
line-height:16px;
position:absolute;
top:125px;
left:0px;
z-index:203;
}
p.cap_works{
margin:0;
padding:0;
color:#004651;
font-size:12px;
font-weight:bold;
line-height:15px;
text-align:center;
clear:both;
}
p.cap_name{
margin:0;
padding:0;
color:#27a300;
font-size:12px;
font-weight:bold;
line-height:15px;
text-align:center;
}
p.cap_prize{
margin:0;
padding:0;
color:#fe5f69;
font-size:12px;
font-weight:bold;
line-height:15px;
text-align:center;
}

/**** Detail ****/
.detail{
height: auto;
margin: 33px auto 100px;
padding: 0;
position: relative;
width: 750px;
z-index: 3;
}

h2.ttl_prize_works {
background: url("../images/bg_detail_top-trans.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: 'HG丸ｺﾞｼｯｸM-PRO','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 15px;
height: 46px;
line-height: 20px;
margin: 0;
padding: 0;
width: 762px;
}

p.ttl_detail_top {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 auto;
    padding: 20px 0 5px 35px;
    text-align: center;
}
/* .detail{
width:750px;
height:auto;
margin:0;
padding:0;
position:relative;
} */
.goback{
margin:0;
padding:0;
width:62px;
height:33px;
position:absolute;
top:-29px;
right:28px;
}

.detail_middle{
margin:0;
padding:0;
width:762px;
height:auto;
min-height:500px;
background:url("../images/bg_detail_middle-trans.png") repeat-y;
}
p.detail_picture {
    height: auto;
    margin: 0 auto;
    max-height: 700px;
    min-height: 650px;
    padding: 0;
    text-align: center;
    width: 600px;
}

p.detail_picture img{
margin:36px 0;
border:none;
    max-height: 600px;
    object-fit: contain;
}
.prize_name{
clear:both;
text-align:center;
margin-top:20px;
}
p.detail_txt{
margin:0 auto;
padding:0 0 23px 0;
width:500px;
color:#31adc1;
font-size:15px;
font-weight:bold;
text-align:center;
}
span.detail_name{
color:#282828;
font-size:13px;
font-weight:bold;
}
.detail_bottom{
width:762px;
height:30px;
background:url("../images/bg_detail_bottom-trans.png") no-repeat;
}

.prize-type-box{
text-align:center;
}
.prize_type{
padding:9px 40px 20px 0;
display:inline;
background:url("../images/prize-type.gif") no-repeat right center;
}
.ie6 .prize_type{
padding:11px 40px 20px 0;
background:url("../images/prize-type2.gif") no-repeat right center;
}
p.prize-type-txt{
display:inline;
padding:14px 20px 20px 80px;
font-size:15px;
font-weight:bold;
line-height:1;
color:#282828;
background:url("../images/prize-type-left.gif") no-repeat left top;
}
#prev_area{
width:55px;
position:absolute;
top:280px;
left:225px;
}
#next_area {
    left: 883px;
    position: absolute;
    top: 280px;
    width: 55px;
}

/*
----------------------
#footer
---------------------- */

#footer{
clear:both;
width:100%;
padding:20px 0;
text-align:center;
background:#b93a3d;
}
.ie6 #footer,
.ie7 #footer {
position:relative;
z-index:8;
margin-top:-12px;
}
#footer2{
width:960px;
margin:0 auto;
text-align:left;
position:relative;
}

.name{
font-size:16px;
font-weight:bold;
color:#ffffff;
}
.address{
font-size:12px;
color:#ffffff;
padding:10px 0 0 0;
}

#navi_others{
width:445px;
position:absolute;
top:-2px;
left:500px;
}

#navi_others ul{
overflow:hidden;
}

#navi_others li {
float:left;
line-height:0;
}

#navi_others a{
text-align:center;
display:block;
color:#ffffff;
font-size:12px;
text-decoration:none;
}

#navi_others a#menu_o1{
width:80px;
background:#b93a3d;
}
#navi_others a#menu_o2{
width:120px;
background:#b93a3d;
}
#navi_others a#menu_o3{
width:169px;
background:#b93a3d;
}
#navi_others a#menu_o4{
width:76px;
background:#b93a3d;
}

#navi_others a:hover{
color:#db7777;
line-height:normal;
}

.copy{
color:#db7777;
font-size:12px;
font-family:Helvetica, "Lucida Grande", Arial, sans-serif;
position:absolute;
top:25px;
left:640px;
}

#main1 {
clear: both !important;
height: auto !important;
min-height: 700px !important;
overflow: hidden !important;
width: 100% !important;
}
div.kaiagten_menu_box{
display:none;
}
.pulldown {
width:737px;
padding-left:198px;
text-align:right;
}
.under{
min-height:900px;
}
.under2 {
height: auto;
margin: 0;
padding: 0 0 0 198px;
position: relative;
width: 737px;
z-index: 3;
}
h2.under2_top {
background: url("../../../common/images/bg_under_top3-trans.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: 'HG丸ｺﾞｼｯｸM-PRO','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 15px;
height: 45px;
line-height: 20px;
margin: 0;
padding: 0;
width: 737px;
}
p.ttl_detail_top {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 auto;
    padding: 20px 0 5px 35px;
    text-align: center;
}
.under2_middle_content {
height: auto;
margin: 0;
min-height: 650px;
padding: 0;
}
.under2_middle{
margin:0;
padding:0;
width:737px;
height:auto;
background:url("../../../common/images/bg_under_middle3-trans.png") repeat-y;
}
.under2_bottom{
width:737px;
height:30px;
background:url("../../../common/images/bg_under_bottom3-trans.png") no-repeat;
}
.under2 p.txt2 {
text-align:center !important;
}
.under2 p.lead {
padding:0 0 20px 0;
color:#363636;
font-size:14px;
line-height:23px;
}
input, select, textarea {
/* width:147px;
height:23px; */
font-size:13px;
color:#fc528d;
/* background: #ffe8f0 url("../images/bg_pulldown.gif") no-repeat left top; */
background: #ffe8f0;
}
option {
background: #ffe8f0;
font-size:13px;
color:#fc528d;
}

/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width:980px) {
.pulldown{width:100%;padding-left:0;text-align:center;}
#container{padding-left:0;padding-bottom:80px;}
.under2{margin:0 auto;padding-left:0;}

#toTop{
display:none;
}
#toBusmap{
display:none;
}
#headerin {
width:100%;
}

img.anim_img01 {
display:inline;
position:absolute;
top:-315px;
left:-120px;
z-index:0;
}
img.sta_img02{
padding:20px 0 15px 20px;
margin:0;
}
img.anim_img03{
display:none;
}

/************************************************************************************
smaller than 880
*************************************************************************************/
@media screen and (max-width: 880px) {

#container {
margin:0 auto 0;
width:100%;
}
.under {
margin: 0 auto;
width:737px;
}

img.anim_img02, img.anim_img03, img.anim_img04, img.anim_img05, img.anim_img06, img.anim_img07, img.anim_img08, img.anim_img09{
display:none;
}

}

/*
----------------------
#footer
---------------------- */

#footer {
position:static;
}
#footer2 {
width:100%;
position:static;
}

.name {
padding:0 12px;
}
.address{
padding:10px 12px 0;
}

#navi_others {
width:100%;
position:static;
overflow:hidden;
margin:12px 0;
}

.copy {
position:static;
padding:8px 12px;
}


}


/************************************************************************************
smaller than 768
*************************************************************************************/

@media screen and (max-width:768px) {

#container {
margin:0 auto 0;
padding:10px;
width:100%;
}

h1.sta_img01{
position:absolute;
top:0;
left:0;
z-index:1000000;
}
img.anim_img01 {
position:absolute;
top:-291px;
left:-120px;
z-index:0;
}
img.sta_img02{
padding:20px 0 15px 20px;
margin:0;
}
/**** Detail ****/

.detail {
margin: 33px auto 0;
width: 90%;
}
.goback {
margin: 33px 0 0 0;
padding: 0;
position: absolute;
right: 28px;
top: -66px;
}
h2.ttl_prize_works {
background: none repeat scroll 0 0 #68c3d1;
border-radius: 8px 8px 0 0;
height: 40px;
margin: 0 auto;
padding: 0;
width: 96%;
}

.detail_middle {
background: none repeat scroll 0 0 #FFFFFF;
height: auto;
min-height:350px;
margin: 0 auto;
width: 96%;
}

p.detail_picture {
    height: auto;
    margin: 0 auto;
    max-height: 522px;
    min-height: 200px;
    padding: 0;
    text-align: center;
    width: 96%;
}
p.detail_picture img {
    border: medium none;
    margin: 36px auto;
    width: 90%;
}
p.detail_txt {
    color: #31ADC1;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0 0 23px;
    text-align: center;
    width: 100%;
}
.detail_bottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0 0 8px 8px;
margin: 0 auto;
width: 96%;
}

.prize-type-box {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}


}


/************************************************************************************
smaller than 737
*************************************************************************************/

@media screen and (max-width:737px) {
#container{padding:0 0 50px;}
#navi_global{margin-top:0;}
.pulldown{position:relative;margin-top:50px;}
.under{width:100%;margin-top:20px;}
.under2{margin-top:70px;}
#headerin{height:132px;margin-top:0;}
#sub_navi{width:50%;}
}


/************************************************************************************
smaller than 730
*************************************************************************************/

@media screen and (max-width:730px) {
.under2 {
height: auto;
margin: 70px 0 0;
padding: 0;
position: relative;
width: 100%;
z-index: 3;
}
h2.under2_top {
    background: none repeat scroll 0 0 #AEE2FB;
    border-radius: 4px 4px 0 0;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 96%;
}
.under2_middle {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    margin: 0 auto;
    width: 96%;
}
.under2_middle_content {
    height: auto;
    margin: 0;
    min-height: auto !important;
    padding: 0;
}
.under2_middle_content img {
    height: auto !important;
    max-width: 100%;
    width: auto !important;
}

.under2_middle_content img.emoji {
    height: 30px !important;
    width: 30px !important;
}
.under2_bottom {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 4px 4px;
    margin: 0 auto;
    width: 96%;
}
.btn_info_all img {
    width: 98px !important;
}
h3.under2_lead {
    background: url("../../../common/images/line_gray.gif") no-repeat scroll left bottom transparent;
    color: #B93A3D;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 0 0 4px;
}

p.detail_picture {
    height: auto;
    margin: 0 auto;
    max-height: 522px;
    min-height: 200px;
    padding: 0;
    text-align: center;
    width: 96%;
}
p.detail_picture img {
 height: auto !important;
    max-width: 100%;
    width: auto !important;
}
p.ttl_detail_top {
color: #ffffff;
font-size: 15px;
font-weight: bold;
line-height: 20px;
margin: 0 auto;
padding: 10px 0 10px 20px;
text-align: left;
}

}

/************************************************************************************
smaller than 640
*************************************************************************************/

@media screen and (max-width:640px) {
#navi_global{margin-top:32px;}
.pulldown{width:100%;margin-top:0;}
body{
width:100%;
margin:0 auto;
}
#header {
background-image:none;
}
#headerin {
    height: 90px;
    margin-top: 12px;
    position: relative;
}
h1.sta_img01 {
    float: none;
    margin: 0 auto;
    position: relative;
    top: 0;
}
#subnavi_menu {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 8px 8px 0 0;
    margin: 0;
    width: 100%;
}
#main1 {
    clear: both !important;
    height: auto !important;
    min-height: auto !important;
    overflow: hidden !important;
    width: 100% !important;
}
section#main {
    min-height: auto !important;
}

img.anim_img02 {
    left: 823px;
    position: absolute;
    top: -20px;
    z-index: 1;
}
img.anim_img03 {
    left: 20px;
    position: absolute;
    top: 250px;
    z-index: 2;
}
img.anim_img04 {
    bottom: -60px;
    left: 680px;
    position: absolute;
    z-index: 4;
}
.goback {
    margin: 33px 0 0;
    padding: 0;
    position: absolute;
    right: 28px;
    top: -66px;
}

img.sta_img02{
padding:0 0 15px 20px;
margin:0;
}
img.anim_img02{
display:none;
}

/**** #navi_side ****/
#container #navi_side {
width:100%;
min-height:100%;
margin:0 auto 0;
position:relative;
padding-top:0px;
}

#container #sub_navi {
margin:0px auto;
padding:0;
color:#005c6a;
font-size:12px;
font-weight:bold;
height:auto;
}

/*お知らせ*/
#container #info{
width:100%;
height:auto;
margin:0 auto 10px;
position:relative;
top:0;
left:0;
}
#container #info p.infoTop{
width:100%;
height:24px;
margin:0;
padding:5px 0 0 0;
text-indent:10px;
color:#ffffff;
font-size:14px;
font-weight:bold;
background:#31adc1;
-webkit-border-radius:8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
}
#container #info dl{
width:100%;
margin:0;
padding:0;
line-height:23px;
text-indent:0;
height:auto;
background:#daf8fe;
-webkit-border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
}
#container #info dt{
margin:0;
padding:10px;
color:#568289;
font-size:14px;
}
#container #info dd {
font-size: 14px;
text-indent:0;
padding: 0 20px 10px 20px;
}
#container #info p.infoBtm{
display:none;
}
ul.link_works{
margin:0 0 20px 0;
padding:0;
width:100%;
line-height:38px;
list-style-image:none;
list-style-position: inside;
position:relative;
}
ul.link_works li{
margin:0;
padding:0 0 0 15px;
font-size:14px;
font-family:'HG丸ｺﾞｼｯｸM-PRO','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
border-bottom:1px solid #25a8bd;
}

ul.link_works2 li.works2{
width:30%;
margin:0 3.333333% 0 0;
font-size:13px;
display:inline;
}

/**** Works ****/
.box {
margin: 0px auto;
padding:6px;
text-align:left;
}
.box img{
display: block;
overflow:auto;
width: none;
}
.ie7 .col1, .ie8 .col1, .over9 .col1 {
margin: 0;
height:250px;
}
div.kaigaten_menu_box{
margin:0 auto;
width:100%;
text-align:center;
display:block;
}
div.kaigaten_menu_box ul {
margin-bottom: 10px;
}
div.kaigaten_menu_box ul li {
display: inline;
margin-right: 5px;
font-size:90%;
}
div.kaigaten_menu_box ul li.last {
margin-right: 0;
}
.pulldown {
padding-left: 0;
width: 96%;
}
input, select, textarea {
font-size: 120%;
}
.jidougaten_times{
color:#0079ab;
font-size:12px;
font-weight:bold;
width:114px;
text-align:center;
padding:0 5px;
line-height:16px;
position:absolute;
top:98px;
left:0px;
z-index:201;
}
.younen_times{
color:#008d00;
font-size:12px;
font-weight:bold;
width:114px;
text-align:center;
padding:0 5px;
line-height:16px;
position:absolute;
top:98px;
left:0px;
z-index:202;
}
.nikaten_times{
color:#e22a2a;
font-size:12px;
font-weight:bold;
width:114px;
padding:0 5px;
text-align:center;
line-height:16px;
position:absolute;
top:98px;
left:0px;
z-index:203;
}

/ *.prize1{
background:url("../images/prize_s-trans.png") no-repeat;
position:absolute;
top:-7px;
left:-7px;
width:40px;
height:40px;
z-index:105;
} */
.detail_middle {
background: none repeat scroll 0 0 #FFFFFF;
height: auto;
min-height:350px;
margin: 0 auto;
width: 96%;
}

p.detail_picture {
    height: auto;
    margin: 0 auto;
    max-height: 522px;
    min-height: 200px;
    padding: 0;
    text-align: center;
    width: 96%;
}
p.detail_picture img {
    border: medium none;
    margin: 36px auto;
    width: 90%;
}
p.detail_txt {
    color: #31ADC1;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0 0 23px;
    text-align: center;
    width: 100%;
}
.detail_bottom {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0 0 8px 8px;
margin: 0 auto;
width: 96%;
}

.prize-type-box {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}

#prev_area{
width:55px;
position:absolute;
top:46px;
left:100px;
}
#next_area{
width:55px;
position:absolute;
top:46px;
left:410px;
}

#footer {
position: relative;
}

}


/************************************************************************************
iPhone5対応→568px
*************************************************************************************/
@media screen and (max-width:568px) {

/* disable webkit text size adjust (for iPhone) */
html {
-webkit-text-size-adjust:none;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width:480px) {
#prev_area{
width:55px;
position:absolute;
top:46px;
left:80px;
}
#next_area{
width:55px;
position:absolute;
top:46px;
left:270px;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width:479px) {
.ie7 .col1, .ie8 .col1, .over9 .col1 {width: 100%;}
.under {width:none;}
.box {float: none;}
}


/************************************************************************************
smaller than 360
*************************************************************************************/

@media screen and (max-width:360px) {
.prize_type{
padding:0;
display:inline;
background:none;
}
.ie6 .prize_type{
padding:11px 40px 20px 0;
background:none;
}
p.prize-type-txt{
display:inline;
padding:0;
font-size:15px;
font-weight:bold;
line-height:1;
color:#282828;
background:none;
}
#prev_area{
width:55px;
position:absolute;
top:46px;
left:40px;
}
#next_area{
width:55px;
position:absolute;
top:46px;
left:213px;
}
}


/************************************************************************************
smaller than 320
*************************************************************************************/

@media screen and (max-width:320px) {
p.ttl_detail_top {
font-size: 13px;
}
#prev_area{
width:55px;
position:absolute;
top:46px;
left:40px;
}
#next_area{
width:55px;
position:absolute;
top:46px;
left:178px;
}
}