@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*=================================================
  TOP PAGE
=================================================*/
#top #mainimage{
  width:100%;
  height:370px;
}
/* MARQUEE */

.marqueeRightLeft {
  /*max-width: 500px;*/
  padding: 0.5em 0;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  text-align: left;
  /*border-top: 1px solid #6c5441;
  border-bottom: 1px solid #6c5441;*/
  color:#6c5441;
  font-weight: bold;
}
.marqueeRightLeft p:after {
  content: "";
  white-space: nowrap;
}
.marqueeRightLeft p {
  margin: 0;
  padding-left: 100%;
  display: inline-block;
  white-space: nowrap;
    -webkit-animation-name:marqueeRL;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:12s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marqueeRL;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:12s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marqueeRL;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:12s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marqueeRL;
    -o-animation-timing-function:linear;
    -o-animation-duration:12s;
    -o-animation-iteration-count:infinite;
    animation-name:marqueeRL;
    animation-timing-function:linear;
    animation-duration:12s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
  from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
  from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
  from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
  from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
  from {transform:translate(0);} to {transform:translate(-100%);}
}
/*-------------------------------------
  SECTION_01
--------------------------------------*/
#top #sec_01 {
  padding:30px 0 40px;
}
#top #sec_01 .inner {
  width:1060px;
  margin:0 auto;
}
#top #sec_01 .bnr {
  width:1000px;
  margin:0 auto;
  text-align:center;
  margin-bottom:40px;
}
#top #sec_01 #inqBnr{
  display:none;
}
#top #headlineWrap {
  position:relative;
  width:720px;
  margin:0 auto;
  margin-bottom:40px;
}
#top #headline {
  padding:10px 20px;
  position:relative;
  line-height:26px;
  background:#ff8500;
  color:#fff;
  z-index:10;
  overflow:hidden;
}
#top #headlineWrap:before {
  position:absolute;
  width:63px;
  height:47px;
  content:"";
  display:block;
  background:url(../Image/top/ribbon_left.png) left top no-repeat;
  top:17px;
  left:-29px;
  z-index:5;
}
#top #headlineWrap:after {
  position:absolute;
  width:63px;
  height:47px;
  content:"";
  display:block;
  background:url(../Image/top/ribbon_right.png) left top no-repeat;
  top:17px;
  right:-29px;
  z-index:5;
}
#top #topBox {
}
#top #topBox a:hover{
  opacity:0.5;
}
#top #topBox .boxStyle_01{
  background-color:#f6f6f8;
  border-left:#84c2f3 10px solid;
}
#top #topBox #box_left{
  float:left;
  margin-bottom:32px;
}
#top #topBox #box_left #event{
  width:320px;
  height:347px;
  box-sizing:border-box;
  padding:62px 35px 60px 25px;
  position:relative;
  overflow:hidden;
  background:url(../Image/top/icon_tri.png) right 15px bottom 15px no-repeat #f6f6f8;
}
#top #topBox #box_left #event a{
  color:#444;
}
#top #topBox #box_left #event #badgeBox{
  position:absolute;
  top:20px;
  left:0;
  padding-left:25px;
  padding-right:15px;
  background:#a6dffd;
  height:20px;
}
#top #topBox #box_left #event #badgeBox:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid #a6dffd;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}
#top #topBox #box_left #event #badgeBox .date{
  margin-right:15px;
}
#top #topBox #box_left #event #badgeBox .cat{
  font-weight:bold;
}
#top #topBox #box_left #event #imgBox{
  height:150px;
  overflow:hidden;
  margin-bottom:40px;
}
#top #topBox #box_left #event #imgBox img{
  width:100%;
}
#top #topBox #box_left #event #ttl{
}
#top #topBox #box_right{
  float:right;
  width:680px;
  margin-bottom:32px;
}
#top #topBox #box_right #close{
  float:left;
  position:relative;
  background:url(../Image/common/piala_01.png) right 8px top 8px no-repeat #f6f6f8;
  box-sizing:border-box;
  width:324px;
  height:129px;
  margin-right:32px;
  padding:65px 30px 40px 30px;
  margin-bottom:32px;
}
#top #topBox #box_right #close #month{
  position:absolute;
  color:#ff8400;
  background:#fff;
  top:10px;
  left:0;
  font-weight:bold;
  font-size:1.1em;
  padding:0 50px;
  height:36px;
}
#top #topBox #box_right #close #month:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}
#top #topBox #box_right #close #month .number{
  font-size:1.5em;
  margin-right:3px;
}
#top #topBox #box_right #close #day{
  color:#22b6d7;
  font-weight:bold;
}
#top #topBox #box_right #close #day #day_01{
  font-size:2.4em;
}
#top #topBox #box_right #close #day #youbi_01{
  font-size:1.25em;
}
#top #topBox #box_right #close #day #day_02{
  font-size:2.4em;
}
#top #topBox #box_right #close #day #youbi_02{
  font-size:1.25em;
}
#top #topBox #box_right #close #day #day_03{
  font-size:2.4em;
}
#top #topBox #box_right #close #day #youbi_03{
  font-size:1.25em;
}
#top #topBox #box_right #line{
  float:left;
  margin-bottom:32px;
}
#top #topBox #box_right #joycard{
  clear:both;
  padding:10px 20px;
  box-sizing:border-box;
  height:186px;
}
#top #topBox #box_right #joycard #bnr_img{
  float:left;
  margin-right:30px;
}
#top #topBox #box_right #joycard #bnr_img img{
}
#top #topBox #box_right #joycard #bnr_text{
  font-size:1.35em;
  float:left;
  width:200px;
  color:#444;
  padding-top:20px;
  line-height:1.75;
}
#top #topBox #box_right #joycard #bnr_text .red{
  color:#e94136;
}
#top #topBox .showmore{
}
#top #topBox .showmore a{
  width:100%;
  background:#030a4d;
  border:#030a4d solid 1px;
  transition:.3s;
  color:#fff;
  text-align:center;
  padding:10px 0;
}
#top #topBox .showmore a:hover{
  background:#fff;
  color:#030a4d;
}
/*-------------------------------------
  SECTION 02 - SHOP INFORMAION
--------------------------------------*/
#top #sec_02{
  padding:35px 0;
  background:#f1f1f1;
  overflow: hidden;
}
#top #sec_02 .ttl_01{
  text-align:center;
  margin-bottom:20px;
}
#top #sec_02 .ttl_01 .eng{
  color:#030a4d;
  font-size:2.15em;
  display:block;
  letter-spacing:0.1em;
}
#top #sec_02 .ttl_01 .jpn{
  font-size:1.3em;
  display:block;
  font-weight:normal;
}
/*#top #sec_02 .slick {
  height:338px;
  overflow:hidden;
}
@media screen and (min-width : 768px ){
#top #sec_02 .slick-slide {
  width:400px !important;
}
}*/
#top #sec_02 .slick-slide {
  box-sizing:border-box;
  box-shadow:2px 2px 2px 2px #999;
  margin:0 12px;
  background:#fff;
}
#top #sec_02 .slick-slide a{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:5% 18%;
}
#top #sec_02 .slick-slide .img{
  height:195px;
  overflow:hidden;
  margin-bottom:8px;
  text-align:center;
}
#top #sec_02 .slick-slide .img img{
  height:195px;
  width:auto;
}
#top #sec_02 .slick-slide .name{
  color:#030a4d;
  font-size:1.07em;
  margin-bottom:8px;
  height:40px;
}
#top #sec_02 .slick-slide .intro{
  font-size:0.92em;
  color:#343434;
  height:34px;
}
/*-------------------------------------
  SECTION 03
--------------------------------------*/
#top #sec_03 {
  padding:50px 0;
}
#top #sec_03 > div{
  width:1000px;
  margin:0 auto;
  text-align:center;
}
#top #sec_03 > div:not(last-child){
  margin-bottom:40px;
}
#top #sec_03 #inqBnr{
    margin-top:40px;
}
#top #sec_03 #inqBnr img {
    width:  699px;
    max-width:100%;
}
/*=================================================
  アクセスマップ　TOP/下層共通
=================================================*/
.accessArea {
  padding:35px 0 35px;
  border-top:8px solid #a5deeb;
  background: #fffffb;
}
.accessArea .inner{
  width:1000px;
  margin:0 auto;
}
.accessArea #ttlBox {
  margin-bottom:50px;
}
.accessArea .ttl_01{
  text-align:center;
  float:left;
  margin-right:50px;
}
.accessArea .ttl_01 .eng{
  color:#030a4d;
  font-size:2.15em;
  display:block;
  letter-spacing:0.1em;
}
.accessArea .ttl_01 .jpn{
  font-size:1.3em;
  display:block;
  font-weight:normal;
}
.accessArea #lead_text {
  font-size:1.15em;
}
.accessArea #mapBox {
}
.accessArea #mapBox #map_img{
  float:left;
  width:470px;
  margin-right:45px;
}
.accessArea #mapBox #map_img #img_wrap{
  margin-bottom:10px;
}
.accessArea #mapBox #map_img #address_wrap{
  text-align:center;
}
.accessArea #mapBox #map_img #address_wrap #station{
  font-size:1.38em;
  color:#dc212e;
  font-weight:bold;
}
.accessArea #mapBox #map_img #address_wrap #add{
  font-size:1.23em;
}
.accessArea #map_img img{
  width:100%;
}
.accessArea #map_guide{
  width:485px;
  float:left;
}
.accessArea #map_guide #parking{
  margin-bottom:25px;
}
.accessArea #map_guide #parking h3{
  font-size:1.5em;
  color:#181d50;
  padding-left:60px;
  background:url(../Image/common/icon_parking.png) left top no-repeat;
  margin-bottom:20px;
  line-height:1.3;
}
.accessArea #map_guide #parking #lead{
  font-size:1.23em;
  font-weight:bold;
  margin-bottom:15px;
  line-height:1.3;
}
.accessArea #map_guide #parking #text{
  font-size:1.15em;
  line-height:1.3;
}
.accessArea #map_guide #servicecounter{
  width:235px;
  float:left;
  margin-right:25px;
}
.accessArea #map_guide #servicecounter h3{
  font-size:1.5em;
  color:#980d2d;
  padding-left:60px;
  background:url(../Image/common/icon_sc.png) left top no-repeat;
  margin-bottom:15px;
  line-height:1.3;
  height:48px;
  padding-top:2px;
}
.accessArea #map_guide #servicecounter h3 .eng{
  display:block;
}
.accessArea #map_guide #servicecounter h3 .jpn{
  display:block;
  font-size:0.7em;
  font-weight:normal;
}
.accessArea #map_guide #servicecounter #tel{
  color:#717171;
  font-weight:bold;
  background:url(../Image/common/icon_tel.png) left top no-repeat;
  font-size: 1.93em;
    padding-left: 40px;
  line-height:1.2;
}
.accessArea #map_guide #servicecounter #tel_hour{
  color:#717171;
  text-align:right;
}
.accessArea #map_guide #hour{
  width:225px;
  float:left;
}
.accessArea #map_guide #hour h3{
  font-size:1.5em;
  color:#1ca4dd;
  padding-left:60px;
  background:url(../Image/common/icon_hour.png) left top no-repeat;
  margin-bottom:15px;
  line-height:1.3;
  height:48px;
  padding-top:2px;
}
.accessArea #map_guide #hour h3 .eng{
  display:block;
}
.accessArea #map_guide #hour h3 .jpn{
  display:block;
  font-size:0.7em;
  font-weight:normal;
}
.accessArea #map_guide #hour #trading_hour{
  font-size:1.15em;
  font-weight:bold;
  color:#505050;
  padding-left:60px;
}
/*=================================================
  UNDER 下層ページ共通
=================================================*/
.under #mainttl{
  background:#ecf0f2;
  margin-bottom:25px;
}
.under #mainttl .inner{
  width:1000px;
  margin:0 auto;
  padding:20px 0;
}
.under #mainttl .inner > div{
  font-size:2em;
  color:#0e326d;
  font-weight:bold;
}
.under .bnrArea{
  padding:45px 0;
  background:#f1f1f1;
}
.under .bnrArea #bnrList{
  width:1000px;
  margin:0 auto;
}
.under .bnrArea #bnrList li{
  float:left;
  width:320px;
  margin-right:20px;
}
.under .bnrArea #bnrList li img{
  width:100%;
}
.under .bnrArea #bnrList li#joycard{
}
.under .bnrArea #bnrList li#close{
  background-color:#f6f6f8;
  border-left:#84c2f3 10px solid;
  box-sizing:border-box;
  height:129px;
  position:relative;
  background:url(../Image/common/piala_01.png) right 8px top 8px no-repeat #f6f6f8;
  padding:65px 30px 40px 30px;
}
.under .bnrArea #bnrList li#close #month{
  position:absolute;
  color:#ff8400;
  background:#fff;
  top:10px;
  left:0;
  font-weight:bold;
  font-size:1.1em;
  padding:0 50px;
  height:36px;
}
.under .bnrArea #bnrList li#close #month:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}
.under .bnrArea #bnrList li#close #month .number{
  font-size:1.5em;
  margin-right:3px;
}
.under .bnrArea #bnrList li#close #day{
  color:#22b6d7;
  font-weight:bold;
}
.under .bnrArea #bnrList li#close #day #day_01{
  font-size:2.4em;
}
.under .bnrArea #bnrList li#close #day #youbi_01{
  font-size:1.25em;
}
.under .bnrArea #bnrList li#close #day #day_02{
  font-size:2.4em;
}
.under .bnrArea #bnrList li#close #day #youbi_02{
  font-size:1.25em;
}
.under .bnrArea #bnrList li#close #day #day_03{
  font-size:2.4em;
}
.under .bnrArea #bnrList li#close #day #youbi_03{
  font-size:1.25em;
}
.under .bnrArea #bnrList li#line{
  margin-right:0;
}
/*=================================================
  店舗情報詳細
=================================================*/
#shop #sec_01 {
  padding:50px 0;
}
#shop #sec_01 .inner{
  width:1000px;
  margin:0 auto;
}
#shop #sec_01 #headArea{
  margin-bottom:40px;
}
#shop #sec_01 #headArea #logo{
  float:left;
  width:250px;
  height:100px;
  text-align:center;
  margin-right:30px;
}
#shop #sec_01 #headArea #logo img{
  max-width:250px;
  max-height:100px;
}
#shop #sec_01 #headArea #info{
  float:left;
}
#shop #sec_01 #headArea #info h2{
  color:#0e326d;
  font-weight:bold;
  font-size:1.75em;
}
#shop #sec_01 #headArea #info #furigana{
  margin-bottom:10px;
  font-weight:bold;
}
#shop #sec_01 #headArea #info #tel{
  font-size:1.5em;
  color:#e55726;
  font-weight:bold;
  line-height:1.8;
}
#shop #sec_01 #headArea #info #tel #caption{
  color:#fff;
  background:#384c6d;
  margin-right:15px;
  padding:0 13px;
  font-size:0.8em;
  display:inline-block;
}
#shop #sec_01 #headArea #catbadge{
  float:right;
}
#shop #sec_01 #headArea #catbadge li{
  color:#fff;
  text-align:center;
  font-weight:bold;
  padding:10px 0;
  width:180px;
  font-size:1.1em;
}
#shop #sec_01 #headArea #catbadge #floorbadge{
  background:#f28900;
  margin-bottom:8px;
}
#shop #sec_01 #headArea #catbadge #catbadge{
  background:#0d891e;
}
#shop #sec_01 #mainArea{
  margin-bottom:30px;
}
#shop #sec_01 #mainArea #mainimg{
  margin-right:20px;
  float:left;
}
#shop #sec_01 #mainArea #mainimg #imgwrap_01{
  width:480px;
  height:360px;
  text-align:center;
  margin-bottom:7px;
}
#shop #sec_01 #mainArea #mainimg #imgwrap_01 img{
  max-width:480px;
  max-height:360px;
}
#shop #sec_01 #mainArea #mainimg .annote_01{
  color:#0e326d;
  font-size:0.95em;
  text-align:center;
}
#shop #sec_01 #mainArea #maintxt {
  float:left;
  width:500px;
}
#shop #sec_01 #mainArea #maintxt dt{
  color:#096fb6;
  font-size:1.23em;
  margin-bottom:20px;
  font-weight:bold;
  position:relative;
  padding-left:25px;
}
#shop #sec_01 #mainArea #maintxt dt:before{
  content:"";
  background:#096fb6;
  width:16px;
  height:16px;
  display:inline-block;
  position:absolute;
  left:0;
  top:3px;
}
#shop #sec_01 #mainArea #maintxt dd{
  font-size:1.07em;
  margin-bottom:40px;
}
#shop #sec_01 #mainArea #maintxt dd .sheet_01{
  width:100%;
}
#shop #sec_01 #mainArea #maintxt dd .sheet_01 th,
#shop #sec_01 #mainArea #maintxt dd .sheet_01 td{
  border:8px solid #f7f7f7;
  padding:15px 10px;
}
#shop #sec_01 #mainArea #maintxt dd .sheet_01 th{
  background:#eee;
  text-align:left;
}
#shop #sec_01 #mainArea #maintxt dd .sheet_01 td{
  background:#fff;
}
#shop #sec_01 #lineArea {
  margin-bottom:70px;
}
#shop #sec_01 #lineArea h3{
  background:url(../Image/shop/line_icon.png) left top no-repeat;
  padding-left:120px;
  margin-bottom:10px;
}
#shop #sec_01 #lineArea #friendList{
  padding:20px;
  background:#65b538;
}
#shop #sec_01 #lineArea #friendList li{
  background:#fff;
  width:480px;
  float:left;
  box-sizing:border-box;
  padding:20px 30px;
  height:200px;
}
#shop #sec_01 #lineArea #friendList li#byqr{
  background:url(../Image/shop/line_border.jpg) right top repeat-y #fff;
  padding-right:38px;
}
#shop #sec_01 #lineArea #friendList li#byid{
}
#shop #sec_01 #lineArea #friendList li .icon{
  margin-bottom:10px;
}
#shop #sec_01 #lineArea #friendList li .icon img{
}
#shop #sec_01 #lineArea #friendList li .cts{
  font-weight:bold;
  font-size:1.08em;
}
#shop #sec_01 #lineArea #friendList li .cts .pink{
  color:#fb567d;
}
#shop #sec_01 #lineArea #friendList li#byqr .cts #words{
  width:292px;
  float:left;
  margin-right:20px;
}
#shop #sec_01 #lineArea #friendList li#byqr .cts #words img{
}
#shop #sec_01 #lineArea #friendList li#byqr .cts #qrcode {
  width:100px;
  float:right;
}
#shop #sec_01 #lineArea #friendList li#byqr .cts #qrcode img{
  width:100%;
}
#shop #sec_01 #recommendedArea{
  margin-bottom:50px;
}
#shop #sec_01 #recommendedArea h3{
  text-align:center;
  margin-bottom:20px;
}
#shop #sec_01 #recommendedArea h3 .jpn{
  color:#030a4d;
  font-size:2.15em;
  letter-spacing:0.1em;
  margin-right:15px;
}
#shop #sec_01 #recommendedArea h3 .eng{
  font-size:1.3em;
  font-weight:normal;
}
#shop #sec_01 #recommendedArea .recommend_box{
  border:1px solid #ccc;
  background:#f7f7f7;
  padding:25px;
}
#shop #sec_01 #recommendedArea .recommended_box_01{
  margin-bottom:20px;
}
#shop #sec_01 #recommendedArea .recommend_box .imgBox{
  float:left;
  margin-right:30px;
}
#shop #sec_01 #recommendedArea .recommend_box .imgBox .imgwrap_02{
  text-align:center;
  margin-bottom:7px;
  padding:3px;
  border:1px solid #ccc;
  width:280px;
