@charset "UTF-8";

/* ----CMS 共通---- */
.cms-contents {
  background: #fef2c8;
}
.cms-contents>div>.inner_{
}

.cms-contents a:hover{
  text-decoration: none;
}


/* blue border */
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

/* h1 */
.cms-title-h1{
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-title-h1 h1,
.cms-title-h1 p{
  margin: 0;
  padding: 27px 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
}
.cms-title-h1 h1 span,
.cms-title-h1 p span{
  display: block;
  line-height: 130%;
  margin: 0px auto 0 auto;
  font-size: 9.5px;
  font-weight: normal;
  text-align: center;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/* h2 */
.cms-title-h2{
  font-family: 'Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-title-h2.font-normal{
  font-family: '源ノ角ゴシック Regular','源ノ角ゴシック',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-title-h2 h2,
.cms-title-h2 p{
  margin: 0;
  padding: 25px 10px 20px 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
}
.cms-title-h2 h2 span,
.cms-title-h2 p span{
  display: block;
  line-height: 130%;
  margin: 5px auto 0 auto;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

/* ul */
.cms-ul{
  text-align: center;
  margin-bottom: 20px;
  padding: 0 13px;
}
.cms-ul ul{
  display: inline-block;
}
.cms-ul ul li{
  text-align: left;
  padding: 2px 0;
  display: table;
  font-size: 12px;
}
.cms-ul ul li span{
  display: table-cell;
  vertical-align: top;
  width: 1.3em;
}
.cms-ul ul li p{
  display: table-cell;
  vertical-align: top;
}

/* last */
.last-block{
  padding-bottom: 30px !important;
}

/* new icon */
li.new:before {
  position: absolute;
  top: -30px;
  left: -30px;
  z-index: 1;
  border-top: 30px solid transparent;
  border-right: 30px solid #c3002f;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
  transform: rotate(45deg);
  content: '';
}
li.new:after {
  position: absolute;
  top: 8px;
  left: 2px;
  z-index: 2;
  color: #fff;
  font-weight: 800;
  font-size: 10px;
  transform: rotate(-45deg);
  content: 'NEW';
}
li:nth-child(even).new:before {
  left: -23px;
}
li:nth-child(even).new:after {
  left: 9px;
}


/* bg */
.bg-gray{
  background: #eaeaea;
}

/* blog-side */
.blog-side{
  padding-top: 20px;
}
.side_>.blog-side{
}

/* tab */
.cms-tab{
  margin-top: -5px;
  text-align: center;
  padding-bottom: 20px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-tab>.inner_{
}
.cms-tab ul{
  display: inline-block;
  margin-bottom: 20px;
}
.cms-tab ul li{
  display: inline-block;
  margin: 0;
}
.cms-tab ul li a{
  cursor: pointer;
	transition: .2s;
	border: 2px solid #404040;
	border-radius: 2em;
	padding: 5px 10px;
	margin: 0 2px;
	font-weight: 600;
}
.cms-tab ul li a.active,.cms-tab ul li a:hover{
	opacity: 1.0;
	background: #404040;
	color: #fff;
}
/*
.cms-tab ul li a:after{
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #b4272d;
  position: absolute;
  bottom: -5px;
  left: 0;
  opacity: 0;
}
.cms-tab ul li a.active:after{
  opacity: 1;
}
*/
.cms-tab .btn{
  display: block;
}
.cms-tab .btn a{
  display: inline-block;
  width: auto;
  border: 1px #ddd099 solid;
  background: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 38px;
  padding: 0 34px 0 48px;
  position: relative;
}
.cms-tab .btn a img{
  position: absolute;
  top: 50%;
  left: 12px;
  margin: -12px 0 0 0;
  display: block;
  width: 24px;
}
.cms-tab .btn a span{
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.cms-tab .btn a i{
  position: absolute;
  font-size: 11px;
  right: 8px;
  top: 50%;
  margin: -4px 0 0 0;
}

/* tag */
.cms-tag{
  text-align: center;
  padding-bottom: 60px;
}
.cms-tag.pb0{
  padding-bottom: 0px;
}
.cms-tag>.inner_{
  background: #a30000;
  width: 100%;
  height: 45px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  display: table;
}
.cms-tag>.inner_ h2{
  display: table-cell;
  top: 50%;
  left: 0;
  vertical-align: middle;
  line-height: 20px;
  margin-top: -10px;
  width: 10em;
  height: 100%;
  font-size: 16px;
  border-right: 2px #fef2c8 solid;
  color: #ffffff;
}
.cms-tag>.inner_>div{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
  padding-right: 50px;
  position: relative;
}
.cms-tag>.inner_>div ul{
  overflow: hidden;
  height: 45px;
}
.cms-tag>.inner_>div ul li{
  float: left;
  padding: 0 15px;
  line-height: 45px;
}
.cms-tag>.inner_>div ul li a{
  color: #ffffff;
}
.cms-tag>.inner_>div ul li a:hover{
  text-decoration: underline;
}
.cms-tag>.inner_>div .btn{
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0;
}
.cms-tag>.inner_>div .btn a{
  display: block;
  width: 40px;
  height:45px;
  position: relative;
}
.cms-tag>.inner_>div .btn a span{
  top: 18px;
  left: 3px;
  width: 18px;
  height:18px;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
  position: absolute;
}
.cms-tag>.inner_>div .btn a:before{
  content:"";
  display: block;
}
.cms-tag>.inner_>div .btn a:after{
  content:"";
  display: block;
  position: absolute;
  top: 14px;
  right: 20px;
  width: 18px;
  height:18px;
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  z-index: 1;
}
.cms-tag>.inner_>div .btn a i{
  color: #a30000;
  font-size: 10px;
  text-align: center;
  display: block;
}

.cms-tag-slider {
  margin: 0 13px 15px 13px;
  position: relative;
}
.cms-tag-slider.pb0{
  margin-bottom: 0px;
}
.cms-tag-slider img {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: .3s;
}
.cms-tag-slider dl {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  height: 34px;
  line-height: 34px;
  border-radius: 30px;
  width: 100%;
  background: #a30000;
  font-size: 12px;
  padding-right: 28px;
}

.cms-tag-slider dl dt {
  padding: 0 5px 0 10px;
  border-right: 2px #FFF solid;
  margin-right: 5px;
}

.cms-tag-slider dl dd {
  padding: 0 5px;
}

.cms-tag-slider dl dt,
.cms-tag-slider dl dd a {
  position: relative;
  color: #fff;
  font-size: 12px;
}

.cms-tag-slider dl dt {
}


/* btn */
.cms-contents .btn_more{
  min-width: 150px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-image: none;
  position: relative;
  margin-bottom: 15px;
  padding: 10px 0px;
}
.cms-contents .btn_more i{
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -6px;
  font-size: 12px;
}
.cms-contents .btn_more span{
  font-size: 12px;
  font-weight: bold;
}
.cms-contents .btn_more span+i{
  left: auto;
  right: 12px;
}


/* list not found */
.cms-list-not-found{
  background: #b3b3b3;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  display: table;
  width: 100%;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 40px;
}
.cms-list-not-found p:before{
  content: "\f06a";
  color: #ffffff;
  font: normal normal normal 30px/1 FontAwesome;
  display: inline-block;
  vertical-align: middle;
}
.cms-list-not-found p{
  display: inline-block;
  vertical-align: middle;
}
.cms-list-not-found p span{
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  padding-left: 1em;
}


/* pager */
.navipage_{
  margin-top: 35px;
  margin-bottom: 30px;
}
.navipage_ a,
.navipage_ center>span>span>span{
  display: inline-block;
  width: 30px;
  height: 30px;
  font-weight: bold;
  border: 1px #cccccc solid;
  line-height: 30px;
  text-align: center;
  margin: 2px;
  background-color: #ffffff;
  text-decoration: none;
}
.navipage_ .navipage_first_,
.navipage_ .navipage_last_{
  display: none;
}
.navipage_ .navipage_prev_ a,
.navipage_ .navipage_next_ a,
.navipage_ .navipage_prev_ span,
.navipage_ .navipage_next_ span{
  width: auto;
}
.navipage_ .navipage_prev_ span,
.navipage_ .navipage_next_ span{
  color: #bbbbbb;
}
.navipage_ .navipage_prev_ a,
.navipage_ .navipage_prev_ span{
  position: relative;
  padding: 0 14px 0 21px;
}
.navipage_ .navipage_next_ a,
.navipage_ .navipage_next_ span{
  position: relative;
  padding: 0 21px 0 14px;
}
.navipage_ .navipage_prev_ a:after,
.navipage_ .navipage_prev_ span:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    top: 50%;
    margin-top: -4px;
    left: 10px;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.navipage_ .navipage_prev_ span:after {
    border-right: 1px #bbbbbb solid;
    border-bottom: 1px #bbbbbb solid;
}
.navipage_ .navipage_next_ a:after,
.navipage_ .navipage_next_ span:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    top: 50%;
    margin-top: -4px;
    right: 10px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navipage_ .navipage_next_ span:after {
    border-right: 1px #bbbbbb solid;
    border-bottom: 1px #bbbbbb solid;
}
.navipage_ .navipage_now_{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  border: 1px #b4272d solid;
  line-height: 30px;
  text-align: center;
  background-color: #b4272d;
  color: #ffffff;
  text-decoration: none;
}


/* ----BLOG---- */
.cms-blog-list{
}

.cms-blog-list.is-coordinatelist{
  background:#fff;
}
.cms-blog-list .cms-title-h2.mt_{
  margin-top: -25px;
}
.cms-blog-list .cms-title-h2 h2{
  padding: 0px 10px 25px 10px;
}
.cms-blog-list .cms-title-h2.inner_ h2{
  padding: 25px 10px 20px 10px;
    font-family: '源ノ角ゴシック Regular','源ノ角ゴシック',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka,"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*  font-family: 'qs_font'; */
    /*  font-family: '源ノ角ゴシック Regular','源ノ角ゴシック',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
    font-weight: 700;
}
.cms-tag-slider + .cms-blog-list .cms-title-h2.inner_ h2{
  padding-top: 0;
}
.cms-blog-list .main_{
}
.cms-blog-list .main_ .list_{
  margin: 0 13px;
}
.cms-blog-list .main_ .list_ ul{
}
.cms-blog-list .main_ .block_center{
}
.cms-blog-list .main_ .side_{
}
.cms-blog-list>.inner_>ul{
  margin: 0 13px;
}
.cms-blog-list ul{
  overflow: hidden;
}
.cms-blog-list ul li{
  float: left;
  padding: 0 0 40px 0;
  width: 50%;
  position: relative;
}
.cms-blog-list ul li:nth-child(odd){padding-right: 7px;}
.cms-blog-list ul li:nth-child(even){padding-left: 7px;}
.cms-blog-list .main_ .list_ ul li{
  position: relative;
}

/* event only */
.cms-blog-list.is-event ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.cms-blog-list.is-event ul li{
  float: none;
  width:calc(50% - 7px);
}
.cms-blog-list.is-event ul li:nth-child(odd){padding-right: 0;}
.cms-blog-list.is-event ul li:nth-child(even){padding-left:0;}



.cms-blog-list ul li.new:before {
}
.cms-blog-list ul li.new:after {
}
.cms-blog-list ul li a{
  display: block;
}
.cms-blog-list ul li a:hover{
  text-decoration: none;
}
.cms-blog-list ul li a figure{
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 12px;
}
.ranking.bg-gray.cms-blog-list ul li a figure {
}
.cms-blog-list ul li a figure img{
  display: block;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.cms-blog-list ul li a div{
  margin-bottom: 10px;
}
.cms-blog-list ul li a div>span{
  display: inline-block;
  vertical-align: middle;
  line-height: 27px;
  padding: 0 15px;
  background: #cccccc;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-blog-list ul li a div>span.news{background: #ea861e;}
.cms-blog-list ul li a div>span.event{background: #269e13;}
.cms-blog-list ul li a div>span+p{
}
.cms-blog-list ul li a div p{
  font-size: 12px;
}
.cms-blog-list ul li a div p img{
  vertical-align: middle;
}
.cms-blog-list ul li a div p span{
  padding-left: 1em;
  vertical-align: middle;
}
.cms-blog-list ul li a>p{
  margin-bottom: 7px;
  line-height: 160%;
}
.cms-blog-list ul li a>span{
  font-size: 12px;
}
.cms-blog-list ul li a div.person{
  border-top: 1px #848176 dotted;
  display: table;
  padding-top: 10px;
  width: 100%;
}
.cms-blog-list ul li a div.person span{
  display: table-cell;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 50px;
  background: none;
}
.cms-blog-list ul li a div.person span img{
  display: block;
}
.cms-blog-list ul li a div.person div{
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
}
.cms-blog-list ul li a div.person div p{
  display: block;
  padding: 2px 0;
}

.cms-blog-list.rowStyle ul li{
  float: none;
  width: 100%;
  padding: 0 0 10px 0;
}
.cms-blog-list.rowStyle ul li.new:before {
  left: -30px;
  top: -30px;
}
.cms-blog-list.rowStyle ul li.new:after {
  left: 2px;
  top: 8px;
}
.cms-blog-list.rowStyle ul li a{
  position: relative;
  padding-left: 180px;
  height: auto !important;
  min-height: 165px;
}
.cms-blog-list.rowStyle ul li a figure{
  width: 165px;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 165px;
}
.cms-blog-list.rowStyle ul li a p{
  height: auto !important;
}

.cms-blog-side-title{
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-blog-side-title h3{
  margin: 0;
  padding: 25px 10px 20px 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
}
.cms-blog-side-title h3 span{
  display: block;
  line-height: 130%;
  margin: 5px auto 0 auto;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}




.cms-blog-side-keyword{
  overflow: hidden;
  margin: 0 13px 20px 13px;
}
.cms-blog-side-keyword h4{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.cms-blog-side-keyword form{
  position: relative;
  width: 100%;
  margin: 0 auto 20px auto;
  background: #ffffff;
  border: 1px #cccccc solid;
}
.cms-blog-side-keyword form input[type="text"] {
  display: block;
  line-height: 38px;
  width: 248px;
  padding: 0 0 0 40px;
  border: none;
}
.cms-blog-side-keyword form input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  display: block;
  width: 40px;
  height: 38px;
  top: 0;
  left: 0;
  text-indent: 250%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../../img/usr/common/icon_search.png) center center no-repeat;
  background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -webkit-background-size: 18px 18px;
  opacity: 0.5;
}
.cms-blog-side-keyword ul{
  margin: 0;
  overflow: hidden;
}
.cms-blog-side-keyword ul li{
  float: left;
  padding: 0 8px 8px 0;
  width: auto;
}
.cms-blog-side-keyword ul li a{
  display: inline-block;
  background: #ebebeb;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.cms-blog-side-link{
  margin: 0 13px 20px 13px;
}
.cms-blog-side-link h4{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px #1a1a1a solid;
  line-height: 140%;
  padding-bottom: 6px;
  margin-bottom: 3px;
}
.cms-blog-detail .main_ h2.event_title_{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px #1a1a1a solid;
  line-height: 140%;
  padding-bottom: 6px;
  margin: 0 13px 3px 13px;
}
.cms-blog-detail .main_ h2.event_title_ + ul{
  padding: 0 13px 20px 13px;
}
.cms-blog-side-link ul{
}
.cms-blog-side-link ul li{
  float: none;
  padding: 0;
  width: auto;
  position: static;
}
.cms-blog-side-link ul li a,
.cms-blog-detail .main_ h2.event_title_ + ul a{
  display: block;
  position: relative;
  border-bottom: 1px #a7a59f dotted;
  padding: 10px 0 10px 27px;
  line-height: 130%;
}
.cms-blog-side-link ul li a:before,
.cms-blog-detail .main_ h2.event_title_ + ul a:before{
  display: block;
  position: absolute;
  font: normal normal normal 11px/1 FontAwesome;
  content: "\f054";
  width: 1em;
  height: 1em;
  top: 50%;
  left: 8px;
  margin: -0.5em 0 0 0;
}
.cms-blog-side-shop{
  margin: 30px 13px 25px 13px;
  padding: 10px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-size: cover;
  position: relative;
}
.cms-blog-side-shop div{
  display: table;
  margin-bottom: 15px;
}
.cms-blog-side-shop div span{
  display: table-cell;
  vertical-align: middle;
}
.cms-blog-side-shop div span img{
  display: block;
  width: 60px;
  height: auto;
}
.cms-blog-side-shop div h4{
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
  font-weight: bold;
  color: #fff;
}
.cms-blog-side-shop>p{
  font-size: 12px;
  margin-bottom: 15px;
  color: #fff;
}
.cms-blog-side-shop ul li{
  font-size: 12px;
  margin-bottom: 5px;
  color: #fff;
}
.cms-blog-side-shop>a{
  font-size: 12px;
  margin-bottom: 15px;
}
.cms-blog-side-shop .telmap{
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
}
.cms-blog-side-shop .telmap li{
  float: left;
  padding-left: 10px;
}
.cms-blog-side-shop .telmap li:first-child{
  padding-left: 0;
}
.cms-blog-side-shop .telmap li a{
  display: block;
  line-height: 15px;
  font-weight: bold;
  font-size: 10px;
  padding: 0 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.cms-blog-side-shop .telmap li a.tel{
  border: 2px #17273e solid;
  color: #17273e;
}
.cms-blog-side-shop .telmap li a.map{
  border: 2px #cd2e35 solid;
  color: #cd2e35;
}
.cms-blog-side-shop .telmap li a span{
  display: block;
  letter-spacing: 0.1em;
}
.cms-blog-side-shop .telmap li a span:before{
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
}
.cms-blog-side-shop .telmap li a.tel span:before{
  content: "\f095";
}
.cms-blog-side-shop .telmap li a.map span:before{
  content: "\f041";
}




.cms-blog-side-latest{
  margin: 0 13px 20px 13px;
}
.cms-blog-side-latest h4{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px #1a1a1a solid;
  line-height: 140%;
  padding-bottom: 6px;
  margin-bottom: 15px;
}
.cms-blog-side-latest ul{
}
.cms-blog-side-latest ul li a{
  display: block;
  border-bottom: 1px #a7a59f dotted;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.cms-blog-side-latest ul li a div{
  display: table;
  width: 100%;
  margin-bottom: 7px;
}
.cms-blog-side-latest ul li a div span{
  display: table-cell;
  vertical-align: middle;
  width: 70px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cms-blog-side-latest ul li a:hover div span{
  opacity: 0.7;
}
.cms-blog-side-latest ul li a div p{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.cms-blog-side-latest ul li a>p{
  font-size: 12px;
}
.cms-blog-side-latest ul li a>p img{
  vertical-align: middle;
}
.cms-blog-side-latest ul li a>p span{
  padding-left: 1em;
  vertical-align: middle;
}

.cms-blog-list.ranking{
	background: #ffeaaa;
}
.cms-blog-list.ranking ul li{
  float: none;
  width: 100%;
  padding: 0 0 20px 0;
}
.cms-blog-list.ranking ul li.new:before {
  left: -30px;
  top: -30px;
}
.cms-blog-list.ranking ul li.new:after {
  left: 2px;
  top: 8px;
}
.cms-blog-list.ranking ul li a{
  position: relative;
  padding-left: 180px;
  height: auto !important;
  min-height: 165px;
}
.cms-blog-list.ranking ul li a:before{
  content: "";
  display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 3px;
	left: 3px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
	z-index: 99;
}
.cms-blog-list.ranking ul li a figure{
  width: 165px;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 165px;
}
.cms-blog-list.ranking ul li a p{
  height: auto !important;
}
.cms-blog-list.ranking ul li:nth-child(1) a:before{
  background-image: url(../../img/usr/common/icon_ranking1.png);
}
.cms-blog-list.ranking ul li:nth-child(2) a:before{
  background-image: url(../../img/usr/common/icon_ranking2.png);
}
.cms-blog-list.ranking ul li:nth-child(3) a:before{
  background-image: url(../../img/usr/common/icon_ranking3.png);
}
.cms-blog-list.ranking .search{
  display: none;
  background-color: #ffffff;
  padding: 18px 20px;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-bottom: 40px;
}
.cms-blog-list.ranking .search p{
  display: inline-block;
  vertical-align: top;
  line-height: 55px;
  font-size: 18px;
  font-weight: bold;
  padding-right: 1em;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-blog-list.ranking .search form{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.cms-blog-list.ranking .search form:before{
  position: absolute;
  font: normal normal normal 24px/1 FontAwesome;
  content: "\f107";
  display: block;
  width: 1em;
  height: 1em;
  right: 10px;
  top: 50%;
  margin-top: -0.6em;
  z-index: 1;
}
.cms-blog-list.ranking .search form select{
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 55px;
  min-width: 400px;
  line-height: 53px;
  border: 1px #cdcdcd solid;
  padding: 0 40px 0 10px;
  background: none;
  z-index: 2;
}


.cms-slider .slider-wrapper ul .bx-viewport {
  overflow: visible !important;
}
.cms-slider .slider-wrapper ul .slick-dots {
  position: relative;
  z-index: 1;
}
.cms-slider .slider-wrapper ul figure img {
  width: 100%;
}
.cms-slider .slider-wrapper ul {
}
.cms-slider .slider-wrapper ul li {
}
.cms-slider .slider-wrapper ul li a {
  position: relative;
  display: block;
  width: 96%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #fff;
  overflow: hidden;
}
.cms-slider .slider-wrapper ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover;'
}
.cms-slider .slider-wrapper .slick-dots{
  bottom: -7px;
}
.cms-slider .slider-wrapper .slick-dots li{
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
}
.cms-slider .slider-wrapper .slick-dots li button{
  width: 15px;
  height: 15px;
  padding: 0;
}
.cms-slider .slider-wrapper .slick-dots li button:before{
  content: "";
  width: 9px;
  height: 9px;
  background: #1a1a1a;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  opacity: 1;
}
.cms-slider .slider-wrapper .slick-dots li.slick-active button:before{
  background: #a30000;
}
.cms-slider .slider-wrapper .slick-prev{
  background: none;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  width: 33px;
  height: 33px;
  background: #a30000;
  top: auto;
  left: 7px;
  right: auto;
  bottom: -27px;
  z-index: 2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.cms-slider .slider-wrapper .slick-next{
  background: none;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
  width: 33px;
  height: 33px;
  background: #a30000;
  top: auto;
  left: auto;
  right: 7px;
  bottom: -27px;
  z-index: 2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.cms-slider .slider-wrapper .slick-prev:before,
.cms-slider .slider-wrapper .slick-next:before{
  display: none;
}
.cms-slider .slider-wrapper .slick-prev i,
.cms-slider .slider-wrapper .slick-next i{
  line-height: 30px;
  vertical-align: middle;
}
.cms-slider .slider-wrapper .slick-prev i:before,
.cms-slider .slider-wrapper .slick-next i:before{
  font-size: 12px;
}

.cms-blog-detail .main_{
}
.cms-blog-detail .main_ .content_{
}
.cms-blog-detail .main_ .side_{
}

.cms-blog-detail .main_ .title{
  padding: 0px 20px 20px 20px;
}

.cms-blog-detail .title{
      /* margin: 0 13px 15px 13px; */
}
.cms-blog-detail .title div{
  display: table;
  margin-bottom: 15px;
}
.cms-blog-detail .title h1+div{
  margin-bottom: 15px;
}
.cms-blog-detail .title h1+div+ul{
  margin-bottom: 15px;
  overflow: hidden;
}
.cms-blog-detail .title h1+div+ul li{
  float: left;
  padding: 0 5px 5px 0;
}
.cms-blog-detail .title h1+div+ul li a{
  display: block;
  padding: 5px 10px;
  line-height: 130%;
  border: 1px #ddd099 solid;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.cms-blog-detail .title div>span{
  display: table-cell;
  vertical-align: middle;
  line-height: 27px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-blog-detail .title div>span.news{background: #ea861e;}
.cms-blog-detail .title div>span+p{
  padding-left: 10px;
}
.cms-blog-detail .title div p{
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
}
.cms-blog-detail .title div p img{
  vertical-align: middle;
}
.cms-blog-detail .title div p span{
  padding-left: 1em;
  vertical-align: middle;
}
.cms-blog-detail .title h1{
  font-size: 18px;
  text-align: left;
  padding: 5px 0 10px 0;
}
.cms-blog-detail .title div+h1{
  padding: 0;
}
.cms-blog-detail .wysiwyg{
  margin: 20px 13px 20px 13px;
  word-break: break-all;
}

.cms-blog-detail .wysiwyg img{
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto 15px auto;
}
.cms-blog-detail .wysiwyg p{
  line-height: 160%;
  margin: 0 13px 20px 13px;
  overflow: hidden;
  display: block;
}

.cms-blog-detail .wysiwyg h1{
  font-size: 20px;
  font-weight: bold;
  padding: 8px 13px;
  margin-bottom: 5px;
  line-height: 140%;
}

.cms-blog-detail .wysiwyg h2{
  font-size: 17px;
  font-weight: bold;
  padding: 8px 13px;
  margin-bottom: 5px;
  line-height: 140%;
}
.cms-blog-detail .wysiwyg.__blog_area__ h2{
  background: none;
}
.cms-blog-detail .wysiwyg h2+p{
}
.cms-blog-detail ul.tag{
  margin: 20px 10px;
  overflow: hidden;
}
.cms-blog-detail ul.tag li{
  float: left;
  padding: 0 5px 5px 0;
}
.cms-blog-detail ul.tag li a{
  display: block;
  padding: 5px 10px;
  line-height: 130%;
  border: 1px #ddd099 solid;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.cms-blog-detail #relateditem{
  margin: 25px 0 50px 0;
  text-align: center;
}
.cms-blog-detail #relateditem li span {
  display: inline-block;
  padding: 5px 2px 5px 2px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
}
.cms-blog-detail #relateditem .slick-prev {
  left: 10px;
  top: auto;
  bottom: -50px;
  width: 30px;
    height: 30px;
    background: url(../../img/sys/arrow_left_red.png) no-repeat !important;
    background-size: 30px 30px !important;
    transition: .3s;
    opacity: 1;
}
.cms-blog-detail #relateditem .slick-next {
  right: 10px;
  top: auto;
  bottom: -50px;
    width: 30px;
    height: 30px;
    background: url(../../img/sys/arrow_right_red.png) no-repeat !important;
    background-size: 30px 30px !important;
    transition: .3s;
    opacity: 1;
}
.cms-blog-detail #relateditem .slick-prev:before,
.cms-blog-detail #relateditem .slick-next:before{
  display: none;
}
.cms-blog-detail .share{
  text-align: center;
  margin: 25px 13px 25px 13px;
}
.cms-blog-detail .share p{
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-right: 10px;
}
.cms-blog-detail .share div{
  display: inline-block;
  vertical-align: top;
  height: 35px;
}
.cms-blog-detail .share div a{
  display: inline-block;
  margin: 0 2px;
  height: 35px;
}
.cms-blog-detail .control{
  position: relative;
  width: 100%;
}
.cms-blog-detail .control>div{
}
.cms-blog-detail .control>div.back{
  width: 100%;
  padding: 50px 13px 0 13px;
  z-index: 1;
  text-align: center;
}
.cms-blog-detail .control>div.back a{
  width: 100%;
  min-width: none;
}
.cms-blog-detail .control>div.next{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 50%;
  padding: 0 6px 0 13px;
}
.cms-blog-detail .control>div.prev{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 50%;
  padding: 0 13px 0 6px;
}
.cms-blog-detail .control>div.next a.btn_more,
.cms-blog-detail .control>div.prev a.btn_more{
  width: 100%;
  min-width: auto;
  text-align: center;
}

.cms-blog-detail .slide{
  margin: 20px 0;
}
.cms-blog-detail .slide .left,
.cms-blog-detail .slide .right{
}
.cms-blog-detail .slide .left{
  margin: 0 20px 40px 20px;
}
.cms-blog-detail .slide .left ul{
  padding-top: 100%;
}
.cms-blog-detail .slide .left ul .slick-list{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cms-blog-detail .slide .left ul li{
  padding-top: 100%;
  background-size: 115% auto;
  -moz-background-size: 115% auto;
  -webkit-background-size: 115% auto;
  background-position: center center;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
}
.cms-blog-detail .slide .left li.active{
  background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
}
.cms-blog-detail .slide .right{
  margin: 0 10px;
}
.cms-blog-detail .slide .right .logo{
  margin: 0 0 40px 0;
}
.cms-blog-detail .slide .right .logo img{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 250px;
}
.cms-blog-detail .slide .right .text{
  margin: 20px 0;
}
.cms-blog-detail .slide .right .text p{
  margin: 10px 0;
  text-align: center;
}
.cms-blog-detail .slide .right .slideshow{
  width: 250px;
  margin: 20px auto;
}
.cms-blog-detail .slide .right .link{
  text-align: center;
}
.cms-blog-detail .slide .right .link a{
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px #222222 solid;
}

/* ----EVENT CALENDER---- */
.cms-event-tab{
  text-align: center;
  padding-bottom: 25px;
  padding-top: 40px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-event-tab .inner_>div{
  margin-top: -2px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
}
.cms-event-tab .inner_>div span{
  color: #b4272d;
  display: inline-block;
  padding: 0 0.5em;
}
.cms-event-tab .inner_>div p{
  display: inline-block;
  padding: 0 0.5em;
}
/*
.cms-event-tab ul{
  display: inline-block;
}
.cms-event-tab ul li{
  display: inline-block;
  margin: 0 13px;
}
*/
.cms-event-tab ul li a{
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  line-height: 130%;
  padding: 3px 0 13px 0;
}
.cms-event-tab ul li a.active{
  text-decoration: none;
}
.cms-event-tab ul li a:after{
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #b4272d;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.cms-event-tab ul li a.active:after{
  opacity: 1;
}
.cms-event-tab ul li a:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #b4272d transparent;
  position: absolute;
  bottom: 4px;
  left: 50%;
  opacity: 0;
  margin-left: -3px;
}
.cms-event-tab ul li a.active:before{
  opacity: 1;
}

.cms-event-list ul{
  margin-bottom: 25px;
}
.cms-event-list ul li{
  margin-bottom: 2px;
}
.cms-event-list ul li a{
  display: block;
  position: relative;
  padding: 13px 45px 15px 0;
  background: #ffffff;
  border-left: 5px #93bceb solid;
}
.cms-event-list ul li:nth-child(even) a{
  border-left: 5px #f8b362 solid;
}
.cms-event-list ul li a:after{
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  right: 15px;
  top: 50%;
  margin-top: -0.5em;
}
.cms-event-list ul li a .tablelayout{
}
.cms-event-list ul li a .tablelayout>div{
}
.cms-event-list ul li a .tablelayout .date{
  display: table;
  padding-left: 13px;
  margin-bottom: 10px;
}
.cms-event-list ul li a .tablelayout .date p{
  display: table-cell;
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
}
.cms-event-list ul li a .tablelayout .date p.to{
  position: relative;
  padding-left: 40px;
}
.cms-event-list ul li a .tablelayout .date p.to:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  margin: -0.5em 0 0 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #cccccc;
}
.cms-event-list ul li a .tablelayout .content{
  padding-left: 13px;
}
.cms-event-list ul li a .tablelayout .content .tablelayout{
  display: table;
}
.cms-event-list ul li a .tablelayout .content .tablelayout figure{
  display: table-cell;
  vertical-align: top;
  width: 80px;
  text-align: center;
}
.cms-event-list ul li a .tablelayout .content .tablelayout figure img{
  display: block;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail{
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>span{
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 9px;
  background: #cccccc;
  color: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  margin-bottom: 8px;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>span.outdoor{background-color: #2db6df;}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>span.camp{background-color: #3dbf37;}

.cms-event-list ul li a .tablelayout .content .tablelayout .detail>div{
  line-height: 140%;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>div h2{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>div p{
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>div span{
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.cms-event-list ul li a .tablelayout .content .tablelayout .detail>p{
  display: none;
  line-height: 170%;
}
.cms-event-list .cms-list-not-found{
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
}

.cms-blog-list li.event_display_calendar{
  display: none;
}
.cms-blog-list li.event_display_list.event_display_calendar{
  display: block;
}

.cms-event-control{
}
.cms-event-control .inner_{
  padding-bottom: 15px;
}
.cms-event-control .inner_>p{
  font-size: 12px;
  margin: 0 13px 20px 13px;
}
.cms-event-control .control{
  width: 100%;
  height: 55px;
  overflow: hidden;
}
.cms-event-control .control>div{
  float: left;
  width: 50%;
}
.cms-event-control .control>div a.btn_more{
  min-width: auto;
  width: 100%;
  text-align: center;
}

.cms-event-control .control>div.next{
  padding-left: 13px;
  padding-right: 6px;
}
.cms-event-control .control>div.prev{
  padding-left: 6px;
  padding-right: 13px;
}
.btn_event_list{
  margin-top:15px;
  text-align:center;
}
.cms-event-archive{
}
.cms-event-archive ul{
  overflow: hidden;
  padding: 15px 8px;
}
.cms-event-archive ul li{
  float: left;
  width: 33%;
  padding: 0 6px;
}
.cms-event-archive ul li a.btn_more{
  width: 100%;
  min-width: auto;
  background: #ffffff;
  color: #000000;
  margin: 20px 0 0 0;
  text-align: center;
}

/* ----SHOP/INFO---- */
.cms-shop-tab{
}
.cms-shop-tab p{
  text-align: center;
  font-size: 12px;
  padding: 0 20px;
}
.cms-shop-tab ul{
  margin: 15px 20px 0 20px;
  text-align: center;
  overflow: hidden;
}
.cms-shop-tab ul li{
  float: left;
  width: 50%;
}
.cms-shop-tab ul li:nth-child(odd){
  padding-right: 10px;
}
.cms-shop-tab ul li:nth-child(even){
  padding-left: 10px;
}
.cms-shop-tab ul li a.btn_more{
  min-width: auto;
  width: 100%;
  background: #18273e;
  padding-left: 1em;
}

.cms-shop-map{
  padding: 0 13px;
}
.cms-shop-tab li > .cms-shop-map{
  padding: 10px 0 0;
}
.cms-shop-map form{
  width: 100% !important;
  margin: 0 auto !important;
}
.cms-shop-map form span{
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.cms-shop-map form span input[type="text"]{
  display: block;
  border: 1px #cccccc solid;
  line-height: 37px;
  width: 100%;
  padding: 0 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.cms-shop-map form span input[type="text"]::placeholder{
  color: #a0a0a0;
}
.cms-shop-map form span input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  display: block;
  width: 40px;
  height: 39px;
  top: 0;
  right: 0;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../../img/usr/common/icon_header_search.png) center center no-repeat;
  background-size: 17px 17px;
  -moz-background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  background-color: #333;
  border-radius: 0px 6px 6px 0px;
}
.cms-shop-map form div{
  width: 100%;
  height: 40px;
  position: relative;
  background-color: #a30000;
  border-radius: 23px;
  -moz-border-radius: 23px;
  -webkit-border-radius: 23px;
}
.cms-shop-map form div:after{
  content: "\f041";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -3.5em;
  color: #ffffff;
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  width: 1em;
  z-index: 1;
  text-align: center;
}
.cms-shop-map form div input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  display: block;
  background: none;
  width: 100%;
  height: 40px;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px;
  z-index: 2;
}
.cms-shop-map #article_data_field_map{
  width: 100% !important;
  height: 350px !important;
}

.cms-shop-companystore{
  padding: 0 13px 5px 13px;
}
.cms-shop-in-shop{
  background: #ffffff;
  padding: 25px 13px 25px 13px;
}
.cms-shop-companystore .inner_>p,
.cms-shop-in-shop .inner_>p{
  text-align: center;
  color: #b4272d;
  line-height: 140%;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms-shop-companystore .inner_>ul,
.cms-shop-in-shop .inner_>ul{
  overflow: hidden;
}
.cms-shop-companystore .inner_>ul li,
.cms-shop-in-shop .inner_>ul li{
  margin-bottom: 25px;
}
.cms-shop-companystore .inner_>ul li a,
.cms-shop-in-shop .inner_>ul li a{
  display: block;
}
.cms-shop-companystore .inner_>ul li figure,
.cms-shop-in-shop .inner_>ul li figure{
  margin-bottom: 15px;
}
.cms-shop-companystore .inner_>ul li figure img,
.cms-shop-in-shop .inner_>ul li figure img{
  display: block;
  margin: 0 auto;
}
.cms-shop-companystore .inner_>ul li div,
.cms-shop-in-shop .inner_>ul li div{
  margin-bottom: 8px;
}
.cms-shop-companystore .inner_>ul li div span,
.cms-shop-in-shop .inner_>ul li div span{
  display: inline-block;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 2px #000000 solid;
  margin-bottom: 10px;
  min-width: 6em;
  text-align: center;
}
.cms-shop-companystore .inner_>ul li div span{
  border: 2px #b4272d solid;
  color: #b4272d;
}
.cms-shop-companystore .inner_>ul li div span.shop_type_shop_type_4,
.cms-shop-in-shop .inner_>ul li div span.shop_type_shop_type_4{
  border: 2px #00008b solid;
  color: #00008b;
}
.cms-shop-companystore .inner_>ul li div span.shop_type_shop_type_5,
.cms-shop-in-shop .inner_>ul li div span.shop_type_shop_type_5{
  border: 2px #915e00 solid;
  color: #915e00;
}
.cms-shop-companystore .inner_>ul li div h3,
.cms-shop-in-shop .inner_>ul li div h3{
  border: none;
  padding: 0;
  margin: 0;
  line-height: 130%;
  font-size: 16px;
  font-weight: bold;
}
.cms-shop-companystore .inner_>ul li p,
.cms-shop-in-shop .inner_>ul li p{
  line-height: 140%;
  padding: 2px 4px 2px 0;
  height: auto !important;
}
.cms-shop-companystore .inner_>ul li figure + div p,
.cms-shop-in-shop .inner_>ul li figure + div p{
  display: table-cell;
}

.cms-shop{
  padding: 4px 0 20px 0;
}
.cms-shop>.inner_>p{
  text-align: center;
  line-height: 170%;
  margin-bottom: 25px;
  padding: 0 13px;
  font-size: 12px;
}
.cms-shop .tab{
  text-align: center;
  margin-bottom: 30px;
}
.cms-shop .tab .slick-list{
  padding: 0 !important;
}
.cms-shop .tab li{
  display: inline-block;
}
.cms-shop .tab li a{
  display: inline-block;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  position: relative;
  line-height: 130%;
  padding: 0 0 8px 0;
}
.cms-shop .tab li a:after{
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #b4272d;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cms-shop .tab li a.active:after{
  opacity: 1;
}
.cms-shop .tab li a:hover:after{
  opacity: 1;
}
.cms-shop .inner_>.icon{
  border-top: 1px #d2d2d2 solid;
  border-bottom: 1px #d2d2d2 solid;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 30px;
  display: table;
  width: 100%;
}
.cms-shop .inner_>.icon p{
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  width: 6.5em;
  padding: 0 1em;
  border-right: 1px #d2d2d2 solid;
}
.cms-shop .inner_>.icon div{
  display: table-cell;
  vertical-align: middle;
}
.cms-shop .inner_>.icon ul{
  display: table;
  width: 100%;
  height: 45px;
}
.cms-shop .inner_>.icon ul li{
  display: table-cell;
  line-height: 22px;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  border-right: 1px #d2d2d2 solid;
  font-size: 9px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
  background-position: center 7px;
}
.cms-shop .inner_>.icon ul li:last-child{
  border-right: none;
}
.cms-shop .inner_>.icon ul li.wear,
.cms-shop .inner_>.icon ul li.bag,
.cms-shop .inner_>.icon ul li.camp,
.cms-shop .inner_>.icon ul li.food,
.cms-shop .inner_>.icon ul li.wear.off,
.cms-shop .inner_>.icon ul li.bag.off,
.cms-shop .inner_>.icon ul li.camp.off,
.cms-shop .inner_>.icon ul li.food.off{
  width: 18%;
}
.cms-shop .inner_>.icon ul li.accessories,
.cms-shop .inner_>.icon ul li.accessories.off{
  width: 28%;
}
.cms-shop .inner_>.icon ul li a{
  display: block;
  padding-top: 25px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
  background-position: center 7px;
}
.icons li.wear a,
.icons li.item_category_wear,
.icons li.WEAR{background-image: url(../../img/usr/common/icon_wear.png);}
.icons li.bag a,
.icons li.item_category_bag,
.icons li.BAG{background-image: url(../../img/usr/common/icon_bag.png);}
.icons li.accessories a,
.icons li.item_category_accessories,
.icons li.ACCESSORIES{background-image: url(../../img/usr/common/icon_accessories.png);}
.icons li.camp a,
.icons li.item_category_camp,
.icons li.CAMP{background-image: url(../../img/usr/common/icon_camp.png);}
.icons li.food a,
.icons li.item_category_food,
.icons li.FOOD{background-image: url(../../img/usr/common/icon_food.png);}
.icons li.wear.off a,
.icons li.item_category_wear.off,
.icons li.WEAR.off{background-image: url(../../img/usr/common/icon_wear_off.png);}
.icons li.bag.off a,
.icons li.item_category_bag.off,
.icons li.BAG.off{background-image: url(../../img/usr/common/icon_bag_off.png);}
.icons li.accessories.off a,
.icons li.item_category_accessories.off,
.icons li.ACCESSORIES.off{background-image: url(../../img/usr/common/icon_accessories_off.png);}
.icons li.camp.off a,
.icons li.item_category_camp.off,
.icons li.CAMP.off{background-image: url(../../img/usr/common/icon_camp_off.png);}
.icons li.food.off a,
.icons li.item_category_food.off,
.icons li.FOOD.off{background-image: url(../../img/usr/common/icon_food_off.png); display:none!important}

.cms-shop .inner_>.icon ul li a.active{
  color: #b4272d;
}

.cms-shop #cms-shop-ajax{
  padding: 0 13px;
}
.cms-shop-prefectures{
  padding-bottom: 10px;
}
.cms-shop-prefectures h3{
  padding: 0;
  margin: 0;
  border: none;
  background: #ffffff;
  padding: 0 40px 0 15px;
  line-height: 35px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  position: relative;
}
.cms-shop-prefectures h3 span{
  font-size: 14px;
  font-weight: bold;
}
.cms-shop-prefectures h3:before{
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  right: 14px;
  top: 50%;
  margin-top: -1px;
  background-color: #1a1a1a;
}
.cms-shop-prefectures h3:after{
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 14px;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  background-color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cms-shop-prefectures h3.open:after{
  opacity: 0;
}
.cms-shop-prefectures .inner_>ul{
  padding-bottom: 10px;
  display: none;
  flex-wrap:wrap;
}
.cms-shop-prefectures .inner_>ul>li{
  position: relative;
  width:100%;
}
.cms-shop-prefectures .inner_>ul>li:nth-child(odd){
}
.cms-shop-prefectures .inner_>ul>li:nth-child(even){
}
.cms-shop-prefectures .inner_ ul li a{
  border-bottom: 1px #ffffff solid;
  display: table;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 14px;
  font-size: 12px;
  height: auto !important;
}
.cms-shop-prefectures .inner_ ul li a div{
  display: table-cell;
  vertical-align: top;
}
.cms-shop-prefectures .inner_ ul li a .detail{
  line-height: 140%;
}
.cms-shop-prefectures .inner_ ul li a .detail h4{
  font-weight: bold;
  padding: 0 0 4px 0;
}
.cms-shop-prefectures .inner_ ul li a .detail p{
  padding: 0 0 4px 0;
}
.cms-shop-prefectures .inner_ ul li a .icon{
  width: 119px;
  overflow: hidden;
  position: relative;
}
.cms-shop-prefectures .inner_ ul li a .icon p{
  float: right;
  border: 2px #cd2e35 solid;
  line-height: 16px;
  padding: 0 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.cms-shop-prefectures .inner_ ul li a .icon p span{
  display: block;
  position: relative;
  font-size: 9px;
  font-weight: bold;
  color: #cd2e35;
  padding-left: 15px;
}
.cms-shop-prefectures .inner_ ul li a .icon p span:before{
  content: "\f041";
  font: normal normal normal 14px/1 FontAwesome;
  display: block;
  position: absolute;
  left: 2px;
  top: 1px;
  width: 1em;
  height: 16px;
}
.cms-shop-prefectures .inner_ ul li a .icon ul{
  position: absolute;
  bottom: 0;
  right: 0;
}
.cms-shop-prefectures .inner_ ul li a .icon ul li{
  float: left;
  width: 17px;
  height: 17px;
  margin-left: 7px;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  -moz-background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  background-position: left center;
}
.cms-shop-prefectures .inner_ ul li a .icon ul li:first-child{
  margin-left: 0;
}
.cms-shop-prefectures .inner_ ul li a .icon ul li span{
  display: none;
}
#cms-shop-ajax .ajaxerror{
  text-align:center;
  font-weight: bold;
  font-size: 14px;
  padding: 20px 0 30px 0;
}

.cms-title-h2.bg_top_gray{
}
.cms-title-h2.bg_top_gray:before{
}

.cms-shop-detail{
  margin-bottom: 30px;
}
.cms-shop-detail .inner_{
  border-bottom: 1px #ddd099 solid;
  padding-bottom: 25px;
}
.cms-shop-detail .title{
  padding: 0 13px;
  margin-bottom: 25px;
}
.cms-shop-detail .title p{
	display: table-cell;
	padding-right: 4px;
}
.cms-shop-detail .title p span{
  display: inline-block;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 2px #000000 solid;
  margin-bottom: 10px;
  min-width: 6em;
  text-align: center;
}
.cms-shop-detail .title p span.companystore{
  border: 2px #b4272d solid;
  color: #b4272d;
}
.cms-shop-detail .title p span.shop_type_shop_type_4{
  border: 2px #00008b solid;
  color: #00008b;
}
.cms-shop-detail .title h1{
  width: 100%;
  line-height: 130%;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 0;
}
.cms-shop-detail .icons{
  overflow: hidden;
  margin: -10px 13px 20px 13px;
}
.cms-shop-detail .icons li{
  line-height: 22px;
  display: inline-block;
  font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding: 0 15px 0 30px;
  margin-right: 15px;
  border-right: 1px #d2d2d2 solid;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  -moz-background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  background-position: left center;
}
.cms-shop-detail .icons li:last-child{
  margin-right: none;
}

.cms-shop-detail .icons li.item_category_camp{
  border-right: none!important;
}

.cms-shop-detail .icons li.off{
  display: none;
}
.cms-shop-detail .icons li:last-child{
  border-right: none;
}

.cms-shop-detail .img{
  margin: 0 13px 30px 13px;
}
.cms-shop-detail .img li{
  margin-bottom: 10px;
}
.cms-shop-detail .img li img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.cms-shop-detail .img .slick-list li{
  margin: 0 2px;
}
.cms-shop-detail .img .slick-dots{
  bottom: -23px;
}
.cms-shop-detail .img .slick-dots li{
  margin: 0 2px;
}
.cms-shop-detail .img .slick-dots li button:before{
  font-size: 11px;
  color: #d2cdcd;
  opacity: 1;
}
.cms-shop-detail .img .slick-dots li.slick-active button:before{
  color: #a30000;
}

.cms-shop-detail .detail{
  background-color: #ffffff;
  padding: 12px 0;
  margin: 40px 13px 0 13px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-bottom: 35px;
}
.cms-shop-detail .detail>ul{
  padding: 0 15px;
  font-size: 12px;
}
.cms-shop-detail .detail>ul li{
  line-height: 150%;
  padding: 4px 0;
}
.cms-shop-detail .detail>ul li span{
  font-weight: bold;
  display: block;
  padding-bottom: 2px;
}
.cms-shop-detail .detail>ul li p{
  padding-bottom: 4px;
}
.cms-shop-detail .map{
  margin-bottom: 25px;
}
.cms-shop-detail .map>div:nth-of-type(1){
  width: 100% !important;
  height: 300px !important;
}
.cms-shop-detail .map>div:nth-of-type(2){
  display: none !important;
}
.cms-shop-detail .map.is-iframe {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.cms-shop-detail .map.is-iframe iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.cms-shop-detail .description{
}
.cms-shop-detail .description h2{
  border: none;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 0 13px;
  margin-bottom: 10px;
}
.cms-shop-detail .description>div,
.cms-shop-detail .description>p{
  line-height: 180%;
  padding: 0 13px;
  margin-bottom: 10px;
}
.cms-shop-detail .description>div>p{
  line-height: 180%;
  margin-bottom: 10px;
}


/* ----CONTACT---- */
#cms-contact-h1{
  background-color: #ffffff;
  padding-bottom: 30px;
}
#cms-contact-h1 form {
  text-align: center;
}
#cms-contact-counselling{
  background-color: #ffffff;
  padding: 30px 10px;
}
#cms-contact-counselling .intro{
  margin: 10px 0 20px 0;
  line-height: 160%;
}
#cms-contact-counselling ul{
}
#cms-contact-counselling ul li{
  margin: 0 0 10px 0;
}
#cms-contact-counselling ul li:first-of-type{
  margin-top: 30px;
}
#cms-contact-counselling ul li a{
  display: table;
  width: 100%;
  height: 100%;
  border: 1px #cccccc solid;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 12px 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#cms-contact-counselling ul li a p{
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
}
#cms-contact-counselling ul li a span{
  display: inline-block;
}
#cms-contact-counselling ul li a div{
  position: relative;
}
#cms-contact-counselling ul li a div:before{
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -0.5em;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  font-size: 10px;
}

#cms-contact-form-link{
  padding: 20px 10px 30px 10px;
  text-align: center;
}
#cms-contact-form-link .title{
  margin-bottom: 20px;
}
#cms-contact-form-link .title h2{
	font-size: 23px;
	font-weight: 700;
	padding: 10px 0;
}
#cms-contact-form-link .title p{
  text-align: left;
  padding-top: 10px;
  text-indent: -1em;
  padding-left: 1em;
}
#cms-contact-form-link .title p br{
  display: none;
}
#cms-contact-form-link .ttl{
  margin-bottom: 20px;
}
#cms-contact-form-link .ttl h3{
  border: none;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
#cms-contact-form-link .ttl p{
  padding-top: 7px;
}

#cms-contact-form-link .online{
     /* border-bottom: 1px #c9c9c9 solid; */
    /* padding-bottom: 50px; */
    /* margin-bottom: 50px; */
}
#cms-contact-form-link .online .link{
	margin: 30px auto 0;
}
#cms-contact-form-link .online .link,
#cms-contact-form-link .shop .link{
  margin: 0 auto;
}
#cms-contact-form-link .online .link li,
#cms-contact-form-link .shop .link li{
  margin-bottom: 10px;
}
#cms-contact-form-link .online .link li a,
#cms-contact-form-link .shop .link li a{
  display: table;
  width: 100%;
  height: 100%;
  background: #192741;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#cms-contact-form-link .online .link li a:hover,
