@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background:transparent;
}

html{
    font-size: 16px;
}
body h2,
body h3,
body h4{
    font-size: 13px;
}
body {
    font-size: 13px;
}
a:focus, a:hover{
    text-decoration: none;
}
a:focus {
    outline: none;
}



html,body {	height:100%; }
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "メイリオ", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.5;
	color: #333;
	-webkit-text-size-adjust:100%;
}
@media(max-width: 767px){
}

div#wrapper{
    /* min-height: calc(100% - 180px); */
    min-height: calc(100% - 138px);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol,ul,dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select { vertical-align:middle; }
img {
　　font-size:0;
　　line-height: 0;
	vertical-align: top;
	border: 0;
}
a {	
	text-decoration: none;
    color: #333;
    transition: all 300ms ease-out;
}
a:hover { opacity: 0.8; text-decoration: none; }
.clr { clear: both; }
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}
.colRed { color: #D24A4A;}
.colGray { color: #999999;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
select {
	-webkit-appearance:none;
	height: 35px;
	padding: 0 8px 0 8px;
	border: #CCC 1px solid;
	border-radius: 5px;
	background-color: #FFF;
}
input[type=password]{
    max-width: 200px;
}
input[type=email]{
    max-width: 400px;
}
textarea {
	border: #CCC 1px solid;
	border-radius: 5px;
}
input[type=button],
input[type=file] {
	width: auto !important;
}
input[type=radio], input[type=checkbox] {
  display: none;
}
input[type=radio]:checked + .radio:after {
  opacity: 1;
}
input[type=checkbox]:checked + .checkbox:after {
  opacity: 1;
}
.radio, .checkbox {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 5px 12px 1px 28px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover:before, .checkbox:hover:before {
  border-color: #8A8A8A;
}
.radio:before, .checkbox:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #bbb;
  border-radius: 5px;
  content: '';
  background-color:#FFF;
}
.radio:before {
  border-radius: 50%;
}
.radio:after {
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #8A8A8A;
  content: '';
  opacity: 0;
}
.checkbox:after {
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #8A8A8A;
  border-bottom: 3px solid #8A8A8A;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
textarea {
	padding: 10px;
}

.column-type-3 header {
    background: url(../img/top/bgHeader.png) left top;
}

/*---------------------------------------------------------------------------------------------
  WRAPPER
---------------------------------------------------------------------------------------------*/
.wrapperTop {
	background: none no-repeat center top;
}

@media(max-width: 767px){
	.wrapperTop {
		background: none;
	}
}
/*---------------------------------------------------------------------------------------------
  HEADER
---------------------------------------------------------------------------------------------*/
header {}
.site__header {
    width: 100%;
}
.site__header-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 0 0 0 0px;
    background-color: rgba(255,255,255,.9);
}
.site__header-box__inner{
    width: 100%;
    height: 80px;
    max-width: 1150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site__header-box-spn { display: none; }
.site__logo {
    max-width: 203px;
}
.site__logo-box h1 {
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 .5rem;
}
.site__logo {
    width: 100%;
    height: auto;
    object-fit: cover;
    font-family: "object-fit: cover;"
}


/* - header navigation - */
.header__navigation-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.mac .drawer-open .site__header-box,
.win .drawer-open .site__header-box{
    padding-right: 17px;
}
.header__navigation-list {
    display: flex;
    align-items: center;
}
.header__navigation-item { display: flex; }
.header__navigation-item::after {
    content: '';
    margin: 0 15px;
    border-right: 1px solid #525252;
}
.header__navigation-item:last-child::after {
    border-right: none;
    margin: 0 45px 0 15px;
}
.header__navigation-item a {
    color: #525252;
    font-size: 0.85rem;
}
.header__navigation-item--active a {
    font-weight: 600;
}
.header__navigation-list--sub {
    display: flex;
    align-items: stretch;
    height: 100%;
}
.header__navigation-list-item--sub {
    padding: 0 30px;
    text-align: center;
}
.header__navigation-list-item--sub a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.header__navigation-list-item--sub span.fa {
    margin-bottom: 2px;
    font-size: 1.5rem;
}

/*---------------------------------------------------------------------------------------------
  Drawer Menu
---------------------------------------------------------------------------------------------*/





header .headerMainTop-h1 {
	width: 100%;
	min-width: 1260px;
	height: 30px;
	margin: 0 auto;
}
header .headerMainTop-h1 .inn {
	width: 1260px;
	min-width: 1260px;
	margin: 0 auto;
	color: #666666;
	font-size: 13px;
	font-weight: normal;
    height: 100%;
    align-items: center;
    display: flex;
}
header .headerMainTop-h1 .inn h1 {
	/* float: left; */
	/* width:calc(100% - 350px); */
	/* padding-top: 7px; */
   	font-size: 90%;
  	font-weight: normal;
}
header .headerMainTop-h1 .inn h1 p{
    max-width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
}
header .headerMainTop-h1 .inn #wovn-languages {
	float: right;
}
header .headerMainTop-h1 .inn #wovn-languages ul li {
	float: left;
	width: 70px;
	border-left:  #DDEACA 1px solid;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
}
header .headerMainTop-h1 .inn #wovn-languages ul li:last-child {
	border-right:  #DDEACA 1px solid;
}
header .headerMainTop-h1 .inn #wovn-languages ul li.selected {
	background-color: #739A3F;
}

@media(max-width: 767px){
	header .headerMainTop-h1 {
		width: 100%;
		min-width: 100%;
		min-height: 35px;
		height: auto;
	}
	header .headerMainTop-h1 .inn {
		width: 100%;
		min-width: 100%;
	}
	header .headerMainTop-h1 .inn h1 {
		/*display: none;*/
        float:none;
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	header .headerMainTop-h1 .inn #wovn-languages {
		float: none;
		width: 100%;
	}
	header .headerMainTop-h1 .inn #wovn-languages ul {
		float: none;
		width:100%;
		display: table;
		table-layout: fixed;
	}
	header .headerMainTop-h1 .inn #wovn-languages ul li {
		float: none;
		display: table-cell;
		text-align: center;
		line-height: 35px;
	}
}