/*	height:210px;*/
}
#shop #sec_01 #recommendedArea .recommend_box .imgBox .imgwrap_02 img{
  max-width:100%;
  max-height:100%;
}
#shop #sec_01 #recommendedArea .recommend_box .imgBox .annote_02{
  color:#0e326d;
  font-size:0.95em;
  text-align:center;
}
#shop #sec_01 #recommendedArea .recommend_box .textBox{
  float:left;
  width:630px;

}
/*=================================================
  店舗情報一覧
=================================================*/
#shop #search_box {
}
#shop #search_box .lead_text{
  color:#0e326d;
  font-size:1.5em;
  font-weight:bold;
  margin-bottom:30px;
}
#shop #search_box #cat_list{
  margin-bottom:20px;
}
#shop #search_box #cat_list dt{
    font-weight: bold;
    font-size: 1.2em;
  background:url(../Image/common/ico_category.gif) left center no-repeat;
  padding-left:40px;
  margin-bottom:15px;
  float:left;
  width:200px;
}
#shop #search_box #cat_list dd{
  float:left;
}
#shop #search_box #cat_list dd ul{
  width:700px;
  padding:10px;
  background:#ddd;
}
#shop #search_box #cat_list dd ul li{
  width:33%;
  float:left;
  box-sizing:border-box;
  border:2px solid #fff;
}
#shop #search_box #cat_list dd ul li img{
  width:100%;
  height:atuo;
}
#shop #search_box #floor_list{
}
#shop #search_box #floor_list dt{
    font-weight: bold;
    font-size: 1.2em;
  background:url(../Image/common/ico_floor.gif) left center no-repeat;
  padding-left:40px;
  margin-bottom:15px;
  float:left;
  width:200px;
}
#shop #search_box #floor_list dd{
  float:left;
}
#shop #search_box #floor_list dd ul{
  width:700px;
  padding:10px;
  background:#ddd;
}
#shop #search_box #floor_list dd ul li{
  width:20%;
  float:left;
  box-sizing:border-box;
  border:2px solid #fff;
  font-size:1.1em;
  font-weight:bold;
}
#shop #search_box #floor_list dd ul li a{
  padding:10px 0;
  text-align:center;
  color:#0e326d;
  background:#efefef;
  display:block;
}
#shop #search_box #floor_list dd ul li a:hover{
  background:#f1a54c;
  color:#fff;
}
#shop #search_box #floor_list dd .floor_list_01{
  padding-bottom:0;
}
#shop #search_box #floor_list dd .floor_list_02{
  padding-top:0;
}
#shop #search_box #floor_list dd .floor_list_01 li:first-child,
#shop #search_box #floor_list dd .floor_list_02 li:first-child{
  padding:10px 0;
  text-align:center;
  color:#fff;
  background:#154087;
  display:block;
}
#shop #search_box #floor_list dd .floor_list_02 li:first-child{
  background:#2c5dae;
}
#shop #search_box #floor_list dd .floor_list_02 li:nth-child(2),
#shop #search_box #floor_list dd .floor_list_02 li:nth-child(3){
  width:40%;
}
#shop #result_box{
  padding:25px 0;
}
#shop #result_box h1 {
    background-color: #f6f6f8;
    border-left: #84c2f3 10px solid;
  font-size:1.7em;
  padding:12px 25px;
}
#shop #result_box #result_list{
  padding:40px 0;
}
#shop #result_box #result_list > li{
  width:50%;
  float:left;
  box-sizing:border-box;
  padding:15px;
  margin-bottom:20px;
}
#shop #result_box #result_list > li:nth-child(2n+1){
  border-right:1px solid #bbb;

}
#shop #result_box #result_list li .headArea{
  margin-bottom:20px;
}
#shop #result_box #result_list li .headArea .info{
}
#shop #result_box #result_list li .headArea .info h2{
  color:#0e326d;
  font-weight:bold;
  font-size:1.4em;
  margin-bottom:25px;
  padding:10px 15px;
    background:#efefef;
  border-left:8px solid #bbb;
}
#shop #result_box #result_list li .headArea .info .tel{
  font-size:1.2em;
  color:#444;
  font-weight:bold;
  line-height:1.8;
  float:left;
  width:250px;
}
#shop #result_box #result_list li .headArea .info .tel .caption{
  color:#fff;
  background:#666;
  margin-right:15px;
  padding:0 13px;
  font-size:0.9em;
  display:inline-block;
}
#shop #result_box #result_list li .headArea .catbadge{
  float:right;
}
#shop #result_box #result_list li .headArea .catbadge li{
  text-align:center;
  font-weight:bold;
  padding:5px 0;
  width:160px;
  font-size:1.05em;
  float:left;
  box-sizing:border-box;
  border:1px solid #fff;
}
#shop #result_box #result_list li .headArea .catbadge .floorbadge{
/*	background:#f4f4e1;*/
  margin-right:4px;
  border-color:#f28900;
  width:80px;
}
#shop #result_box #result_list li .headArea .catbadge .catbadge{
/*	background:#d5d5d5;*/
  border-color:#0d891e;
}
#shop #result_box #result_list li .mainArea{
  margin-right:20px;
}
#shop #result_box #result_list li .mainArea .mainimg{
  float:left;
  width:200px;
  height:150px;
  text-align:center;
  margin-right:15px;
}
#shop #result_box #result_list li .mainArea .mainimg img{
  max-width:200px;
  max-height:150px;
}
#shop #result_box #result_list li .mainArea .maintxt{
  float:left;
  width:234px;
}
#shop #result_box #result_list li .mainArea .maintxt > p{
  font-size:0.95em;
  margin-bottom:15px;
}
#shop #result_box #result_list li .mainArea .showmore{
}
#shop #result_box #result_list li .mainArea .showmore a{
  background:#0e326d;
  color:#fff;
  display:block;
  transition:.3s;
  border:1px solid #0e326d;
  padding:5px 0;
  text-align:center;
}
#shop #result_box #result_list li .mainArea .showmore a:hover{
  color:#0e326d;
  background:#fff;
}
/*=================================================
  フロアガイド
=================================================*/
#floor #sec_01 {
  padding:50px 0;
}
#floor #sec_01 .inner{
  width:1000px;
  margin:0 auto;
}
#floor #search_box #floor_list{
  margin-bottom:25px;
}
#floor #search_box #floor_list dt{
    font-weight: bold;
    font-size: 1.2em;
  background:url(../Image/common/ico_floor.gif) left center no-repeat;
  padding-left:40px;
  margin-bottom:15px;
  float:left;
  width:200px;
  display:none;
}
#floor #search_box #floor_list dd{
  float:none;
}
#floor #search_box #floor_list dd ul{
  width:1000px;
  padding:10px;
  background:#ddd;
  margin:0 auto;
}
#floor #search_box #floor_list dd ul li{
  width:12.5%;
  float:left;
  box-sizing:border-box;
  border:2px solid #fff;
  font-size:1.1em;
  font-weight:bold;
}
#floor #search_box #floor_list dd ul li a{
  padding:10px 0;
  text-align:center;
  color:#0e326d;
  background:#efefef;
  display:block;
}
#floor #search_box #floor_list dd ul li a:hover,
#floor #search_box #floor_list dd ul li a:active{
  background:#f1a54c;
  color:#fff;
}
#floor #search_box #floor_list dd ul li:nth-child(1),
#floor #search_box #floor_list dd ul li:nth-child(6){
  padding:10px 0;
  text-align:center;
  color:#fff;
  background:#154087;
  display:block;
}
#floor #search_box #floor_list dd ul li:nth-child(6){
  background:#2c5dae;
}
#floor #tab_contents{
    width:1000px;
    overflow:hidden;
  clear:both;
}
#floor #tab_contents > ul{
    width:6000px;
    padding:0px;
    margin:0px;
}
#floor #tab_contents > ul > li{
    float: left;
    width:1000px;
}
#floor #result_box h1 {
    background-color: #f6f6f8;
    border-left: #84c2f3 10px solid;
  font-size:1.7em;
  padding:12px 25px;
  margin-bottom:25px;
}
#floor #result_box #tab_contents .img_box {
  margin-bottom:30px;
  padding:30px;
  background:#ddd;
}
#floor #result_box #tab_contents .img_box .box_inner{
  background:#fff;
  border:1px solid #ccc;
}
#floor #result_box #tab_contents .img_box .box_inner img{
  width:100%;
}
#floor #result_box #tab_contents .result_list{
}
#floor #result_box #tab_contents .result_list li{
  width:50%;
  float:left;
  font-size:0.9em;;
  font-weight:bold;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