#cms-contact-form-link .shop .link li a:hover{
  background: #3b4250;
}
#cms-contact-form-link .online .link li a div,
#cms-contact-form-link .shop .link li a div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px 40px;
  position: relative;
}
#cms-contact-form-link .online .link li a div:before,
#cms-contact-form-link .shop .link li a div:before{
  position: absolute;
  top: 50%;
  left: 22px;
  color: #ffffff;
  margin-top: -0.5em;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  font-size: 10px;
}

#cms-contact-form-link .online .link li a span,
#cms-contact-form-link .shop .link li a span{
  color: #ffffff;
  line-height: 150%;
  font-size: 14px;
  font-weight: bold;
}

#cms-contact-form-link .shop .select{
  position: relative;
  height: 35px;
  margin-bottom: 30px;
}
#cms-contact-form-link .shop .select div{
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 35px;
  background-color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 2px #ccc solid;
  overflow: hidden;
}
#cms-contact-form-link .shop .select div:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #000000 transparent transparent transparent;
  top: 50%;
  right: 9px;
  margin-top: -3px;
  z-index: 1;
}
#cms-contact-form-link .shop .select div p{
  position: relative;
  top: 0;
  left: 0;
  padding: 0 25px;
  z-index: 2;
  line-height: 35px;
  font-size: 15px;
}
#cms-contact-form-link .shop .select div p:hover{
  cursor: pointer;
}
#cms-contact-form-link .shop .select ul{
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 5;
  padding: 5px 18px;
  border: 2px #ccc solid;
}
#cms-contact-form-link .shop .select ul li{
  display: block;
  font-size: 15px;
  text-align:left;
  margin: 12px 0;
}

