@charset "UTF-8";
html {font-size: 62.5%;}
#contentsAll {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;} 
#contentsAll p {font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}
#contentsAll a:hover {cursor: pointer; opacity: .7;}
#contentsAll ul li {list-style: none;}
#contentsAll .imgMaxWidth {width: 100%;}
#contentsAll .relativeArea {position: relative;}
#contentsAll .outLineNone {overflow: hidden;}
#contentsAll .notoSansRFont {font-family: 'Noto Sans JP', sans-serif;}
#contentsAll .notoSansMFont {font-family: 'Noto Sans JP', sans-serif !important; font-weight: 500;}
#contentsAll .notoSerifFont {font-family: 'Noto Serif JP', serif !important; font-weight: 600;}
#contentsAll .notoSerifSCFont {font-family: 'Noto Serif SC', serif !important;}

    /*==========================
    Contents1
    ==========================*/
    #contentsAll .contents1 .c1MainText {
        margin-top: 8.4rem;
        font-size: 4.87rem;
        letter-spacing: .14em;
        text-align: center;
    }
    #contentsAll .contents1 .c1MainText span {
        color: #cf8625;
        font-size: 13rem;
    }
    #contentsAll .contents1 .c1SubText {
        margin-top: 3rem;
        font-size: 2.716rem;
        line-height: 1.63;
        letter-spacing: .08em;
        text-align: center;
    }
    #contentsAll .c1ItemImg {
        height: 48.7rem;
    }
    #contentsAll .c1ItemName {
        font-size: 2.5rem;
        line-height: 1.24;
        letter-spacing: .04em;
        text-align: center;
    }
    #contentsAll .c1ItemName span {
        color: #a64905;
        font-size: 1.8rem;
    }
    #contentsAll .checkArrowImg {
        width: 4.8rem;
        margin: 2rem auto 0;
    }

    /*==========================
    Contents2
    ==========================*/
    #contentsAll .contents2 {
        padding-bottom: 14.4rem;
        background-color: #d9ceae;
    }
    #contentsAll .c2Img1 {
        margin-top: 6rem;
    }
    #contentsAll .c2MainText {
        margin-top: 6rem;
        font-size: 3.2rem;
        line-height: 1.5;
        letter-spacing: .1em;
        text-align: center;
    }
    #contentsAll .c2ImgSub1 {
        width: 91.6rem;
        margin: 8rem auto 0;
    }
    #contentsAll .c2ImgSub2 {
        width: 95.6rem;
        margin: 8rem 0 0 10.6rem;
    }
    #contentsAll .c2ImgSub3 {
        width: 97.4rem;
        margin: 8rem 0 0 14.2rem;
    }
    #contentsAll .c2SubTextTittle {
        width: 32.2rem;
        margin: 3rem auto 0;
        color: #fff;
        background-color: #cf8625;
        font-size: 3.2rem;
        line-height: 1.58;
        letter-spacing: .1em;
        text-align: center;
    }
    #contentsAll .c2SubText {
        width: 102.4rem;
        margin: 1.8rem auto 0;
        font-size: 3rem;
        line-height: 1.43;
        letter-spacing: .1em;
    }

    /*==========================
    Contents3
    ==========================*/
    #contentsAll .coordinateBlockMain.contents3{
        position: relative;
    }
    #contentsAll .coordinateBlockMain.contents3:before{
        content: "";
        width: 100%;
        height: 1px;
        background: #000;
        display: block;
        position: absolute;
        top: -9rem;
    }
    /*==========================
    Contents3~8
    ==========================*/
    #contentsAll .coordinateBlockMain {
        margin-top: 20rem;
    }
    #contentsAll .contentsTittle {
        font-size: 9.6rem;
        line-height: 1.257;
        text-align: center;
    }
    #contentsAll .contentsSubTittle {
        width: 71.6rem;
        margin: 1.4rem auto 0;
        color: #fff;
        background-color: #000;
        font-size: 2.8rem;
        line-height: 2.1;
        letter-spacing: .26em;
        text-align: center;
    }
    #contentsAll .contMainImg {
        position: relative;
        margin-top: -2rem;
        z-index: -1;
    }
    #contentsAll .itemExprainBlock {
        width: 102.6rem;
        margin: -6.8rem auto 0;
        padding: 4.4rem 9rem 0 9rem;
        background-color: #fff;
    }
    #contentsAll .itemExprainMain {
        font-size: 5.2rem;
        text-align: center;
    }
    #contentsAll .itemExprainSub {
        margin-top: 3.8rem;
        font-size: 2rem;
        line-height: 1.7;
        letter-spacing: .12em;
    }
    #contentsAll .contItemImg {
        width: 77rem;
        margin: 6rem auto 0;
    }
    #contentsAll .productItemCategoryName {
        width: 57.6rem;
        margin: 3rem auto 0;
        font-size: 1.8rem;
        letter-spacing: .12em;
    }
    #contentsAll .productItemMoreBtn a {
        display: block;
        width: 57.6rem;
        margin: 2.6rem auto 0;
        color: #fff;
        font-size: 1.9rem;
        line-height: 4.4;
        letter-spacing: .08em;
        background-color: #000;
        text-align: center;
    }
    #contentsAll .productItemPlace {
        width: 57.6rem;
        margin: .5rem auto 0;
        font-size: 3.1rem;
        letter-spacing: .02em;
    }
    #contentsAll .productItemPlace span {
        font-size: 2rem;
    }
    #contentsAll .contSubImg {
        width: 71.6rem;
        margin: 10rem auto 0;
    }
    #contentsAll .coordinateTittleBlock {
        display: flex;
        align-items: center;
        width: 71.6rem;
        margin: 5.8rem auto 0;
    }
    #contentsAll .coordinateTittleBlock h5 {
        margin: 0 !important;
        color: #8b3801;
        font-size: 2.834rem;
    }
    #contentsAll .coordinateTittleBlock p {
        margin: 1rem 0 0 2rem;
        font-size: 1.8rem;
    }
    #contentsAll .coordinateItemList li {
        display: flex;
        align-items: center;
        width: 71.6rem;
        height: 7.4rem;
        margin: 0 auto;
        font-size: 1.8rem;
        letter-spacing: .12em;
        border-bottom: 1px solid #000;
    }
    #contentsAll .activeLink::before {
        content: '';
        display: block;
        position: absolute;
        top: 3.2rem;
        right: 1.6rem;
        width: 1.2rem;
        height: 1.2rem;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg);
    }

    #contentsAll .c1_ItemList {
        display: flex;
        justify-content: center;
    }
    #contentsAll .itemExprainMain span {
        display: block;
        border-bottom: 2px solid #000;
    }
    #contentsAll .activeLink {
        position: relative;
    }
    #contentsAll .activeLink a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    #contentsAll .borderNone {
        border: none !important;
    }