header {
	width: 100%;
}
@media(max-width: 767px){
    header {
        width: 100%;
        background-color:#FFF;
    }
}
header #headerMainSp {
	display: none;
}
header #headerMain {
	width: 100%;
	margin: 0 auto;
}
header .headerMainTop {
	height: 100px;
}
header #headerMain .headerBtm {
	width: 100%;
	overflow: hidden;
}
header #headerMain .headerBtm .inn {
	width: 1150px;
	/* overflow: hidden; */
	margin: 15px auto 0;
    min-height:86px;
}
header .headerMainTop .headerBtm .inn {
	width: 1260px !important;
	margin: 15px auto 0 !important;
}
header #headerMain .headerBtm .inn .logo {
	clear: both;
	float: left;
    display: flex;
    height: 76px;
    justify-content: center;
    align-items: center;
	/* margin-top: -5px; */
}
header #headerMain .headerBtm .inn .logo img{
    max-width:203px;
}
header #headerMain .headerBtm .inn .itemBox {
	float: right;
	/* width: 460px; */
	width: 530px;
	margin-bottom: 15px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi {
	/* overflow: hidden; */
	margin-bottom: 12px;
    min-height: 31px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li {
	float: right;
	width: 140px;
	border-right: #BDBDBD 1px solid;
	line-height: 25px;
	text-align: center;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li:last-child {
	border-left: #BDBDBD 1px solid;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li a {
	display: block;
	font-size: 93%;
	color: #333;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li i {
	margin-right: 5px;
	font-size: 116%;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li a span.message {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	line-height: 18px;
	font-size: 11px;
}

header #headerMain .headerBtm .inn .itemBox #userNavi li.msgBox {
    display:none;
}
#wrapper.wrapperTop header #headerMain .headerBtm .inn .itemBox #userNavi li.msgBox {
    display:block;
}
#wrapper.wrapperTop header #headerMain .headerBtm .inn .itemBox {
    width:600px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li.shopName {
	max-width: 250px;
	width:auto;
	padding: 0 15px;
	text-align: left;
	border-right: none;
}
body header #headerMain .headerBtm .inn .itemBox #userNavi li.shopName a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
    max-width: 200px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu {
	width: 200px;
	margin: 8px 0 0 0;
	list-style: none;
	position: absolute;
	z-index: 999;
	border: #CCC 1px solid;
	background-color: #FFF;
	border-radius: 5px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li.shopName ul.subMenu {
	margin: 8px 0 0 -10px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu:before {
  border-bottom-width: 16px;
  border-right-width: 12px;
  border-top-width: 0;
  border-left-width: 12px;
  border-color: #CCC transparent;
  border-style: solid;
  display: block;
  position: absolute;
  top: -16px;
  left: 30px;
  width: 0;
  height: 0;
  content: "";
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu:after {
  border-bottom-width: 16px;
  border-right-width: 12px;
  border-top-width: 0;
  border-left-width: 12px;
  border-color: #FFF transparent;
  border-style: solid;
  display: block;
  position: absolute;
  top: -14px;
  left: 30px;
  width: 0;
  height: 0;
  content: "";
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li {
	width: 198px;
	border: none;
	border-bottom: #CCC 1px dotted;
	text-align: left;
	line-height: 45px;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li:last-child {
	border-bottom: none;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li a {
	padding: 0 0 0 10px;
	color: #333;
	white-space: normal;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li a i {
	font-size: 93%;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li a:hover {
	background-color: transparent;
	opacity: .8;
}
header #headerMain .headerBtm .inn .itemBox #userNavi li ul.subMenu li a:hover:after {
	float: right;
	margin-right: 10px;
	content: " \f105";
  font-family: FontAwesome;
	color: #666;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox {
	float: right;
	width: 230px;
	height: 28px;
	padding: 0 15px;
	border-radius: 20px;
	background-color: #fff;
	border: #bcbcbc 1px solid;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox input {
	border: none;
	height: 26px;
	background-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #bcbcbc !important;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox input.text::-webkit-input-placeholder{
	color: #FFF;
	font-weight: normal;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox input.text::-webkit-autofill{
	color: #FFF !important;
	font-weight: normal;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox input.text {
	width: 150px;
	color: #FFF;
	font-weight: bold;
	padding: 0;
    outline:none;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox .siteSearchBox input[type=image] {
	float: right;
	height: auto;
	padding-top: 6px;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox ul li {
	float: right;
	position: relative;
	margin: 0 0 0 5px;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox ul li a {
	display: block;
    width: 140px;
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox ul li a:hover {
	opacity: .8;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox ul li a i {
	margin-right: 5px;
}
header #headerMain .headerBtm .inn .itemBox .siteMenuBox ul li a span {
	position: absolute;
	right: 5px;
	width: 18px;
	height: 18px;
	margin-top: -5px;
	color: #FFF;
	border-radius: 20px;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
}
.header-navi-wrapper .menuNavi {
	overflow: hidden;
    width: 100%;
}
.header-navi-wrapper .menuNavi .innBox .category {
	float:left;
	width: 130px;
}
.header-navi-wrapper .menuNavi .innBox .category a {
	display: block;
	height: 40px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 108%;
}
.header-navi-wrapper .menuNavi .innBox .category a i {
	margin-right: 5px;
}
.header-navi-wrapper .menuNavi .innBox .category a:hover {
	opacity: .8;
}
.header-navi-wrapper .menuNavi .innBox {
	width: 1150px;
	margin: 0 auto;
}
.header-navi-wrapper .menuNavi nav#gNavi {
	float: right;
	width: 1150px;
}
.header-navi-wrapper nav#gNavi ul li {
	margin: 0 20px 0 0;
	text-align: center;
}
.header-navi-wrapper nav#gNavi ul li a {
	display: block;
	height: 40px;
	color: #333;
	padding: 10px;
}
.header-navi-wrapper nav#gNavi ul li span {
	display: block;
	font-size: 86%;
	font-weight: normal;
}
.header-navi-wrapper nav#gNavi ul li a img {
	margin-top: 13px;
}
.header-navi-wrapper nav#gNavi ul li.page {
	width: 29px;
}
.header-navi-wrapper nav#gNavi ul li.page a {
	background-color: #7D7D7D;
}
.header-navi-wrapper nav#gNavi ul li.Next {
	margin-right: 0;
}
.header-navi-wrapper nav#gNavi ul li.page i {
	line-height: 40px;
}
.slide {
	position:relative;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	height: 40px;
}
.slide div.home {
	float: left;
	width: 100px;
	text-align: center;
	background-color: #9E9E9E;
}
.slide div.home a {
	display: block;
	color: #FFF;
}
.slide div.home a:hover,
.slide div.home a.active {
	background-color: #D24A4A;
}
.carousel {
	overflow: hidden;
	width: 1150px;
	margin: 0 0 0 0px;
}
.slidePrev,
.slideNext {
	display:block;
	position:absolute;
	top:0;
	width:30px;
	height:40px;
	cursor:pointer;
	line-height: 40px;
}
.slidePrev.hover,
.slideNext.hover {
	opacity: .7;
}
.slidePrev {
	left:0;
	z-index:100;
}
.slidePrev:before,
.slideNext:before {
	font-family: FontAwesome;
	font-size: 20px;
	color: #666;
}
.slidePrev:before {
	margin-left: 10px;
	content: '\f104';
}
.slideNext {
	right:0;
	z-index:100;
}
.slideNext:before {
	margin-left: 12px;
	content: '\f105';
}
.slideInner {
	position:relative;
	margin:0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
header #filterSlideBox10 {
	display: none;
}
@media(max-width: 767px){
	header #headerMain,
	header #headerMain .headerBtm .inn {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		min-height: inherit;
	}
    .spn-block{
        display:block;
    }
	header #headerMain .headerBtm .inn .logo {
		float: none;
		text-align: center;
		margin: 10px 0 10px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
	}
	header #headerMain .headerBtm .inn .logo img {
		/* height: 40px; */
        max-width: 150px;
        max-height:60px;
	}
	header #headerMain h1,
	header #headerMain .top {
		display: none !important;
	}
	header #headerMain ul.subMenu {
		display: none !important;
	}
	header #headerMain .headerBtm .itemBox {
		display: none !important;
	}
	header #headerMainSp {
		display: block;
		height: 50px;
		background-color: #000;
		overflow: hidden;
	}
	header #headerMainSp {
		width: 100%;
		height: 50px;
	}
	header #headerMainSp .slide2 {
		position: relative;
	}
	header #headerMainSp .slide2 .slidePrev2,
	header #headerMainSp .slide2 .slideNext2 {
		position: absolute;
		width: 20px;
		color: #FFF;
		line-height: 50px;
		text-align: center;
	}
	header #headerMainSp .slide2 .slidePrev2 {
		border-right: #666 1px solid;
	}
	header #headerMainSp .slide2 .slideNext2 {
		right: 0;
		border-left: #666 1px solid;
	}
	header #headerMainSp #btnLocation {
		position: relative;
		overflow: hidden;
		width: calc(100% - 40px);
		height: 50px;
		margin: 0 20px;
	}
	header #headerMainSp #btnLocation ul {
		display: table;
		width: 100%;
		height: 50px;
		border-collapse: collapse;
	  table-layout: fixed;
		text-align: center;
	}
	header #headerMainSp #btnLocation li {
		display:table-cell;
		width: 80px;
		border-right: #666 1px solid;
		text-align: center;
		color: #FFF;
		font-size: 77%;
	}
	header #headerMainSp #btnLocation li:last-child {
		border-right: none;
	}
	header #headerMainSp #btnLocation a {
		display: block;
		width: 80px;
		height: 50px;
		padding: 10px 0 0;
		margin: 0 auto;
		color: #FFF;
		vertical-align: middle;
		white-space: nowrap;
	}
	header #headerMainSp #btnLocation ul li img {
		display: block;
		height: 15px;
		margin: 0 auto 2px;
	}
	header #filterSlideBox10 {
		padding: 10px;
		background-color: #EEE;
	}
	header #filterSlideBox10 .keyword input {
		width: 100%;
		border: #999 1px solid;
	}
	header #filterSlideBox10 .filterBox {
		margin: 10px 0 0 !important;
	}
	header #filterSlideBox10 .filterBox .btnFilter {
		background-color: #FFF;
	}
	header #filterSlideBox10 .filterBox .slideBox {
		display: none;
		border-right: #999 1px solid;
		border-left: #999 1px solid;
	}
	header #filterSlideBox10 .filterBox .slideBox ul li {
		border-bottom: #999 1px solid;
		background-color: #FFF;
		line-height: 30px;
	}
	header #filterSlideBox10 .filterBox .slideBox ul li a {
		display: block;
		padding: 5px 10px;
	}
	header #filterSlideBox10 .filterBox .slideBox ul li a i {
		float: right;
		line-height: 30px;
		color: #999;
	}
	#gNavi2 {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: -50px 0 0 0px;
        border-bottom: 1px solid #CCC;
	}
	#gNavi2 ul {
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	#gNavi2 li {
		display: table-cell;
		white-space:nowrap;
		width: 100px;
	}
	#gNavi2 a {
		display: block;
		height: 49px !important;
		padding: 0 5px;
		background-color: #F6F6F6;
		color: #333;
		line-height: 49px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
        font-size: 0.8125rem;
	}
	#gNavi2 a:hover{
        opacity: 1;
	}
	.slide {
		width: 100% !important;
		height: 50px !important;
	}
	.carousel {
		width: calc(100% - 21px);
		left: 20px !important;
		overflow: hidden;
	}
	.slide div.home {
		width: 0 !important;
	}
	.slidePrev,
	.slideNext {
		display:block;
		position:absolute;
		top:0;
		width: 20px;
		height: 50px;
		line-height: 50px !important;
		text-align: center;
		background: #7D7D7D;
		cursor:pointer;
		border-radius: 0;
	}
	.slidePrev.hover,
	.slideNext.hover {
		background-color: #7D7D7D;
	}
	.slidePrev {
		left: 0;
		z-index:100;
	}
	.slideNext {
		right:0px;
		z-index:100;
	}
	.slideNext:before {
		margin-left: 9px;
		font-family: FontAwesome;
		content: '\f105';
		font-size: 30px;
	}
	.slidePrev:before,
	.slideNext:before {
		margin-left: 0;
		font-size: 20px;
		color: #FFF;
	}
}
/*---------------------------------------------------------------------------------------------
  CONTAINER
---------------------------------------------------------------------------------------------*/
#container {
}
/*---------------------------------------------------------------------------------------------
  外枠広告欄
---------------------------------------------------------------------------------------------*/
#outsideBox-1,
#outsideBox-2 {
	position: absolute;
	left: 50%;
	/*top: 0;*/
	top: 30px;
}
#outsideBox-1 {
	margin: 0 0 0 -650px;
}
#outsideBox-2 {
	margin: 0 0 0 490px;
}
#outsideBox-1 .outside,
#outsideBox-2 .outside {
	position: absolute;
} 
@media(max-width: 767px){
	#outsideBox-1,
	#outsideBox-2 {
		display: none;
	} 
	.spOutside {
		overflow: hidden;
	}
	.spOutside ul {
		text-align: center;
	}
	.spOutside ul li {
        display: inline-block;
        width: 100%;
        margin: 0 3px 10px 0;
	}
	.spOutside ul li:last-child {
		margin-right: 0;
	}
	.spOutside ul li img {
		width: 100%;
	}
}
/*---------------------------------------------------------------------------------------------
  CONTENTS
---------------------------------------------------------------------------------------------*/
#contentsBox {
	width: 1150px;
	overflow: hidden;
	margin: 30px auto;
}
#contentsBox section.mainImage {
	margin: 0 0 30px 0;
}
@media(max-width: 767px){
	#contentsBox {
		width: 100% !important;
		margin: 0 auto 20px !important;
	}
	#contentsBox section.mainImage img {
		width: 100%;
	}
	#contentsBox section.mainImage {
		margin: 10px 0 !important;	
	}
}
#mainBox {
	float: left;
	width: 830px;
	overflow: hidden;
}
#mainBox.full{
    width: 100%;
}
#mainBox.mypage {
    /* float: none; */
    /* margin: auto; */
}
@media(max-width: 767px){
	#mainBox {
		width: 100% !important;
        min-height: 350px;
	}
}
/*---------------------------------------------------------------------------------------------
  タイトル
---------------------------------------------------------------------------------------------*/
h2.ctsTitle {
	margin-bottom: 10px;
}
h2.ctsTitle img{
    max-width: 100%;
}
.topBox h2.ctsTitle {
    font-size: 129%;
    padding: 2px 0 0 10px;
}
h2.side_headline,
h3.side_headline {
	margin-bottom: 10px;
	padding: 2px 0 0 0;
	font-size: 129%;
    font-weight: bold;
}
h2.side_headline.mypage,
h3.side_headline.mypage{
	padding: 2px 0 0 0px;
	border-left: none;
}
h2.main_line,
h3.main_line {
	font-size: 129%;
	padding: 2px 0 0 10px;
}
h2.bdrBottom,
h3.bdrBottom {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 193%;
	line-height: 30px;
	border-bottom: #333 1px solid;
}
h2 span.subTit,
h3 span.subTit {
	margin-left: 10px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: normal;
}
#contentsBox .shopName.cl {
	display:table;
	width: 100%;
	padding: 15px 0 0;
	margin-bottom: 20px;
	/* border-top: #333 2px solid; */
	/* border-top: #A2A2A2 1px solid; */
	border-top: #CCC 1px solid;
	font-size: 193%;
	text-align: left;
}
#contentsBox .shopName h2{
	display:inline;
    margin-right:10px;
    font-size: 93%;
    font-weight: bold;
}
#contentsBox .shopName .flex-center{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.flex-center .like-count-box.shop .btn {
    top: 0px;
}
#contentsBox .shopName p.description {
	padding: 0 0 5px;
	font-size: 60%;
	font-weight: normal;
}
@media(max-width: 767px){
	h2.ctsTitle,
	h2.side_headline {
    		margin: 20px 10px 10px;
	}

	h2.bdrBottom ,
	h3.bdrBottom {
		/* margin-bottom: 10px; */
		/* background-color: #000 !important; */
		/* padding: 6px 10px; */
		/* font-size: 100%; */
		/* border: none; */
		/* color: #FFF; */
        padding: 0px 0px 0px 10px;
        font-size: 120%;
        line-height: 30px;
        margin-top: 10px;
        border-bottom: #333 1px solid;
	}

	h2 span.subTit {
		font-size: 11px;
	}
	#contentsBox .shopName.cl {
		margin-bottom: 10px !important;
		padding: 10px 10px 0 !important;
		border-top: #ccc 1px solid !important;
		font-size: 120% !important;
	}
	#contentsBox .shopName p.description {
		padding-bottom: 0 !important;
	}
	h2.ctsTitle img {
		/* margin: -6px -10px; */
	}
	h2.ctsTitle img {
		/* display: none; */
	}
}