#floor #result_box #tab_contents .result_list li .name{
  width:54%;
  box-sizing:border-box;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  float:left;
  padding:10px 5px;
s}
#floor #result_box #tab_contents .result_list li .tel{
  width:24%;
  box-sizing:border-box;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  float:left;
  padding:10px 5px;
}
#floor #result_box #tab_contents .result_list li .showmore{
  width:22%;
  box-sizing:border-box;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  float:left;
  padding:10px;
}
#floor #result_box #tab_contents .result_list li.cap{
  color:#fff;
  background:#5f5f5f;
}
#floor #result_box #tab_contents .result_list li.cap{
}
#floor #result_box #tab_contents .result_list li.cap .name{
}
#floor #result_box #tab_contents .result_list li.cap .tel{
}
#floor #result_box #tab_contents .result_list li.cap .showmore{
}
#floor #result_box #tab_contents .result_list li.cts{
  background:#fcfcf0;
}
#floor #result_box #tab_contents .result_list li.cts:nth-child(4n),
#floor #result_box #tab_contents .result_list li.cts:nth-child(4n-1){
  background:#f0f5fc;
}
#floor #result_box #tab_contents .result_list li.cts .name{
}
#floor #result_box #tab_contents .result_list li.cts .name a:hover{
  text-decoration:underline;
}
#floor #result_box #tab_contents .result_list li.cts .tel{
}
#floor #result_box #tab_contents .result_list li.cts .showmore{
}
#floor #result_box #tab_contents .result_list li.cts .showmore .btn{
}
#floor #result_box #tab_contents .result_list li.cts .showmore .btn a{
  transition:0.3s;
  background:url(../Image/common/arrow3.png) left center no-repeat;
  background-size:0;
}
#floor #result_box #tab_contents .result_list li.cts .showmore .btn a:hover{
  padding-left:20px;
  background-size:11px 10px;
}
/*=================================================
  ACCESS
=================================================*/

