@charset "utf-8";
/* CSS Document */
*, *:before, *:after { box-sizing:border-box; margin:0; }
img { max-width:100%; height:auto; vertical-align:top !important; }
a{text-decoration: none;}
a:hover{opacity: 0.5;text-decoration: underline;}

body {
font-family: "dnp-shuei-ymincho-std","meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
font-weight: 300;
line-height: 1.5;
height: 100%;
color: #666;
font-size: 12px;
word-wrap: break-word;
}
.sp{display:none;}
.pc{display:block;}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
input {-webkit-appearance: button;}
select::-ms-expand {display: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover {
transition: all .3s;
opacity: 0.6;
text-decoration: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
ol, ul, li {list-style: none;}
span, i {display: inline-block;font-style: normal;}
input, button, textarea {margin: 0;padding: 0;}
.u-cf:before,.u-cf:after {display: table !important;content: "";}
.u-cf:after {clear: both;}
.u-max {width: 100% !important;}
.u-ir {overflow: hidden;white-space: nowrap;text-indent: 100%;}
.u-fl {float: left;}
.u-fr {float: right;}
.u-fulimg {width: 100%;height: auto;}

.u-center {margin: 0 auto !important;}
.u-ref {position: relative !important;}
.u-fix {position: fixed !important;}
.u-is-hidden {display: none !important;}
.is-hidden {display: none;}
.u-vis-hidden {visibility: hidden;}
.u-db {display: block !important;}
.u-dib {display: inline-block !important;}
.u-mr0 {margin-right: 0 !important;}
.u-mb60 {margin-bottom: 60px !important;}
.u-fulimg {width: 100%;height: auto;}
.u-ref {position: relative !important;}
.u-fix {position: fixed !important;}
.u-db {display: block !important;}
.u-dib {display: inline-block !important;}
.u-mb0 {margin-bottom: 0 !important;}
.u-pl35 {padding-left: 35px !important;}
.u-b {font-weight: bold !important;}
.u-c {text-align: center !important;}
.u-r {text-align: right !important;}
.u-f10 {font-size: 10px !important;}
.u-f13 {font-size: 13px !important;}
.u-f18 {font-size: 18px !important;}

@media screen and (min-width: 767px) {
.u-pc-fl {float: left;}
.u-pc-fr {float: right;}
.pc-hidden {display: none !important;}
.u-pc-fr {float: right !important;}
.u-pc-mt20 {margin-top: 20px !important;}
.u-pc-mt30 {margin-top: 30px !important;}
.u-pc-mt-80 {margin-top: -80px !important;}
.u-pc-mt-130 {margin-top: -130px !important;}
.u-pc-mr40 {margin-right: 40px !important;}
.u-pc-mb10 {margin-bottom: 10px !important;}
.u-pc-mb15 {margin-bottom: 15px !important;}
.u-pc-mb20 {margin-bottom: 25px !important;}
.u-pc-mb25 {margin-bottom: 20px !important;}
.u-pc-mb30 {margin-bottom: 30px !important;}
.u-pc-mb35 {margin-bottom: 35px !important;}
.u-pc-mb40 {margin-bottom: 40px !important;}
.u-pc-mb50 {margin-bottom: 50px !important;}
.u-pc-mb60 {margin-bottom: 50px !important;}
.u-pc-mb70 {margin-bottom: 70px !important;}
.u-pc-mb90 {margin-bottom: 90px !important;}
.u-pc-mb125 {margin-bottom: 125px !important;}
.u-pc-ml0 {margin-left: 0 !important;}
.u-pc-ml-1 {margin-left: -1px !important;}
.u-pc-ml24 {margin-left: 24px !important;}
.u-pc-pr3 {padding-right: 3px !important;}
.u-pc-pr7 {padding-right: 7px !important;}
.u-pc-pb30 {padding-bottom: 30px !important;}
.u-pc-pl3 {padding-left: 3px !important;}
}
.red {color: #d80000;}
.blue {color: #1079d6;}

/* header ----------------------------------------------------------------*/
header {position: relative;}
.c-header-topWrap {
padding: 8px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 68px;
z-index: 110;
background-color: rgba(255, 255, 255, 0.8);
}
.c-header-top__inner {
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
position: relative;
}
.c-header-topTitle {
font-size: 14px;
color: #666;
font-weight: bold;
}
.c-header-middleWrap {
width: 960px;
margin: 0 auto;
padding: 70px 0 110px;
display: flex;
justify-content: space-between;
}
.header_logo {
width: 20%;
height: auto;
top: 0;
display: inline-block;
}
.c-header-topTitle-txt {
color: #666;
font-weight: bold;
font-size: 14px;
margin: 1.8em 0 0 10px;
}
nav {
line-height: 80px;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
right: 0;
left: 0;
bottom: 0;
z-index: 100;
}
.c-header-nav__list {
width: 960px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.c-header-nav__list > li {
font-size: 14px;
text-align: center;
}
.c-header-nav__list > li a {
color: #333;
font-weight: bold;
display: block;
}
.toggleBtn {
position: relative;
color: #333;
font-weight: bold;
cursor: pointer;
}
.toggleBtn span {font-weight: bold;}
.toggleBtn .toggleMenu {
display: none;
position: absolute;
background: rgba(255,255,255,0.9);
padding: 0 20px;
width: 240px;
}
.toggleBtn .toggleMenu li {
display: block;
text-align: left;
line-height: 3.5em;
}

.c-body header {
background-image: url(../img/top-back.jpg);
background-size: cover;
background-position: center;
position: relative;
}
.c-header-middleWrap{
width: 960px;
margin: 0 auto;
padding: 100px 0 110px;
display: flex;
justify-content: space-between;
}
.c-header-titleLogo{width: 360px;}

/* tripla booking ----------------------------------------------------------------*/
 .c-header-bookingWrap{
width: 520px;
padding: 1em 1em;
height: 172px;
background-color: rgba(255, 255, 255, 0.9);
}
.c-body #booking .search-widget-search-container-bf1818 {
box-shadow: none;
display: flex;
padding: 0 0;
justify-content: end;
align-items: center;
background: none;
flex-wrap: wrap;
}
.c-body #booking section{
padding: 0;
width: auto;
background: none;
}
.c-body #booking .search-widget-input-wrapper-eaf5bf{display: flex;flex-wrap: wrap;}
.c-body #booking .input-container-input-container-da40af{margin: 0 20px 10px 0;}
.c-body #booking .input-container-title-db81ec{
color: #666;
margin-bottom: 5px;
font-size: 15px;
}
.c-body #booking .button-btn-f51c1a{
width: 190px;
letter-spacing: 3px;
margin: 0px 10px 0px 0px;
line-height: 30px;
font-size: 1.6em;
padding: 8px;
border-radius: 5px;
}
.c-body #booking-header #booking .search-widget-input-wrapper-eaf5bf{width: 100%;}
.c-body #booking-header .input-container-input-container-da40af{
margin: 0 0 10px;
display: flex;
align-items: center;
width: 100%;
}
.c-body #booking-header .input-container-input-container-da40af .input-container-title-db81ec{
color: #000;
display: block;
font-size: 13px;
margin-bottom: 5px;
font-weight: bold;
line-height: 1;
width: 190px;
text-align: right;
margin-right: 10px;
}
.c-body #booking-header .search-widget-day-use-wrapper-fc1ff9 {order: 2;width: auto;margin: 0;}
.c-body #booking-header .search-widget-button-wrapper-d2b715 {order: 3;}
.c-body #booking-header .button-btn-f51c1a {
padding: 4px 27px;
border-radius: 5px;
font-size: 16px;
width: auto;
margin: 0 0 0 10px;
}