/*---------------------------------------------------------------------------------------------
  パンくずリスト
---------------------------------------------------------------------------------------------*/
#breadBox {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding: 7px 0;
	border-top: #D4D4D4 1px solid;
	background-color: #F9F9F9;
}
@media(max-width: 767px){
	#breadBox {
		display: none !important;
	}
}
#breadBox .inn {
	width: 1150px;
	overflow: hidden;
	margin: 0 auto;
	font-size: 93%;
}
#breadBox.news .inn ul{
    display: flex;
}
#breadBox.news .inn ul li {
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#breadBox.news .inn ul li:last-child{
    flex:1;
}
#breadBox .inn ul li {
	float: left;
	line-height: 16px;
}
#breadBox .inn ul li i {
	margin: 0 10px;
	font-size: 116%;
}
#breadBox .inn ul li.home {
	padding: 0 0 0 25px;
	background: url(../img/common/icoBreadHome.png) no-repeat left center;
}
#breadBox .inn ul li a,
#breadBox .inn ul li:last-child a:hover {
	text-decoration: underline;
}
#breadBox .inn ul li a:hover,
#breadBox .inn ul li:last-child a {
	text-decoration: none;
}
#breadBox .inn ul.flex {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
#breadBox .inn ul.flex .nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*---------------------------------------------------------------------------------------------
  ページ送り
---------------------------------------------------------------------------------------------*/
.pagingBox {
	clear: both;
	overflow: hidden;
    margin: 20px 0px;
}
.pagingBox ul {
	text-align: center;
}
.pagingBox ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 1px;
	border: #CCC 1px solid;
	line-height: 40px;
	border-radius: 50%;
	font-size: 116%;
}
.pagingBox ul li.linkNo {
	color: #CCC;
}
.pagingBox ul li a {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
}
.pagingBox ul li a:hover,
.pagingBox ul li a.active {
	color: #FFF;
}
@media(max-width: 767px){
	.pagingBox ul li {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.pagingBox ul li a {
		width: 33px;
		height: 33px;
	}
}
/*---------------------------------------------------------------------------------------------
  table
---------------------------------------------------------------------------------------------*/
table.baseTbl {
	width: 100%;
	font-size: 108%;
}
table.baseTbl tr {
	border-top: #CCC 1px solid;
}
table.baseTbl tr:last-child {
	border-bottom: #CCC 1px solid;
}
table.baseTbl th,
table.baseTbl td {
	padding: 12px 10px;
    word-break: break-all;
}
table.baseTbl th {
	width: 25%;
	text-align: left;
	background-color: #F0F0F0;
	font-weight: normal;
}
table.baseTbl td a.map {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}
table.baseTbl td a.map.access-btn{
    width: auto;
    font-size: 0.75rem;
    padding: 3px 5px;
    height: auto;
    text-decoration: none;
}
table.baseTbl td a.map.access-btn:hover{
    opacity: .7;
}
table.baseTbl td a.editBtn {
	display: inline-block;
	width: 60px;
	background-color: #D24A4A;
	line-height: 35px;
	border-radius: 5px;
	color: #FFF;
	text-decoration: none;
}
table.baseTbl td a {
	color: #1772B8;
	text-decoration: underline
}
table.baseTbl td a:hover {
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------------
  ボタン
---------------------------------------------------------------------------------------------*/
a.btnMore {
	float: right;
	width: 100px;
	margin-top: 10px;
	padding-top: 1px;
	line-height: 24px;
	text-align: center;
	border-radius: 13px;
	font-size: 93%;
	border: #CCC 1px solid;
}
a.btnMore:after {
  content: " \f138";
  font-family: FontAwesome;
	font-size: 93%;
}

a.btn,
a.btn-main {
	display: block;
	color: #FFF;
}
a.coupon-send-btn:before{
    content: " \f1d8";
    font-family: FontAwesome;
    position:relative;
    left:-10px;
    display: inline-block;
}
a.coupon-send-btn:hover:before{
}
a.coupon-send-btn{
    padding: 6px 10px;
    line-height: inherit;
    font-size: 13px;
    width: 90px;
    margin: 0px;
    color: #333;
    text-align: center;
    border: #BBB 1px solid;
    background-color: #FFF;
}
a.btn {
	text-align: center;
}
a.btn-main {
	padding: 0 20px;
	color: #333;
	font-size: 108%;
	text-align: left;
	line-height: 55px !important;
	border: #CCC 1px solid;
	background-color: #FFF;
}
.ctsCoupon .favorite-box a.btn-main{
    float: right;
}
.ctsCoupon .favorite-box a.btn-main,
a.btn-main.btn-modal-close{
    padding: 10px 10px;
    line-height: inherit !important;
    font-size: 13px;
    width: 170px;
    margin:0px 0px 10px;
}
.ctsCoupon .favorite-box a.btn-main i{
    padding: 0px;
    line-height: 19px !important;
    font-size: 15px;
    margin-right: 10px;
}
a.btn-main.btn-modal-close{
    text-align:center;
    margin: 0px 0px 0px auto;
}
a.btn-main.btn-modal-close::after {
    float: right;
    content: "";
    font-family: FontAwesome;
}
a.btn-main.btn-modal-close::before{
    content: " \f00d";
    font-family: FontAwesome;
    position: relative;
    left: -5px;
}
@media(max-width: 767px){
    a.btn-main.btn-modal-close{
        text-align:center;
        margin: 0px;
    }
    div.ctsCoupon .favorite-box a.btn-main{
        margin:0px 10px 10px;
    }
}
.clr-both,
.clr-both:after{
    clear:both;
}
a.coupon-send-btn:hover,
a.btnMore:hover,
a.btn-main:hover,
a.btn-sub:hover,
a.btn:hover {
	opacity: .7 !important;
}
a.coupon-send-btn:hover,
a.btn-main:hover {
	background-color: #EEE !important;
}
a.btn-main:after {
	float: right;
  content: " \f105";
  font-family: FontAwesome;
}
a.btn-main i {
	float: left;
	margin-right: 15px;
	font-size: 154%;
	line-height: 55px;
}
a.btnEmphasis {
    color: #333;
    border: #999 1px solid;
}

a.btn-sub {
	width: 160px !important;
	padding: 0 10px;
	line-height: 40px !important;
	border-radius: 5px;
	background-color: #EEE;
	border: #CCC 1px solid;
}
a.btn-sub i {
	font-size: 100%;
	margin-right: 10px;
	line-height: 40px !important;
	font-size: 124%;
}
@media(max-width: 767px){
	a.btnMore {
		display: block;
		/*float: none;*/
		width: 45%;
		margin: 10px;
		line-height: 35px;
        border-radius: 20px;
        float: none;
        margin: 10px auto 0px;
	}
	a.btnMore:after {
		margin-left: 5px;
	}
	a.btn-main {
		line-height: 50px !important;
		font-size: 100%;
	}
	a.btn-main i {
		line-height: 50px;
	}
}
/** ホームページタイプ共通ボタン **/
a.multiBtn {
	position: relative;
	display: block;
    margin: 10px auto;
    line-height: 50px;
    text-align: center;
    font-size: 158%;
	background: #FE9900;
	color: #FFF;
}
a.multiBtn::after{
	margin: 0 0 0 5px;
    font-family: FontAwesome;
    content: '\f144';
}
/*
a.multiBtn::before{
	position: absolute;
	top:0;
	margin:0 0 5px 0;
	content:'その他のコンテンツ';
	color: #333;
	text-align: center;
}*/

/*---------------------------------------------------------------------------------------------
  SIDE
---------------------------------------------------------------------------------------------*/
#side {
	float: right;
	width: 300px;
    min-height: 630px;
	/*overflow: hidden;*/
}
@media(max-width: 767px){
	#side {
		width: 100% !important;
        min-height:auto;
		/* padding: 10px;*/
	}
}

/*---------------------------------------------------------------------------------------------
  FOOTER
---------------------------------------------------------------------------------------------*/
footer {
	width: 100%;
    min-width: 1260px;
    padding: 2.18rem 0;
    /* background: url(https://www.gurutto-mama-sendai.com/img/common/footer-background.jpg) no-repeat center center / cover; */
	bottom: 0;
	/*color: #FFF;*/
    text-align: center;
}

.footer__logo {
    width: 184.5px;
    margin: 0 auto 1.5rem auto;
}
.footer__logo img {
    width:100%;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.footer-sns__list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.8rem;
}
.footer-sns__item {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
}
.footer-sns__item:last-child { margin-right: 0; }