#access #sec_01 {
  padding:50px 0;
}
#access #sec_01 .inner{
  width:1000px;
  margin:0 auto;
}
#access #sec_01 strong{
  font-size:2.15em;}

#access #sec_01 h3{
  text-align:center;
  margin:30px;
}
#access #sec_01 h3 .jpn{
  color:#030a4d;
  font-size:2.15em;
  letter-spacing:0.1em;
  margin-right:15px;
}
#access #sec_01 h3 .eng{
  font-size:1.3em;
  font-weight:normal;
}
#access #sec_01 #accessmapArea{
  margin:20px 0 20px 0;}

#access #sec_01 #accessInfo{
  display:inline-block;
  margin:15px;
  width:430px;}

#access #sec_01 #accessInfo dl{
  margin-bottom:10px;}
#access #sec_01 #accessInfo dt{
  background-color:#096fb6;
  color:#fff;
  font-size:1.23em;
  margin-bottom:20px;
  font-weight:bold;
  position:relative;
  padding-left:5px;
}
#access #sec_01 #accessInfo dd{
  font-size:1.23em;}
#access #sec_01 #galleryArea {
  border: 1px solid #ccc;
    background: #f7f7f7;
    padding: 8px;
    margin: 40px 0 40px 0;
    height: 360px;}