/*************************************PC****************************************/
@media only screen and (min-width: 561px) {
    #contentsAll {width: 120rem;margin: 0 auto 15rem;}
}
@media screen and (max-width: 1200px) and (min-width: 561px) {
    html {font-size: calc(10* (100vw / 1200)) !important;}
}
@media screen and ( max-width:768px ){
    .breadcrumb-wrap{
        margin-bottom: calc(30* (100vw / 750))
    }
}
/*************************************SP****************************************/
@media screen and ( max-width:560px ) {

    html {font-size: calc(10* (100vw / 750)) !important;}

    #contentsAll {
        margin: 0 auto 10rem;
    }


    /*==========================
    Contents1
    ==========================*/
    #contentsAll .contents1 .c1MainText {
        font-size: 3.87rem;
    }
    #contentsAll .c1_ItemList {
        width: 73rem;
        margin: 0 auto;
    }
    #contentsAll .c1ItemImg {
        height: 28.7rem;
    }
    #contentsAll .c1ItemName {
        font-size: 2.8rem;
    }
    #contentsAll .c1ItemName span {
        color: #a64905;
        font-size: 2.3rem;
    }
    
    /*==========================
    Contents2
    ==========================*/
    #contentsAll .c2MainText {
        font-size: 2.6rem;
    }
    #contentsAll .c2ImgSub1 {
        width: 63rem;
        margin: 8rem auto 0;
    }
    #contentsAll .c2SubText {
        width: 67rem;
        margin: 2.2rem auto 0;
        font-size: 2.6rem;
    }
    #contentsAll .c2ImgSub2 {
        width: 65.4rem;
        margin: 8rem 0 0 4rem;
    }
    #contentsAll .c2ImgSub3 {
        width: 66.6rem;
        margin: 8rem 0 0 6.6rem;
    }

    /*==========================
    Contents3
    ==========================*/
    #contentsAll .coordinateBlockMain.contents3{
        position: relative;
    }
    #contentsAll .coordinateBlockMain.contents3:before{
        content: "";
        width: 100%;
        height: 1px;
        background: #000;
        display: block;
        position: absolute;
        top: -6rem;
    }

    /*==========================
    Contents3~8
    ==========================*/
    #contentsAll .coordinateBlockMain {
        margin-top: 14rem;
    }
    #contentsAll .contentsTittle {
        font-size: 6.6rem;
    }
    #contentsAll .contentsSubTittle {
        width: 62rem;
        font-size: 2.4rem;
    }
    #contentsAll .itemExprainBlock {
        width: 66.6rem;
        padding: 4.4rem 7rem 0 7rem;
    }
    #contentsAll .itemExprainMain {
        font-size: 3.6rem;
    }
    #contentsAll .contItemImg {
        width: 64rem;
    }
    #contentsAll .contSubImg {
        width: 66.6rem;
    }
    #contentsAll .coordinateTittleBlock {
        width: 66.6rem;
    }
    #contentsAll .coordinateItemList li {
        width: 66.6rem;
    }

}