.footer-sns__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;;
    border-radius: 50%;
    color: #fff;
}
.footer-sns__item a.facebook__icon { background-color: #3d478e; }
.footer-sns__item a.twitter__icon { background-color: #67a7ee; }
.footer-sns__item a.instagram__icon { background-color: #d91ea3; }
.footer-sns__item a.youtube__icon { background-color: #f00; }

.footer-sub-link__list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.footer-sub-link__item {}
.footer-sub-link__item::before {
    display: inline-block;
    margin: 0 1rem;
    content: '|';
}
.footer-sub-link__item:last-child::after {
    content: '|';
    margin-left: 1rem;
}
.footer-sub-link__item a { font-size: 0.75rem; color: #fff; }

.copyright__text { font-size: 0.75rem; color: #fff; }


@media(max-width: 767px){
    footer { min-width: 100%; }
    .footer-sub-link__list {
        flex-wrap: wrap;
        padding: 0 3rem;
    }
    .footer-sub-link__item::before { display: none; }
    .footer-sub-link__item::after { content:'|'; margin: 0 0.5rem; }
}






footer .inn {
	width: 1150px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
}
footer .inn .siteName {
	margin: 0 0 20px;
	font-size: 239%;
	color: #FFF;
}
footer .inn .siteName img{
    max-height: 70px;
}
footer .inn ul.btnBox {
	margin-bottom: 15px;
	text-align: center;
}
footer .inn ul.btnBox li {
	display: inline-block;
	margin: 0 5px;
}
footer .inn ul.btnBox li a {
	display: block;
	width: 35px;
	height: 35px;
}
footer .inn .link ul.menu {
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
}
footer .inn .link ul.menu li {
	display: inline-block;
	padding: 0 15px 0 15px;
	border-left: #333 1px solid;
	line-height: 1;
}
footer .inn .link ul.menu li:last-child {
	border-right: #333 1px solid;
}
footer .inn .link ul.menu li a {
	color: #333;
}
footer .inn .link ul.menu li a:hover {
	text-decoration: underline;
}
footer .inn .link ul.footerMenu {
	display: none;
}
footer .copyright {
	font-size: 93%;
}
@media(max-width: 767px){
	footer {
		min-width: initial !important;
		background-color: #000;
	}
	footer .inn {
		width: 100%;
		padding: 0;
	}
	footer .inn .siteName {
		display: none !important;
	}
	footer .inn .link {
		background-color: #FFF !important;
	}
	footer .inn .link ul {
		width: 100%;
		margin-bottom: 0 !important;
	}
	footer .inn .link ul li {
		width: 100%;
		margin: 0 0 1px !important;
		background-color: #EEE;
		text-align: left;
	}
	footer .inn .link ul li a {
		display: block;
		padding: 15px 10px !important;
		color: #333 !important;
		text-decoration: none;
	}
	footer .inn .link ul.menu li {
		padding: 0 !important;
		border-left: none;
	}
	footer .inn .link ul.menu li:last-child {
		border-right: none;
	}
	footer .inn .link ul.menu li a:hover {
		text-decoration: none;
	}
	footer .inn .link ul.footerMenu {
		width: 100%;
		display:flex !important;
		justify-content: center;
		display: -webkit-box;
		display: box !important;
	}
	footer .inn .link ul.footerMenu li {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		/*
		background-color: #333 !important;
		border-right: #666 1px solid;*/
		width: 100%;
		margin-bottom: 0 !important;
    	background-color: #fff !important;
    	text-align: center;
    	border-right: #dedede 1px solid;
    	font-size: 93%;
    	border-top: #dedede 1px solid;
	}
	footer .inn .link ul.footerMenu li:last-child {
		border-right: none;
	}
	footer .inn .link ul.footerMenu li i {
		display: block;
		margin-bottom: 1px;
		font-size: 150%;
	}
	footer .inn .link ul.footerMenu li a {
		height: 55px;
		padding: 10px 0 0 !important;
		color: #333 !important;
	}
	footer.footerShop {
		padding-bottom: 55px;
	}
	footer.footerShop .inn .link ul.footerMenu {
		position: fixed;
    z-index: 1000;
		left: 0;
    bottom: 0;
	}
	footer .inn ul.btnBox {
		display: none !important;
	}
	footer .copyright {
		width: 100%;
		padding: 7px 5px 5px;
		font-size: 70%;
		background-color: #000;
		text-align: center;
		color: #fff;
	}
	
	footer {
		padding-bottom: 45px;
	}
	footer .inn .footerCategorySearch {
		position: fixed;
    z-index: 1000;
		width: 100%;
		left: 0;
    bottom: 0;
	}
	footer .inn .footerCategorySearch a {
		display: block;
		width: 100%;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 15px;
	}
	footer .inn .footerCategorySearch a i {
		margin-right: 5px;
	}
}


/*---------------------------------------------------------------------------------------------
  SNS Button
---------------------------------------------------------------------------------------------*/

header #headerMain .headerBtm .inn .itemBox #userNavi li.head-sns-box {
    width: auto;
    border-left: none;
    padding-right: 10px;
    line-height: inherit;
}


.flex-box,
.sns-parent-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.flex-box .flex-weight-1{
    flex:1;
}
.flex-box.flex-center{
    justify-content: center;
    align-items: center;
}
.mt-10{
    margin-top: 10px;
}
.ml-10{
    margin-left: 10px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mr-10{
    margin-right: 10px;
}
.sns-parent-box.sns-shop-news .sns-child.g-plus,
.sns-parent-box.sns-shop-header .sns-child.g-plus,
.sns-parent-box.sns-spn-shop-header .sns-child.g-plus,
.sns-parent-box.sns-header .sns-child.g-plus,
.sns-parent-box.sns-spn-header .sns-child.g-plus{
 /*   width: 58px;*/
}
.sns-parent-box.sns-shop-news .sns-child,
.sns-parent-box.sns-spn-header .sns-child{
    margin: 5px 10px 0px 0px;
}
.sns-parent-box.sns-header .sns-child{
    margin: 0px 10px 0px 0px;
}
.sns-parent-box.sns-shop-news .sns-child.fb-like,
.sns-parent-box.sns-shop-news .sns-child.fb-share{
    margin-top: 2px;
}
.sns-parent-box.sns-shop-news{
	background-color: #f6f6f6;
    padding: 15px;
    /*margin-bottom: 10px;*/
    /* margin-top: -5px; */
    /* padding-top: 10px; */
    border-top: #ddd 1px dotted;
}
.sns-parent-box.sns-shop-news .share-text{
    width: 100%;
}
.sns-parent-box.sns-shop-header{
    margin: 0px 0px 20px;
    flex-wrap: nowrap;
    justify-content:center;
    align-items:center;
}
.sns-parent-box.sns-spn-shop-header{
    clear:both;
    /* padding-top:10px; */
    margin-bottom: 10px;
    padding-left:10px;
    /* margin-top: -5px; */
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.sns-parent-box.sns-shop-header .sns-child{
    margin: 0px 4px 0px 0px;
}
@media(max-width: 767px){
    div.sns-parent-box.sns-shop-header .sns-child{
        margin: 0px 10px 0px 0px;
    }
}
.sns-parent-box.sns-spn-shop-header .sns-child{
    margin: 0px 10px 0px 0px;
}
.sns-parent-box.sns-spn-header{
    margin-bottom: 10px;
    margin-top: -10px;
    margin-left:10px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.sns-child.rss-feed a{
    display: inline-block;
    max-height: 21px;
}
.sns-child.rss-feed a div:hover{
    background-color: #E98A29;
}
.sns-child.rss-feed a div{
    background-color: #F99A39;
    color: #FFF;
    padding: 4px 8px 4px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    min-width:53px;
    max-height:21px;
    white-space: nowrap;
    overflow:hidden;
    display: inline-block;
}
.sns-child.rss-feed a div i.fa{
    margin-right: 5px;
}
@media(max-width: 767px){
    .shopDtlBox div.spTel {
        margin: 20px 10px 10px;
    }
}

.w-100p{
    width:100%;
}
.pc-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.pc-flex.flex-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
   -webkit-align-items:center;
    align-items:center;
}
select.period-date-picker{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.period-date-picker::-ms-expand {
    display: none;
}

@media(max-width: 767px){
    .pc-flex{
        display: inherit;
    }
    .spn-mb-10{
        margin-bottom:10px;
    }
    .spn-mb-20{
        margin-bottom:20px !important;
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}
.fade.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}
.modal-title{
    font-size: 120%;
}
.pc-hidden{
    display:none;
}

@media(max-width: 767px){
    .pc-hidden{
        display:block;
    }
    #contentsBox .ctsBox .modal-body section.ctsCoupon {
        margin: 0px !important;
    }
    .modal-header,
    .modal-body,
    .modal-footer {
        width:100%;
    }
    .modal-header {
        border-bottom: none;
    }
    .modal-footer {
        padding:10px;
    }
    .modal-header{
        text-align: center;
    }
    a.btn-main.btn-modal-close {
        margin: 0px auto;
    }
    .modal-dialog {
        /* width: 100%; */
        /* height: 100%; */
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column nowrap;
    }
    .modal-body {
        padding: 0px;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column nowrap;
    }
}
#couponModal{
    padding:0px !important;
}
div.modal-content{
    border-radius: 0px;
}
div.modal-content .caution{
    font-size:90%;
    color:#555;
}

.color-picker-prev {
    display: inline-block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    border: 1px solid #DDD;
    cursor: pointer;
}
.color-picker-prev:hover{
    opacity:0.7;
}

#contentsBox.prev{
    width: 670px;
}
#contentsBox.prev,
#contentsBox.prev div.ctsBox{
    width: 670px;
    margin: 0px;
    overflow: inherit;
}

#contentsBox.prev,
#contentsBox.prev *{
    box-sizing: border-box;
}
#contentsBox.prev,
#contentsBox.prev *{
    box-sizing: border-box;
}

#contentsBox.prev .ctsBox section.ctsCoupon article.all .note span.plain{
    color: #FFF;
    font-size: inherit;
}

.colorpicker,
.colorpicker *{
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#ui-datepicker-div{
    z-index: 100000 !important;
}

textarea{
    line-height:1.5;
}

.menuNavi.clNavi{
    display:none;
}

#gNavi .slide .carousel #navi.clMenuNavi li{
    display: none;
}

.review-img-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.review-img-wrapper.preview{
    width:450px;
}
.review-img-wrapper.detail{
    margin:10px 0px;
}
.review-img-wrapper.digest{
    flex-flow: column nowrap;
  transition: all 300ms ease-out;
}
a:hover .review-img-wrapper.digest{
    opacity: .7;
}
@media(min-width: 768px){
    .review__item--one-column .review-img-wrapper.digest{
        flex-flow: row nowrap;
    }
}
.review-img-wrapper .inn{
    width:25%;
}
.review-img-wrapper.top .inn{
    margin-right:0px !important;
    width:100px;
}
.review-img-wrapper.digest .inn{
    height:52px;
    margin-right:0px !important;
    width:52px;
}
.review-img-wrapper.digest .inn:first-child{
    margin-bottom:10px;
}
.review-img-wrapper.digest .inn:first-child .mask{
    /* display: block; */
    height: 52px;
    width: 52px;
    line-height: 52px;
    font-weight: normal;
    font-size: 140%;
}
.review-img-wrapper .inn,
.review-img-wrapper.preview .inn{
    margin-right:10px;
}
.review-img-wrapper .inn:last-child,
.review-img-wrapper.preview .inn:last-child{
    margin-right:0px;
}
.review-img-wrapper .inn img{
    width:100%;
}
.review-img-wrapper .inn .mask{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.30);
    color: #FFF;
    text-align: center;
    font-weight: bold;
    display:none;
    font-size: 300%;
}
.review-img-wrapper .inn a:hover .mask{
    display:block;
}
.review-img-wrapper .inn .pc{
    display:block;
}
.review-img-wrapper .inn .spn{
    display:none;
}
@media(max-width: 767px){
    div.review-img-wrapper{
        flex-wrap: wrap;
    }
    div.review-img-wrapper .inn .pc{
        display:none;
    }
    div.review-img-wrapper .inn .spn{
        display:block;
    }
    div.review-img-wrapper.preview{
        width:100%;
    }
    div.review-img-wrapper .inn{
        width: calc( 25% - 8px );
        max-width:auto;
        /* margin-bottom:10px; */
    }
    div.review-img-wrapper.top .inn{
        margin-bottom:0px;
    }
    div.review-img-wrapper .inn:nth-of-type(even){
        /* margin-right:0px; */
    }
    div.review-img-wrapper .inn:hover .mask{
        display:none !important;
    }
    div.review-img-wrapper.digest .inn:hover:first-child .mask{
        /* display:block !important; */
    }
}


