@charset "utf-8";
/*----------------------------------------------------------------------------------
---------------------------------インポート------------------------------------------
----------------------------------------------------------------------------------*/
@import url("./detail.css");
#contents_section > div{margin-bottom: 100px;}
#banner_section ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	position: relative;
	padding: 0 2.5%;
}
#banner_section ul li{
	position: relative;
	width: 23.5%;
	margin-bottom: 20px;
}
#banner_section ul::after{
	content: " ";
	width: 23.5%;
	height: 0;
}
#contents_section .notesbox{
	font-size: 1.4rem;
	margin: 0 0 70px;
	border: solid 1px #e0dca8;
	background-color: #fffcd9;
	padding: 30px 2.5%;
}


/*----------------------------------------------------------------------------------
--------------------------------全デバイス共通---------------------------------------
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	#banner_section ul li a:hover{opacity: .6;}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) and (min-width:641px){
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
	#contents_section > div{margin-bottom: 50px;}
	#banner_section ul li{
		width: 48%;
	}
	#contents_section .notesbox{
		font-size: 1.3rem;
		margin: 0 0 40px;
		padding: 20px 6%;
	}
	
	#contents_section .detail_sp_ac_title01 {
		width:111.5%;
		margin-left:-6%;

	}
	#contents_section .detail_sp_ac {
		margin-right:-5%;
	}
}


/*----------------------------------------------------------------------------------
追加css
----------------------------------------------------------------------------------*/
.boxLeft     { background:url(https://dist.joshinweb.jp/img/200505/img_main_tab/detail_back_left.gif)  repeat-y; width:10; }
.boxRight    { background:url(https://dist.joshinweb.jp/img/200505/img_main_tab/detail_back_right.gif) repeat-y; width:10; }
.boxBtmBtm   { background:url(https://dist.joshinweb.jp/img/200505/img_main_tab/detail_tab_under_line.gif) repeat-x; width:100%; height:10; }

#contents_info_area .contents_info_area_rapper .info_rightbox .info_rightbannerarea ul li a img{
	width: 100%;
}
#contents_info_area .contents_info_area_rapper .info_leftbox .info_packagebox {
 text-align: center;
}
#contents_info_area .contents_info_area_rapper .info_leftbox .info_packagebox img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
#contents_info_area .contents_info_area_rapper .info_centerbox .info_titlebox02_list04 ul li a img{
    width:auto;
    height:auto;

}
#contents_info_area .contents_info_area_rapper .info_leftbox .info_iconbox:empty{
  display: none;
}
#section3 .detail_sp_ac_body.detail_sp_ac_body_open .feature_areastyle02:empty{
  display: none;
}
#contents_section .notesbox:empty{
  display: none;
}
.info_titlebox02 .info_titlebox02_list04:empty{
  display: none;
}

.feature_areastyle03 table:empty{
  display: none;
}
#second_layout .more_link a::before {
    top: 5px;
}
#second_layout .more_link a::after {
    top: 10px;
}
#contents_section .review_liststyle01 .review_list_head .review_list_head_name {
    width: 20%;
}
@media screen and (max-width:640px){
  #contents_section .review_liststyle01 .review_list_head .review_list_head_name {
    width: 45%;
    text-align:left;
    padding: 8px;
  }
}
#contents_info_area .contents_info_area_rapper .info_rightbox .info_rightmaincontents .buttonbox .main_button_style04 a{
    background-color: #615757;
    background-image: none;
    background-size: auto 60%;
    color: #fff;
    font-size: 1.7rem;
    padding: 15px 2em;
}
.sponly_section .main_button_style04 a{
    background-color: #615757;
    background-image: none;
    background-size: auto 60%;
    color: #fff;
    font-size: 1.7rem;
    padding: 15px 2em;
}
#content_section {
    max-width: 1260px;
    box-sizing: border-box;
    padding: 0 18.75px;
    margin: 0 auto;
    width:100%;
}
#detail_maincontents_pattern {
	width:100%;
}
#maincategory_section img{
    height: fit-content;
}
#contents_section .feature_contents img{
    height: fit-content;
}
#contents_section .feature_contents img[src$="detail_tab_line.gif"]{
    height: 1px;
}
#mv_section #mv_box .thumb-item-nav li {
    padding-bottom: 10px;
    height: auto;
}
.slick-initialized .slick-slide {
    display: block;
    height: auto;
}

}
/*IEバグ*/
.tabstyle01 > li > a{
    height: auto;
}

 a p.web_link:hover {
    color: inherit;
    text-decoration:underline;
}
#contents_section .feature_areastyle03 table{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 2;
    color: #615757;
}
#contents_section .feature_tablenstyle01 .td_long{
    width:70%;
}
#contents_section .feature_tablenstyle01 .td_short{
    width:20%;
}
.artist a:hover{
    text-decoration: underline;
    color: #ec0303;
}
#second_layout {
    margin-bottom:0px;
}
@media screen and (max-width:640px){
	#contents_section .detail_sp_h2_title01{
		font-size: 1.8rem;
		margin-top: 20px;
		margin-bottom: 40px;
		padding-bottom: 16px;
	}
	#detail_flexbox {
		z-index: 10;
	}
}
#contents_section .feature_navi.navifixed ul{max-width: 1222.5px;}
.movie_frame{
  position: relative;
  width: 90%;
  max-width: 620px;
  margin: 2vh auto;
}
.movie_frame:before{
    content: "";
    display: inline-block;
    padding-top: 56.25%;
}
.movie_frame iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.non_item{
	background:#615757;
	padding:3px 5px;
	color:#fff;
	font-size: 1.1rem;
	text-align: center;
}

.panel div.more_link{
line-height: 1.5em;
display:block;
padding-left:0;
}
.panel > div{
display:inline-block;
padding-left:1.5em;
}