#access #sec_01 #galleryArea ul{
  width:1000px;
  margin:0 auto;}
#access #sec_01 #galleryArea li{
  width:250px;
  float:left;
}
#access #sec_01 #galleryArea .galleryImg img{
  width:230px;
}
#access #sec_01 #galleryArea .galleryTxt{
  width:230px;}

#access #sec_01 #floormapArea{
  clear:both;
  }
/*=================================================
culture
=================================================*/
#culture #sec_01 {
  padding:50px 0;
}
#culture #sec_01 .inner{
  width:1000px;
  margin:0 auto;
}
#culture #sec_01 strong{
  font-size:1.25em;
  color:#0e326d;}

#culture #sec_01 h3{
  text-align:center;
  font-size:2.15em;
  margin:30px;
}
#culture .bg01 {
    width: 1000px;
    padding: 10px 10px 10px 0;
    background: #a2c9ff;
}

#culture #school-3f {
  background: #a2c9ff;
}
#culture #school-2f {
  background: #FEE6C0;
  margin-top:20px;
}
#culture .school_box {
  width: 1000px;
  padding: 20px;
  box-sizing: border-box;
}
#culture .school_box a{
  display: block;
  background: #fff;
}
#culture .school_box a:hover img{
  opacity: .5;
}
#culture .school_box a img{
  display: inline-block;
  width: 50%;
  height: auto;
  transition:.6s;
}

#culture p.top_txt01 {
  margin: 0 auto 15px;
  text-align: center;
}
#culture p.txt01 {
  margin: 0 10px 15px;
  text-align:center;

}
#culture ul.cate_navi {
  margin: 0 0 15px 10px;
  text-align:center;
}
#culture ul.cate_navi li {
  margin: 0 15px 15px 0;
  display: inline-block;
  color:#ffffff;
}
#culture ul.cate_navi li a{
  padding:10px 20px;
  color:#fff;
  font-weight:bold;
}
#culture ul.cate_navi li #nav_btn_3f a{
  background:#4177c0;
  border-bottom:3px solid #0f4691;
}
#culture ul.cate_navi li #nav_btn_2f a{
  background:#e3a000;
  border-bottom:3px solid #e37b00;
}
#culture .bg01 {
  width: 1000px;
  padding: 10px 10px 10px 0;
  background: #a2c9ff;
}
#culture .bg01 table thead th {
  color: #FFFFFF;
  background: #4177c0;
}
#culture .bg01 table tbody th {
  background: #d5e7ff;
}
#culture .bg02 {
  width:1000px;
  padding: 10px 10px 10px 0;
  background: #FEE6C0;
    margin-top:20px;
}
#culture .bg02 table thead th {
  color: #FFFFFF;
  background: #e3a000;
}
#culture .bg02 table tbody th {
  background: #FFF4E1;
}
#culture .bloc01 table.box01 {
  width: 100%;
  border-collapse: separate;

  display:inherit;
}
#culture .bloc01 table.box01 th,
#culture .bloc01 table.box01 td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border:1px #c6c6c6 solid;
}
#culture .bloc01 table.box01 tbody th,
#culture .bloc01 table.box01 tbody td {
}
#culture .bloc01 table.box01 tbody td {
  background: #FFFFFF;
}
#culture .bloc01 table.box01 th {
  vertical-align: middle;
}
#culture .bloc01 table.box01 thead th {
}