.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}
html.mfp-helper {
  height: 100%;
}
html.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
}


#contentsBox .ctsBox section.ctsReview article .flex a{
    display:inline;
}
#contentsBox .ctsBox section.ctsReview article .flex,
#contentsBox .ctsBox section.ctsReview article.shopTop.flex,
#contentsBox .ctsBox section.ctsReview article.shopTop.flex a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#contentsBox .ctsBox section.ctsReview article.shopTop.flex .rightBox,
#contentsBox .ctsBox section.ctsReview article.shopTop.flex .leftBox {
    float:none;
    width:auto;
    margin:0px;
}

#contentsBox .ctsBox section.ctsReview article .flex .leftBox,
#contentsBox .ctsBox section.ctsReview article.shopTop.flex .leftBox {
    width: calc(100% - 62px);
    flex:1;
}
#contentsBox .ctsBox section.ctsReview article .flex .leftBox{
    width: calc(100% - 62px);
}
#contentsBox .ctsBox section.ctsReview article .flex .rightBox{
    margin-left:10px;
}
@media(max-width: 767px){
    #contentsBox .ctsBox section.ctsReview article .flex .leftBox,
    #contentsBox .ctsBox section.ctsReview article.shopTop.flex .leftBox {
        width: calc(100% - 62px);
    }
}
section.ctsReview .flex .r{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow:1;
    margin-left:10px;
}
body div#contentsBox .ctsBox section.ctsReview .flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media(max-width: 767px){
    .flexslider-cms .bx-wrapper {
        border:none;
        box-shadow:none;
        width: 80%;
        margin:0 auto;
        background:none;
    }

    .bx-wrapper .bx-prev {
        margin-left: -12%;
    }
    .bx-wrapper .bx-next {
        margin-right: -12%;
    }
}
#mainBox .mainCtsBox .inn img{
        max-width: 100%;
        height:auto !important;
}


@media(max-width: 767px){
    #spMain img,
    #mainBox .mainCtsBox .inn img,
    #contentsBox .freeHtml img,
    #contentsBox .shopDescription img{
        max-width: 100%;
        height:auto !important;
    }
}

.help-modal .modal-body dl{
    margin-left:10px;
}
.help-modal .mb-10 {
    width: auto;
    margin: 0 0 10px 0;
    padding: 10px;
}
.help-modal .mb-10 h4 {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-size: 115%;
    font-weight: bold;
    border-bottom: #CCC 1px dotted;
}
.help-modal .mb-10 dl {
    float:left;
    width: 32%;
    margin: 0 0 0 10px;
    border-right: #CCC 1px solid;
}
.help-modal .mb-10 dl:last-of-type {
    border-right: none;
}
.help-modal .mb-10 dl dt {
    margin: 0 0 5px 0;
    font-weight: bold;
}
.help-wrapper{
    text-align:right;
}
a.flyer-help-btn {
    padding: 6px 25px;
    line-height: inherit;
    font-size: 13px;
    width: 90px;
    margin: 0px;
    color: #333;
    text-align: center;
    border: #BBB 1px solid;
    background-color: #FFF;
}
a.flyer-help-btn:before {
    content: " \f059";
    font-family: FontAwesome;
    position: relative;
    left: -10px;
    display: inline-block;
}

div.image-viewer-toolbar {
    height: 92px!important;
}

#contentsBox .ctsBox section.list-wid.flyer article.type2 .imgBox {
    width: 100px;
    height: 100px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#contentsBox .ctsBox section.list-wid.flyer article .imgBox img{
    width: auto;
    height: auto;
    max-height: 100px;
    max-width: 100%;
}

.freeBox img,
.freeHtml img,
.freePageBox img,
.footerPage img,
.photo-wrapper-box img{
    max-width:100%;
    height:auto !important;
    /* display: block; */
}
.freePageBox{
    padding: 0 10px;
}
.freeBox img,
.freeHtml img{
    margin:auto;
}

@media(max-width: 767px){
    .freeHtml,
    .freeHtmlBox.company{
        margin:0px 10px;
    }
    #spMain img,
    #contentsBox .shopDescription img{
        max-width: 100%;
        height:auto !important;
    }
    .freeBox{
        margin:0px 0px 20px;
    }
	
	.caution.fb{
    padding: 0px 8px 20px !important;
}
	
}

.multiline{
    display: none;
}

div.footerCategorySearch{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.caution.fb{
	padding: 0px 8px;
}

.iscroll-box ul {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.iscroll-box li {
    display: table-cell;
    white-space: nowrap;
    border-left: #FFF 1px solid;
    width: 130px;
}

#contentsBox .ctsBox section.list-hgt.iscroll-box ul.slides li:last-child article{
    margin-right:10px !important;
}
.iscroll-box li.space{
    width: 10px !important;
}

.news-dtl-pager{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin:0px 5px 30px;
}
@media(max-width: 767px){
    .news-dtl-pager{
        margin:0px 10px 20px;
    }
}
.news-dtl-pager div a{
    font-size: 120%;
}
.news-dtl-pager div a i.fa{
    font-weight:bold;
}
.news-dtl-pager .prev,
.news-dtl-pager .next{
    min-width:73px;
}
.news-dtl-pager .top{
    flex:1;
    text-align:center;
}

.drawer-hamburger.main{
    display:none;
    top: 39px;
    position: absolute;
    right:0px;
    width: 1.3rem;
}
.main .drawer-hamburger-icon:after {
    top: 7px;
}
.main .drawer-hamburger-icon:before {
    top: -7px;
}
@media(max-width: 767px){
    button.drawer-hamburger.main{
        display:block;
    }
}
nav.drawer-nav {
    z-index: 100000;
    overflow: auto;
}
div.drawer-overlay {
    z-index: 10000;
}
.drawer-nav.main{
    /* width:300px; */
}
.drawer-nav.main .drawer-menu .title{
    height:40px;
    padding: 10px;
}
.drawer-nav.main .header-menu .drawer-menu a{
    padding: 10px;
    display: block;
    width: 100%;
    line-height: 25px;
    border-bottom: #CCC 1px dotted;
}
.drawer-nav.main .drawer-menu ul.bg-black a{
    border-bottom: #FFF 1px solid;
}
.drawer-nav.main .drawer-menu ul li:last-child a,
.drawer-nav.main .drawer-menu ul.bg-black li:last-child a{
    border:none;
}
.drawer-nav.main .drawer-menu li i.fa{
    font-size: 150%;
    margin-right: 11px;
    margin-left: 5px;
}
.drawer-nav.main .drawer-menu li img{
    width: 26px;
    margin-right:5px;
}
.drawer-nav.main .drawer-menu ul.bg-black{
    background-color: #333;
    color: #FFF;
}
.drawer-nav.main .drawer-menu ul.bg-black a{
    color: #FFF;
}

.drawer-nav.main .drawer-menu a span.badge{
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: -2px;
}

@media(max-width: 767px){
    .topBox h2.ctsTitle{
        font-size: 129%;
        margin:20px 0px 10px;
        border:none;
    }
    h2.ctsTitle.side_headline,
    h3.side_headline{
        margin:20px 10px 10px;
    }
}

.sns-shop-news.img img {
    width: 42px;
}
.sns-spn-shop-header.img img,
.sns-shop-header.img img {
    width: 59px;
}

.type-slide .flex-direction-nav .flex-prev {
    height: 100%;
    top: 20px;
    left: 0px;
    background: url(../img/slider/back.png) no-repeat center;
    background-size: 32px;
    opacity: 1;
}

.type-slide .flex-direction-nav .flex-next {
    height: 100%;
    top: 20px;
    right: 0px;
    background: url(../img/slider/next.png) no-repeat center;
    background-size: 32px;
    opacity: 1;
}
.type-slide .flex-direction-nav .flex-prev:hover,
.type-slide .flex-direction-nav .flex-next:hover{
}
.sns-child.line a div:hover{
    background-color: #3EBD00;
}
.sns-child.line a div{
    background-color: #01B901;
    color: #FFF;
    padding: 4px 8px 4px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    min-width:53px;
    max-height:21px;
    white-space: nowrap;
    overflow:hidden;
    display: inline-block;
}
.sns-child.line a div i.fa{
    margin-right: 5px;
    color:#FFF !important;
}

.rss-news-wrapper a,
.box-body a,
.news-body-wrapper a {
    color: #1772B8;
    cursor: auto;
    text-decoration: underline;
}
.rss-news-wrapper{
    text-align:left;
    margin:0px 0px 25px;
}
.rss-news-wrapper a:hover,
.box-body a:hover,
.news-body-wrapper a:hover {
    text-decoration: none;
}
.news-body-wrapper img[src^="https://abs.twimg.com/emoji"]{
    margin-top: 2px;
}
.rss-news-wrapper .follow_me a{
    text-decoration: none;
    color: #FFF;
    height: 50px;
    text-align: center;
    padding: 0 20px;
    border-radius: 39px;
    background-color: #EFBBC8;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin: 0 0 10px;
    font-size: 14px;
}
.rss-news-wrapper .follow_me a i{
    font-size: 24px;
    margin-right: 10px;
}
.rss-news-wrapper .rss-caution{
    font-size: 12px;
}

input,
textarea,
select {
    outline: none;
}
*:focus {
    outline: none;
}
.vegas-slide-inner{
    background-size: inherit !important;
}
.vegas-slide{
}
.vegas-slide.vegas-transition-fade-out{
    /* background-image:none; */
}
.outside img{
    max-width:160px;
}

.joyin-video-wrapper{
    margin:10px 0px;
}

div.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}
.joyin-news-video{
    width:auto;
    max-width:315px;
    height:560px;
}
div.video-js.vjs-fullscreen.joyin-news-video{
    background-color: transparent;
    position: relative;
    left: 0px;
    top: 0px;
    min-width: 0px;
    max-width: none;
    min-height: 0px;
    max-height: none;
    width: 100%;
    height: 100%;
    display: block;
    transform: none;
    margin: 0px !important;
    flex: 1 1 0% !important;
}

