@charset "UTF-8";
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 28px;
    margin: 0 0 20px;
}
.movie_Ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  text-align: center;
}
.font27 {
    font-size: 27px;
    line-height: 1.5;
}
/*.item-detail-data__link-target {
    padding: 7px 30px 8px 0px !important;
    font-size: 14px !important;
}*/

/* 囲み文字 */
.sub_tit {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.13em;
    border: 1px solid #333;
    margin: 1em 0 0.5em 0;
    padding: 2px 10px;
    display: inline-block;
}
.sub_tit2 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.13em;
    border: 1px solid #333;
    margin: 0 0 0.5em 0;
    padding: 2px 10px;
    display: inline-block;
}

/* 注釈文インデント */
.text_left { 
    text-align: left; 
}
.text_left2 {
    text-align: left;
	padding-left:0.5em;
	text-indent:-0.5em;
}
.text_left3 {
    text-align: left;
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width: 766px) {
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 20px;
}
/*--  SP画像横幅調整  -----*/
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .txtArea {
  width:calc(100% - 10px) !important;
  float: none;
  margin:0 5px 0 5px;
}
    
.font27 { font-size: 18px; }
}

/*--  テキスト＆画像レイアウト  -----*/
.txt-image { margin: 0 auto; width: 900px; display: flex; }
.txt { width: 50%; margin-right: 40px; }
.image {width: 50%; }
/* sp */
@media screen and (max-width: 766px) {   
.txt-image { margin: 50px 0px 50px 25px; width: 100%; max-width: 320px; display: flex; flex-wrap: wrap; }
.txt { width: 100%; max-width: 320px;  margin-right: 0px; }
.image { margin: 20px 0 0; width: 100%; max-width: 320px; }
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.txt-image { margin: 50px auto; max-width: 718px; padding: 50px 20px; display: flex; }
.txt { width: 50%; margin-right: 25px; }
.image {width: 50%; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.txt-image { margin: 50px auto; max-width: 718px; padding: 50px 20px; display: flex; }
.txt { width: 50%; margin-right: 25px; }
.image {width: 50%; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.txt-image { margin: 50px auto; max-width: 900px; padding: 50px 25px; display: flex; }
.txt { width: 50%; margin-right: 30px; }
.image {width: 50%; }
}

/*-- 画像＆画像レイアウト  -----*/
.image-image { margin: 30px auto 0 ; width: 900px; display: flex; }
.image-L { width: 435px; margin-left: 10px;}
.image-R { width: 435px; margin-right: 10px;}

/* sp */
@media screen and (max-width: 766px) {   
.image-image { margin: 0; width: 100%; display: flex; flex-wrap: wrap; }
.image-R,.image-L { margin: 30px 0 0; width: 100%; max-width: 320px; }
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.image-image { margin: 30px auto 0 ; width: 100%; max-width: 718px; padding: 0 20px; display: flex; }
.image-L {width: 339px; margin-left: 10px;}
.image-R {width: 339px; margin-right: 10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.image-image { margin: 30px auto 0 ; width: 100%; max-width: 718px; padding: 0 20px; display: flex; }
.image-L {width: 339px; margin-left: 10px;}
.image-R {width: 339px; margin-right: 10px;}
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.image-image { margin: 30px auto 0 ; max-width: 9000px; padding: 0 25px; display: flex; }
.image-L { width: 435px; margin-left: 10px;}
.image-R { width: 435px; margin-right: 10px;}
}

/*-- テキスト 余白 -----*/
.text_space { margin: 0 25px !important; }
/* sp */
@media screen and (max-width: 766px) {   
.text_space { margin: 0 0 !important; }
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.text_space { margin: 0 0 !important; }
} 
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.text_space { margin: 0 0 !important; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.text_space { margin: 0 25px !important; }
}

/*-- 注釈文 余白 -----*/
.notes_space { margin: 20px 25px 0 !important; }
    
/* sp */
@media screen and (max-width: 766px) {   
.notes_space { margin: 20px 0 0 !important; }
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.notes_space { margin: 20px 0 0 !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.notes_space { margin: 20px 0 0 !important; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.notes_space { margin: 20px 25px 0 !important; }
}

/* コンテンツ間余白調整 */
/* pc */
.MT01 { margin-top: -80px !important; }
.MT02 { margin-top: 45px !important; }
.MT03 { margin-top: -150px !important; }
.MT04 { margin-top: -110px !important; }
.MT05 { margin-top: -80px !important; }
.MT06 { margin-top: -80px !important; }
.MT07 { margin-top: -80px !important; }
.MT08 { margin-top: 0px !important; }
.MT09 { margin-top: -70px !important; }
.MT10 { margin-top: 0px !important; }
.ML01 { margin-left: 25px !important; }
.MoTit { margin-top: 0px; } /* 動画top-margin */
/* sp */
@media screen and (max-width: 766px) {   
.MT01 { margin-top: 0px !important; }
.MT02 { margin-top: 45px !important; }
.MT03 { margin-top: -45px !important; }
.MT04 { margin-top: -80px !important; }
.MT05 { margin-top: 0px !important; }
.MT06 { margin-top: 0px !important; }
.MT07 { margin-top: -40px !important; }
.MT08 { margin-top: -60px !important; }
.MT09 { margin-top: -20px !important; }
.MT10 { margin-top: 0px !important; }
.ML01 { margin-left: 25px !important; }   
.MoTit { margin-top: -10px !important; }  /* 動画top-margin */
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1365px) {
.MT01 { margin-top: 0px !important; }
.MT02 { margin-top: 45px !important; }
.MT03 { margin-top: -85px !important; }
.MT04 { margin-top: -190px !important; } 
.MT05 { margin-top: -80px !important; }  
.MT06 { margin-top: -40px !important; } 
.MT07 { margin-top: -20px !important; } 
.MT08 { margin-top: 0px !important; }
.MT09 { margin-top: -50px !important; }
.MT10 { margin-top: -60px !important; }
.ML01 { margin-left: 25px !important; }
}
/* PC/tablet */
@media screen and (min-width: 1024px) and (max-width: 1365px) {
.MT01 { margin-top: 0px !important; }
.MT02 { margin-top: 45px !important; }
.MT03 { margin-top: -85px !important; }
.MT04 { margin-top: -180px !important; }  
.MT05 { margin-top: -40px !important; }    
.MT06 { margin-top: -40px !important; } 
.MT07 { margin-top: -40px !important; } 
.MT08 { margin-top: 0px !important; } 
.MT09 { margin-top: -30px !important; } 
.MT10 { margin-top: -40px !important; }  
.ML01 { margin-left: 25px !important; }
}

/* 2カラム余白調整 */
@media screen and (min-width: 1280px) {
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea {
    max-width: 470px;
    float: left;
    padding-right: 30px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea {
    max-width: 440px;
    float: right;
 }
}  
@media screen and (min-width: 767px) and (max-width: 1279px) {
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea img,
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3 img {
  width: 100%;
  max-width: 440px;
}
} 

/* tablet:リード文横幅調整 */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.item-detail-intro__desc {
    width: 80% !important;
    padding-right: 30px !important;
    font-size: 15px;
    line-height: 2;
}
} 

/* スマホ用<br> */
@media screen and (max-width:414px) {
	.br-sp { display: block; }
	.br-tb { display: none; }
	.br-pc { display: none; }
}
/* tablet用<br> */
@media only screen and (min-width:415px) and (max-width:834px) {
	.br-sp { display: none; }
	.br-tb { display: block; }
	.br-pc { display: none; }
}
/* pc用<br> */
@media screen and (min-width:835px) {
	.br-sp { display: none; }
	.br-tb { display: none; }
	.br-pc { display: block; }
}