@charset "utf-8";

*{}

#detail .section-09 a:link, #detail .section-09 a:visited{ color:#be9146; text-decoration:underline; outline:none; }
#detail .section-09 a:hover, #detail .section-09 a:active{ color:#a67200; text-decoration:underline; }

@media screen and (min-width: 768px) {
#visual{ background-image:url(../img/img_main_pc.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:960px; }
#detail .shoulder{ padding-bottom:50px; margin-bottom:50px; border-bottom:solid 4px #7c0f80; }
#detail .content p.lead{ margin-bottom:30px; font-size:1.0em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }
#detail .section-01{ margin-left: auto; margin-right: auto; padding-bottom: 60px; margin-bottom:60px; border-bottom:solid 1px #3c3c3c; }
#detail .section-01 .photo-item{ margin-bottom: 60px; text-align: center; }
#detail .section-01 .text-item{ text-align: center; }
#detail .section-01 .text-item .period{ font-size: 1.4em; }
	
#detail .shoulder.head{ padding-bottom:0; margin-bottom:50px; border-bottom:none; }
#detail .section-02{ margin-left: auto; margin-right: auto; margin-bottom:40px; }
#detail .section-02 .photo-item{ margin-bottom: 60px; text-align: center; }
#detail .section-02 .text-item{ text-align: center; }
	
#detail .section-03{ margin-bottom: 40px; }
#detail .section-03 .photo-item{ margin:0 auto; width: 700px; }
	
#detail .section-04{ margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 540px; display: flex; justify-content: space-between; align-items: center; }
#detail .section-04 .photo-item{ flex: 0 1 60px; min-width: 60px; }
#detail .section-04 .text-item{ margin-left: 40px; flex: 1;  }
	
#detail .section-05{ margin-bottom: 60px; text-align:center; }
#detail .section-05 .btn-reserve { margin-bottom: 10px; }
	
#detail .section-06{ margin-left: auto; margin-right: auto; padding-top: 60px; margin-bottom:120px; border-top:solid 1px #3c3c3c; }
#detail .section-06 .mitsui{ display: flex; margin: 0 auto 20px; width: 600px; }
#detail .section-06 .mitsui-logo { flex: 0 1 230px; min-width: 230px; display: flex; justify-content: center; align-items: center; background-color: #e3dfdf; }
#detail .section-06 .mitsui-logo span { display: block; width: 200px; }
#detail .section-06 .mitsui-logo span img { width: 100%; height: auto; }
#detail .section-06 .mitsui-description { flex: 1; background-color: #fff; color: #333; padding: 20px; line-height: 1.8; }
#detail .section-06 .hosso{ display: flex; margin: 0 auto; width: 600px; }
#detail .section-06 .hosso-logo { flex: 0 1 230px; min-width: 230px; display: flex; justify-content: center; align-items: center; background-color: #e3dfdf; }
#detail .section-06 .hosso-logo span { display: block; width: 200px; }
#detail .section-06 .hosso-logo span img { width: 100%; height: auto; }
#detail .section-06 .hosso-description { flex: 1; background-color: #fff; color: #333; padding: 20px; line-height: 1.8; }
	
#detail .section-07{ width: 700px; margin-left: auto; margin-right: auto; margin-bottom:40px; }
#detail .section-07 .photo-item{ margin-bottom: 60px; text-align: center; }
#detail .section-07 .text-item{ text-align: center; }
#detail .section-07 .feature{ margin-left:auto; margin-right:auto; width: 700px; padding: 20px; border: solid 1px #fff; text-align: left; box-sizing: border-box; }
#detail .section-08{ margin-bottom:100px; margin-bottom:40px; padding-bottom:40px; border-bottom:solid 1px #3c3c3c; }
#detail .section-08 .btn-obo{ text-align:center; }

#detail .section-09{ padding-bottom:50px; border-bottom:solid 1px #3c3c3c; }
#detail .section-09 .title{ margin-bottom:40px; }
#detail .section-09 .artofblending{ margin-bottom:30px; }
#detail .section-09 .item-unit{ margin-bottom:50px; }
#detail .section-09 .item{ margin-bottom:40px; }
#detail .section-09 .item.last{ margin-bottom:0px; }
#detail .section-09 .subtitle{ margin-bottom:10px; }
#detail .section-09 .btn-obo{ text-align:center; }
}