button.basic-btn{
}

.ecCartBox .listBox td.item a.no-class{
    display: inline;
    float: none;
    width: auto;
    margin: 0px;
    border: none;
    background-color: #FFF;
    line-height: initial;
    border-radius: 0px;
    text-align: left;
}
.ecCartBox .listBox td.item a.no-class:hover{
    opacity: .7;
}

div.flex-wrapper.chara{
    display: flex;
    flex-wrap: wrap;
    margin:0px 0px 10px;
}

/*---------------------------------------------------------------------------------------------
  画像（ドラッグアンドドロップ対応）
---------------------------------------------------------------------------------------------*/
.inputFileWorkBox {
    position: relative;
    display: table;
    height:200px;
    width:200px;
    margin: 0 0 10px;
    background-color: #EEE;
    border: 1px solid #DDD;
    text-align: center;
    color:#888;
    font-size:12px;
}
.inputFileDropBox {
    display: table-cell;
    vertical-align: middle;
}
.inputFileBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    /*font-size: 315px;*/
  opacity:0;
    /*IE6と7対策*/
    filter:alpha(opacity=0);
    /*IE8対策*/
    -ms-filter:"alpha(opacity=0)";
}


.pc-flex.login .inner{
    margin-right:10px;
    flex: 1;
}
.pc-flex.login .inner:last-child{
    margin-right:0px;
}
.pc-flex.login .inner input{
    width: 100%;
}

.login-box input[type="text"],
.login-box input[type="password"]{
    width: 100%;
}
.login-box div.submit div,
.login-box .btn-main.btn-modal.mail{
    text-align: center;
    border: #999 1px solid;
    background-color: #FFF;
    padding: 10px 10px;
    line-height: inherit !important;
    font-size: 13px;
    margin-left: auto;
    cursor:pointer;
}
.login-box .btn-main.btn-modal.mail{
    width: 280px;
    margin-top: 6px;
}
@media(max-width: 767px){
    .login-box.modal-body {
        padding: 10px;
    }
    .login-box div.submit div{
        width: 100%;
    }
}
.login-box div.submit div{
    width: 100%;
}
.login-box.modal-body {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.login-box h2.side_headline {
    padding: 2px 0 5px 0;
    font-size: 110%;
    margin-bottom: 10px;
    border-bottom: 1px dashed #B4B4B4;
    border-left:none;
}
@media (min-width:768px){
    #chooseLoginModal .modal-dialog,
    #memberLoginModal .modal-dialog {
        width: 350px;
        margin: 30px auto;
    }
}

#mainBox h3.sub {
    margin-bottom: 10px;
    padding: 2px 0 10px 0;
    border-bottom: 1px dashed #B4B4B4;
    font-size: 118%;
}

.member-alert-box{
    margin: 0 0 15px 0;
    border: 2px solid #CCC;
    padding: 15px;
    font-size: 110%;
}

.member-alert-box.error{
    border: 2px solid #F00;
}
.member-alert-box.error:before,
.member-alert-box.error .accent-txt{
    color: #F00;
}
.member-alert-box:before{
    font-family: FontAwesome;
    font-size:130%;
}
.member-alert-box.checked:before{
    content: '\f00c';
}
.member-alert-box.times:before{
    content: '\f00d';
}

/*---------------------------------------------------------------------------------------------
  特集記事
---------------------------------------------------------------------------------------------*/
#pickupBox {}
#pickupBox h2.mainContentTit:before {
    background:url(https://www.gurutto-mama-sendai.com/img/top/h2_icon03.png) no-repeat;
    background-size:  26px auto;
}

#pickupBox dl {
    float: left;
    width: calc((100% / 3) - 7px );
    margin: 0 10px 20px 0;
}
#pickupBox dl:nth-of-type(3n) {
    margin: 0 0 20px 0;
}
#pickupBox dl dt {
    height: 200px;
    margin: 0 0 10px 0;
}
#pickupBox dl dt img {
    max-width: 100%;
    max-height: 200px;
}

#pickupBox.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
#pickupBox.flex dl{
    float:none;
}
#pickupBox.digest dl dt {
    height:auto;
}
#pickupBox.digest dl dd {
    font-size:115%;
}

@media (max-width: 767px) {
    #pickupBox {
        padding-left: 15px;
        padding-right: 15px;
    }
    #pickupBox dl {
        float: left;
        width: calc((100% / 2) - 5px );
        margin: 0 10px 10px 0;
    }
    #pickupBox dl dt {
        height: auto;
        margin: 0;
    }
    #pickupBox dl:nth-of-type(3n) {
        margin: 0 10px 10px 0;
    }
    #pickupBox dl:nth-of-type(2n) {
        margin: 0 0 10px 0;
    }
}

.digest.present .present-button{
    background: #F23D84;
    color: #FFF;
    display: block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin: 0px 0px 10px;
}
.digest.present .present-button:after{
    font-family: FontAwesome;
    color: #FFF;
    content: '\f04b';
    position: relative;
    float: right;
    right: 15px;
}
.digest.present dt{
    text-align:center;
}
.digest.present dl{
    padding: 10px;
    border: 2px solid #CCC;
}
.digest.present dl .emp,
.digest.present dl h5.tit{
    font-size: 130%;
    font-weight: bold;
}
.digest.present dl h5,
.digest.present dl div{
    margin: 0px 0px 10px;
}
.digest.present dl div.info,
.digest.present dl div.info div{
    text-align:right;
}
.digest.present dl .lottery{
    font-size:92%;
}
.digest.present dl .description a{
    font-weight: bold;
}
.digest.present dl .description a,
.digest.present dl .accent{
    color: #F23D84;
}
.digest.present .present-button.off{
    color: #CCC;
    background-color: #FFF;
    border: 2px solid #CCC;
    line-height: 30px;
    cursor:default;
}
.digest.present .present-button.off:hover{
    opacity:1;
}
.digest.present .present-button.off:after{
    color: #CCC;
    content: '\f00d';
}
section.digest.present .present-button.checked:after{
    content: '\f00c';
}
div.info-text{
    margin:0px 0px 15px;
}
#pickupBox.present dl dt img {
    max-width: 100%;
    max-height: 400px;
}
@media(max-width: 767px){
    #pickupBox.present dt {
        margin: 0 0 10px 0 !important;
    }
    #pickupBox.present dl{
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
}

.flatpickr-input[disabled]{
    cursor: not-allowed !important;
    background-color: #EEE;
}
form .caution {
    font-size: 85%;
    /* color: #E8A038; */
}
#mainBox .mainCtsBox .inn img.Emoji{
    display: inline;
    height: 1em !important;
}

.between{
    display: flex;
    justify-content: space-between;
}
span.news-like:before{
    content: " \f004";
    font-family: FontAwesome;
}
#contentsBox .ctsBox section.list-wid article.type3 .txtBox.type-flex{
    display: flex;
    flex-direction: column;
    min-height: 120px;
}
#contentsBox .ctsBox section.list-wid article.type3 .txtBox.type-flex .bottom{
    flex: 1;
    display: flex;
    align-items: flex-end;
    padding-bottom: 13px;
}
.rectangle #contentsBox .ctsBox section.list-wid article.type3 .txtBox.type-flex .bottom{
    flex: inherit;
    position: absolute;
    right:0px;
    bottom: 0px;
}
.rectangle #contentsBox .ctsBox section.list-wid article.type3 .txtBox.type-flex .top{
    flex: inherit;
    position: absolute;
    right: 10px;
    top: 13px;
}
#contentsBox .ctsBox section.list-wid article.type3 .txtBox.type-flex .right{
    flex: 1;
    display: flex;
    justify-content: flex-end;
}


.like-img{
    position: relative;
}
.like-img > div{
    position: absolute;
    right: 0px;
    top: -31px;
    padding: 5px 5px 5px 5px;
    /* background-color: rgba(0,0,0,.5); */
    background: -moz-linear-gradient(-45deg, rgba(125,185,232,0) 0%, rgba(0,0,0,0.05) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(125,185,232,0) 0%,rgba(0,0,0,0.05) 100%);
    background: linear-gradient(135deg, rgba(125,185,232,0) 0%,rgba(0,0,0,0.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#4d000000',GradientType=1 );
}

.like-img > div span.news-like,
.like-img > div span.news-like:before{
    color: #FFF;
    /* text-shadow: 1px 1px 0 #666, */
    /*              -1px 1px 0 #666, */
    /*              1px -1px 0 #666, */
    /*              -1px -1px 0 #666; */
}

article.type-abs{
    position: relative;
}
.type-abs .bottom.right{
    position: absolute;
    bottom: 12px;
    right: 2px;
}
#contentsBox #mainBox .ctsBox section.list-hgt.tripartList article.m{
    min-height: 221px;
}
@media(max-width: 767px){
    #contentsBox #mainBox .ctsBox section.list-hgt.tripartList article.m{
        min-height: 33vw;
    }
}


div.menu-category{
    display: none;
}
div.menu-category.show{
    display: block;
}

#mainBox div.menu-category-list{
    font-size: 13px;
    margin: 0px 0px 20px;
    text-align: right;
}
#mainBox div.menu-category-list > span{
    cursor: pointer;
    font-weight: normal;
    font-size: 108%;
    padding: 0px 2px 0 2px;
}
#mainBox div.menu-category-list > span:hover{
    opacity: .65;
}
#mainBox div.menu-category-list > span:after{
    content: '|';
    display: inline-block;
    color: #333;
}
#mainBox div.menu-category-list > span:last-child:after{
    content: '';
}

h3.bdrBottom.f-between > div:first-child{
    float: left;
}
h3.bdrBottom.f-between > div:last-child{
    float: right;
}
h3.bdrBottom.f-between:after{
    clear: both;
    content: ' ';
    display: block;
}
div.menu-category h3.bdrBottom.child{
    font-size: 125%;
    margin: 0px 0px 10px;
    border-bottom: none;
}
h3.bdrBottom.menu{
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    div.menu-category h3.bdrBottom.child{
        display: block;
        margin: 0px 0px 10px;
        padding: 0px 0px 0px 6px !important;
    }
    #mainBox div.menu-category-list{
        margin: 10px 1px;
        line-height: 1.8em;
        display: flex;
        flex-wrap: wrap;
    }
    #mainBox div.menu-category-list > span{
        font-weight: bold;
        margin: 0px;
        display: block;
        position: relative;
        padding: 0px 15px 0px 9px;
    }
    #mainBox div.menu-category-list > span:after{
        font-weight: normal;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    div.smtheader_shopsearch_mini,
    div.smtheader_shopsearch.smt{
        flex: 1;
    }
    div.smtheader_menu{
        width: 69px;
    }
    div.smtheader_keywordsearch{
        white-space: nowrap;
    }
}


