@charset "UTF-8";

/* 見出し */

.otherPageTtl1 {

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;

    font-weight: bold;

    font-size: 28px;

    line-height: 1.5em;

    margin: 0 0 30px;

}

@media screen and (min-width: 767px) and (max-width: 1279px) {

.otherPageTtl1 {

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;

    font-weight: bold;

    font-size: 24px;

    line-height: 1.5em;

    margin: 0 0 30px;

    }

}

@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: 22px;

     margin: 0 0 20px;

    }

}



/* テキスト：インデント */

.t-indent {

  padding-left: 1.5em;

  text-indent: -1.5em;

}



/* 3カラム */

.mode {

    margin-top: 40px;

}

.column2 {

    display: flex;

    justify-content: space-between;

}

.column2__item {

    width: 50%;

    box-sizing: border-box;

}

.column2__item:first-child {

    padding-right: 20px;

}

.column2__item:last-child {

    padding-left: 20px;

}

.column2__item--1to3:last-child {

    width: 33.3%;

    padding-left: 26px;

}

.column2__item--2to3:first-child {

    width: 66.6%;

    padding-right: 14px;

}

.column2 p {

    margin-top: 10px;

    text-align: center;

}

@media screen and (max-width: 766px) {

.mode {

     margin-top: 40px;

    }

.column2 {

     flex-direction: column;

     justify-content: center;

    }

.column2__item {

    width: 100% !important;

    }

.column2__item + .column2__item {

     margin-top: 30px;

    }

.column2__item:first-child, .column2__item:last-child {

     padding: 0;

    }

.column2 img {

     margin: 0 auto;

    }

}



/* 写真：テキスト2カラム */

.tipsBox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 30px;

}

.tipsBox > * {

	width: 48.4375%;

	text-align: left;

}

.tipsBoxWrap + .tipsBoxWrap {

	margin-top: 100px;

}

.tipsBoxWrap:nth-child(odd) .tipsBoxImg {

	order: 1;

}

.tipsBoxWrap:nth-child(odd) .tipsBoxMain {

	order: 2;

}

.tipsBoxWrap:nth-child(even) .tipsBoxImg {

	order: 2;

}

.tipsBoxWrap:nth-child(even) .tipsBoxMain {

	order: 1;

}

.tipsBox > .tipsBoxMain .item-detail-intro__hdg {

	line-height: 1.1;

}

@media screen and (max-width: 766px) {

.tipsBox {

		flex-direction: column;

}

.tipsBoxWrap:nth-child(odd) .tipsBoxImg,

.tipsBoxWrap:nth-child(even) .tipsBoxImg {

		order: 1;

		width: 100%;

}

.tipsBoxWrap:nth-child(odd) .tipsBoxMain,

.tipsBoxWrap:nth-child(even) .tipsBoxMain {

		order: 2;

		width: 100%;

}

.tipsBox > .tipsBoxMain .item-detail-intro__hdg {

		text-align: center;

}

.twoClm + .twoClm {

		margin-top: 10px;

    }

}



/* レイアウト調整 */

.otherPageBoxOtl2.column-module-5_6 .twoClm {

        width: 960px !important;

        margin: 0 auto;

}

.otherPageBoxOtl2.column-module-5_6 .areaL {

    float: left;

    width: 450px !important;

}

.otherPageBoxOtl2.column-module-5_6 .areaR {

    float: left;

    width: 450px !important;

    margin-left: 30px;

}

.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea,

.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {

    margin-top: 15px;

    max-width:450px !important;

}

.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img, 

.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {

    width: 100%;

}

.otherPageBoxOtl2.column-module-5_6 .areaL p,

.otherPageBoxOtl2.column-module-5_6 .areaR p{

   padding-top: 12px;

   margin: 0 auto;

   width: 450px;

   text-align: left;

}

@media screen and (min-width: 767px) and (max-width: 1279px) {

.otherPageBoxOtl2.column-module-5_6 .twoClm {

    width: 710px !important;

    max-width: 760px;

    margin: 0 auto;

}

.otherPageBoxOtl2.column-module-5_6 .areaL p,

.otherPageBoxOtl2.column-module-5_6 .areaR p{

   padding-top: 12px;

   margin: 0 auto;

   width: 340px;

   text-align: left;

    }

}

@media screen and (max-width: 766px) {

.otherPageBoxOtl2.column-module-5_6 .twoClm {

    width: 100% !important;

    margin: 0 auto;

}

.otherPageBoxOtl2.column-module-5_6 .areaL {

    width: 100% !important;

}

.otherPageBoxOtl2.column-module-5_6 .areaR {

    width: 100% !important;

    margin-left: 0px;

    margin: 0px auto !important;

}

.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea, 

.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {

     margin-top: 15px;

     width: 100%;

     text-align: center;

    }

.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img, 

.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {

     width: 100% !important;

    }

.otherPageBoxOtl2.column-module-5_6 .areaL p,

.otherPageBoxOtl2.column-module-5_6 .areaR p{

    padding-top: 12px;

    margin: 0 auto;

     width: 100% !important;

   text-align: left;

    }

}



/* スマホ用<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; }

}

/* 画像サイズ調整 */
.item-detail img.fit-actual_title{
    height: 31px;
}

.item-detail img.fit-actual_img01{
    height: 312px;
}

.item-detail img.fit-actual_img02{
    height: 340px;
}

@media (min-width: 767px){
    .item-detail-intro__text--inner{
        max-width: 100%;
    }
}