@media screen and (max-width:768px){
header {position: relative;}
.c-header-topWrap {
padding: 10px;
position: fixed;
width: 100%;
height: auto;
box-sizing: border-box;
z-index: 10;
}
.header_logo {width: 40%;}
.c-header-topTitle-txt {padding: 10px 0 0 3px;margin: 0;}
.top-flag {top: 120px;}
.c-header-top__inner{width: 100%;position: relative;}
.c-header-topTitle {float: left;}
.sp-c-header-iconWrap {
width: 30px;
height: 30px;
position: absolute;
top: 5px;
right: 5px;
}
.sp-c-header-iconWrap span {
display: block;
height: 5px;
background-color: #719103;
transition: transform 0.3s;
}
.sp-c-header-iconWrap span:nth-child(1) {margin-bottom: 5px;}
.sp-c-header-iconWrap span:nth-child(2) {margin-bottom: 5px;}
.sp-nav-active span:nth-child(1) {transform: translate(0, 10px) rotate(45deg);}
.sp-nav-active span:nth-child(2) {transform: translate(600%, 0) rotate(0);}
.sp-nav-active span:nth-child(3) {transform: translate(0, -10px) rotate(-45deg);}
nav {
position: fixed;
background: rgba(255, 255, 255, 0.9);
top: 60px;
width: 100%;
height: 100%;
text-align: center;
z-index: 10;
}
.c-header-nav__list {
width: 90%;
margin: 0 auto;
display: block;
}
.c-header-nav__list li {
font-size: 16px;
color: #000;
font-weight: bold;
line-height: 2em;
width: 50%;
text-align: left;
float: left;
margin-bottom: 10px;
}
.toggleBtn {width: auto !important;float: none !important;}
.toggleBtn span {display: none;}
.toggleBtn .toggleMenu {display: block !important;position: unset;width: auto;padding: 0;background: none;}
.toggleBtn .toggleMenu li{line-height: 2em;}

.c-header-nav__list .shopList {
/*border-top: 1px solid #ccc;*/
width: 100%;
padding-top: 0px;
margin-top: 1em;
}
.c-header-nav__list .shopList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.c-header-nav__list .shopList li {
border-radius: 5px;
width: 48%;
margin-bottom: 5px;
padding: 6px 1%;
background-color: #719103;
text-align: center;
}
.c-header-nav__list .shopList li a {text-decoration: none;color: #fff;line-height: 1.5em;}
.c-header-nav__list .lang_menu{margin-top: 1em;width: 100%;}
.c-header-nav__list .lang_menu ul{display: flex;flex-wrap: wrap;}
.c-header-nav__list .lang_menu li{}
.c-header-nav__list .lang_menu li.lang_title{
width: 100%;
color: #719103;
font-size: 1.3em;
border-bottom: solid 1px;
}
.c-header-nav__list .lang_menu li.lang_title i{font-size: 1.3em; margin-right: 0.3em;}
}

.b-mainWrap,
.c-mainWrap{
padding: 1em 0;
background-color: #719103;
}
.wrapper {
color: #729019;
padding-bottom: 5.5em;
}
.c-commonText,
.c-commonText--bold {
color: #666;
line-height: 1.6;
}
.c-commonText--bold {font-weight: bold;}
.c-commonText--dark {color: #333;}
.c-mainContents__top__title{
font-weight: bold;
text-align: center;
}
.c-moreBtn {
display: block;
background-color: #719103;
border-radius: 10px;
color: #fff;
font-weight: bold;
/* border: 1px solid #666; */
text-align: center;
}
.b-room-imgWrap {position: relative;}
.b-room-imgWrap a img {
max-width: 100%;
}
.b-room-imgWrap__text {
position: absolute;
background-color: #C5051B;
color: #fff;
font-weight: bold;
font-size: 18px;
padding: 0.5em 0.8em;
}
.item_list > li {
position: absolute;
padding: 4px 0;
width: 20px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #fff;
}
.c-commonText a,
a.equipment_a{text-decoration: underline;color: #666;}
.clear { clear: both; }

/*Language -----------------------------------------------------------------*/
.lang_btn{
width: 70px;
position: absolute;
right: 0;
top: 6px;
}
.lang_btn_co{
position: relative;
text-align: center;
}
.lang_btn label{
display: block;
line-height: 1;
cursor: pointer;
font-size: 0.8em;
color: #719103;
}
.lang_btn label i{font-size: 2em;margin-bottom: 2px;}
.lang_btn a{display: block;text-decoration: none;}
.lang_btn input{display: none;}
.lang_btn li{height: 0;overflow: hidden;transition: all 0.5s;}
ul#lang_lists{width: 150px;margin-top: 14px;margin-left: -38px;}
#lang_lists li{text-align: center;opacity: 0;}
#lang_list:checked ~ 
#lang_lists li{
height: 50px;
opacity: 1;
}
#lang_lists li a{
padding: 1em;
background: rgba(255, 255, 255, 0.8);
color: #000;
}
#lang_lists li a:hover{
opacity: 1;
background: #fff;
color: #4c4c4c;
}
@media screen and (max-width:768px){
.lang_btn {padding-top: 0px;margin-right: 10px;}
.lang_btn_co{height: 43px;}
.lang_btn label i{font-size: 1.7em;}
}

