@charset "utf-8";
.fp-contents{line-height:1;font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
b,strong {font-weight: bold;}
.relative{position:relative;z-index:20;overflow:hidden;}
.sp{display:none!important;}
.pc{display:block!important;}
.header{height:60px;width:100%;box-sizing:border-box;padding:0 20px;position:fixed;top: 0;left: 0;z-index:31;background: #fff;}
.header__logo{margin: 0 65px;padding: 5px 0;}
.header__logo img{/* width:100px; */}
.header__button-label{width:40px;height:40px;margin:10px;position:fixed;top:0;left:20px;transition:.4s;cursor:pointer;}
.header__button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;visibility:hidden;position:relative;width:40px;height:40px;margin:10px;transition:.4s;background:none!important;cursor:pointer;float:left;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.header__button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;visibility:hidden;position:relative;width:40px;height:40px;margin:10px;transition:.4s;background:none!important;cursor:pointer;float:left;}
}
.header__button-label:before{content:"";position:absolute;left:0;width:100%;height:4px;background-color: #a7a7a7;border-radius:4px;visibility:visible;top:10px;}
.header__button-label:after{content:"";position:absolute;left:0;width:100%;height:4px;background-color: #a7a7a7;border-radius:4px;visibility:visible;top:25px;}
.header__button:checked + .header__button-label{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.header__button:checked + .header__button-label:before{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg);}
.header__button:checked + .header__button-label:after{-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg);}
.header__button:checked span:nth-of-type(3){opacity:0;}
.header__nav{position:fixed;z-index:30;top:60px;left:-100%;height:100%;width:300px;background: #a7a7a7;background: rgba(167, 167, 167, 0.8);padding:20px;transition:.6s;box-sizing:border-box;}
.header__button:checked + .header__button-label + .header__nav{left:0;}
.navlist__li-hr{/* padding:0 0 20px; *//* margin:0 0 20px; *//* border-bottom:1px dotted #fff; */}
.navlist__li a{color:#fff;padding:10px;display:block;transition:.4s;position:relative;border-bottom: 1px dotted #d0d0d0;}
.navlist__li:first-child a{
    border-top: 1px dotted #d0d0d0;
}
.navlist__li a:hover{opacity:0.6;}
.navlist__li a:after {content:"\0f105";position: absolute;font-family: FONTAWESOME;right: 0;font-size: 16px;transition: .4s cubic-bezier(0.4, 0, 1, 1);opacity: 0;}
.navlist__li a:hover:after {opacity:1;}
/*kanso*/
.mainimg {
    margin:60px 0 0 0;
}

.itemnavi {
    max-width: 995px;
    margin: 44px auto;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.itemnavi__list {
    width: 25%;
    display:inline-block;
    margin:0 0 0 -.4em;
    text-align:center;
    border-left: 1px solid #ddd;
    font-size:15px;
}
.itemnavi__link {
    color:#000;
    display: block;
    transition:.4s;
    letter-spacing: 0.05em;
    color:#8a8987;
}
.itemnavi__link:hover {
    text-decoration: none;
}
.itemnavi__number {
    display:block;
    font-family: 'Raleway', sans-serif;
    font-size:40px;
    color:#8a8987;
    margin:0 0 10px;
    transition:.4s;
}
.itemnavi__list:last-child {
    border-right:1px solid #ddd;
    margin:0;
}

.itemnavi__link .icon{
    fill: #ddd;
    width: 36px;
    height: 22px;
    display:block;
    margin: 5px auto 0;
    transition:.4s;
}
@media screen and (min-width:768px) {
	.itemnavi__link:hover {
		color:#e8387e;
	}
	.itemnavi__link:hover .icon{
		fill: pink;
		width: 36px;
		margin: 0 auto;
		height: 22px;
	}
	.itemnavi__link:hover .itemnavi__number{
		color:#f5cbd0;
	}
}
.head {
    text-align:center;
    color:#6ec4bf;
    font-size:28px;
    font-weight:bold;
    margin: 80px 0 0 0;
}

.head__sub {
    display:block;
    font-size:24px;
    padding: 20px 0;
}
.description {
    text-align:center;
    line-height:1.86em;
    font-size:15px;
    margin: 40px 0 120px;
    letter-spacing:0.16em;
    /* font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; */
}



.mainitem {
    max-width:1024px;
    margin: 0 auto 80px;
}
.mainitem:after {
    content:"";
    display:table;
    clear:both;
}
.mainitem a{
    display:block;
}

.mainitem__desc {
    width:42%;
    float: right;
}
.mainitem__img-trim {
    width: 400px;
    height: 400px;
    float: right;
    margin: 0 92px 0 0;
    transition:.4s;
    -webkit-transition:.4s;
    overflow:hidden;
}
.mainitem__img {
    width: 100%;
    margin: 0;
    transition:.4s;
}
.mainitem__img:hover{
    opacity:0.7;
}
.mainitem__head {
    font-size: 24px;
    line-height: 3em;
    border-top: 4px solid #e6e6e6;
    border-bottom: 1px solid #d0d0d0;
    color: #333;
    margin: 0 0 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    /* font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; */
}
.mainitem__head-desc {
    color:#333;
    font-size:20px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0 0 30px;
}
.mainitem__head:before {
    content:"";
    display:inline-block;
    background: url(../img/freePage/h2_soapbubble.png) no-repeat center;
    width: 30px;
    margin: 0 10px 0 0;
    height: 83px;
    vertical-align: middle;
}
.mainitem__subhead {
    font-family: 'Playfair Display SC', serif;
    font-size:30px;
    letter-spacing:0.025em;
    color: #6ec4bf;
    margin: 0 0 25px;
}
.mainitem__name {
    font-size: 13px;
    font-weight: bold;
    color: #6f6f6f;
    margin:0 0 25px;
    line-height:1.69em;
}
.mainitem__about {
    color: #555555;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin: 0 0 28px;
}
.mainitem__price {
    font-weight: bold;
    font-size: 17px;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    letter-spacing:0.1em;
    color:#cc0000;
}
.mainitem__tax {
    font-size:11px;
    color:#333;
}
.subitem__head {
    text-align: center;
    font-size: 46px;
    margin:  0 0 60px;
    font-family: 'Playfair Display SC', serif;
    letter-spacing: 0.025em;
    color: #6ec4bf;
}


.subitem {
    padding:52px 0 0 0;
    background: url(../img/freePage/pattern.png);
}
.subitem__box {
    max-width:1024px;
    margin: 0 auto 60px;
    text-align: left;
}

.subitem__box:after {
    content:"";
    display:inline-block;
    width:100%;
}

.subitem__list {
    width: 30%;
    display: inline-block;
    margin: 0 0 100px;
    overflow: hidden;
    vertical-align:top;
}
.subitem__list:nth-of-type(3n+2) {
    margin: 0 4.5%;
    margin: 0 4%\9;
}
.subitem__list a{
    display:block;
    transition:.4s;
}
.subitem__list a:hover{
    opacity:0.6;
}
.subitem__list img{
    margin: 0 0 30px;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.05);
    -moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.05);
    width: 100%;
}

.subitem__name {
    font-size:13px;
    height:50px;
    color: #333;
}
.subitem__name b{
    font-weight:bold;
}
.subitem__price {
    color:#cc0000;
    font-size:20px;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    letter-spacing:0.1em;
    font-weight:bold;
}

.subitem__tax {
    font-size:13px;
    color:#333;
    font-weight:500;
}
#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 66px;
    height: 46px;
}
#page-top img{
    width:100%;
}
svg.defs {
    display:none;
}
@media screen and (max-width:768px) {
    .header{height: 47px;border-bottom: 2px solid #ddd;}
    .header__nav{position:fixed;z-index:30;top:45px;left:initial;right:-100%;height:100%;width:300px;background: #a7a7a7;background: rgba(167, 167, 167, 0.8);padding:20px;transition:.6s;box-sizing:border-box;}
    .header__button:checked + .header__button-label + .header__nav{right:0;left: initial;}
    .header__button-label{width:30px;height: 30px;margin:0;position:fixed;top: 10px;left:20px;transition:.4s;cursor:pointer;}
    .header__button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;visibility:hidden;position:relative;width: 30px;height: 30px;margin: 10px 0 0 0;transition:.4s;background:none!important;cursor:pointer;float:left;}
    .header__button-label:before{content:"";position:absolute;left:0;width:100%;height:2px;background-color: #a7a7a7;border-radius:2px;visibility:visible;top: 5px;}
    .header__button-label:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color: #a7a7a7;border-radius:2px;visibility:visible;top: 20px;}
    .header__logo{margin: 0;height: 45px;padding: 0;}
    .header__logo img{height:45px;width: auto;}
    .header__button-label{
        left: initial;
        right: 20px;
    }
    .header__button{
    float: right;
}
.sp{display:block!important;}
.pc{display:none!important;}
.mainimg {
    margin:45px 0 0 0;
}
.head {
    text-align:center;
    color:#6ec4bf;
    font-size:20px;
    font-weight:bold;
    margin: 80px 0 0 0;
}

.head__sub {
    display:block;
    font-size:24px;
    padding: 10px 0;
    width:80%;
    margin:0 auto;
}
.head__sub img{
    width:100%;
}
    .description {
        margin: 20% 5%;
        text-align: left;
        font-size: 13px;
    }
    .itemnavi {
        text-align: left;
        margin: 22px 5%;
    }
    .itemnavi__list {
    width: 50%;
    display:inline-block;
    margin: 0 0 5% -.8em;
    text-align:center;
    border-left: 1px solid #ddd;
    font-size: 4vw;
    vertical-align: middle;
}
.itemnavi__list:last-child {
    margin: 0 0 5% -.8em;
    width: 50%;
    /* width: calc(50% - .5em); */
}

.itemnavi__list:nth-of-type(2n) {
    margin:0;
    border-right: 1px solid #ddd;
}
    .mainitem {
    max-width:1024px;
    margin: 0 auto 40px;
}
    .mainitem__desc {
    width:100%;
    float: right;
    margin: 0 0 30px;
}
.mainitem__head {
    font-size: 18px;
    font-size: 5vw;
    line-height: 2.5em;
    border-top: 4px solid #e6e6e6;
    border-bottom: 2px dotted #d0d0d0;
    margin: 0 0 30px;
    font-weight: bold;
}
.mainitem__head-desc {
    color:#333;
    font-size: 16px;
    font-size: 4vw;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0 5% 30px;
}
.mainitem__head:before {
    content:"";
    display:inline-block;
    background: url(../img/freePage/h2_soapbubble.png) no-repeat center;
    width: 30px;
    height: 60px;
    vertical-align: middle;
    background-size: auto 30px;
}
.mainitem__subhead {
    font-family: 'Playfair Display SC', serif;
    font-size: 25px;
    letter-spacing:0.025em;
    color: #6ec4bf;
    margin: 0 5% 18px;
}
.mainitem__name {
    font-size: 13px;
    font-weight: bold;
    color: #6f6f6f;
    margin:0 5% 25px;
    line-height:1.69em;
}
.mainitem__about {
    color: #555555;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin: 0 5% 28px;
}
.mainitem__price {
    font-weight: bold;
    font-size: 17px;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    letter-spacing:0.1em;
    color:#cc0000;
    margin:0 5%;
}
.mainitem__img-trim {
    width:100%;
    height: 100vw;
    float: right;
    margin: 0;
}
.mainitem__img {
    width: 100%;
    margin: 0;
    transition:.4s;
}
.subitem {
    padding:26px 0 0 0;
    background: url(../img/freePage/pattern.png);
    margin: 0 0 40px;
}
.subitem__head {
    text-align: center;
    font-size: 32px;
    margin:  0 0 40px;
    font-family: 'Playfair Display SC', serif;
    letter-spacing: 0.025em;
    color: #6ec4bf;
}

.subitem__box {
    margin:0 5%;
    width:90%;
    text-align: justify;
}
.subitem__list {
    width: 45%;
    display: inline-block;
    margin: 0 0 25px!important;
}
.subitem__list img{
    width: 100%;
    margin: 0 0 15px;
}
.subitem__price {
    color:#cc0000;
    font-size:5vw;
    font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    letter-spacing:0.1em;
    font-weight:bold;
}
}