@charset "utf-8";

/* index */
#bnr{
    margin-bottom: 20.0rem;
}
#bnr p.note{
    margin-top: 4.5rem;
    font-size: 1.4rem;
	color: #666;
    padding-left: 1em;
    text-indent:-1em;
}

.info3{
    color: #C0C0C0;
    margin-bottom: 9.0rem;
}
.info3 > div.row{
    margin-bottom: 4.5rem;
}
.info3 h1{
    font-family: 'Mansalva', cursive;
    letter-spacing: -0.05rem;
    color:#F68706;
}
.info3 h1 img{
    width: 4.0rem;
    margin-bottom: 1.0rem;
}
.line {
    margin-top: 12.0rem;
	height:0;
	border:0;
	border-top:0.1rem solid #333;
	border-bottom:0.1rem solid #111111;
}

/* 各モデルページ */
#model-lead{
    margin: 0 auto 2.0rem auto;
}
#model-lead h1{
    font-weight: 700;
    letter-spacing: -0.1rem;
	padding-bottom: 1.5rem;
	border-bottom: 0.1rem dashed #999;
}
@media screen and (max-width : 575.98px) {
    #model-lead{
        margin-top: 4.5rem;
    }
    #model-lead h1{
        font-size: 1.8rem;
    }
}
@media screen and (min-width:576px) and (max-width : 767px) {
    #model-lead{
        margin-top: 4.5rem;
    }
    #model-lead h1{
        font-size: 2.0rem;
    }
}
@media screen and (min-width:768px) and (max-width : 991px) {
    #model-lead{
        margin-top: 6.0rem;
    }
    #model-lead h1{
        font-size: 2.1rem;
    }
}
@media screen and (min-width : 992px) {
    #model-lead{
        margin-top: 9.0rem;
    }
    #model-lead h1{
        font-size: 2.7rem;
    }
}
#model-main{
    margin-bottom: 3.0rem;
}
#model-main p.description{ /* ベタ組にした。*/
    font-feature-settings: "palt" 0; 
    letter-spacing: -0.05rem;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 3.0rem;
    font-size: 1.5rem;
}
#model-main p.price{
    font-size: 1.4rem;
	color: #FF7600;
}
#model-main p.note{
    margin-top: 4.5rem;
    font-size: 1.4rem;
	color: #666;
    padding-left: 1em;
    text-indent:-1em;
}
#model-main p.price > span{
    font-size: 1.4rem;
    color: #ccc;
}
#model-photo{
    margin-bottom: 18.0rem;
}
.photo{
	overflow: hidden;
	margin: 0;
}
.photo a img{
	cursor: zoom-in;
    transition: all 0.3s linear;
}
.photo a img:hover{
    transform: translateY(-1.0rem);
    box-shadow: 0.75rem 0.75rem 0.75rem rgba(0,0,0,1.0);
    opacity: 1.0;
}
.detail-photo{
    border: 0.1rem solid #666;
    margin-top: 3.0rem;
}

/* intro.html、2nd.html */
#info, #info2{ /* ベタ組にした。*/
    font-feature-settings: "palt" 0; 
    letter-spacing: -0.05rem;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 10.0rem auto 12.0rem auto;
    font-size: 1.8rem;
    font-weight: 500;
}
#attention{
    margin: 0 auto;
    text-align: center;
}
#attention p{ /* ベタ組にした。*/
    font-feature-settings: "palt" 0; 
    letter-spacing: -0.05rem;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 1.0rem;
    font-size: 1.4rem;
    text-align: left;
    color: #8B6239;
}
#attention img{
    max-width: 8.0rem;
}
#next{
    margin: 18rem auto 10rem auto;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500;
}
#mutual{
    margin: 18rem auto 10rem auto;
}
@media screen and (min-width:992px) and (max-width:1199.98px) {
    #info, #next{
        font-size: 1.6rem;
    }
}
@media screen and (max-width:991.98px) {
    #info, #next{
        font-size: 1.4rem;
    }
}
#od p, #ds p{ /* ベタ組にした。*/
    font-feature-settings: "palt" 0; 
    letter-spacing: -0.05rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
@media screen and (min-width:1200px) {
    #od{
        max-width: 1400px;
        height:80.0rem;
        background: #000 url("../img/od.jpg") center/contain no-repeat;
        display: flex;
        align-items: center;
    }
    #ds{
        max-width: 1400px;
        height:80.0rem;
        background: #000 url("../img/ds.jpg") center/contain no-repeat;
        display: flex;
        align-items: center;
    }
    #od p, #ds p{ 
        font-size: 1.8rem;
        font-weight: 500;
        text-shadow: 0.2rem 0.2rem 0.1rem rgba(0,0,0,1.00);
    }
}
@media screen and (min-width:992px) and (max-width:1199.98px) {
    #od{
        height:70.0rem;
        background: #000 url("../img/od.jpg") center/contain no-repeat;
        display: flex;
        align-items: center;
    }
    #ds{
        height:70.0rem;
        background: #000 url("../img/ds.jpg") center/contain no-repeat;
        display: flex;
        align-items: center;
    }
    #od p, #ds p{
        font-size: 1.6rem;
        font-weight: 500;
        text-shadow: 0.2rem 0.2rem 0.1rem rgba(0,0,0,1.00);
    }
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    #od{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #ds{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #od img, #ds img{
        margin-bottom: 4.5rem
    }
    #od p, #ds p{
        font-size: 1.4rem;
        font-weight: 500;
    }
}
@media screen and (min-width:576px) and (max-width:767px) {
    #od{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #ds{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #od img, #ds img{
        margin-bottom: 4.5rem
    }
    #od p, #ds p{
        font-size: 1.4rem;
        font-weight: 500;
    }
}
@media screen and (max-width:575.98px) {
    #od{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #ds{
        padding: 0;
        margin-bottom: 6.0rem;
    }
    #od img, #ds img{
        margin-bottom: 4.5rem
    }
    #od p, #ds p{
        padding-left: 1.0rem;
        padding-right: 1.0rem;
        font-size: 1.4rem;
        font-weight: 500;
    }
}
#od-2nd, #ds-2nd{
    margin-bottom: 15.0rem;
}

.no-accordion-header {
    border: 0.1rem #F7C263 solid;
    color: #F7C263;
    font-size: 2.0rem;
    font-weight: 700;
    margin-bottom: 3.0rem;
    padding: 2.0rem 3%;
}
.no-accordion-header > span{
    margin-right: 1.5rem;
    font-family: 'Stardos Stencil', cursive;
    font-size: 2.5rem;
    font-weight: 400;
}
#od-2nd .no-accordion-header {
    background-color: #00507C;
}
#ds-2nd .no-accordion-header {
        background-color: #77002D;
}
#od-2nd img, #ds-2nd img{
    margin-bottom: 3.0rem;
}
#follow{
    margin: 15.0rem auto 20.0rem auto;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500;
}
#follow span{
    font-family: 'Mansalva', cursive;
    font-size: 3.2rem;
    color: #F68706;
}