@charset "utf-8";

*{}

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

#detail .swiper-button-prev,
#detail .swiper-button-next {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	background-image: url("../img/ico_slide_next.png");
	transform: translateY(-50%);
}
#detail .swiper-button-prev {
	background-image: url("../img/ico_slide_prev.png");
}
#detail .swiper-button-next {
	background-image: url("../img/ico_slide_next.png");
}
#detail .swiper-button-disabled {
	display: none;
}
#detail .slide-image-box p { margin-top: 12px; }
#detail .slide-image-box p:first-child { margin-top: 0; }

@media screen and (min-width: 768px) {
#detail .swiper-button-prev,
#detail .swiper-button-next {
	width: 36px;
	height: 36px;
}
#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{ margin-bottom:50px; }
#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: 0 auto; margin-bottom:50px; padding-bottom:50px; border-bottom:solid 1px #3c3c3c; }
#detail .section-01 .text-item{ text-align: center; }

#detail .section-02{ margin: 0 auto; margin-bottom:50px; padding-bottom:50px; border-bottom:solid 1px #3c3c3c; }
#detail .section-02 .text-item{ text-align: center; margin-bottom:50px; }
#detail .section-02 .conceptmovie { margin: 0 auto; margin-bottom: 20px; width: 600px; }
#detail .section-02 .conceptmovie .title{ margin-bottom:15px; text-align: center;}
#detail .section-02 .conceptmovie .movie{ border: solid 1px #8b8b8b; overflow: hidden; }
/*
#ytmovie{ display:none; }
#ytmovie_sp{ display:none; }
*/
#ytmovie {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
#ytmovie iframe{ 
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
#detail .section-02 .hosso{ display: flex; margin: 0 auto; width: 600px; }
#detail .section-02 .hosso-logo { flex: 0 1 230px; min-width: 230px; display: flex; justify-content: center; align-items: center; background-color: #e3dfdf; }
#detail .section-02 .hosso-logo span { display: block; width: 200px; }
#detail .section-02 .hosso-logo span img { width: 100%; height: auto; }
#detail .section-02 .hosso-description { flex: 1; background-color: #fff; color: #333; padding: 20px; line-height: 1.8; }

#detail .section-03{ margin: 0 auto; margin-bottom:50px; padding-bottom:50px; border-bottom:solid 1px #3c3c3c; }
#detail .section-03 .head-item { text-align: center; margin-bottom: 30px; font-size: 1.4em; line-height: 1.4; }
#detail .section-03 .text-item{ text-align: center; margin-bottom: 30px; }

#detail .section-04{ margin: 0 auto; margin-bottom:50px; }
#detail .section-04 .head-item { text-align: center; margin-bottom: 30px; font-size: 1.4em; line-height: 1.4; }
#detail .section-04 .text-item{ text-align: center; margin-bottom: 30px; }
#detail .section-04 .photo-items-primary { margin-bottom: 12px; }
#detail .section-04 .photo-items-primary-left { float: left; width: 474px; }
#detail .section-04 .photo-items-primary-right { float: right; width: 474px; }
#detail .section-04 .photo-items-secondary-01 { float: left; width: 474px; }
#detail .section-04 .photo-items-secondary-02 { float: right; width: 474px; }
#detail .section-04 .photo-items-secondary-left {float: left; width: 231px;}
#detail .section-04 .photo-items-secondary-right {float: right; width: 231px;}

#detail .section-05{ margin: 0 auto; margin-bottom:80px; }
#detail .section-05 .text-item{ text-align: center; margin-bottom: 30px; }

#detail .section-06{ margin: 0 auto; width: 450px; }
#detail .section-06 .txt-story{ margin-bottom: 10px; text-align: center; }
}

@media screen and (max-width: 768px) {
#detail .swiper-button-prev,
#detail .swiper-button-next {
	width: 18px;
	height: 18px;
}
#detail .swiper-button-prev {
	left: 4px;	
}
#detail .swiper-button-next {
	right: 4px;	
}
#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{ margin-bottom:30px; }
#detail .shoulder span{ display:block; margin:0 auto; width:253px; }
#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; padding-bottom:40px; border-bottom:solid 1px #3c3c3c; }
#detail .section-01 .text-item{  }

#detail .section-02{ margin-bottom:40px; padding-bottom:40px; border-bottom:solid 1px #3c3c3c; }
#detail .section-02 .text-item{ margin-bottom:40px; }
#detail .section-02 .conceptmovie { margin-bottom: 20px; }
#detail .section-02 .conceptmovie .title{ margin-bottom:10px; }
#detail .section-02 .conceptmovie .title span{ display:block; margin:0 auto; width:103px; line-height: 1; }
#detail .section-02 .conceptmovie .movie{ border: solid 1px #8b8b8b; overflow: hidden; }
/*
#ytbtnplay{ display:none; }
#ytmovie{ display:none; }
#ytmovie_sp{  }
*/
#ytmovie {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
#ytmovie iframe{ 
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
#detail .section-02 .hosso{  }
#detail .section-02 .hosso-logo { background-color: #e3dfdf; padding: 12px 0 8px; }
#detail .section-02 .hosso-logo span { display: block; margin: 0 auto; width: 178px; }
#detail .section-02 .hosso-description { font-size: 0.9em; background-color: #fff; color: #333; padding: 16px; line-height: 1.8; }

#detail .section-03{ margin-bottom:40px; padding-bottom:40px; border-bottom:solid 1px #3c3c3c; }
#detail .section-03 .head-item { text-align: center; margin-bottom: 20px; font-size: 1.2em; line-height: 1.4; }
#detail .section-03 .text-item{ margin-bottom: 20px; }
	
#detail .section-04{ margin-bottom:40px; }
#detail .section-04 .head-item { text-align: center; margin-bottom: 20px; font-size: 1.2em; line-height: 1.4; }
#detail .section-04 .text-item{ margin-bottom: 20px; }
#detail .section-04 .photo-items-primary { margin-bottom: 15px; }
#detail .section-04 .photo-items-primary-left { margin-bottom: 15px; }
#detail .section-04 .photo-items-secondary-01 { margin-bottom: 15px; }
#detail .section-04 .photo-items-secondary-left {float: left; width: 132px;}
#detail .section-04 .photo-items-secondary-right {float: right; width: 132px;}
	
#detail .section-05{ margin-bottom:40px; }
#detail .section-05 .text-item{ margin-bottom: 20px; }

#detail .section-06{  }
#detail .section-06 .txt-story{ margin-bottom: 10px; text-align: center; }
}