/*メイン ----------------------------------------------------------------*/
.c-mainWrap {}
section {
width: 960px;
margin: 0 auto;
padding: 2em 2em;
background-color: #fff;
}
.c-mainContents {margin-bottom: 4em;}
.c-mainContents:last-child {margin-bottom: 0;}
.c-mainContents__top__title {
font-size: 2em;
margin-bottom: 0.2em;
color: #70900f;
}
.b-top-header__title {
font-size: 1.8em;
color: #70900f;
font-weight: bold;
border-bottom: 1px solid #729019;
margin-bottom: 15px;
padding-bottom: 5px;
}
.c-mainContents-sub-title{
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
display: flex;
align-items: flex-end;
border-bottom: 1px solid;
padding-bottom: 5px;
color: #719103;
}

.c-moreBtn {
width: 265px;
line-height: 50px;
font-size: 20px;
}
.c-commonText,
.c-commonText--bold {font-size: 16px;}
.c-commonText--dark {
font-size: 16px;
font-weight: bold;
}
.c-brandText,
.c-brandText--bold {font-size: 16px;}
.c-brandText--bold {font-weight: bold;}
.c-brandText {
font-size: 18px;
font-weight: bold;
color: #719103;
}
.c-modal__bottom {
width: 720px;
margin: 0 auto;
margin-top: 10px;
text-align: right;
}