div#contentsBox .ctsBox.photo-wrapper-box section.list-wid{
    margin: 0px 0px 20px;
}

#mainBox > section.mainImage img{
    max-width: 100%;
}


/* -- drawer -- */
.tab-pane { overflow-x: none!important; }
.drawer-nav { width: auto!important; }
.drawer-overlay { background-color: rgba(0,0,0,0.5)!important; }

.site-search__navigation-box { border: 2px solid #c9c9c9; }

.site-search__navigation-tab {
    display: flex;
    align-items: stretch;
}
@media(min-width: 768px){
    .close-btn__box {
        padding: 0.5rem 1.2rem;
        border-bottom: 1px solid #c9c9c9;
        text-align: right;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .close-btn__box span {
        display: block;
        font-size: 2rem;
    }
    .site-search__navigation-tab {
        margin: 0px 0px 0px;
    }
}

.site-search__navigation-tab--itme {
    float: none!important;
    margin-bottom: 0!important;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
}
.site-search__navigation-tab--itme>a {
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 80px;
    margin-right: 0!important;
    padding: 0!important;
    border: none!important;
    font-size: .75rem;
    font-weight: 600;
    color: #848484!important;
    border-radius: 0!important;
}
html.mac .site-search__navigation-tab--itme>a {
    width: 125px;
}
.site-search__navigation-tab--itme span {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.35rem;
}
.site-search__navigation-tab--itme.active [class^="icon-"]:before, .site-search__navigation-tab--itme.active [class*=" icon-"]:before { color: #fff; }
.site-search__navigation-tab--itme:last-child { border-right: none; }

.search-btn-set__box {
    display: flex;
    align-items: stretch;
}
.search-reset__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    padding: 0.6rem 1rem;
    border: 2px solid #ffa800;
    border-radius: 0.4rem;
    color: #535353!important;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}
.column-type-3 .search-reset__btn {
    font-weight: normal;
    font-size: 0.8125rem;
    border-color: #CCC;
    line-height: 1.3em;
    padding: 0 1rem;
    margin-right: 0.5rem;
}
.search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.8rem 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.4rem;
    background-color: #ffa800;
}
.column-type-3 .search__btn{
    font-size: 0.875rem;
    padding: 0.4rem 0;
}
a.search__btn:focus{
    color: #fff;
}
.search__btn--column{
    flex-direction: column;
}
.search__btn--column:last-child{
    line-height: 1rem;
}
.search__btn:hover { color: #fff!important; }
.search__btn span {
    margin-top: -18px;
    margin-right: 0.5rem;
}
.search__btn h3 {
    font-size: 1rem;
    font-weight: 600;
}
.search__btn h3 p { text-align: center; }
/* -- お店・スポット -- */
.present-location__box, .search-btn-set__box , .search__section {
    padding: 1rem 0.75rem;
    border-bottom: 1px solid #c9c9c9;
}
.present-location__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid #ffa800;
    border-radius: 41px;
    color: #ffa800;
}
.present-location__btn span { margin-right: 0.5rem; font-size: 1.5rem; }
@media(min-width: 768px){
    .present-location__btn:hover {
        background-color: #ffa800;
        color: #fff;
    }
}
.search-box__title {
    width: 100%;
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #535353;
    background-color: #f6f6f6;
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
}
.detail-search__item {
    display: flex;
    align-items: center;
    padding: .8rem;
    border-bottom: 1px solid #c9c9c9;
    min-height: 65px;
}
.detail-search__item dt {
    width: 27%;
    font-size: 0.9rem;
    color: #535353;
    text-align: left;
}
.detail-search__item dd {
    width: 70%;
    padding-right: 10px;
    flex: 1;
    position: relative;
}
.detail-search__item dd::after {
    display:inline-block;
    float: right;
    margin: 0 3px 0 0;
    font-family: FontAwesome;
    color: #1b1b1b;
    vertical-align: middle;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: calc(50% - 0.55rem);
}
.detail-search__item dd.move::after {
    content: '\f054';
}
.detail-search__item dd.toggle::after {
    content: '\f067';
}
.detail-search__item dd.open::after {
    content: "\f068";
}
.keyword__search-dl dd:after
,dd.budget__box::after {
    display: none;
}
.detail-search__item dd a {
    color: #d1d1d1;
    font-size: 0.82rem;
    font-weight: 600;
}
.detail-search__item dd a.detail-search__item--selected { color: #535353; }

/* -- 予算 -- */
dd.budget__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.day-naight__list {
    display: flex;
    border: 1px solid #c9c9c9;
    border-radius: 0.4rem;
    margin-right: 0.5rem;
}
.day-naight__item { border-right: 1px solid #c9c9c9; }
.day-naight__item:last-child { border-right: none; }
.day-naight__item a {
    display: flex;
    padding: 0.6rem;
}

.day-naight__item.day-naight__item--active a{
    background-color: #ffa800;
    opacity: 1;
}
.day-naight__item.day-naight__item--active [class^="icon-"]::before , 
.day-naight__item.day-naight__item--active [class*=" icon-"]::before ,
.day-naight__item.day-naight__item a:hover .icon-moon::before ,
.day-naight__item.day-naight__item a:hover .icon-sun::before {
    color: #fff;
} 

.day-naight__item:first-child a {
    border-radius: 0.4rem 0 0 0.4rem; 
}
.day-naight__item:last-child a {
    border-radius: 0 0.4rem 0.4rem 0; 
}
.day-naight__item span { font-size: 1rem; }
.day-naight__item--select {
    position: relative;
}
.day-naight__item--select::after {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    display:block;
    font-family: FontAwesome;
    content: '\f078';
    color: #a0a0a0;
    font-size: 0.75rem;
}
.day-naight__item select {
    height: auto;
    padding: 0.57rem 3.0rem 0.57rem 1.45rem;
    font-size: 0.75rem;
    border: none;

    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.column-type-3 .day-naight__item select {
    padding: 0.57rem 2rem 0.57rem 0.85rem;
}

select::-ms-expand {
    display: none;
  }

/* -- keyword search -- */
.keyword__search-box {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0.5rem;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    border-radius: 0.4rem;
    color: #bfbfbf;
}
.keyword__search-box input{
    color: #333;
}
.keyword__search-box span {
    margin-right: 0.5rem;
    font-size: 1rem;
    color:#9a9a9a;
}
.search-text__input {
    height: auto!important;
    padding: 0!important;
    border: none!important;
    border-radius: 0!important;
    background-color: transparent!important;
}
.search-text__input::-webkit-input-placeholder {
    font-size: 0.75rem;
    color: #c2c2c2;
}

/* -- イベント -- */
.search__section-title {
    margin: 0.5rem -.75rem 1rem -.75rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #FFF;
    padding: 0.5rem;
}
.search__section-title.child{
    margin: 0 0 0;
    position: relative;
    cursor: pointer;
}
.search__section-title.child:hover{
    opacity: .7;
}
.search__section-title.child:after{
    display:inline-block;
    float: right;
    margin: 0 3px 0 0;
    font-family: FontAwesome;
    color: #FFF;
    vertical-align: middle;
    font-size: 1rem;
    position: absolute;
    right: 10px;
    top: calc(50% - 0.7rem);
    content: '\f107';
}
.search_section--shop > div .shop_search_detail_category,
#shop_search_detail_category{
    display: none;
}
.search__section-title.child.open:after{
    content: '\f106';
}
#calendar_area { margin-top: 1rem; }
.calendar-search__box {}
.calendar-search__box ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: bold;
}
.calendar-search__box.shop-news ul {
    padding: 10px 10px 0;
}
.calendar__table { width: 100%; }
.calendar__table thead {
    font-size: 0.75rem;
}
.calendar__table th, .calendar__table td {
    padding: 0.5rem;
    vertical-align: middle;
    text-align: center;
}
.column-type-1 .calendar__table tbody th,
.column-type-1 .calendar__table tbody td {
    padding: 0;
    width: 43px;
    height: 43px;
}
.column-type-1 .calendar__table tbody tr:first-child td {
    padding-top: 5px;
    height: 48px;
}
.calendar__table td a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 32px;
    border-radius: 50%;
    border: 1px solid transparent;
    color: #6d6d6d;
    margin: auto;
}
.column-type-1 .calendar__table td a {
    width: 32px;
    height: 32px;
}
.column-type-3 .calendar__table td {
    padding: 0.3rem;
    height: 39px;
}
@media(min-width: 769px){
    .column-type-3 .shop-news .calendar__table td {
        height: 43px;
    }
}
.column-type-3 .calendar__table th{
    height: 30px;
}
.column-type-3 .shop-news .calendar__table th,
.column-type-3 .shop-news .calendar__table td {
    padding: 0.4rem;
}
.column-type-3 .calendar__table td a {
    min-height: 31px;
}
@media(max-width: 768px){
    .column-type-3 .calendar__table td a {
        height: 30px;
        width: 30px;
    }
}
.past-days { color: #b7b7b7; }
.calendar__table td a.event-finished {
    background-color: #999;
    color: #fff;
}

/* -- イベント・求人共通 --  */
.detail-search__btn-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.detail-search__btn-item {
    width: calc(25% - 4px);
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 0.4rem;
    text-align: center;
}
.detail-search__btn-item:nth-of-type(4n) { margin-right: 0; }

.detail-search__btn-list.double--width .detail-search__btn-item {
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
}
.detail-search__btn-list.double--width .detail-search__btn-item:nth-of-type(2n) { margin-right: 0; }

.detail-search__btn-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 2.5rem;
    padding: 0.82rem 0;
    color: #535353;
    font-size: 0.75rem;
    font-weight: 600;
}
.column-type-3 .detail-search__btn-item a {
    padding: 0.47rem 0;
    max-height: auto;
}
.detail-search__btn-item[data-name=period_type] a {
    flex-direction: column;
}

_:-ms-fullscreen, :root .detail-search__btn-item a { max-height: 100%; }

.detail-search__btn-item span.term-date { font-size: 0.5rem; } 
.detail-search__btn-item--active { border-color: transparent; }
.detail-search__btn-item--active a { background-color: #ffa800; color: #fff; border-radius: 0.4rem; }
.detail-search__btn-item.active { border-color: transparent; }
.detail-search__btn-item.active a { background-color: #ecb58f; color: #fff; border-radius: 0.4rem; }
.detail-search__btn-item.active a span { color: #fff; }
.column-type-3 .detail-search__btn-item,
.column-type-3 .detail-search__btn-item--active a{
    /* border-radius: 0; */
}
.column-type-3 .search__section-title.child{
    padding: 0.5rem;
}

.search_secton-sub-title {
    margin-bottom: 1rem;
    padding: 0.75rem;
    font-size: 0.95rem;
    color: #535353;
    background-color: #f6f6f6;
    text-align: left;
}
.column-type-3 .search_secton-sub-title {
    padding: 0;
    font-size: .8125rem;
    background-color: #FFF;
    margin-bottom: .5rem;
    border-bottom: 1px dotted #BBB;
}
.search_secton-sub-title + .detail-search__btn-list { margin-bottom: 1.5rem; }
.search_secton-sub-title + .detail-search__btn-list:last-child { margin-bottom: 0.5rem; }

@media(max-width: 767px){
    .site__header-box { display: none; }

    .site__header-box-spn { display: block; }
    .header__navigation-box { margin: 1rem 0.5rem; }
    .site__header-box-spn h1 {
        width: 100%;
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
        color: #fff;
        text-align: left;
    }
    .site__logo { max-width: 145px; }
    .header__navigation-list--sub {
        width: 120px;
    }
    .header__navigation-list-item--sub {
        width: 50%;
        padding: 0;
        border: none;
    }

    .header__navigation-list {
        flex-wrap: nowrap;
        padding: 0 0;
        overflow-x: scroll;
        background-color: #f6f6f6;
        top: 0px;
        border-bottom: 1px solid #CCC;
    }
    .header__navigation-item {
        white-space: nowrap;
        height: 49px;
        display: flex;
        align-items: center;
    }
    .header__navigation-item span.fa { font-size: 1.25rem; }
    .header__navigation-item a { padding: 0.8rem 1rem; }
    .header__navigation-item a {
        font-size: 0.8125rem;
    }

    .header__navigation-item::after {
        display: none;
    }
    .header__navigation-item--active a {
        position: relative;
        font-weight: normal;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .header__navigation-item--active a::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        display: block;
        width: 100%;
        height: 4px;
    }

    .drawer--right .drawer-nav {
        right: -100vw!important;
    }
    .drawer-nav {
        width: 100vw!important;
    }
    .drawer--right.drawer-open .drawer-nav {
        right: 0px!important;
    }
    .site-search__navigation-tab--itme { width:33.3%; }
    .site-search__navigation-tab--itme>a {
        width: 100%;
        font-size: 0.75rem;
    }
    .search-btn-set__box, .search__section { padding: 0.5rem; }
    /* dd.budget__box { flex-direction: column; } */
    /* .day-naight__list { width: 100%; } */
    .day-naight__list { margin-right: 0rem; }
    .day-naight__list:first-child { margin-right: 0.5rem; }
    .day-naight__list:last-child { flex: 1; }
    .day-naight__item { width: 50%; }
    .day-naight__item a { justify-content: center; }
    .day-naight__item select { width: 100%; padding-right: 0; }
    .calendar__table td a { min-height: 32px; }

    .close-btn__box {
        padding: 0.5rem 1.2rem;
        border-bottom: 1px solid #c9c9c9;
        text-align: right;
    }
    .close-btn__box span {
        font-size: 2rem;
    }

}

/* -- font icon -- */
@font-face {
    font-family: 'fonticons';
    src:
      url('fonts/fonticons_az2943.ttf') format('truetype'),
      url('fonts/fonticons_az2943.woff') format('woff'),
      url('fonts/fonticons_az2943.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fonticons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-building:before {
  content: "\e900";
  color:#848484;
}
.icon-calendar:before {
  content: "\e901";
  color:#848484;
}
.icon-moon:before {
  content: "\e902";
  color:#848484;
}
.icon-store:before {
  content: "\e903";
  color:#848484;
}
.icon-sun:before {
  content: "\e904";
  color:#848484;
}
.icon-hospital:before {
  content: "\e905";
  color: #ffc466;
}
.icon-beauty:before {
  content: "\e906";
  color: #f7ee78;
}
.icon-hotel:before {
  content: "\e907";
  color: #dbcdb6;
}
.icon-spot:before {
  content: "\e908";
  color: #8b9fa0;
}
.icon-shopping:before {
  content: "\e909";
  color: #4cd2ae;
}
.icon-gourmet:before {
  content: "\e90a";
  color: #ec8094;
}
.drawer-nav.main{
  display: none;
  border: none;
}
.spn-sticky-menu{
  background-color: #F6F6F6;
}
*{
  -webkit-overflow-scrolling: touch;
}
#cl_main_image .slick-dots li{
    width: 17px;
    margin: 0;
}
#cl_main_image .slick-dots{
    bottom: -35px;
}
@media(max-width: 767px){
    #cl_main_image .slick-dots{
        bottom: -29px;
    }
    #contentsBox .mainBtnBox.flex{
        display: flex;
    }
    #contentsBox .mainBtnBox.flex a{
        margin: 0 10px 0 0;
        line-height: 1em !important;
        padding: 10px 5px;
        text-align: center;
        border-color: #CCC;
    }
    #contentsBox .mainBtnBox.flex a:last-child{
        margin: 0;
    }
    #contentsBox .mainBtnBox.flex a.btn-main i {
        float: none;
        margin-right: 0;
        font-size: 154%;
        line-height: 1em;
    }
    #contentsBox .mainBtnBox.flex a.btn-main:after{
        content: '';
    }
    #contentsBox .mainBtnBox.flex a div:first-child{
        margin: 0 0 10px;
    }
}