#cms-contact-form-link .shop ul.disable li{
  position: relative;
}
#cms-contact-form-link .shop ul.disable li:before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#cms-contact-form-link .shop ul.disable li a{
  position: relative;
  z-index: 1;
  background-color: #b7b7b7;
}
#cms-contact-form-link .shop ul.disable li a:hover{
  background-color: #b7b7b7;
}


/* ----CONTACT FORM---- */
#cms-contact-form{
  padding: 20px 10px 30px 10px;
}
#cms-contact-form .intro{
  font-weight: bold;
  margin-bottom: 20px;
}
#cms-contact-form .tel-fax {
  margin-bottom: 20px;
  padding:15px 0;
  border-top: 2px solid #e4d592;
  border-bottom: 2px solid #e4d592;
}
#cms-contact-form .tel-fax span.tel {
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
}
#cms-contact-form .questionnaire_.col1_{
  margin: 30px auto 30px auto;
}
#cms-contact-form .questionnaire_box_{
  margin-bottom: 25px;
}
#cms-contact-form .questionnaire_box_ .title{
  vertical-align: top;
  border-bottom: 1px #bbbbbb dotted;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#cms-contact-form .questionnaire_box_ h2{
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
#cms-contact-form .questionnaire_box_ h2 span{
  position: absolute;
  top: 0;
  right: 0;
  line-height: 16px;
  padding: 0 0.5em;
  background-color: #c3002f;
  color: #ffffff;
  font-size: 12px;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#cms-contact-form .questionnaire_box_ .title .desc_{
  margin-top: 5px;
  font-weight: bold;
  font-size: 0.9em;
}
#cms-contact-form .questionnaire_box_ .questionnaire_box_content_,
#cms-contact-form .questionnaire_box_ table{
  display: block;
}
#cms-contact-form .questionnaire_box_ table tbody,
#cms-contact-form .questionnaire_box_ table tr,
#cms-contact-form .questionnaire_box_ table th,
#cms-contact-form .questionnaire_box_ table td{
  display: block;
  width: 100%;
}
#cms-contact-form .questionnaire_box_ table th{
  text-align: left;
  margin-bottom: 4px;
}