@media screen and (max-width: 768px) {
#visual{ background-image:url(../img/img_main_sp.jpg); filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#detail .inr{ margin:0 auto; width:270px; }
#detail .shoulder{ padding-bottom:25px; margin-bottom:25px; border-bottom:solid 2px #7c0f80; }
#detail .shoulder span{ display:block; margin:0 auto; width:277px; }
#detail .content p.lead{ margin-bottom:30px; font-size:.9em; line-height:2.0em; }
#detail .content p.last{ margin-bottom:0px; }
#detail .section-01{ margin-bottom:40px; border-bottom:solid 1px #3c3c3c; padding-bottom: 40px; }
#detail .section-01 .photo-item{ margin-bottom:15px; }
#detail .section-01 .text-item{  }
#detail .section-01 .text-item .period{ font-size: 1.1em; text-align: center;}
	
#detail .shoulder.head{ padding-bottom:0; margin-bottom:25px; border-bottom:none; }
#detail .shoulder.head span{ width:270px; }
#detail .section-02{ margin-bottom:40px; }
#detail .section-02 .photo-item{ margin-bottom:15px; }
#detail .section-02 .text-item{  }
	
#detail .section-03{ margin-bottom: 30px; }
#detail .section-03 .photo-item{ margin:0 auto; width: 270px; }
	
#detail .section-04{ margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; }
#detail .section-04 .photo-item{ flex: 0 1 50px; min-width: 50px; }
#detail .section-04 .text-item{ margin-left: 20px; flex: 1;  }
	
#detail .section-05{ margin-bottom: 40px; text-align:center; }
#detail .section-05 .btn-reserve { margin: 0 auto; margin-bottom: 10px; width:270px; }

#detail .section-06{ margin-left: auto; margin-right: auto; padding-top: 40px; margin-bottom:60px; border-top:solid 1px #3c3c3c; }
#detail .section-06 .mitsui{ margin-bottom: 10px; }
#detail .section-06 .mitsui-logo { background-color: #e3dfdf; padding: 12px 0 8px; }
#detail .section-06 .mitsui-logo span { display: block; margin: 0 auto; width: 109px; }
#detail .section-06 .mitsui-description { font-size: 0.9em; background-color: #fff; color: #333; padding: 16px; line-height: 1.8; }
#detail .section-06 .hosso{  }
#detail .section-06 .hosso-logo { background-color: #e3dfdf; padding: 12px 0 8px; }
#detail .section-06 .hosso-logo span { display: block; margin: 0 auto; width: 178px; }
#detail .section-06 .hosso-description { font-size: 0.9em; background-color: #fff; color: #333; padding: 16px; line-height: 1.8; }
	
#detail .section-07{ margin-bottom:40px; }
#detail .section-07 .photo-item{ margin-bottom:15px; }
#detail .section-07 .text-item{  }
#detail .section-07 .text-item .box{ padding: 10px; border: solid 1px #3c3c3c; font-size: .95em; }
#detail .section-07 .feature{ padding: 12px; border: solid 1px #fff; text-align: left; }
#detail .section-08{ margin-bottom:40px; }
#detail .section-08 .btn-obo{ margin:0 auto; width:230px; }

#detail .section-09{ padding-bottom:40px; border-bottom:solid 1px #3c3c3c; }
#detail .section-09 .title{ margin-bottom:15px; }
#detail .section-09 .item-unit{ margin-bottom:40px; }
#detail .section-09 .item{ margin-bottom:25px; }
#detail .section-09 .item.last{ margin-bottom:0px; }
#detail .section-09 .subtitle{ margin-bottom:5px; }
#detail .section-09 h5.oboyoko span{ display:block; margin:0 auto; width:65px; }
#detail .section-09 h6.kaisai span{ display:block; width:59px; }
#detail .section-09 h6.kaijo span{ display:block; width:36px; }
#detail .section-09 h6.tosenshasu span{ display:block; width:59px; }
#detail .section-09 h6.program span{ display:block; width:93px; }
#detail .section-09 h6.sankahi span{ display:block; width:47px; }
#detail .section-09 h6.obokikan span{ display:block; width:59px; }
#detail .section-09 h6.tosenhappyo span{ display:block; width:59px; }
#detail .section-09 h6.obojoken span{ display:block; width:59px; }
#detail .section-09 h6.event span{ display:block; width:209px; }
#detail .section-09 h6.cancel span{ display:block; width:116px; }
#detail .section-09 .btn-obo{ margin:0 auto; width:230px; }
	
#detail .shoulder.next span{ display:block; margin:0 auto; width:277px; }
}