/*.culture .bg01 table.box01 thead th {
  color: #FFFFFF;
  background: #13007E;
  border-right: 1px solid #FFFFFF;
  xborder-top: 2px solid #13007E;
  xborder-bottom: 2px solid #13007E;
}
.culture .bg02 table.box01 thead th {
  color: #FFFFFF;
  background: #F79C10;
  border-right: 1px solid #FFFFFF;
  xborder-top: 2px solid #F79C10;
  xborder-bottom: 2px solid #F79C10;
}*/
#culture .bloc01 table.box01 thead th.t01 {
  text-align: left;
}
#culture .bloc01 table.box01 tbody th {
  width: 40%;
  text-align: left;
}
#culture .bloc01 table.box01 tbody td.t01 {
  width: 10%;
}
#culture .bloc01 table.box01 tbody td.t02 {
  width: 20%;
  color: #FF0000;
  font-weight: bold;

}
#culture .bloc01 table.box01 tbody td.t03 {
  width: 30%;
}
#culture #contents img.l01 {
    margin: 0 15px 0 0;
    float: left;
}
/*=================================================
  JOYCARD
=================================================*/
#joycard .inner{
  width:1000px;
  margin:0 auto;
  padding:25px 0;
}
#joycard h3{
  font-size:2.15em;
  text-align:center;
  margin:40px 0 20px;
}
#joycard .joyinfo_txt{
  padding:20px;
  background-color:#F9F8F3;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  border:solid 1px #DEDCCF;
  font-size:1.5em;
  width:960px;
  margin: 20px 0 40px; }

#joycard #sec01 .howtoArea{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#joycard #sec01 .howtoBox{
  width:48%;
  padding:10px;
  box-sizing: border-box;
}
#joycard #sec01 .howtoBox dl{
  height: 100%;
}
#joycard #sec01 .howtoBox dt{
  font-size:1.5em;
  font-weight:bold;
  height:60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#joycard #sec01 .howtoBox dt img{
  margin-right: .75em;
}
#joycard #sec01 .howtoBox dd{
  background-color:#fff;
  padding:10px;
  box-sizing: border-box;
  height: calc(100% - 60px);
}
#joycard #sec01 .box01{
  background-color:#d8c491;
}

#joycard #sec01 .box01 dt{
  color:#C60;
}

#joycard #sec01 .box02{
  background-color:#a6d891;
}

#joycard #sec01 .box02 dt{
  color:#060;
}
#joycard #sec01 .joypointArea{
  margin:40px 0;
}
#joycard #sec01 .joypointArea p:nth-child(n+2){
  margin-top:40px;
}
#joycard #privacy{
  height: 450px;  /* 高さを制限(※) */
  overflow: scroll; /* スクロールバーを表示(※) */
  border:1px solid #cdcdcd;  /* 枠線を追加 */
  background-color:#fff;

}
#joycard #sec03{
  padding:0 20px;
  background-color:#F9F8F3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border:solid 1px #DEDCCF;
  width:960px;
  margin: 20px 0 40px;
}
#joycard  #inquiryBnr {
  margin-top:40px;
}
#joycard  #inquiryBnr a{
  transition:.4s;
}
#joycard  #inquiryBnr a:hover{
    opacity:0.5;
}
/*=================================================
  LINE
=================================================*/
#line #sec_01 {
  padding:50px 0;
}
#line .inner{
  width:1000px;
  margin:0 auto;
  padding:25px 0;
}
#line h3{
  font-size:2.15em;
  text-align:center;
  margin:40px 0 20px;
}
#line .lineList {
  padding:100px 0;
}
#line .lineList li{
  width:238px;
  float:left;
  margin-right:16px;
  margin-bottom:20px;
  text-align:center;
}
#line .lineList li .name {
  font-size:15px;
  font-weight:bold;
  color:#0e326d;
}
#line .lineList li img{
  width:60%;
}
#line .lineList li:last-child{
  margin-right:0;
}
/*=================================================
  EVENT
=================================================*/
#event #sec_01 {
  padding:50px 0;
}
#event #sec_01 .inner {
  width:1000px;
  margin:0 auto;
}
#event .event_list li {
  width:30%;
  margin-right:5%;
  float:left;
  margin-bottom:5%;
}
#event .event_list li:nth-child(3n) {
  margin-right:0;
}
#event .event_list .boxStyle_01{
  background-color:#f6f6f8;
  border-left:#84c2f3 10px solid;
}
#event .event_list #event{
  width:100%;
  height:347px;
  box-sizing:border-box;
  padding:62px 35px 60px 25px;
  position:relative;
  overflow:hidden;
  background:url(../Image/top/icon_tri.png) right 15px bottom 15px no-repeat #f6f6f8;
}
#event .event_list a{
  color:#444;
}
#event .event_list #badgeBox{
  position:absolute;
  top:20px;
  left:0;
  padding-left:25px;
  padding-right:15px;
  background:#a6dffd;
  height:20px;
}
#event .event_list #badgeBox:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid #a6dffd;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
}
#event .event_list #badgeBox .date{
  margin-right:15px;
}
#event .event_list #badgeBox .cat{
  font-weight:bold;
}
#event .event_list #imgBox{
  height:150px;
  overflow:hidden;
  margin-bottom:40px;
}
#event .event_list #imgBox img{
  width:100%;
}
#event .event_ttl {
    background-color: #f6f6f8;
    border-left: #84c2f3 10px solid;
    font-size: 1.7em;
    padding: 12px 25px;
    margin-bottom: 25px;
}
#event .cts {
  padding:25px 0;
}

/*=================================================
  CONTACT
=================================================*/
#contact .inner{
  width:1000px;
  margin:0 auto;
}
#contact #sec01{
  padding:40px 0;}
#contact #sec01 h3{
  font-size:2em;
  margin-top:40px;
  margin-bottom:20px;}
#contact #sec01 ul li{
  list-style-type:disc;}
#contact #sec01 #service_list{
  padding:20px 20px 20px 120px;
  background-color:#F9F8F3;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  border:solid 1px #DEDCCF;
  font-size:1.5em;
  width:940px;
  margin-bottom:40px; }

#contact #sec01 #service_img{
  margin:0 55px;}


#contact #sec02 h3{
  font-size:2em;}

#contact #sec02{
  padding:20px 20px 20px 120px;
  background-color:#FFFFFB;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  border:solid 1px #A5DEEB;

  width:940px;
  margin-bottom:40px; }