#cms-contact-form .questionnaire_box_ #table_tel th{
  display: none;
}
#cms-contact-form .questionnaire_box_ #table_tel input[type="text"],
#cms-contact-form .questionnaire_box_ #table_tel input[type="tel"],
#cms-contact-form .questionnaire_box_ #table_mail input[type="email"]{
  width: 100%;
}

#cms-contact-form .questionnaire_box_ .questionnaire_box_content_ select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  color: inherit;
  box-sizing: content-box;
  font-weight: bold;
  font-size: 1.1em;
}
#cms-contact-form .questionnaire_box_ .questionnaire_box_content_ .select_{
  position: relative;
  z-index: 1;
}
#cms-contact-form .questionnaire_box_ .questionnaire_box_content_ .select_:after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
#cms-contact-form .questionnaire_box_ .questionnaire_box_content_ textarea{
  width: 100%;
  height: 250px;
}
#cms-contact-form .questionnaire_box_ .error_{
  color: #c3002f;
  font-weight: bold;
  margin: 4px 0 0 0;
  font-size: 0.9em;
}
#cms-contact-form .questionnaire_box_ .small_{
  display: block;
  font-size: 0.9em;
  margin-top: 4px;
}
#cms-contact-form .questionnaire_box_ input:invalid,
#cms-contact-form .questionnaire_box_ select:invalid,
#cms-contact-form .questionnaire_box_ textarea:invalid,
#cms-contact-form .questionnaire_box_ input:invalid + label{
  background-color: #e4e4f3;
}