#contentsBox .shopName .flex-between{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
#contentsBox .shopName .flex-between > div:first-child{
    flex: 1;
}
#contentsBox .shopName .flex-between .share-space{
    background-color: #EEE;
    padding: 15px;
    display: flex;
    align-items: center;
}
#contentsBox .shopName .flex-between .share-space > div{
    display: block;
}
#contentsBox .shopName .flex-between .share-space > div:first-child{
    margin-right: 10px;
}
#contentsBox .shopName .flex-between .share-space a{
    padding: 5px 10px;
    top: 0;
}
#contentsBox .shopName .flex-between .share-space a:before{
    margin-right: 3px;
}
.shop-share-box{
    display:inline-block;
}
.shop-share-box .btn{
    cursor:pointer;
    font-weight:bold;
    color: #333;
    padding: 2px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    font-size: 14px;
    background-color:#FFF;
    position:relative;
}
.shop-share-box .btn:hover{
    opacity: .6;
}
.shop-share-box .btn:before{
    font-family: FontAwesome;
    content: '\f1e0';
}

.tippy-content .sns-wrapper-box{
    color: #333;
    padding: 15px;
}
.tippy-content .sns-wrapper-box > .share-text{
    width: 100%;
    margin-bottom: 10px;
}
.tippy-content .sns-parent-box.sns-shop-header{
    flex-wrap: wrap;
    margin: 0;
    padding: 15px;
}
.tippy-tooltip.light-theme{
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 0;
}
.tippy-popper[x-placement^=bottom] .light-theme .tippy-arrow{
    border-bottom: 7px solid #CCC;
}
.tippy-tooltip .sns-shop-header.img img{
    width: 35px;
}
.tippy-tooltip .sns-parent-box.sns-shop-header .sns-child{
    margin: 0 15px 0 0;
}
.tippy-tooltip .sns-parent-box.sns-shop-header .sns-child:last-child{
    margin: 0;
}
div.sns-spn-shop-header.img img{
    width: 42px;
}




/* 3 column */

.column-type-3 header #headerMain .headerBtm .menuNavi {
    overflow: hidden;
}
.column-type-3 header #headerMain .headerBtm .menuNavi .innBox .category {
    float:left;
    width: 200px;
}
.column-type-3 header #headerMain .headerBtm .menuNavi .innBox .category a {
    display: block;
    height: 40px;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 108%;
}
.column-type-3 header #headerMain .headerBtm .menuNavi .innBox .category a i {
    margin-right: 5px;
}
.column-type-3 header #headerMain .headerBtm .menuNavi .innBox .category a:hover {
    opacity: .8;
}
.column-type-3 header #headerMain .headerBtm .menuNavi .innBox {
    width: 1150px;
    margin: 0 auto;
}
.column-type-3 header #headerMain .headerBtm .menuNavi nav#gNavi {
    float: right;
    width: 950px;
}
.column-type-3 header .headerMainTop .headerBtm .menuNavi {
    display: none;
    margin-top: 15px !important;
}
.column-type-3 header .headerMainTop nav#gNavi {
    width: 1260px !important;
}
.column-type-3 header nav#gNavi ul li {
    margin: 0 1px 0 0;
    width: 159px;
    text-align: center;
}
.column-type-3 header nav#gNavi ul li a {
    display: block;
    width: 159px;
    height: 40px;
    color: #333;
    padding: 10px;
    transition: all 0ms ease-out;
}
.column-type-3 header nav#gNavi ul li span {
    display: block;
    font-size: 86%;
    font-weight: normal;
}
.column-type-3 header nav#gNavi ul li a img {
    margin-top: 13px;
}
.column-type-3 header nav#gNavi ul li.page {
    width: 29px;
}
.column-type-3 header nav#gNavi ul li.page a {
    background-color: #7D7D7D;
}
.column-type-3 header nav#gNavi ul li.Next {
    margin-right: 0;
}
.column-type-3 header nav#gNavi ul li.page i {
    line-height: 40px;
}
.column-type-3 .carousel{
    overflow: hidden;
    width: 890px;
    left: 141px;
    margin: 0 0 0 30px;
}
.column-type-3 .slidePrev {
    left: 1px;
}
@media(max-width: 767px){
    .column-type-3 .slidePrev {
        left: 0px;
        width: 21px;
    }
    .column-type-3 #gNavi2{
        width: calc(100% - 40px);
        margin: -50px 0 0 20px;
    }
    .column-type-3 header #headerMain .headerBtm .inn .logo{
        margin: 0;
    }
    .column-type-3 #gNavi2 li {
        display: table-cell;
        white-space: nowrap;
        /* width: 130px; */
        width: 155px;
    }
    html.column-type-3 footer{
        padding-top: 0;
    }
    .column-type-3 .drawer-nav {
        width: 300px !important;
    }
    .column-type-3 .drawer--right.drawer-open .drawer-hamburger{
        right: 19rem;
    }
    button.mfp-arrow-left{
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
}


@media(max-width: 767px){
    .freeBox table,
    .freeHtml table,
    .freePageBox table,
    .footerPage table,
    .photo-wrapper-box table,
    .shopDescription table{
        max-width: calc(100vw - 20px);
    }
}

a.shop-banner.pcDisplayNone{
    background-color: #F2F2F2;
    border: none;
    color: #333;
}
a.shop-banner.pcDisplayNone:after{
    content: '';
}
a.shop-banner.pcDisplayNone i{
    color: #333;
}
div.budget-box{
    display: flex;
}
div.budget-box > div:first-child{
    margin-right: 10px;
}
div.budget-box > div{
    display: flex;
}
div.budget-box > div > i{
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.budget-box > div > i:before{
    color: #FFF;
}
div.budget-box > div.night > i{
    background-color: #0197d5;
}
div.budget-box > div.day > i{
    background-color: #ffa800;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before{
    color: #EFBBC8 !important;
}