#contact .sheet_01 th{
  width:30%;
  text-align:left;
}
#contact .sheet_01 td{
  width:70%;
}
#contact input,
#contact textarea{
  width:70%;;
}
#contact input[name="郵便番号"]{
  width:40%;
}
#contact .width70{
  width:70%;;
}
#contact textarea #mfp_element_7{
  height:200px;
  width:70%;
}
/*=================================================
  SITEMAP
=================================================*/
#sitemap #sec_01 {
  padding:25px 0;
}
#sitemap .inner{
  width:1000px;
  margin:0 auto;
}
#sitemap .sitemap_box {
  border:10px solid #ccc;
  padding:40px;
}
#sitemap .sitemap_box ul{
  font-size:14px;
  font-weight:bold;
}
#sitemap .sitemap_box .list_01{
  margin-bottom:30px;
}
#sitemap .sitemap_box .list_01 li{
  width:25%;
  float:left;
}
#sitemap .sitemap_box .list_01 li:last-child{
  width:50%;
}
#sitemap .sitemap_box .list_01 li a{
  padding:10px;
  padding-left:40px;
}
#sitemap .sitemap_box .list_01 li:nth-child(1) a{
  background:url(../Image/sitemap/icon_01.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(2) a{
  background:url(../Image/sitemap/icon_02.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(3) a{
  background:url(../Image/sitemap/icon_03.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(4) a{
  background:url(../Image/sitemap/icon_04.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(5) a{
  background:url(../Image/sitemap/icon_05.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(6) a{
  background:url(../Image/sitemap/icon_06.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li:nth-child(7) a{
  background:url(../Image/sitemap/icon_07.png) left center no-repeat;
}
#sitemap .sitemap_box .list_01 li a{
  background-size:28px !important;
}
#sitemap .sitemap_box .list_01 li a:hover{
  text-decoration:underline;
}
#sitemap .sitemap_box .list_02{
  font-size:12px;
}
#sitemap .sitemap_box .list_02 li{
  float:left;
  margin-right:20px;
}
#sitemap .sitemap_box .list_02 li.shop{
  font-weight:bold;
  font-size:14px;
  float:none;
  width:100%;
  color:#0e326d;
}
#sitemap .sitemap_box .list_02 li a{
  padding:10px;
  padding-left:30px;
}
#sitemap .sitemap_box .list_02 li:nth-child(2) a{
  background:url(../Image/sitemap/icon_11.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li:nth-child(3) a{
  background:url(../Image/sitemap/icon_12.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li:nth-child(4) a{
  background:url(../Image/sitemap/icon_13.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li:nth-child(5) a{
  background:url(../Image/sitemap/icon_14.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li:nth-child(6) a{
  background:url(../Image/sitemap/icon_15.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li:nth-child(7) a{
  background:url(../Image/sitemap/icon_16.png) left center no-repeat;
}
#sitemap .sitemap_box .list_02 li a{
  background-size:20px !important;
}
#sitemap .sitemap_box .list_02 li a:hover{
  text-decoration:underline;
}

/*=================================================
  ブログなどのページャー（Wordpress）
=================================================*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
  text-align:center;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a{
  padding:0 8px;
  background:#3a8ba6;
  color:#fff;
  margin-right:4px;
  display:inline-block;
}
/* ボタン<a>タグのホバー時のデザイン */
.wp-pagenavi a:hover{
  background:#ededed;
  color:#333;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current{
  background:#ededed;
  color:#333;
  padding:0 8px;
  margin-right:4px;
  display:inline-block;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
  color:#3a8ba6;
  background:none;
  font-size:0.9em;
  font-weight:bold;
}






/*=================================================
  JOYCARD FORM
=================================================*/
#inquiry #sec01{
  padding:60px 0;
}
#inquiry #sec01 .inner{
  width: 1000px;
    margin: 0 auto;
}
#inquiry #sec01 .mainimg{
  margin-bottom:40px;
}
#inquiry #sec01 .formTtl{
  font-size:22px;
  background:#f6f6f8;
  line-height:1;
  padding:15px 10px 10px 30px;
  border-left:solid 10px #7ec4f7;
  margin-bottom:40px;
}
#inquiry #sec01 .formWrap{
  padding:40px;
  background:#f7f7f7;
  margin-bottom:120px;
}
#inquiry #sec01 .formWrap table{
  margin-bottom: 40px;
  border:solid 2px #555;
}
.serInfo{
  background:#181d50;
  padding:2px;
}
.serInfo .wrapBox{
  border:solid 2px #fff;
  color:#fff;
  line-height:1;
  font-size:0;
  font-family: 'Noto Sans Japanese', sans-serif;
  padding:8px;
}
.serInfo .ttlArea,
.serInfo .telArea{
  display:inline-block;
  vertical-align:middle;
}
.serInfo .ttlArea{
  font-size:23px;
  padding:20px ;
}
.serInfo .ttlArea .fontS{
  font-size:74%;
  font-weight:200;
  margin-bottom:10px;
}
.serInfo .ttlArea .fontL{
  font-weight:600;
}
.serInfo .telArea {
  padding:20px;
  border-left:solid 1px #fff;
}
.serInfo .telArea .tel{
  font-size:54px;
  font-weight:600;
  display:inline-block;
  vertical-align:middle;
  margin-right:20px;
}
.serInfo .telArea .tel span{
  font-size:53%;
  font-weight:400;
  margin-right:8px;
}
.serInfo .telArea .worktime{
  font-size:18px;
  display:inline-block;
  text-align:center;
  font-weight:400;
  vertical-align:middle;
  line-height:1.2
}
.serInfo .telArea .tel a{
  color:#fff;
  pointer-events:none;
}
@media screen and (min-width : 768px ) {
#inquiry .for_sp,
#thanks .for_sp{
  display:none;
}
}
#thanks .inner{
  width:1000px;
  margin:0 auto;
}

#thanks #sec01{
  padding: 100px 0;
}
#thanks #sec01 .message{
  text-align:center;
  margin-bottom:60px;
}
#thanks #sec01 .message h3{
  font-size:26px;
  color:#333;
  margin-bottom:30px;
}
#thanks #sec01 .message p{
  line-height:2;
  margin-bottom:25px;
  font-size:16px;
}
#thanks #sec01 .topBtn{
  text-align:center;
}
#thanks #sec01 .topBtn a{
  font-size:16px;
  font-weight:600;
  line-height:1;
  width: 200px;
  border-radius:0;
  text-align:center;
  text-shadow:none;
  transition:.4s ease;
  font-weight:bold;
  background:#a5deeb;
  color:#333;
  padding:20px 0 18px;
  border:solid 1px #a5deeb;
  border-radius:10px;
}
#thanks #sec01 .topBtn a:hover{
  background:#fff;
}
/*-----------------------------------------------------

  各フォーム共通CSS

------------------------------------------------------*/
.formWrap .birthday {
  font-size:0;
}
.formWrap .birthday li{
  display:inline-block;
  font-size:15px;
  margin-right:10px;
}
.formWrap .birthday li select,
.formWrap .birthday li input{
  margin:0 10px;
}
.formWrap #mailformpro th, .formWrap #mailformpro td {
  font-size:15px;
  vertical-align:middle;
  padding:25px 40px 20px;
  background:#fff;
  border-bottom:solid 1px #999;
}
.formWrap #mailformpro th {
  width:25%;
  text-align:left;
  background:#eee;
}
.formWrap #mailformpro td {
  width:75%;
}
.formWrap #mailformpro label {
  display:block;
  margin:  0;
}
.formWrap #mailformpro #areaform li {
  margin-bottom:5px;
}
.formWrap #mailformpro #areaform li span {
  display:inline-block;
  width:150px;
}
.formWrap #mailformpro .checkbox {
  background:none;
  border:none;
  padding-left:20px;
  position:relative;
  line-height:1;
  padding:0 0 0 20px;
  display:inline-block;
  margin-bottom:5px;
}
.formWrap #mailformpro .checkbox:before {
  content:"";
  position:absolute;
  width:11px;
  height:11px;
  border:solid 1px #aaa;
  background:#fff;
  left:0;
  top: 0px;
  border-radius:2px;
  bottom: 3px;
  margin: auto 0;
}
.formWrap #mailformpro .checkbox:after {
  content:"";
  position:absolute;
  width:12px;
  height:6px;
  left:2px;
  top:3px;
  border-bottom:solid 2px #3990e1;
  border-left:solid 2px #3990e1;
  transform:rotate(-40deg);
  top:0;
  bottom:10px;
  margin:auto;
  opacity:0;
}
.formWrap #mailformpro .checkbox.mfp_checked:after {
  opacity:1;
}
.formWrap #mailformpro .checkbox input[type="checkbox"] {
  display:none;
}
.formWrap #mailformpro .radioform {
  background:none;
  border:none;
  padding-left:20px;
  position:relative;
  line-height:1;
  padding:0 0 0 20px;
  display:inline-block;
  margin-bottom:5px;
  margin-right:20px;
}
.formWrap #mailformpro .radioform:before {
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border:solid 1px #aaa;
  background:#fff;
  left:0;
  top: 0px;
  border-radius:50%;
  bottom: 0px;
  margin: auto 0;
}
.formWrap #mailformpro .radioform:after {
  content:"";
  position:absolute;
  width: 8px;
  height: 8px;
  left: 3px;
  top: 6px;
  border-radius:50%;
  background:#3990e1;
  bottom:6px;
  margin:auto;
  opacity:0;
}
.formWrap #mailformpro .radioform.mfp_checked:after {
  opacity:1;
}
.formWrap #mailformpro .radioform input[type="radio"] {
  display:none;
}
.formWrap #mailformpro .short {
  width: 20%;
}
.formWrap #mailformpro .middle {
  width:35%;
}
.formWrap #mailformpro .long {
  width:75%;
}
.formWrap #mailformpro input[name="姓"],
.formWrap #mailformpro input[name="フリガナ【姓】"]{
  margin-right:2%;
}
.formWrap #mailformpro input[name="生年月日【西暦】"]{
  width:100px;
}
.formWrap .confirm_check{
  margin-bottom: 20px;
  font-size:15px;
}
.formWrap #mailformpro .confirm_check label{
  background:none;
  border:none;
  position:relative;
  line-height: 20px;
  padding: 0 0 0 35px;
  display:inline-block;
  margin-bottom:5px;
}
.formWrap #mailformpro .confirm_check label:before {
  content:"";
  position:absolute;
  width: 18px;
  height: 18px;
  border:solid 1px #aaa;
  background:#fff;
  left:0;
  top: 0px;
  border-radius: 4px;
  bottom: 3px;
  margin: auto 0;
}
.formWrap #mailformpro .confirm_check label:after {
  content:"";
  position:absolute;
  width: 18px;
  height: 8px;
  left:2px;
  border-bottom:solid 2px #3990e1;
  border-left:solid 2px #3990e1;
  transform:rotate(-40deg);
  top:0;
  bottom: 14px;
  margin:auto;
  opacity:0;
}
.formWrap #mailformpro .confirm_check label.mfp_checked:after {
  opacity:1;
}
.formWrap #mailformpro .confirm_check label input[type="checkbox"] {
  display:none;
}
.formWrap div.prefcodeWrapper div {
    max-height: none;
        z-index:10;
}
.formWrap .annotation {
    font-size: 13px;
    margin-top:10px;
    padding-left:1em;
    position:relative;
}
.formWrap .annotation:before{
    content:"※";
    position:absolute;
    left:0;
    top:0;
}
/*  Mailform pro Reset CSS
-------------------------------*/
.formWrap #mailformpro .mfp_element_textarea {
  width:80%;
  height:200px;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
  padding:5px;
  font-size:16px;
  box-shadow:none;
  box-sizing: border-box;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
  font-size:16px;
  font-weight:600;
  line-height:1;
  width: 200px;
  border-radius:0;
  text-align:center;
  text-shadow:none;
  transition:.4s ease;
  font-weight:bold;
  background:#a5deeb;
  color:#333;
  padding:20px 0 18px;
  line-height:1;
  border:solid 1px #a5deeb;
  border-radius:10px;
}
div.mfp_buttons button#mfp_button_cancel {
  background: #fff;
  color: #595959;
  border-color:#595959
}
@media screen and (min-width : 768px ) {
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
  background:#fff;
}
div.mfp_buttons button#mfp_button_cancel:hover {
  background: #595959;
  color: #fff;
}
}
/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
  background:none;
  padding-left:0;
  color:#f26;
  font-weight:bold;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
  background-color:#fdd;
}
/* 入力OKのエフェクト */
div.mfp_ok {
  background-color:#ff7500;
  border-color:#ff7500;
  font-size:12px;
}
/* 内容確認画面のテーブルを全幅 */
#mfp_confirm_table {
  width:100%;
  margin: 0 auto 40px;
}
/* 内容確認画面のテーブルのデザイン */
table#mfp_confirm_table tr {
  border-bottom:1px solid #999;
}
#mfp_confirm_table tr:first-child {
  border-top:1px solid #999;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 16px;
  padding: 30px 20px;
  background-color:#fff;
}
table#mfp_confirm_table tr th {
    width: 25%;
    background: #eee;
}

table#mfp_confirm_table tr.mfp_colored, table#mfp_confirm_table tr.mfp_achroma {
  background-color: transparent;
}
div#mfp_phase_confirm .mfp_buttons button:nth-child(1) {
  margin-right: 15px;
}
div#mfp_phase_confirm .mfp_buttons {
  font-size:  0;
}
div#mfp_phase_confirm h4 {
  width: 90%;
  color: #333;
  font-size: 20px;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 20px;
}
form#mailformpro {
  padding: 0px;
}
/* 入力画面の「必須」のデザイン */
.must-fill {
  background:#e04;
  padding:1px 3px;
  color:#fff;
  font-size:13px;
  display:inline-block;
  margin-left:10px;
  border-radius:4px;
  float:right;
  margin-top:3px;
}
.not-must-fill {
  background: #2f6dae;
  padding:1px 3px;
  color:#fff;
  font-size13px;
  display:inline-block;
  margin-left:10px;
  border-radius:4px;
  float:right;
  margin-top:3px;
}