#cms-contact-form .submit_{
  text-align: center;
  width: 200px;
  margin: 40px auto 30px auto;
}
#cms-contact-form .submit_ .btn{
  display: inline-block;
  width: 200px;
  background-image: none;
  position: relative;
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 38px;
  background: #a30000;
  color: #ffffff;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  transition: .3s;
  cursor: pointer !important;
}
#cms-contact-form .submit_ .btn.back{
  background: #717171;
}
#cms-contact-form .submit_ .btn:hover{
  opacity: 0.7;
  cursor: pointer !important;
}
#cms-contact-form .submit_ .btn:before{
  content: "\f054";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  font-size: 12px;
}
#cms-contact-form .submit_ .btn.back:before{
  content: "\f053";
  left: 20px;
  right: auto;
}
#cms-contact-form .submit_ .btn span,
#cms-contact-form .submit_ .btn input[type="submit"]{
  display: block;
  border: none;
  background: none;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  line-height: 38px;
  cursor: pointer !important;
}
#cms-contact-form .submit_ .btn span:hover,
#cms-contact-form .submit_ .btn input[type="submit"]:hover{
  cursor: pointer !important;
}
#protocol {
    height: 200px;
    margin: 20px auto;
    border: solid 1px #e0d2a7;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    padding: 1.5em;
}
#protocol p {
    margin-bottom: 20px;
    font-size: 12px;
}
#protocol h3 {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 13px;
    border: none;
}