.front-page-flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.b-room-imgWrap {width: 430px;}
.b-room-imgWrap--rev {margin-right: 0;}
.front-page-flex .b-room-imgWrap,
.front-page-flex .b-room-imgWrap--rev{margin: 0px;}
.b-room-textWrap{width: 440px;}
.order_r{order: 2;}
.order_l{order: 1;}

@media screen and (max-width:768px){
.sp{display:block;}
.pc{display:none;}
.sp-hidden {display: none;}
.sp-hiddenImp {display: none !important;}
.u-sp-mt-30 {margin-top: -30px;}
.u-sp-mt0 {margin-top: 0 !important;}
.u-sp-mt15 {margin-top: 15px;}
.u-sp-mt25 {margin-top: 25px !important;}
.u-sp-mt30 {margin-top: 30px !important;}
.u-sp-mr15 {margin-right: 15px !important;}
.u-sp-mb10 {margin-bottom: 10px !important;}
.u-sp-mb15 {margin-bottom: 15px !important;}
.u-sp-mb20 {margin-bottom: 20px !important;}
.u-sp-mb25 {margin-bottom: 25px !important;}
.u-sp-mb30 {margin-bottom: 30px !important;}
.u-sp-mb40 {margin-bottom: 40px !important;}
.u-sp-pt65 {padding-top: 65px !important;}

a {text-decoration: underline;}

.b-mainWrap{padding: 10px;}
.wrapper {padding-bottom: 4.5em;}
.c-commonText--dark {font-size: 14px;font-weight: bold;}
.c-mainContents {margin-bottom: 40px;}
.c-mainWrap {padding: 80px 10px 50px;}
section {padding: 20px 10px;width: 100%;}
.c-body section {}
.c-mainContents__top {margin-bottom: 20px;}
.c-mainContents__top__title {font-size: 19px;line-height: 1.2;}
.b-top-header__title{font-size: 1.5em;padding-bottom: 0px;}
.b-room-textWrap{width: 100%;margin-top: 1em;}
.b-room-imgWrap__text{font-size: 16px;}
.order_r{order: 1;}
.order_l{order: 2;}
.c-mainContents-sub-title{font-size: 19px;}
.c-moreBtn {font-size: 18px;padding: 0.7em;width: 80%;margin: 0 auto;line-height: 1.4em;}
.c-sp-moreBtn--small {width: 50%;}
.c-modal__bottom {
width: 80%;
margin: 0 auto;
margin-top: 10px;
text-align: right;
}
.c-modal__bottom > img {width: 25px;}
.b-room-imgWrap__list {margin-top: 10px;}
input[type=checkbox] {
width: 30px;
height: 30px;
border: 1px solid #ccc;
}
#outerImageContainer,#imageDataContainer {max-width: 100% !important;}
.c-brandText,.c-brandText--bold {font-size: 14px;}
.c-brandText--bold {font-weight: bold;}
.c-commonText {font-size: 14px;}
.c-brandText {font-size: 14px;font-weight: bold;}
}


/*パンくず ----------------------------------------------------------------*/
.c-topic-pathWrap,.c-topic-pathWrapTop {
width: 960px;
margin: 0 auto;
margin-bottom: 30px;
}
.c-topic-path__list {font-size: 0;}
.c-topic-path__list > li {
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-right: 10px;
color: #fff;
}
.c-topic-path__list > li:after {
content: '>';
margin-left: 10px;
}
.c-topic-path__list > li:last-child {margin-right: 0;}
.c-topic-path__list > li:last-child:after {content: none;}
.c-topic-path__list > li > a {text-decoration: underline;color: #fff;}
.c-topic-path__list > li > a:hover {text-decoration: none;}

@media screen and (max-width:768px){
.c-topic-pathWrap {width: 100%;margin-bottom: 1em;}
.c-topic-pathWrapTop {width: 100%;margin-bottom: 50px;margin-top: -30px;}
.c-topic-path__list {font-size: 0;}
.c-topic-path__list > li {
display: inline-block;
font-size: 12px;
font-weight: bold;
margin-right: 10px;
color: #fff;
}
.c-topic-path__list > li:after {content: '>';margin-left: 10px;}
.c-topic-path__list > li:last-child {margin-right: 0;}
.c-topic-path__list > li:last-child:after {content: none;}
.c-topic-path__list > li > a {text-decoration: underline;color: #fff;}
.c-topic-path__list > li > a:hover {text-decoration: none;}
.c-sp-back-none {background-image: none;}
}


/*フッター ----------------------------------------------------------------*/
footer{padding-bottom: 4em;}
.c-footerInner {
width: 960px;
margin: 0 auto;
}
.c-footerTop {padding: 40px 0 0;background-color: #fff;}
.c-footer-titleLogo {
width: 167px;
margin-right: 30px;
}
.c-footer-add {display: flex;flex-wrap: wrap;}
.add02 {width: 530px;display: flex;align-items: center;}
.c-footer-addMap {width: 500px;height: 300px;}
.map_areaWrap {
width: 430px;
text-align: right;
float: right;  
}
.map_areaWrap .map_area {
width: 430px;
height: 250px;
}
.map_areaWrap a {
font-size: 14px;
line-height: 2em;
text-decoration: underline;
}
.pr-list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fb_wrap{width: 475px;}
.fb-midashi{
background: #3b5a9a;
height: 70px;
}
ul.fb-list {
font-size: 15px;
margin: 20px 0 ;
display: flex;
flex-wrap: wrap;
}
ul.fb-list > li {
display: flex;
width: 60%;
margin-bottom: 10px;
}
ul.fb-list > li:nth-child(2n) {width: 40%;}
ul.fb-list img {
width: 35px;
height: 24px;
margin: 0 10px 0 0;
}
ul.fb-list a{color: #739100;}
.c-footer__bnrList {width: 455px;overflow: hidden;}
.japan555_bnr{margin-bottom: 10px;}

.c-footer-box{
border-top: 2px dotted #ccc;
border-bottom: 2px dotted #ccc;
padding: 2.0em 0;
margin-top: 2em;
}
.c-footer-box a{color: #739100;}
.c-footer-box__contents {clear: both;}
.c-footer__bottom__title {
font-size: 18px;
font-weight: bold;
}
.c-footer-box__list {margin-top: 20px;}  
.c-footer-box__list > li {
font-weight: bold;
font-size: 14px;
display:inline-block;
margin-right: 15px;	
line-height: 1.7;	
}
.c-footer-box__list > li a {text-decoration: underline;}
.c-footer-box__list > li a:hover {text-decoration: none;}
.copyYear {line-height: 60px;color: #333;text-align: center;font-size: 14px;}

@media screen and (max-width:768px){
.c-footerInner{width: 100%;}
.c-footerTop {padding: 30px 15px 0;}
.c-footer-titleLogo {width: 23%;margin-right: 6%;}
.c-footer-info {float: right;width: 70%;	}
.add02 {justify-content: space-between;width: 100%;}
.c-footer-addMap {width: 100%;height: 200px;}
.map_areaWrap {width: 100%;text-align: right;}
.map_areaWrap .map_area {width: 100%;height: 200px;}
.map_areaWrap a {font-size: 14px;line-height: 2em;text-decoration: underline;}
.bnr-img,.fb-midashi {max-width: 100%;height: auto;	}
ul.pr-list > li {display:block;vertical-align: top;}  
ul.fb-list {font-size: 15px;margin: 20px 10px 10px 10px;}
ul.fb-list > li {width: 100%;} 
ul.fb-list > li:nth-child(2n) {width: 100%;}
.c-footer__snsList {display: table;margin: 0 auto 2em;}
.c-footer__snsList li {display: table-cell;padding: 0 5px;}
.c-footer__bnrList {margin: 20px auto 0;text-align: center;width: 100%;}
.c-footer__bnrList > li {padding: 5px 0;}
.c-footer__bnrList .japan555_bnr {margin-bottom: 20px;}
.c-footer__bnrList .tripadvisor {display: block;width: 153px;margin: 0 auto;}

.c-footer-box__contents {float: left;}
.c-footer-box {border-top: 2px dotted #ccc;border-bottom: 2px dotted #ccc;padding: 25px 0;}
.c-footer__bottom__title {font-size: 15px;font-weight: bold;}
.c-footer-box__list{margin-top: 0px;}
.c-footer-box__list > li {margin-top: 10px;font-weight: bold;font-size: 14px;display: inline-block;margin-right: 10px;}
.c-footer-box__list > li:first-child {margin-top: 0;}
.c-footer-box__list > li a {text-decoration: underline;}
.c-footer-box__list > li a:hover {text-decoration: none;}
.copyYear {line-height: 40px;color: #666;text-align: center;font-size: 14px;}
}

/*fix ----------------------------------------------------------------*/
.c-header-snsWrap {
position: fixed;
right: 0;
top: 90px;
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
.c-header-snsItem {display: block;margin-bottom: 10px;}
.c-header-snsItem:last-child {margin-bottom: 0;}

#shop-fix{
position: fixed;
bottom: 0;
width: 100%;
z-index: 5;
background: rgba(197, 5, 27, 0.85);
}
#shop-fix ul{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
#shop-fix li{
padding: 0.7em 0;
color: #fff;
font-weight: bold;
font-size: 1.4em;
border-right: 1px solid #fff;
text-align: center;
width: calc(100% / 3);
}
#shop-fix li:last-child{
border: none;
width: 75px;
font-size: 2.7em;
padding: 0;
}
#shop-fix li i{padding-right: 0.3em;}
#shop-fix li .fa-angle-up{padding-right: 0;}
#shop-fix li a{color: #fff;}

@media screen and (max-width: 768px) {
#shop-fix{}
#shop-fix ul{}
#shop-fix li{font-size: 0.8em;padding: 0.5em 0;}
#shop-fix li a{text-decoration: none;}
#shop-fix li:last-child{width: 60px;font-size: 1em;padding-top: 0.3em;}
#shop-fix li i{padding: 0 0 0.3em 0;display: block;font-size: 1.4em;}
}