/* ----CMS wisiwig templete---- */
.wrapper.style5 .inner{
  background:#fff;
  overflow: hidden;
  padding: 10px;
}
.wrapper.style5 th {
  width: 33.3%;
  padding: 10px 0;
}
.wrapper.style5 table tbody tr {
  border-color: #dfdfdf;
}
.wrapper.style5 table tbody tr:nth-child(2n + 1) {
  background-color: rgba(0, 0, 0, 0.0375);
}
.wrapper.style5 table th {
  color: #2E3842;
}
.wrapper.style5 table thead {
  border-color: #dfdfdf;
}
.wrapper.style5 table tfoot {
  border-color: #dfdfdf;
}
.wrapper.style5 table tbody tr td {
  border-color: #dfdfdf;
  padding: 5px;
}
.wrapper.style5 .button {
  box-shadow: inset 0 0 0 2px #dfdfdf;
  color: #2E3842;
}
.sp_page .wrapper.style5 .wisiwig_style_2column{
  display: block;
}
.sp_page .wrapper.style5 .wisiwig_style_2column img{
  max-width: 100%;
}

.pc_view{ display: none !important; }
.sp_view{}

.btn button.g-recaptcha {
    display: inline-block;
    width: 200px;
    background-image: none;
    line-height: 38px;
    background: #a30000;
    color: #ffffff;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    transition: .3s;
    border: none;
}

/* 20220802 お問い合わせ調整*/
table.formdetail_ tr td span.cust_name01 {
    margin-right: 20px;
}
table.formdetail_ tr td span.cust_name02 {
    margin-right: 20px;
}
table.formdetail_ tr td span.cust_kana01 {
    margin-right: 6px;
}
table.formdetail_ tr td span.cust_kana02 {
    margin-right: 6px;
}
table.formdetail_ tr td span.cust_name01+input,
table.formdetail_ tr td span.cust_name02+input,
table.formdetail_ tr td span.cust_kana01+input,
table.formdetail_ tr td span.cust_kana02+input {
    display: block;
    width: 100%;
}

/* 20230120 wysiwyg通常テーブル */
.cms-blog-detail .wysiwyg table {
    max-width: 100%;
}
.cms-blog-detail .wysiwyg table td, .cms-blog-detail .wysiwyg table th {
    /* margin: unset; */
    padding: 3px;
    border: 1px solid;
}

/*  20251021 見出し・規約表示幅調整  */
#cms-contact-h1 .kiyaku-lead {
	width: 100%;
	padding: 0 15px 25px;
	font-size: 12px;
}
#cms-contact-h1 .kiyaku-lead p:not(:last-of-type) {
    padding-bottom: 1em;
}
#cms-contact-h1 .cms-title-h1 h1{
	width: 100%;
	padding: 25px 15px;
}
#cms-contact-form{
	padding: 20px 15px 30px;
}
#cms-contact-form #protocol{
	width: 100%;
	height: 400px;
	padding: 1em;
}