@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	width: 100%;
	height: auto;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #3e3a39!important;
	line-height: 1.5;
	background: #fff;
	-webkit-text-size-adjust: none;
}

img { border:none; max-width:100%; height:auto; vertical-align:bottom; /* ie8 */}

a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )"; }


/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	margin: 0;
	padding: 0;
}

h1 { width:100%; margin:0; font-size:2em; line-height:1.5; }
h2 { width:100%; text-align:center; margin:0; padding:0; font-size:2.8em; line-height:1.3; color: #0a51a1;}
h2.b2 { width:100%; text-align:center; margin:0; padding:0; font-size:3em; line-height:1.3; color: #0e3192;}

h3 { width:100%; font-size:2.5em; line-height: 1.3; padding:0; margin:0 auto; text-align: center;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	display:block;
}

p {
	word-wrap: break-word;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

/* ▼LINK▼ */
a {
	color: #333;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	border: 0;
	transition-duration: 1s;
}

a.no_filter:hover,
.no_filter a:hover,
a.no_filter:hover img,
input[type="image"].no_filter:hover,
.no_filter a:hover img,
.no_filter input[type="image"]:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#container {
	position: relative;
	background: #fff;
	z-index: 1;
	margin:0;
}

.base_box {
	width: 1000px;
	margin:0 auto;
	padding:0;
}

.box { margin:0 auto; width: 100%; padding:0; text-align:center; background-image: url("../images/01-oubo-02.png"); background-repeat:repeat-y; background-position: top center;}

.w741 { width:741px; margin:0 auto; padding:0;}
.w847 { width:100%; max-width:847px; margin:0 auto; overflow:hidden; background:rgba(0,0,0,0); }
.w729 { width:90%; max-width:729px; margin:0 auto; padding:0;}
.w847 img { width:100%; height:auto;}
.w729 img { width:100%; height:auto}



.txt-brn { text-align: justify; color:#6a4120; font-size:1.2em; line-height:1.5; }
.txt-ctr { text-align: center; font-size:1.4em; line-height:1.5; }
.f-brn {color:#6a4120; font-size:1.2em; line-height:1.5; }

.lego { font-size:0.8; margin:0 0 -0.2em 0;}

/*
TOPIMG
***************************************************************************/

.ft { text-align:center; clear:both; }
.bnr { margin:20px auto; text-align:center; clear:both; }


/*
FOOTER
***************************************************************************/
.copy { width:100%; background-color:#e8e8e8; height:4em; color:#333; line-height:4em; text-align:center; margin:0; clear:both; }

.totop { width:1000px; margin:0 auto; height:3em; line-height:3em; text-align:right; font-size:1.2em; }
.totop a:link { color:#C00; text-decoration:none; }
header {  margin:10px auto;  }
footer {
	width:940px; 
	margin:20px auto 0 auto;
	padding: 0 0 0 0;
	font-size: 10px;
	background-color:#fff;
	color: #333;
	text-align:left;
	clear:both;
}

/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }


.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { width:100%; text-align:left; }
.disp_l img { width:18%; display:inline-block; margin:0 40px 0 0;}
.disp_r { float:right!important; width:50%; text-align:right;}
.disp_r img { width:30%; display:inline-block; margin:15px 0 0 0;}

/* ▼area▼ */
.mb100 { margin-bottom:100px!important; }
.mb95 { margin-bottom:95px!important; }
.mb90 { margin-bottom:90px!important; }
.mb80 { margin-bottom:80px!important; }
.mb75 { margin-bottom:75px!important; }
.mb70 { margin-bottom:70px!important; }
.mb65 { margin-bottom:65px!important; }
.mb60 { margin-bottom:60px!important; }
.mb55 { margin-bottom:55px!important; }
.mb50 { margin-bottom:50px!important; }
.mb48 { margin-bottom:48px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb36 { margin-bottom:36px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb24 { margin-bottom:24px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }

.mlr115 { margin-left:115px!important; margin-right:115px!important; }
.mlr75 { margin-left:75px!important; margin-right:75px!important; }
.mlr70 { margin-left:70px!important; margin-right:70px!important; }
.mlr60 { margin-left:60px!important; margin-right:60px!important; }
.mlr55 { margin-left:55px!important; margin-right:55px!important; }
.mlr50 { margin-left:50px!important; margin-right:50px!important; }
.mlr45 { margin-left:40px!important; margin-right:45px!important; }
.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr-1 { margin-left:-1px!important; margin-right:-1px!important; }
.mlr-5 { margin-left:-5px!important; margin-right:-5px!important; }
.mlr-10 { margin-left:-10px!important; margin-right:-10px!important; }
.mlr-20 { margin-left:-20px!important; margin-right:-20px!important; }

.mr100 { margin-right:100px!important; }
.mr70 { margin-right:60px!important; }
.mr60 { margin-right:70px!important; }
.mr50 { margin-right:50px!important; }
.mr-50 { margin-right:-50px!important; }
.mr40 { margin-right:40px!important; }
.mr36 { margin-right:30px!important; }
.mr30 { margin-right:30px!important; }
.mr25 { margin-right:25px!important; }
.mr24 { margin-right:24px!important; }
.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr12 { margin-right:12px!important; }
.mr10 { margin-right:10px!important; }
.mr5 { margin-right:5px!important; }
.mr0 { margin-right:0px!important; }
.mr-5 { margin-right:-5px!important; }

.ml100 { margin-left:100px!important; }
.ml80 { margin-left:80px!important; }
.ml60 { margin-left:60px!important; }
.ml50 { margin-left:50px!important; }
.ml40 { margin-left:40px!important; }
.ml30 { margin-left:30px!important; }
.ml20 { margin-left:20px!important; }
.ml15 { margin-left:15px!important; }
.ml10 { margin-left:10px!important; }
.ml0 { margin-left:0px!important; }
.ml-5 { margin-left:-5px!important; }
.ml-10 { margin-left:-10px!important; }
.ml-15 { margin-left:-15px!important; }
.ml-20 { margin-left:-20px!important; }

.mt250 { margin-top:250px!important; }
.mt200 { margin-top:200px!important; }
.mt150 { margin-top:150px!important; }
.mt100  { margin-top:100px!important; }
.mt70 { margin-top:70px!important; }
.mt60 { margin-top:60px!important; }
.mt50 { margin-top:50px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt5 { margin-top:5px!important; }
.mt3 { margin-top:3px!important; }
.mt0 { margin-top:0!important; }
.mt-5 { margin-top:-5px!important; }
.mt-10 { margin-top:-10px!important; }
.mt-20 { margin-top:-20px!important; }
.mt-40 { margin-top:-40px!important; }
.mt-50 { margin-top:-50px!important; }
.mt-80 { margin-top:-80px!important; }
.mt-100 { margin-top:-100px!important; }
.mt-170 { margin-top:-140px!important; }

.tm40 { margin-top:40px; }

.pb40 { padding-bottom:40px!important; }
.pb25 { padding-bottom:25px!important; }
.pb8 { padding-bottom:8px!important; }
.pb0 { padding-bottom:0!important; }

.p20 { padding:20px!important; }
.p15 { padding:15px!important; }
.p10 { padding:10px!important; }

.pt60 { padding-top:60px!important; }
.ptb40 { padding-top:40px!important; padding-bottom:40px!important; }
.pt30 { padding-top:30px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.ptb5 { padding-top:5px!important; padding-bottom:5px!important; }

.plr25 { padding-left:25px!important; padding-right:25px!important; }


.cap { font-size:10px; line-height:14px; padding:20px 100px 0px 130px; }
.pc { display:block; margin:0 auto; padding:0; }
.pc1 { display:block; }
.sp { display:none; }
.sp-body { background-image:url("../images/sp-bg-2.jpg"); background-size: 100%; background-repeat:repeat-y; background-position:top center; width:100%; margin:0; padding:0; text-align:center; }
.sp-body ul { list-style:none; }
.sp-body ul li { width:80%; margin:1% auto; }


/* ▼link▼ */
a.line, .line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

.toggle { display:none; }
.spmenu { display:none; }

.ft-left { float:left; }

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 9999;
}

div#floating-menu-pc {
	display:absolute;
	width:1050px;
	text-align:right;
	margin:0 auto;
}


#slide_menu { display:none;}
.spmenu { display:none;}

.w85 { width:85%; margin:0 auto;}
.w70 { width:70%; margin:0 auto;}
.w60 { width:58%; margin:0 auto;}
.w50 { width:48%; margin:0 auto;}
.w40 { width:38%; margin:0 auto;}
.w30 { width:28%; margin:0 auto;}
.w500 { width:500px; margin:0 auto;}
.w550 { width:550px; margin:0 auto;}
.w280 { width:280px; margin:0 auto;}
.w300 { width:300px; margin:0 auto;}



hr { height:0; margin:20px auto; width:100%; border:solid 1px #000;}
ul.submenu { width:866px; margin:0 auto; list-style:none; }
ul.submenu li:first-child { float:left; margin:0; padding:0; }
ul.submenu li:last-child { float:right; margin:0; padding:0; }

.bnr { margin:20px auto; width:100%; text-align:center; }
.shop { width:938px; margin:20px auto;}
.txt { width:938px; margin:0 auto; font-size:0.85em; line-height:1.3; text-align:left; }

.bt { text-align:left; width:780px; margin:20px auto; }
.smtxt9 { font-size:0.9em!important; display:block; }
.smtxt8 { font-size:0.8em!important;}
.smtxt7 { font-size:0.7em!important;}
.lh11 { line-height:1.1!important;}
.lh12 { line-height:1.2!important;}
.lh13 { line-height:1.3!important;}

ul.ft-logo { list-style:none; width:810px; margin:20px auto; text-align:center; }
ul.ft-logo li { width:180px; display:inline-block; margin:0 40px 0 0; vertical-align: middle;}
ul.ft-logo li:nth-child(2) { width:250px; display:inline-block; margin:0 40px 0 0; vertical-align: middle;}
ul.ft-logo li:last-child { width:300px; display:inline-block; margin:0 0 0 0; }
ul.ft-logo li img { width:100%; }


p { font-size:1.25em; line-height:1.5; text-align:left; }
p.b01 { font-size:1.45em; line-height:1.5; text-align:center; }
.reg { font-size:0.7em;}
.red { color:#c81101; }
.bold { font-weight:bold; }
.ss { font-size:0.85em; line-height:1.5; text-align:left;}
.ss1 { font-size:1em; line-height:1.5; text-align:left;}
.ttl { text-align:center; font-size:1.5em; line-height:1.5; font-weight:bold; }
.orange { color:#ff4d01; }


.b-border { border-top:20px solid #0068b7; width:1000px; margin:0 auto; }
.b-border2 { border-top:10px solid #6ba9be; }
.b-border3 { border-bottom:10px solid #6ba9be; }


.ind2 { padding-left: 1.5em; text-indent: -1.5em; }
.bg-500 { background-color:#004f94;}
.dec { background-color:#8acfd2; padding:25px 0; }




.yellow { background-color:#fff100; }
.box670 { width:670px; margin:0 auto; }
.ctr { text-align:center; }

.w845 { width:845px; margin:0 auto; }
.w842 { width:842px; margin:0 auto; }

ul.header-logo { list-style: none; margin:0 auto; padding: 0; width:1000px; text-align: center; min-width:1000px;}
ul.header-logo li { display:inline-block; margin:0; width:50%!important; padding:0; text-align: left; vertical-align: middle;}

ul.header-logo li:last-child {text-align:right;}
ul.header-logo li img { width:40%!important;}
ul.header-logo li:last-child img { width:40%!important;}

ul.mainmenu { list-style:none; margin:20px auto; width:836px; text-align:center; }
ul.mainmenu li { display:inline-block; margin:0 16px 20px 0; padding:0; width:268px;}
ul.mainmenu li:nth-child(3) { margin:0; padding:0; }

.w638 { width:638px; margin:0 auto;}
.w800 { width:800px; margin:0 auto;}
.w696 { width:696px; margin:0 auto;}
.w696 img { margin:0 0 20px 0;}
.w796 { width:796px; margin:0 auto;}
.w673  { width:673px; margin:0 auto;}
.w320 { width:320px; margin:0 auto;}

ul.caution { list-style: none; width:780px; margin:40px auto; padding:0; text-align: left;}
ul.caution li { text-indent: -1em; padding-left: 1em; text-align: left; }

.frame { width:800px; background-image: url("../images/frame-bg.png"); background-repeat: repeat-y; background-position: top center; }
dl.gold {width:695px; display: flex; flex-wrap: wrap; margin:0 auto; align-items: center; }
dl.gold dt { width:216px; margin:0 34px 20px 0; }
dl.gold dd { width:445px; margin:-15px 0 0 0; text-align: left; font-size:1.5em; padding:0; font-weight:bold;}

ul.item { list-style: none; width:695px; margin:0 auto;}
ul.item li { display:inline-block; width:208px; margin:0 35px 0 0; vertical-align: top;}
ul.item li:last-child { margin:0 0 0 0; }
ul.item li img { margin:0 0 20px 0;}
ul.item li div { width:208px; display: flex; align-items: center; height:5.5em; justify-content: center; }
ul.item li div.jtb { width:208px; display: flex; align-items: center; height:3em; justify-content: center; }

.event { width:800px; margin:40px auto;}
.event-body { background-image: url("../images/frame-2.png"); background-repeat: repeat-y; background-position: top center; }
.ev-ttl { font-size:1.4em; line-height: 1.5; width:460px; margin:0 auto; text-align: left;}

ul.target { list-style: none; width:460px; margin:0 auto; padding:0; text-align: left;}
ul.target li { text-indent: -1em; padding-left: 1em; text-align: left; font-size:1.25em;}

.blue1 { background-color: #3690c0; padding:10px 0 23px 0;}
.blue2 { background-color: #d9f1f6; width:750px; margin:0 auto; padding:20px 0; }
.b-txt { color:#151d4d;}
.lh13 { font-size:1.1em; line-height: 1.3; margin:10px 0 0 0;}

.end img { opacity: 0.5;}

.brown { color:#26120b; }

ul.shisetsu { list-style:none; width:900px; margin:30px auto; }
ul.shisetsu li { display:inline-block; margin:0 2% 2% 0; width:32%; font-size:1.8em; line-height:1.5; text-align:center; font-weight:bold; height:4em; vertical-align:middle; position:relative; background-color: #f4136b; border-radius: 2vh;}
ul.shisetsu li:nth-child(3) { display:inline-block; margin:0 0 2%; }
ul.shisetsu li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#fff;}
ul.shisetsu li a:hover { background-color:#f668b2; border-radius: 2vh;}
.w882 { width:882px; margin:0 auto;}
.w900 { width:900px; margin:0 auto;}
.w905 { width:905px; margin:0 auto;}
.w90 { width:90%; margin:0 auto;}
.w830 { width:830px; margin:0 auto;}
.w850 { width:850px!important; margin:0 auto;}
.bg-shisetsu { background-color: #f8dac6; }


ul.shop-item { list-style:none; width:100%;}
ul.shop-item li { width:48%; margin:0 0 4% 0; display:inline-block; }
ul.shop-item li:nth-child(1) { margin:0 4% 4% 0; }
ul.shop-item li.out { margin:0 4% 4% 0; }

.txt-left { text-align:left; }

.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
 width:80%;
 margin:0 auto;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 5%; /* 線の長さ */
}
.catch:before {
  margin-right: 0.3em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 0.3em; /* 文字の左隣 */
}

ul.step { width:850px; list-style: none; margin:0 auto; padding:0;}
ul.step li { display:inline-block; vertical-align: middle; margin:0; padding:0; }
ul.step li:nth-child(1) { width:200px; margin:0 20px 0 0; }
ul.step li:nth-child(2) { width:480px; text-align: left!important; }


/*クーポン*/
ul.otoku { list-style: none; width:891px; margin:0 auto; }
ul.otoku li { display:inline-block; margin:0; padding:0; width:297px;}
.wht { color: #fff;}


ul.item-detail { width:80%; margin:0 auto; }
ul.item-detail li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.item-detail li:first-child { width:37%; }
ul.item-detail li:last-child { width:55.2%; }

ul.taisho { width:85%; margin:20px auto; list-style: none; }
ul.taisho li { width:40%!important; display:inline-block; margin:0 3% 0 0; border:2px solid #ff0001; border-radius:10px; padding:0; height:10em; vertical-align: top;}
ul.taisho li:last-child { margin:0 0 0 0; }
ul.taisho li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; font-size:1.4em; color:#ff0001; }
ul.taisho li a:hover { background-color:#FAF1F1; border-radius:10px;}

ul.taisho1 { width:85%; margin:20px auto; list-style: none; }
ul.taisho1 li { width:40%!important; display:inline-block; margin:0 3% 0 0; border:2px solid #ff0001; border-radius:10px; padding:0; height:10em; vertical-align: top;}
ul.taisho1 li:last-child { margin:0 0 0 0; }
ul.taisho1 li.list { position: relative;}
ul.taisho1 li.list p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:1.4em; font-weight: bold; color:#ff0001; text-align: center; z-index:99; white-space: nowrap;
	}
/*ul.taisho1 li p:hover { cursor: pointer;}*/
ul.taisho1 li.list a { position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index:999;}
ul.taisho1 li a:hover { background-color:#FAF1F1; border-radius:10px; z-index:9999; opacity: 0.3;}
ul.taisho1 li.list p span { font-size:1.2em; font-weight: bold; text-align: center;}

.arrow { width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 30px solid #c2000b;
  margin:20px auto;}
  

.akahon { width:800px; margin:40px auto; border:solid 5px #ff0001 ; border-radius:15px; padding:40px 0;}
.h12 { height:12em!important; }

ul.shop { list-style:none; margin:20px auto; width:620px;}
ul.shop li { display:inline-block; vertical-align: top;}
ul.shop li.md {vertical-align: middle!important;}
ul.shop li.maru { border:solid 2px #c2000b; border-radius:50vh; width:50px; height:50px; color:#c2000b; font-size:2.8em; text-align: center; line-height: 50px; font-weight:bold; margin:0 20px 0 0;}
ul.shop li:nth-child(2) { color:#c2000b; font-size:2.4em; text-align: left; line-height: 1.3; font-weight:bold; width:540px;}

ul.shop1 { list-style:none; margin:20px auto; width:620px;}
ul.shop1 li { display:inline-block; vertical-align: middle;}
ul.shop1 li.md {vertical-align: middle!important;}
ul.shop1 li.maru { border:solid 2px #c2000b; border-radius:50vh; width:50px; height:50px; color:#c2000b; font-size:2.8em; text-align: center; line-height: 50px; font-weight:bold; margin:0 20px 0 0;}
ul.shop1 li:nth-child(2) { color:#c2000b; font-size:2.4em; text-align: left; line-height: 1.3; font-weight:bold; width:540px;}

.yuko { border:solid 1px #4d4d4d; padding:10px 0; text-align: center; }


.hr2 { height:0; margin:20px 0 20px 3em; width:93%; border:solid 1px #808080; }

a.no  { pointer-events: none;}
.w80 { width:80%; }

/*吹き出し*/
.balloon {
    position: relative;
    display: inline-block;
    background-color: #ffe51a;
    border-bottom: solid 2px #0a51a1;
    padding: 0px;
    min-width: 100%;
    max-width: 100%;
    text-align: center;
	
}
.balloon:before,
.balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon:before {
    border: solid 14px transparent;
    border-top: solid 14px #0a51a1;
}
.balloon:after {
    border: solid 16px transparent;
    border-top: solid 16px #ffe51a;
    margin-top: -5px;
}
.balloon h2 {
    margin: 0 auto 10px auto;
    padding: 0;
}

dl.kikan {
  display: flex;
  flex-wrap: wrap;
  width:700px;
  margin:10px auto;
}
dl.kikan dt {
  width: 55%;
}
dl.kikan dd {
  width: 45%;
  text-align: right;
}





/*円の中に文字*/
.circle {
    position: relative;/* ←文字の親要素に指定 */
    width: 80px;
    height: 80px; 
    background-color: #0a51a1;
    border-radius: 50%; 
    margin: 0 auto;

}
.circle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	padding:0;
	width:80px;
	line-height:1.3;
}

.square { position: relative; width:150px; height:80px; background-color: #0a51a1; border-radius:10px; margin:0;}
.square-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	padding:0;
	width:150px;
	line-height:1.3;
}

ul.prize { width:750px; list-style: none; margin:0 auto; overflow: hidden;}
ul.prize li { display:inline-block; vertical-align: middle;}
ul.prize li:first-child { width:100px; }
ul.prize li:nth-child(2) { width:500px; }
ul.prize li:last-child { width:150px; }

ul.prize1 { width:750px; list-style: none; margin:0 auto; overflow: hidden;}
ul.prize1 li { display:inline-block; vertical-align: top;}
ul.prize1 li:first-child { width:100px; }
ul.prize1 li:nth-child(2) { width:650px; }

.va-m { vertical-align: middle;}
.va-t { vertical-align: top;}

.w750 { width:750px; margin:0 auto; }
.w820 {width:820px; margin:0 auto; }
ul.w750 li { margin:0 auto 30px auto; }

.box-right { margin:0 0 0 auto!important; padding:0; overflow: hidden;}
.mt-20 { margin-top:-20px!important;}


ul.gmenu { width:850px; margin:40px auto; }
ul.gmenu li { width:30%; display:inline-block; margin:0 3% 3% 0; text-align: center; padding:0; vertical-align: top;}
ul.gmenu li div { text-align: center; padding:0; position:relative; background-color:#fff; border-radius: 10px; }
ul.gmenu li:nth-child(3) { margin:0 0 3% 0;}
ul.gmenu li div img { width:85%; margin:0 auto; padding:20px 0;}
*::-ms-backdrop,ul.gmenu li div img { width:85%; margin:0 10px 0 10px; padding:20px 0;}
ul.gmenu li div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
ul.gmenu li div a:hover { background-color:#f5f5f5; border-radius: 10px;}

.bg-blue { width:100%; background-color: #0a51a1; padding:20px 0; }
.w100 { width:100%; margin:0; padding:0;}
.mt350 { margin-top:350px; }




ul.top-btn { list-style: none; margin:0 auto; width:720px; }
ul.top-btn li { display:inline-block; margin:0 0 0 0; padding:0; vertical-align: top;}
ul.top-btn li:first-child { margin:0 20px 0 0;}

.blue { color:#0a51a1;}
.blue-bd { border:3px solid #0a51a1; border-radius:25px; margin:0 auto; width:800px; padding:30px 0;}

.board { width:900px; margin:0 auto; background-color: #fff; border-radius:25px; box-shadow: 0 0 15px rgba(0,0,0, 0.25); padding:30px 0;}
.photo80 img { width:80%; height:auto; }
.lh17 { line-height: 1.7!important;}



ul.icon-1 { list-style: none; margin:0 auto; width:500px; }
ul.icon-1 li { display:inline-block; vertical-align: middle; }
ul.icon-1 li:first-child { width:150px; margin:0 30px 0 0;}
ul.icon-1 li:last-child { width:320px; }

ul.att { width:800px; margin:0 auto; }
ul.att li { font-size:1.3em; line-height: 1.5; list-style-type:none;
    background-image:url("../images/icon-attention.svg");
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:40px; margin-bottom:10px;}
	
/*ボックスにタイトル*/

.box26 {
    position: relative;
    margin: 0 auto;
    padding: 1em 0;
    border: solid 2px #0a51a1;
    border-radius: 15px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 50%;
	transform: translateX(-50%) ; 
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #0a51a1;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

ul.pay { list-style: none; width:600px; margin:30px auto 0 auto;}
ul.pay li { display:inline-block; vertical-align: middle; width:25%; text-align: center; margin:0 0 30px 0;}
ul.pay li img170 { width:170px; margin:0 auto;}
ul.pay li img160 { width:160px; margin:0 auto;}
ul.pay li img110 { width:110px; margin:0 auto;}
ul.pay li img100 { width:100px; margin:0 auto;}
ul.pay li img90 { width:90px; margin:0 auto;}
ul.pay li img80 { width:80px; margin:0 auto;}

.bg-yellow { background-color:#ffffb3; margin:0 auto; width:800px; padding:30px 0;}
.bg-pink { background-color:#fdd9c8; margin:0 auto; width:800px; padding:30px 0;}

ul.btm800 { list-style:none; width:895px; margin:0 auto; }
ul.btm800 li { font-size:1.4em; line-height:1.5; text-align:justify;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}
ul.btm814 { list-style:none; width:800px; margin:0 auto; }
ul.btm814 li { font-size:1.4em; line-height:1.5; text-align:justify;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}

ul.btm700 { list-style:none; width:700px; margin:0 auto; }
ul.btm700 li { font-size:1.4em; line-height:1.5; text-align:left;  margin:0 0 0 0; padding-left: 1em; text-indent: -1em;}

.b-blue { width:838px; margin:0 auto; border:1px solid #333; padding:30px;}
ul.m-link { list-style: none; width:900px; margin:0 auto; text-align: left;}
ul.m-link li { width:210px; margin:0 20px 20px 0; display:inline-block; background-color:#fff; border-radius:10px; vertical-align: top;}
ul.m-link li:nth-child(4n) { margin:0 0 20px 0;}
ul.m-link li div {  pasition:relative; height:60px; padding:0;}
ul.m-link li div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
ul.m-link li div a:hover { background-color:#f5f5f5; border-radius: 10px;}
ul.m-link li:nth-child(13) img { width:100px;}

ul.ft_menu { width:800px; text-align:center; margin:0 auto; }
ul.ft_menu li { font-size:1.1em; margin:0 1em 1em 0; display:inline-block; padding:0 0.5em; line-height:1.3; vertical-align: middle; text-align: center; }
ul.ft_menu li:first-child { margin:0 1em 1em 0;  }
ul.ft_menu li a { text-decoration:none; color:#000;}

/*モーダル*/
body.md {
	width: 100%;
	min-width: 840px;
	background:rgba(0,0,0,0); }
	
.large4 { font-size:2em; margin-top:-5px;}
/*円と数字*/
.blue-num {
    position: relative;/* ←文字の親要素に指定 */
    width: 90px;
    height: 90px; 
    background-color: #0a51a1;
    border-radius: 50%; 
    margin: 0 auto;

}
.blue-num-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	padding:0;
	width:90px;
	line-height:1.2;
}

ul.oubo { width:734px; list-style:none; margin:0 auto; }
ul.oubo li { display:inline-block; vertical-align:middle; }
ul.oubo li:nth-child(odd) { width:100px; padding:0; margin:0 20px 20px 0; }
ul.oubo li:nth-child(even) { width:598px; padding:0; font-size:1.5em; color:#0a51a1; font-weight:bold; line-height:1.5; margin:0 0 20px 0;}

.md_box { width: 840px; margin:0 auto; overflow:hidden; border-radius:20px; }

ul.md-ttl { list-style: none; width:734px; margin:0 auto; }
ul.md-ttl li { display:inline-block; vertical-align:middle; }
ul.md-ttl li:nth-child(odd) { width:120px; padding:0; margin:0 40px 0 0; }
ul.md-ttl li:nth-child(even) { width:572px; padding:0; font-size:1.8em; color:#333; font-weight:bold; line-height:1.3; margin:0;}

ul.apli { list-style: none; width:620px; margin:0 auto; }
ul.apli li { display:inline-block; width:290px; }
ul.apli li:first-child { margin:0 40px 0 0; text-align:right; }
ul.apli li:first-child img.qr { text-align:right!important; width:70%; }
ul.apli li:last-child img.qr { text-align:left!important; width:70%; }

.w734 { width:734px; margin:0 auto;}

ul.login { list-style: none; width:734px; margin:0 auto; }
ul.login li { display:inline-block; width:346px; }
ul.login li:first-child { margin:0 42px 0 0; }

.log { width:100%; height:7em; position:relative; }
.log p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-decoration:none; text-align:center; color:#333; width:100%; padding:0; margin:0; font-size:1.5em; line-height: 1.3;}

.rec { color:#0a51a1; text-align: center; font-size:1.4em; font-weight:bold; margin:-30px 0 5px 0;}

ul.btm734 { list-style:none; width:734px; margin:0 auto; }
ul.btm734 li { font-size:1.4em; line-height:1.5; text-align:left;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}

.ttl-shisetsu { width:734px; background-color:#0a51a1; text-align: center; font-size:1.8em; height:2.5em; line-height: 2.5em; color:#fff; font-weight:bold; margin:0 auto;}

ul.yakata { width:734px; margin:0 auto; }
ul.yakata li { list-style-type:disc; font-size:1.4em; line-height: 1.3; margin:0 0 0.5em 0; width:50%; display:inline-block; }
ul.yakata li:before { content: "\25cf  "; font-size: 6px; vertical-align: middle;}

ul.msp { width:734px; margin:0 auto; }
ul.msp li { width:357px; display:inline-block; margin:0 20px 0 0; vertical-align: top;}
ul.msp li:last-child { margin:0; }

ul.yakata1 { width:357px; margin:0 auto;  }
ul.yakata1 li { list-style-type:disc!important; font-size:1.4em; line-height: 1.3; margin:0 0 0.5em 0; padding-left: 1em; text-indent: -1em;}
ul.yakata1 li:before { content: "\25cf  "; font-size: 6px; vertical-align: middle;}



.bt-bk { border-top:solid 5px #000;}
.bg-red { background-color:#f3a8b4; width:100%!important; }
ul.col3 { width:923px; list-style: none; margin:0 auto; }
ul.col3 li { display:inline-block; margin:0 10px 0 0; width:301px; padding:0;}
ul.col3 li:last-child { margin:0;}



/*三角形*/
.tri { width: 0; height: 0; border-style: solid; border-right: 40px solid transparent; border-left: 40px solid transparent; border-top: 30px solid #fff; margin:0 auto;}

ul.line { list-style: none; width:700px; margin:0 auto;}
ul.line li { display:inline-block; margin:0 50px 0 0; vertical-align: bottom;}
ul.line li:nth-child(1) { width:535px; text-align: center;}
ul.line li:nth-child(2) { width:115px; margin:0;}

.underline { text-decoration: underline;}
.credit {
padding: 0.3em;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
background-color:#0068b7;
font-size:24px!important;
margin:20px auto;
border-radius: 50vh; }

.no-credit {
padding: 0.3em;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
background-color:#f6ab00;
font-size:24px!important;
margin:20px auto;
border-radius: 50vh; }

ul.card { list-style: none; width:800px; margin:0 auto;}
ul.card li { width:46%; margin:0 8% 8% 0; display:inline-block; vertical-align: top;}
ul.card li img { width:100%;}
ul.card li:nth-child(2n) { margin:0 0 8% 0; }
ul.card li:last-child { margin:0 0 0 0; }


.bg-gray { background-color:#ebf1ed; border-radius:15px;}

.pd60 { padding:60px;}

.apli { color:#3b4562; padding-bottom:15px; border-bottom:#3b4562 solid 1px; text-align: center;}

ul.col2 { width:745px; margin:0 auto; list-style: none; }
ul.col2 li { display:inline-block; vertical-align: top; }
ul.col2 li:first-child { widthu:150px; margin:0 55px 0 0; }
ul.col2 li:last-child { width:540px; font-size:1.7em; line-height: 1.8; text-align: justify;}

ul.col21 { width:660px; margin:0 auto; list-style: none; }
ul.col21 li { display:inline-block; vertical-align: top; }
ul.col21 li:first-child { widthu:120px; margin:0 40px 0 0; }
ul.col21 li:last-child { width:490px; font-size:1.7em; line-height: 1.8; text-align: left;}

.btn1 { width:450px; margin:0 auto; font-weight:bold; font-size:1.7em; line-height:1.5; text-align:center; height:3em; vertical-align:middle; position:relative; background-color: #3b4562; border-radius: 50vh;}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#fff;}

.btn1 a::after { content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform:translateY(-50%);}

.btn1 a:hover { background-color:#667599; border-radius: 50vh;}

.btn2 { width:400px; margin:0 auto; font-size:1.5em; text-align:center; vertical-align:middle; position:relative; background-color: #fff; border:1px solid #151d4d;}
.btn2 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#151d4d; line-height: 3em;}

.btn2 a:hover { background-color:#ddd; }


ul.col4 { width:601px; margin:0 auto; list-style: none;}
ul.col4 li { display:inline-block; margin:0; vertical-align: top;}
ul.col4 li:nth-child(1) { width:280px;  padding:0 0 0 0;}
ul.col4 li:nth-child(1) ::after {
content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translateY(-90%); /* 位置調整 */
	right: 100px; /* 下線の上下位置調整 */
	width: 1px; /* 下線の幅 */
	height: 250px; /* 下線の太さ */
	background-color: #3b4562; /* 下線の色 */
	}
ul.col4 li:nth-child(3) ::after {
content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translateY(-100%); /* 位置調整 */
	right: 100px; /* 下線の上下位置調整 */
	width: 1px; /* 下線の幅 */
	height: 180px; /* 下線の太さ */
	background-color: #3b4562; /* 下線の色 */
	}
ul.col4 li:nth-child(2) { width:280px; }
ul.col4 li:nth-child(3) { width:280px; padding-top:30px;}
ul.col4 li:nth-child(4) { width:280px; padding-top:30px;}

ul.col4 li div { height:70px; width:220px; margin:30px auto 0 auto; border-bottom:1px solid #3b4562; padding-bottom:30px; }
ul.col4 li div span { width :200px; font-size:16px; color:#3b4562; font-weight: bold;}
ul.col4 li div.sh { width:220px; margin:30px auto 0 auto; border-bottom:none; padding-bottom:30px; }
ul.col4 li div.sh span { width :200px; font-size:16px; color:#3b4562; font-weight: bold;}

ul.app { list-style: none; width:535px; margin:0 auto;}
ul.app li { display:inline-block; margin:0 50px 0 0; vertical-align: bottom;}
ul.app li:nth-child(1) { width:270px; }
ul.app li:nth-child(2) { width:215px; margin:0;}

.btm-line { width:13em; border-bottom:3px solid #3eb157; padding:0; margin:0 auto;}

ul.card-list { list-style: none; }
ul.card-list li { font-size:1.5em; text-align: left; }
ul.card-list li::first-letter { color:#f6ab00; }

ul.info { list-style: none; }
ul.info li { font-size:1.5em; text-align: left; }
ul.info li::first-letter { color:#eb6ea5; }

ul.logo-g { list-style:none; width:947px; margin:0 auto; border-top:solid 1px #878788; border-bottom:solid 1px #878788; }
ul.logo-g li { width:24.5%; marign:0; padding:10px 0; display:inline-block; border-right:1px solid #878788; text-align: center; }
ul.logo-g li img { width:95%;}
ul.logo-g li:last-child { border-right:none;}

ul.mfg { width:947px; list-style: none; margin:0 auto; text-align: center;}
ul.mfg li {display:inline-block; margin:0; padding:0 1.5em 0 1.5em; border-left:solid 1px #343434; color:#343434; font-size:1.3em; }
ul.mfg li:first-child { color:#878788!important; font-size:1.25em; border-left:none!important;}
ul.mfg li:nth-child(2){ border-left:none!important;}
ul.mfg li a { text-decoration: none;}
ul.mfg li a:hover { text-decoration: underline;}

/*スライド*/
.sliderArea {
  max-width: 842px;
  height : auto;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
  margin-bottom:15px;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before {
  color:#ccc;
}

.slick-next:before {
  color:#ccc;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

.slide-arrow {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
.prev-arrow {
  left: -25px;
}
.next-arrow {
  right: -25px;
}

ul.menu-btn { width:870px; list-style: none; margin:0 auto;}
ul.menu-btn li { width:420px; display:inline-block; margin:0 30px 0 0;}
ul.menu-btn li:last-child { margin:0 0 0 0;}

ul.logo1 { list-style: none; width:800px; margin:0 auto;}
ul.logo1 li { width:370px; display:inline-block; margin:0 60px 60px 0;}
ul.logo1 li img { width:60%; }
ul.logo1 li:nth-child(odd) { text-align:right; }
ul.logo1 li:nth-child(even) { text-align:left; margin:0 0 60px 0;}

ul.logo2 { list-style: none; width:720px; margin:0 auto;}
ul.logo2 li { width:220px; display:inline-block; margin:0 30px 30px 0;}
ul.logo2 li:nth-child(3n) { margin:0 0 30px 0;}
ul.logo2 li img { width:95%;}
ul.logo2 li:nth-child(7) { width:345px; }
ul.logo2 li:nth-child(7) img { width:90%;}
ul.logo2 li:nth-child(8) { width:345px; margin:0;}
ul.logo2 li:nth-child(8) img { width:90%;}



ul.list { width:700px; margin:0 auto; list-style: none;}
ul.list li { font-size:1.4em; line-height:1.5; text-align:left; margin:0 auto; text-indent: -1em; padding-left:1em;}

ul.list842 { width:842px; margin:0 auto; list-style: none;}
ul.list842 li { font-size:1.4em; line-height:1.5; text-align:left; margin:0 auto; text-indent: -1em; padding-left:1em;}

.point200 { width:21em; margin:0 auto; font-size:1.4em; line-height:1.5; text-align:left;}


.w912 { width:912px; margin:0 auto; padding:0;}
.bg-pu1 { background-image: url("../images/1020-pointup-bg-2.png"); background-repeat: repeat-y; background-position:top center; }
.bg-pu2 { background-image: url("../images/1020-pointup-bg-4.png"); background-repeat: repeat-y; background-position:top center; }
.w844 { width:844px; margin:0 auto; padding:0;}
.w745 { width:745px; margin:0 auto; padding:0;}
.w855 { width:855px; margin:0 auto; padding:0;}
.w480 { width:480px; margin:0 auto; padding:0;} 
.w640 { width:640px; margin:0 auto; padding:0;} 

ul.prv { list-style: none; width:100%; margin:0 auto; padding:0;}
ul.prv li { text-align: justify; font-size:1.3em; line-height:1.5; text-indent: -1em; padding-left:1em;}
.bdr-pink { box-sizing:border-box; width:847px; margin:0 auto; border:8px solid #e5004f; border-radius:0 0 20px 20px; border-top:none; background-color:#fff; padding:40px 0;}
.prv-ttl { text-align: center; font-size:2em; line-height:1.4; font-weight: bold;}
.prv-ttl1 { text-align: center; font-size:2.2em; line-height:1.3; font-weight: bold;}
.bd-blk { box-sizing:border-box; width:745px; margin:0 auto; border:2px solid #000; border-top:none; background-color:#fff; padding:20px 0;}

/*湘南*/
.tp { opacity: 0.6;}
.shadow01 { background-image: url("../images/shadow1-01.png"),url("../images/shadow1-02.png"),url("../images/shadow1-03.png"),url("../images/shadow1-04.png"); background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; background-position:top -10px center,center left -10px,center right -10px, bottom -10px center;}
.posi { position: relative;}
.s1-1 { position:absolute; top:-10px; left:0;}
.s1-2 { position:absolute; top:0; left:-4px;}
.s1-3 { position:absolute; top:0; right:-5px;}
.s1-4 { position:absolute; bottom:-15px; left:0;}
.s2-1 { position:absolute; top:-10px; left:0;}
.s2-2 { position:absolute; top:0; left:-4px;}
.s2-3 { position:absolute; top:0; right:-5px;}
.s2-4 { position:absolute; bottom:-15px; left:0;}

ul.shopname { width:722px; margin:0 auto; list-style: none; }
ul.shopname li { display:inline-block; width:342px; margin:0 38px 70px 0; vertical-align: top;}
ul.shopname li:nth-child(2n) { margin:0 0 70px 0;}
ul.shopname li p { line-height: 1.7!important;}

.large1 { font-size:1.3em!important; }
.large2 { font-size:1.8em!important; }
.large3 { font-size:2em!important; }
.large5 { font-size:1.4em!important; }

.justy { text-align: justify;}
.btn-detail { position: absolute; left: 0; right: 0; margin: auto; top:20px; width:535px;}
.btn-detail1 { position: absolute; left: 0; right: 0; margin: auto; top:40px; width:535px;}
.btn-detail p { text-align: center; color:#d3443a; font-size:2em; font-weight:bold;}
.w698 { width:698px; margin:0 auto; padding:0;}
.w836 { width:836px; margin:0 auto; padding:0;}
.w838 { width:838px; margin:0 auto; padding:0;}
.w900 { width:900px; margin:0 auto; padding:0;}

/*HELLO ROOM*/
.xp-block div p { font-size:0.8em; text-align: center; margin:0 0 0 0;}

ul.xp_thumbnails {
  display: flex;
  flex: 0 1 auto;
  list-style-type: none !important;
}

ul.xp_thumbnails li {
  width: 100px;
  margin:0 50px 0 0;
}

.xp_post {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
  padding: 0 10px;
}
.xp_thumbnail {
  width: 100%;
  border-radius: 5px;
}

.xp_thumbnail_image {
  width: 100%;
}

.xp_staff_info_card {
  display: block;
  position: relative;
  z-index: 111;
}
.xp_staff_info_card div {
  width: 100%;
  text-align: center;
  
}

.xp_staff_info_image {
  width: 55px !important;
  height: 55px !important;
  display: table;
  margin: -35px auto 10px;
}

.xp_staff_info_name {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-family: "YuGothic", "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 10px;
  color: #000;
 transform: translateY(5px);
}

.xp_staff_info_business {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-family: "YuGothic", "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 5px;
  color: #000;
 transform: translateY(5px);
}

.xp_staff_info_height {
  display: none;
}

.xp_staff_info_shop {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-family: "YuGothic", "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: none;
}
.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  width: 128px;
}

.keyframe2 {
  animation-name: anim_h;
}

@keyframes anim_h {
  0% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(15px, 0);
  }
}

/*リニューアル*/


/*タブ*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin:60px auto;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 35px;
	order: -1;
	display: block;
	background: rgba(255,255,255,1);
	margin:0 auto;
}
section.typeA .tabLabel1 {	/* タブ */
	margin: 0;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	transition: .5s ;
	cursor: pointer;
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA .tabLabel2 {	/* タブ */
	margin: 0;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	transition: .5s ;
	cursor: pointer;
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA .tabLabel:nth-last-of-type(1) { margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content {	/* 本文 */
	width: 1000px;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel1 {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA input:checked + .tabLabel2 {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA input:checked + .tabLabel1 + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	background-color:#324a84;
	opacity: 1;
	width:100%;
	margin:0 auto;
	text-align: center;
}
section.typeA input:checked + .tabLabel2 + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	background-color:#324a84;
	opacity: 1;
	width:100%;
	margin:0 auto;
	text-align: center;
}
/*パネル*/
section.typeA input:checked + .tabLabel1 .panel-blue { position:absolute; top:50%; right:2%; z-index:99; width:300px; height:auto; transform: translate(0%, -50%);}
section.typeA input:checked + .tabLabel1 .panel-gray { display:none;}
section.typeA .tabLabel1 .panel-gray { position:absolute; top:50%; right:2%; z-index:99; width:300px; height:auto; transform: translate(0%, -50%);}
section.typeA .tabLabel1 .panel-blue { position:absolute; top:50%; right:2%; z-index:99; width:300px; height:auto; transform: translate(0%, -50%);}

section.typeA input:checked + .tabLabel2 .panel-blue { position:absolute; top:50%; left:2%; z-index:99; width:300px; height:auto; transform: translate(0%, -50%);}
section.typeA input:checked + .tabLabel2 .panel-gray { display:none;}
section.typeA .tabLabel2 .panel-gray { position:absolute; top:50%; left:2%; z-index:99; width:300px; height:auto; transform: translate(-0%, -50%);}
section.typeA .tabLabel2 .panel-blue { position:absolute; top:50%; left:2%; z-index:99; width:300px; height:auto; transform: translate(0%, -50%);}

.t1 { text-align: right;}
.t2 { text-align: left;}



ul.koma { list-style: none; width:868px; margin:0 auto; text-align: left;}
ul.koma li { width:434px!important; display:inline-block; margin:0; }

/*バーゲン*/
.w880 { width:880px; margin:0 auto; padding:0;}
.w710 { width:710px; margin:0 auto; padding:0;}
.red-box { width:100%; box-sizing: border-box; border-right:3px solid #e60012; border-left:3px solid #e60012; padding:20px;}
.bd-t { border-top:1px solid #231815;}

/*レトロ*/



.top-menu { width:897px; margin:0 auto;}
.top-bg { background-image:url("../images/top-bg-2.png"); background-repeat: repeat-y; background-position: top center; margin-top:-1px;}
.w728 { width:728px; margin: 0 auto;}
.w775 { width:775px; margin: 0 auto;}
.w895 { width:895px; margin: 0 auto;}
.w890 { width:890px; margin: 0 auto;}

.top-btn { display:flex; flex-wrap:wrap; justify-content: space-between; }
.top-btn div { width:320px; padding-bottom:40px;}
.top-btn div:nth-child(3),div:nth-child(4) { padding-bottom:20px;}
.bg-event { background-image:url("../images/fr-event-bg.png"); background-repeat: repeat-y; background-position: top center;}
.font-lead { font-size:26px; text-align: center; color:#00557f; font-weight:bold; letter-spacing: 0.05em;}
.font-scratch { font-size:32px; text-align: center; color:#00557f; font-weight:bold; letter-spacing: 0.05em;}
.item-event { display:flex; flex-wrap:wrap; justify-content: space-between; }
.item-event div { margin-bottom:40px; }
.item-event div:last-child { flex: 0 0 100% 0; margin: auto;}

.shop {}
.shop-bg { background-image:url("../images/item-present-shop-bg.png"); background-repeat: repeat-y; background-position: top center; text-align: center; font-size:30px; color:#00557f; font-weight:bold;}
.item-item { display:flex; flex-wrap:wrap; justify-content: space-between; }
.item-item div { margin-bottom:30px; }
.andmore { width:806px; margin:-60px auto 0 auto; text-align: right;}
.pc-menu { width:1196px; height:283px; margin: 0 auto; background-image: url("../images/menu-bg.png"); background-repeat: no-repeat; background-position: top center;}
.top-btn-pc { display:flex; flex-wrap:wrap; justify-content: space-between; width:1030px; margin:0 auto;}
.top-btn-pc div { width:214px;}
.icon {vertical-align: middle;}
.f-blue { color:#00557f; }


.bg-novelty { background-image:url("../images/fr-novelty-2.png"); background-repeat: repeat-y; background-position: top center;}
.s500 { position: absolute; bottom:90px; right:-40px;}
.btm-bdr { border-bottom:3px dashed #00557f; padding-bottom:40px; }
.f-pink { color:#ec6d56;}
.mb0 { margin-bottom:-20px!important; }

/*8周年*/
/*noto sans*/
.noto { font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400!important; font-style: normal; font-feature-settings: "palt";}
.noto-bold { font-family: 'Noto Sans JP', system-ui; font-optical-sizing: auto; font-weight: 600!important; font-style: normal; font-feature-settings: "palt";}
.noto-ExBold { font-family: 'Noto Sans JP', system-ui; font-optical-sizing: auto; font-weight: 900!important; font-style: normal; font-feature-settings: "palt";}

.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.font28 { font-size:28px;}
.font30 { font-size:30px;}
.font32 { font-size:32px;}
.font34 { font-size:34px;}
.font36 { font-size:36px;}
.font38 { font-size:38px;}
.font40 { font-size:40px;}

.f-red { color:#ff0000; }

.ind { padding-left: 1em; text-indent: -1em; }


.posi { position: relative;}
.date { width:1000px!important; margin:0 0 0 -67px!important; padding:0;}
.w774 { width:774px; margin:0 auto;}
.w866 { width:866px; margin:0 auto;}
.kv { width:1000px; margin:0 auto; border-top:1px solid #595757; }
.menu { width:100%; max-width:813px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.menu div { width:47%;}
.bg { margin:0 auto; width:1000px;}

.bg3 { background-image:url("../images/bg-3.png"); background-repeat: no-repeat; background-position: top center; }
.bg4 { background-image:url("../images/bg-4.png"); background-repeat: no-repeat; background-position: top center; }
.bg5 { background-image:url("../images/bg-5.png"); background-repeat: no-repeat; background-position: top center; }
.bg6 { background-image:url("../images/bg-6.png"); background-repeat: repeat-y; background-position: top center; }

.bg-w { width:866px; background-color:#fff; padding:10px 0 0 0; border-radius:15px 15px 0 0; margin:0 auto; }
.bg-w1 { width:866px; background-color:#fff; padding:0 0 40px 0; margin:0 auto;}
.bg-w2 { width:866px; background-color:#fff; padding:0 0 40px 0; border-radius:0 0 15px 15px; margin:0 auto; }

ul.ev4 { list-style: none; width:100%; margin:0 auto;}
ul.ev4 li { display:inline-block; margin:0; padding:0; vertical-align: middle;}
ul.ev4 li:first-child { width:75%; font-size:38px; }
ul.ev4 li:last-child { width:25%;}

ul.ev5 { list-style: none; width:100%; margin:0 auto;}
ul.ev5 li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.ev5 li:first-child { margin:0 1.5em 0 0; }
ul.ev5 li:last-child { font-size:38px; }

ul.ev6 { list-style: none; width:45%; margin:0 auto;}
ul.ev6 li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.ev6 li:first-child { margin:0 1.5em 0 0; }
ul.ev6 li:last-child { font-size:38px; }

.attention { width:100%; border:solid 1px #2f4180; padding:30px; box-sizing: border-box;}

.btn-top { position: absolute; bottom:0; right:0;}

.sp-wave { display:none;}

/*
.pc-kv { position:relative; width:1560px; height:418px; display:inline-block; overflow:hidden; vertical-align:bottom; margin:0 auto; }
.pc-kv img { position:absolute; width: auto; height: auto; top: 50%; left: 50%; min-height: 100%; min-width: 1200px; max-width:1560px; transform: translateX(-50%) translateY(-50%);  }
*/
.pc-kv { width:90%; max-width:1560px; margin:0 auto; }

/*PC用波*/
.pc-wave { position:relative; width:100%; height:28px; display:inline-block; overflow:hidden; vertical-align:bottom; }
.pc-wave img { position:absolute; width: auto; height: auto; top: 50%; left: 50%; min-height: 100%; min-width: 1000px; max-width:5000px; transform: translateX(-50%) translateY(-50%); }

.base-bg { width:100%; background-image:url("../images/bg.png"); background-repeat: repeat; background-position: top center; }

.kv-bd { width:100%; margin:0 auto; border-top:1px solid #595757; }

.mt-1 { margin-top:-1px;}

.w720 { width:720px; margin:0 auto; padding:0;}

/*2025夏*/
ul.logo-otoku { width:760px; margin:0 auto; list-style: none; display:flex; flex-wrap: wrap; justify-content:space-between; }
ul.logo-otoku li { width:50%; font-size:16px;}

/*9周年*/
.bg1 { background-image: url("../images/bg-01.jpg"); background-repeat: no-repeat; background-position: top center; padding:0 0 20px 0;}
.bg2 { background-image: url("../images/bg-02.jpg"); background-repeat: no-repeat; background-position: top center; padding:40px 0 20px 0;}
.kadomaru { border-radius: 25px 25px 0 0; background-color: #f3f5e5; padding:30px 0; }
.kadomaru-wht { border-radius: 25px; background-color: #fff; padding:30px 0; }
.sanka { width:640px; position: absolute; left: 50%; transform: translateX(-50%); top:-35px;}
.w867 { width:867px; margin:0 auto;}
.w761 { width:761px; margin:0 auto;}
.logo { width:640px; margin:0 auto; display:flex; flex-wrap:wrap;}
.f-wht { color:#fff;}
.bg-g { background-color:#f3f5e5; width:100%;}

@media screen and (max-width: 760px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	min-width: 100%;
}

#container {
	position: relative;
	background: #fff;
	z-index: 1;
}

.base_box {
	width: 100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

header { height:auto; margin:1%; }


h1 { width:100%; margin:0; padding:0; font-size:1.2em; line-height:1.5; }
h2 { width:100%; text-align:center; margin:0; padding:0; font-size:1.5em; line-height:1.3;}
.card_txt { font-size:1em; line-height:1.8; width:95%; margin:4% auto; text-align:left; }
.back-btn {
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 1px #67c5ff;
  transition: .4s;
  font-size:1.2em;
  margin:0 0 3% 0;
}

.back-btn:hover {
  background: #67c5ff;
  color: white;
  cursor:pointer;
}

.back-btn a { text-decoration:none; }
.lego2 { font-size:0.85em; text-align:center; margin:0 0 3% 0; }  

.pasmo1 { width:3%; height:auto;}
.pasmo2 { width:4%; height:auto;}


img { border:none; max-width:100%; height:auto; vertical-align:bottom; /* ie8 */}

.ft { width:100%; text-align:center; margin:2% auto; }
.check { margin:2% 0; }
ul.link { list-style:none; width:100%; margin:1% auto; text-align:left; }
ul.link li { width:32%; display:inline-block; margin:0 1% 2% 0; }
ul.link li:nth-child(3n) { width:32%; display:inline-block; margin:0 0 2% 0; }
ul.link li.noinline { display:block; }

.mb100 { margin-bottom:3%!important; }
.mb95 { margin-bottom:3%!important; }
.mb90 { margin-bottom:3%!important; }
.mb80 { margin-bottom:3%!important; }
.mb75 { margin-bottom:3%!important; }
.mb70 { margin-bottom:3%!important; }
.mb65 { margin-bottom:2%!important; }
.mb60 { margin-bottom:2%!important; }
.mb55 { margin-bottom:2%!important; }
.mb50 { margin-bottom:2%!important; }
.mb40 { margin-bottom:2%!important; }
.mb30 { margin-bottom:2%!important; }
.mb20 { margin-bottom:1%!important; }
.pt60 { padding-top:2%!important; }

.mt250 { margin-top:15%!important; }
.mt200 { margin-top:2%!important; }
.mt150 { margin-top:12%!important; }
.mt100 { margin-top:10%!important; }
.mt70 { margin-top:5%!important; }
.mt60 { margin-top:4%!important; }
.mt50 { margin-top:5%!important; }
.mt40 { margin-top:4%!important; }

.mt10 { margin-top:1%!important; }
.ml30 { margin:0 auto!important; }
.mr-50 { margin:0 auto!important; }
.mr50 { margin:0 auto!important; }
.mr30 { margin:0 auto!important; }

.mt-10 { margin-top:0!important; }
.mt-20 { margin-top:0!important; }
.mt-40 { margin-top:0!important; }
.mt-50 { margin-top:0!important; }
.mt-80 { margin-top:0!important; }
.mt-100 { margin-top:-15%!important; }
.mt-170 { margin-top:-10%!important; }

.pb25 { padding-bottom:3%!important; }

.sp100 { margin-top: 5%;}

.top_box1000 {
	position: relative;
	margin:0 auto;
	width:100%;
	background-color:#FFF;
	padding:2% 0 0 0;
}


.totop { width:95%; margin:0 auto; height:3em; line-height:3em; text-align:right; font-size:1.2em; }
.totop a:link { color:#C00; text-decoration:none; }

/*
SOCIAL
***************************************************************************/
.social_box {
	padding: 9px 0 12px;
	background-color:#e6e6e6;
}

.social_list {
	font-size:0;
	text-align: right;
	vertical-align: middle;
	margin:0;
	width:100%;
}

.social_list li {
	display: inline-block;
	margin-left: 1%;
	vertical-align:top;
}


.social_list li.facebook {
	vertical-align: top;
	}


.social_list li.line1 {
	vertical-align: top;
	
}
.social_list li.line1 span {
	vertical-align: top;
	
}

ul.gnavi { list-style:none; margin:2% auto; width:98%; }
ul.gnavi li { width:49%; float:left; margin:0 2% 2% 0; }
ul.gnavi li:nth-child(2n) { width:49%; float:left; margin:0 0 2% 0; }


.mt20 { margin-top:3%!important; }


footer {
	width:100%; 
	margin:2% auto 0 auto;
	padding: 0 0 0 0;
	font-size: 10px;
	background-color:#fff;
	color: #333;
	text-align:left;
	clear:both;
}


.ft-left { float:none; text-align:center; }

.disp_l { width:100%; text-align:left; }
.disp_l img { width:20%; display:inline-block; margin:0 3% 0 0;}
.disp_r { float:right!important; width:50%; text-align:right;}
.disp_r img { width:30%; display:inline-block; margin:1% 0 0 0;}



div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 0!important;
    z-index: 9999;
}

div#floating-menu-pc {
	display:none;
}


.test {	
	display:none;
	}


.bnr-box { width:98%; margin:2% auto; background-color:#f3f1e2; text-align:center; padding:2% 0; }

.cap { font-size:0.8em; line-height:1.3; padding:2% 10%; text-align:left; }

.pc { display:none; }
.pc1 { display:none; }
.sp { display:block; margin:0; padding:0; }

#slide_menu { display:none; width:100%; background-color:#FFF; padding:0; border-top:1px solid #ccc; }
#slide_menu ul { list-style:none; background-color:#FFF; }
#slide_menu ul li { width:50%; height:3em; margin:0; float:left; text-align:center; padding:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; z-index:9999; position:relative;}
#slide_menu ul li:nth-child(2n) { border-right:none; }
#slide_menu ul li a { display:block; height:3em; text-decoration:none; line-height:3em;}




ul.mainmenu { list-style:none; margin:3% auto; width:100%; text-align:center; }
ul.mainmenu li { display:inline-block; margin:0 4% 4% 0; padding:0; width:48%;}
ul.mainmenu li:nth-child(3) { margin:0; padding:0; }

.box { width:100%; margin:0 auto; position:relative; }
.lead { width:100%; font-size:1.3em; line-height:1.5; text-align:center; margin:2% auto;} 


.w70 { width:90%; margin:0 auto; }
.w60 { width:90%; margin:0 auto; }
.w50 { width:90%; margin:0 auto; }
.w40 { width:90%; margin:0 auto; }
.w30 { width:90%; margin:0 auto; }
.w500 { width:90%; margin:0 auto; }

.w280 { width:90%; margin:0 auto; }
.w300 { width:190%; margin:0 auto; }

.w85 { width:95%; height:auto;}
.w95 { width:95%; height:auto; }
.w9 { width:90%; height:auto; }
.w8 { width:80%; height:auto; margin:0 auto; }
.w7 { width:70%; height:auto; margin:0 auto!important; }
.w6 { width:60%; height:auto; margin:0 auto; }
.w5 { width:50%; height:auto; }
.w4 { width:40%; height:auto; }
.w3 { width:30%; height:auto; }


hr { height:0; margin:3% auto; width:100%; border:solid 1px #000;}

ul.main-navi { width:100%; margin:0 auto; }
ul.main-navi li { width:49%; heigh:auto; margin:0; padding:0; float:left; }
ul.main-navi li:nth-child(odd) { margin:0 2% 0 0;  }

.hide01 { display:none; }
.posi-ab { position:relative; }
.ov01:hover .hide01 { display:none; }
.hide01 img { opacity: 0.7; }

.hide01:hover a img {
transition: opacity 0.3s ease-out;
}

.ov { overflow: visible; width: 100%; height: 100%; }
.ov img { display: block; transition-duration: 0.5s; }
.ov img:hover { transform: none; }

.schedule { margin:30px auto; text-align:center; width:100%; }

p { font-size:1em; line-height:1.3; }
p.b01 { font-size:1.25em; line-height:1.5; text-align:center; }
.reg { font-size:0.7em;}
.redbold { font-weight:bold; color:#C00; }
.bold { font-weight:bold; }

ul.entry { list-style:none; width:100%; margin:0 auto; }
ul.entry li { width:60%; border:solid 8px #009DDA; border-radius:16px; padding:2%; float:none; margin:0 auto 25px auto; position:relative; overflow:visible;}
ul.entry li:nth-child(3) { margin:0 auto; }
ul.entry li div { height:auto; }
ul.entry li::after { content: "▲"; display:block; position:absolute; right:45%; top:102%; font-size:1.5em; color:#009DDA; transform: rotate(180deg)}
ul.entry li:nth-child(3)::after { content: ""; }


.caption { width:100%; padding:0; margin:0; }
ul.btm { list-style:none; margin:0 0 10px 0; }
ul.btm li { font-size:0.85em; text-indent:-1em; margin-left:1em; word-wrap: break-word; width:95%; }
.lego01 { font-size:0.85em; text-align:left; margin:0;}
.bt { text-align:left; width:95%; margin:0 auto; }

ul.ft-logo { list-style:none; width:90%; margin:2% auto; text-align:center; }
ul.ft-logo li { width:45%; display:inline-block; margin:0 5% 0 0; vertical-align: middle;}
ul.ft-logo li:nth-child(2) { width:50%; display:inline-block; margin:0 0 0 0; vertical-align: middle;}
ul.ft-logo li:last-child { width:50%; display:inline-block; margin:3% 0 0 0; }
ul.ft-logo li img { width:75%; }
ul.ft-logo li:last-child img { width:100%; }

.mov { width:95%; margin:20px auto; }

.b-border { border-top:10px solid #0068b7; width:100%;}
.ttl { text-align:center; font-size:1.5em; line-height:1.5; font-weight:bold; margin:3% auto; }
.sp-l { text-align:left; }





.yellow { background-color:#fff100; }
.box670 { width:85%; margin:0 auto; }
.box920 { margin:0 auto; width: 95%; padding:0; text-align:center; }




.ctr { text-align:center; }
ul.shisetsu { list-style:none; width:90%; margin:3% auto; }
ul.shisetsu li { display:inline-block; margin:0 3% 3% 0; width:45%; }
ul.shisetsu li:nth-child(2n) { display:inline-block; margin:0 0 3% 0; }
.w845 { width:90%; margin:3% auto; text-align:left;}
.w842 { width:90%; margin:3% auto; text-align:center;}

ul.mainmenu { list-style:none; margin:3% auto; width:95%; text-align:center; }
ul.mainmenu li { display:inline-block; margin:0 2% 2% 0; padding:0; width:32%;}
ul.mainmenu li:nth-child(3) { margin:0; padding:0; }

.w638 { width:85%; margin:0 auto;}
.w800 { width:90%; margin:0 auto;}
.w696 { width:85%; margin:0 9% 0 6%;}
.w696 img { margin:0 0 20px 0;}
.w796 { width:90%; margin:0 auto;}
.w673  { width:80%; margin:0 auto;}
.w320 { width:60%; margin:0 auto;}

ul.caution { list-style: none; width:90%; margin:4% auto; padding:0; text-align: left;}
ul.caution li { text-indent: -1em; padding-left: 1em; text-align: left; font-size:0.95em;}

.frame { width:100%; background-image: url("../images/frame-bg.png"); background-repeat: repeat-y; background-position: top center; background-size:contain;}
dl.gold {width: 90%; display: flex; flex-wrap: wrap; margin:0 auto; align-items: center; }
dl.gold dt { width:27%; margin:0.8em 3% 2% 0; }
dl.gold dd { width:70%; margin:0.5em 0 0 0; text-align: left; font-size:1em; line-height:1.3; padding:0; font-weight:bold;}

ul.item { list-style: none; width:95%; margin:0 3.5% 0 1.5%;}
ul.item li { display:inline-block; width:33%; margin:0 0.5% 0 0; vertical-align: top;}
ul.item li:last-child { margin:0 0 0 0; }
ul.item li img { margin:0 0 3% 0; width:90%;}
ul.item li div { width:100%; display: flex; align-items: center; height:5.5em; justify-content: center; font-size:0.8em; line-height:1.3;}
ul.item li div.jtb { width:100%; display: flex; align-items: center; height:3em; justify-content: center; font-size:0.8em; line-height:1.3;}

.event { width:85%; margin:4% auto;}
.event-body { background-image: url("../images/frame-2.png"); background-repeat: repeat-y; background-position: top center; background-size:contain;}
.ev-ttl { font-size:1em; line-height: 1.5; width:90%; margin:0 auto; text-align: left;}

ul.target { list-style: none; width:90%; margin:0 auto; padding:0; text-align: left;}
ul.target li { text-indent: -1em; padding-left: 1em; text-align: left; font-size:1em;}

.blue1 { background-color: #3690c0; padding:2% 0 3% 0;}
.blue2 { background-color: #d9f1f6; width:95%; margin:0 auto; padding:3% 0; }
.b-txt { color:#0a51a1;}
.b-txt2 { color:#3b4562;}
.lh13 { font-size:0.95em; line-height: 1.3; margin:10px 0 0 0;}
.wb {word-wrap: break-word;}

.brown { color:#26120b; }

ul.shisetsu { list-style:none; width:95%; margin:3% auto; }
ul.shisetsu li { display:inline-block; margin:0 2% 2% 0; width:45%; font-size:1.3em; line-height:1.5; text-align:center; font-weight:bold; height:4em; vertical-align:middle; position:relative; background-color: #f4136b; border-radius: 2vh;}
ul.shisetsu li:nth-child(2) { display:inline-block; margin:0 0 2% 0; }
ul.shisetsu li:nth-child(3) { display:inline-block; margin:0 0 2% 0; }
ul.shisetsu li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#fff;}
ul.shisetsu li a:hover { background-color:#f668b2; border-radius: 2vh;}
.w882 { width:90%; margin:0 auto;}
.w900 { width:95%; margin:0 auto;}
.w830 { width:95%; margin:0 auto;}
.w850 { width:90%!important; margin:0 auto;}
.w90 { width:95%; margin:0 auto;}
.bg-shisetsu { background-color: #f8dac6; }


ul.shop-item { list-style:none; width:90%; margin:0 auto; }
ul.shop-item li { width:100%; margin:0 0 10% 0!important; display:block; }
ul.shop-item li:nth-child(1) { margin:0 0 10% 0!important; }
ul.shop-item li.out { margin:0 0 10% 0!important; }

.txt-left { text-align:left; }

.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
 width:100%;
 margin:0 auto;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 5%; /* 線の長さ */
}
.catch:before {
  margin-right: 0.3em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 0.3em; /* 文字の左隣 */
}

ul.step { width:90%; list-style: none; margin:0 auto; padding:0;}
ul.step li { display:inline-block; vertical-align: middle; margin:0; padding:0; }
ul.step li:nth-child(1) { width:35%; margin:0 5% 0 0; }
ul.step li:nth-child(2) { width:60%; text-align: left!important; }

.arrow { width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;}

.pb40 { padding-bottom:4%!important; }
.ptb40 { padding-top:3%!important; padding-bottom:3%!important; }

/*クーポン*/
ul.otoku { list-style: none; width:95%; margin:0 auto; }
ul.otoku li { display:inline-block; margin:0; padding:0; width:33%;}
.wht { color: #fff;}

ul.item-detail { width:95%; margin:0 auto; }
ul.item-detail li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.item-detail li:first-child { width:37%; }
ul.item-detail li:last-child { width:55.2%; }

ul.taisho { width:95%; margin:3% auto; list-style: none; }
ul.taisho li { width:48%!important; display:inline-block; margin:0 4% 0 0; border:2px solid #ff0001; border-radius:10px; padding:0; height:10em; vertical-align: top;}
ul.taisho li:last-child { margin:0 0 0 0; }
ul.taisho li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; font-size:1.2em; color:#ff0001; }
ul.taisho li a:hover { background-color:#FAF1F1; border-radius:10px;}

ul.taisho1 { width:95%; margin:3% auto; list-style: none; }
ul.taisho1 li { width:48%!important; display:inline-block; margin:0 4% 0 0; border:2px solid #ff0001; border-radius:10px; padding:0; height:10em; vertical-align: top;}
ul.taisho1 li:last-child { margin:0 0 0 0; }
ul.taisho1 li.list { position: relative;}
ul.taisho1 li.list p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:1.2em; font-weight: bold; color:#ff0001; text-align: center; z-index:99; white-space: nowrap;
	}
/*ul.taisho1 li p:hover { cursor: pointer;}*/
ul.taisho1 li.list a { position: absolute; top: 0; left: 0; height:100%; width: 100%; z-index:999;}
ul.taisho1 li a:hover { background-color:#FAF1F1; border-radius:10px; z-index:9999; opacity: 0.3;}
ul.taisho1 li.list p span { font-size:1.2em; font-weight: bold; text-align: center;}

.arrow { width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 30px solid #c2000b;
  margin:20px auto;}
  

.akahon { width:95%; margin:4% auto; border:solid 5px #ff0001 ; border-radius:15px; padding:3% 0;}
.h12 { height:12em!important; }

ul.shop { list-style:none; margin:3% auto; width:95%;}
ul.shop li { display:inline-block; vertical-align: top;}
ul.shop li.md {vertical-align: middle!important;}
ul.shop li.maru { border:solid 2px #c2000b; border-radius:50vh; width:50px; height:50px; color:#c2000b; font-size:2em; text-align: center; line-height: 48px; font-weight:bold; margin:0 3% 0 0;}
ul.shop li:nth-child(2) { color:#c2000b; font-size:1.4em; text-align: left; line-height: 1.3; font-weight:bold; width:80%;}

ul.shop1 { list-style:none; margin:20px auto; width:95%;}
ul.shop1 li { display:inline-block; vertical-align: middle;}
ul.shop1 li.md {vertical-align: middle!important;}
ul.shop1 li.maru { border:solid 2px #c2000b; border-radius:50vh; width:50px; height:50px; color:#c2000b; font-size:2em; text-align: center; line-height: 48px; font-weight:bold; margin:0 3% 0 0;}
ul.shop1 li:nth-child(2) { color:#c2000b; font-size:1.3em; text-align: left; line-height: 1.3; font-weight:bold; width:80%;}

.yuko { border:solid 1px #4d4d4d; padding:10px 0; text-align: center; }
.hr2 { height:0; margin:3% 0 3% 3em; width:93%; border:solid 1px #808080; }





dl.kikan {
  display: flex;
  flex-wrap: wrap;
  width:95%;
  margin:3% auto;
}
dl.kikan dt {
  width: 50%;
}
dl.kikan dd {
  width: 50%;
  text-align: right;
}


/*円の中に文字*/
.circle {
    position: relative;/* ←文字の親要素に指定 */
    width: 40px;
    height: 40px; 
    background-color: #0a51a1;
    border-radius: 50%; 
    margin: 0 auto;

}
.circle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	width:40px;
	line-height:1.3;
}

.square { position: relative; width:65px; height:40px; background-color: #0a51a1; border-radius:5px; margin:0;}
.square-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding:0;
	width:65px;
	line-height:1.3;
}


ul.prize { width:100%; list-style: none; margin:0 auto; }
ul.prize li { display:inline-block; vertical-align: top;}
ul.prize li:first-child { width:12%; margin:0 2% 0 0; }
ul.prize li:nth-child(2) { width:66%; }
ul.prize li:last-child { width:14%; }

ul.prize1 { width:100%; list-style: none; margin:0 auto; }
ul.prize1 li { display:inline-block; vertical-align: top;}
ul.prize1 li:first-child { width:12%; margin:0 2% 0 0;}
ul.prize1 li:nth-child(2) { width:86%; }

.mt-20 { margin-top:-4%!important; }
.ml100 { margin-left:14%!important; }

ul.oubo { width:95%; list-style:none; margin:0 auto; }
ul.oubo li { display:inline-block; vertical-align:middle; margin:0 0 1em 0;}
ul.oubo li:nth-child(odd) { width:12%; padding:0; margin:0 2% 0 0;  }
ul.oubo li:nth-child(even) { width:86%; padding:0; font-size:1em;}

ul.btm800 { list-style:none; width:100%; margin:4% auto 2% auto; }
ul.btm800 li { font-size:1.1em; line-height:1.3; text-align:justify;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}
ul.btm814 { list-style:none; width:100%; margin:4% auto 2% auto; }
ul.btm814 li { font-size:1.1em; line-height:1.3; text-align:justify;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}

ul.gmenu { width:850px; margin:40px auto; }
ul.gmenu li { width:30%; display:inline-block; margin:0 3% 3% 0; text-align: center; padding:0; vertical-align: top;}
ul.gmenu li div { text-align: center; padding:0; position:relative; background-color:#fff; border-radius: 10px; }
ul.gmenu li:nth-child(3) { margin:0 0 3% 0;}
ul.gmenu li div img { width:85%; margin:0 auto; padding:20px 0;}
ul.gmenu li div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
ul.gmenu li div a:hover { background-color:#f5f5f5; border-radius: 10px;}

.bg-blue { width:100%; background-color: #0a51a1; padding:20px 0; }
.w100 { width:100%; margin:0; padding:0;}
.mt350 { margin-top:350px; }

/*円と数字*/
.blue-num {
    position: relative;/* ←文字の親要素に指定 */
    width: 40px;
    height: 40px; 
    background-color: #0a51a1;
    border-radius: 50%; 
    margin: 0 auto;

}
.blue-num-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	padding:0;
	width:40px;
	line-height:1.3;
}

h3 { width:100%; font-size:1.4em; line-height: 1.3; padding:0!important; margin:0 auto!important; text-align: center;}
h2.b2 { width:100%; text-align:center; margin:0; padding:0; font-size:1.5em; line-height:1.3; color: #0e3192;}

ul.gmenu { width:95%; margin:4% auto; text-align: center; }
ul.gmenu li { width:48%; display:inline-block; margin:0 4% 4% 0; text-align: center; padding:0; vertical-align: top;}
ul.gmenu li div { text-align: center; padding:0; position:relative; background-color:#fff; border-radius: 5px; }
ul.gmenu li:nth-child(2) { margin:0 0 4% 0;}
ul.gmenu li:nth-child(3) { margin:0 0 0 0;}
ul.gmenu li div img { width:85%; margin:0 auto; padding:4% 0;}
ul.gmenu li div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
ul.gmenu li div a:hover { background-color:#f5f5f5; border-radius: 5px;}

ul.top-btn { list-style: none; margin:0 auto; width:100%; }
ul.top-btn li { display:block; margin:0 0 0 0; padding:0; vertical-align: top; width:100%;}
ul.top-btn li:first-child { margin:0 0 3% 0; }


.sp-box { width:95%; border:solid 1px #fff; border-radius:15px; margin:0 auto; padding:4% 2%; position:absolute; bottom:2%; left:2.5%;}

.sp-large1 { font-size:1.1em!important; line-height: 1.3;}
.hr3 { height:0; margin:3% auto; width:95%; border:solid 1px #fff; }
.y-txt { color:#fff100; text-decoration: underline;}

.large0 { font-size:1.3em!important; }
.large { font-size:1.4em!important;  }
.large1 { font-size:1.2em; }
.large1a { font-size:1.1em!important; }
.large2 { font-size:3.5vw!important; }
.large3 { font-size:1.2em!important; }
.large5 { font-size:1em!important; text-align: left;}

.board { width:95%; margin:0 auto; background-color: #fff; border-radius:20px; box-shadow: 0 0 10px rgba(0,0,0, 0.25); padding:2% 0;}
.photo80 img { width:80%; height:auto; }
.blue-bd { border:2px solid #0a51a1; border-radius:20px; margin:0 auto; width:95%; padding:2% 0;}

ul.icon-1 { list-style: none; margin:0 auto; width:90%; }
ul.icon-1 li { display:inline-block; vertical-align: middle; }
ul.icon-1 li:first-child { width:20%; margin:0 5% 0 0;}
ul.icon-1 li:last-child { width:75%; }

ul.att { width:95%; margin:0 auto; }
ul.att li { font-size:1.1em; line-height: 1.3; list-style-type:none;
    background-image:url("../images/icon-attention.svg");
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:40px; margin-bottom:10px;}
	
/*ボックスにタイトル*/
.box26 {
    position: relative;
    margin: 0 auto;
    padding: 1em 0;
    border: solid 2px #0a51a1;
    border-radius: 15px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 50%;
	transform: translateX(-50%) ; 
    padding: 0 9px;
    line-height: 1;
    font-size: 13px;
    background: #FFF;
    color: #0a51a1;
    font-weight: bold;
	width:19em;
	text-align: center;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

ul.pay { list-style: none; width:90%; margin:3% auto 0 auto;}
ul.pay li { display:inline-block; vertical-align: middle; width:19%; text-align: center; margin:0 8% 3% 0;}
ul.pay li:nth-child(4n) { margin:0 0 3% 0; }

.bg-yellow { background-color:#ffffb3; margin:0 auto; width:95%; padding:5% 0;}
.bg-pink { background-color:#fdd9c8; margin:0 auto; width:95%; padding:5% 0;}

ul.btm700 { list-style:none; width:90%; margin:0 auto; }
ul.btm700 li { font-size:1.1em; line-height:1.3; text-align:left;  margin:0 0 0 0; padding-left: 1em; text-indent: -1em;}

.b-blue { width:95%; margin:0 auto; border:1px solid #333; padding:4%;}
ul.m-link { list-style: none; width:95%; margin:0 auto; text-align: left;}
ul.m-link li { width:32%; margin:0 2% 2% 0; display:inline-block; background-color:#fff; border-radius:5px; vertical-align: top;}
ul.m-link li:nth-child(4n) { margin:0 2% 2% 0;}
ul.m-link li:nth-child(3n) { margin:0 0 2% 0;}
ul.m-link li div {  pasition:relative; height:50px; padding:0 4%}
ul.m-link li div a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
ul.m-link li div a:hover { background-color:#f5f5f5; border-radius: 5px;}
ul.m-link li:nth-child(13) img { width:70%;}

ul.ft_menu { width:100%; text-align:center; margin:2% auto; }
ul.ft_menu li { font-size:1.2em; margin:1% 1% 2%; display:inline; text-align:center; width:49%; padding:0;}
ul.ft_menu li a { text-decoration:none; }
ul.ft_menu li:nth-child(5) { font-size:1.2em; margin:1% 1% 2%;}
ul.ft_menu li:nth-child(2n) { font-size:1.2em; margin:1% 0 2%; display:inline; text-align:center; }

ul.ft_menu { width:100%; text-align:center; margin:2% auto; }
ul.ft_menu li { font-size:1.2em; margin:2% 2% 1% 0; float:left; padding-right:1em; border-right:1px solid #333; display:block; }
ul.ft_menu li a { text-decoration:none; }
ul.ft_menu li:nth-child(1) { margin:2% 0 1% 0; float:left; padding-right:1em; border-right:1px solid #333; text-align:right; }
ul.ft_menu li:nth-child(2) { margin:2% 0 1% 1em; padding-right:1em; border-right:none;  width:45%; text-align:left; }
ul.ft_menu li:nth-child(3) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:1em; border-right:none;}
ul.ft_menu li:nth-child(4) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:1em; border-right:none;}
ul.ft_menu li:nth-child(5) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:1em; border-right:none; }
ul.ft_menu li:nth-child(6) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:1em; border-right:none; }
ul.ft_menu li:nth-child(7) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:0; border-right:none; }
ul.ft_menu li:nth-child(8) { margin:0 0 1% 0; width:100%; text-align:center; padding-right:0; border-right:none; }

.sp-sm { font-size:0.9em;}
.w80 { width:95%; }

/*モーダル*/
body.md {
	width: 100%;
	min-width: 100%;
	background:rgba(0,0,0,0);}
	
.large4 { font-size:2em; margin-top:-5px;}
/*円と数字*/
.blue-num {
    position: relative;/* ←文字の親要素に指定 */
    width: 60px;
    height: 60px; 
    background-color: #0a51a1;
    border-radius: 50%; 
    margin: 0 auto;

}
.blue-num-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	    text-align: center;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	padding:0;
	width:60px;
	line-height:1.2;
}

ul.oubo { width:95%; list-style:none; margin:0 auto; }
ul.oubo li { display:inline-block; vertical-align:middle; }
ul.oubo li:nth-child(odd) { width:20%; padding:0; margin:0 3% 3% 0; }
ul.oubo li:nth-child(even) { width:77%; padding:0; font-size:1.3em; color:#0a51a1; font-weight:bold; line-height:1.5; margin:0 0 3% 0;}
ul.oubo li.top { vertical-align:top; }

.md_box { width: 95%; margin:0 auto; overflow:hidden; border-radius:20px; }

ul.md-ttl { list-style: none; width:95%; margin:0 auto; }
ul.md-ttl li { display:inline-block; vertical-align:middle; }
ul.md-ttl li:nth-child(odd) { width:30%; padding:0; margin:0 3% 0 0; }
ul.md-ttl li:nth-child(even) { width:67%; padding:0; font-size:1.5em; color:#333; font-weight:bold; line-height:1.3; margin:0;}

ul.apli { list-style: none; width:95%; margin:0 auto; }
ul.apli li { display:inline-block; width:48%; text-align:center;}
ul.apli li:first-child { margin:0 4% 0 0; text-align:center!important; }
ul.apli li:first-child img.qr { display:none; }
ul.apli li:last-child img.qr { display:none; }

.w734 { width:95%; margin:0 auto;}

ul.login { list-style: none; width:95%; margin:0 auto; }
ul.login li { display:inline-block; width:49%; }
ul.login li:first-child { margin:0 2% 0 0; }

ul.btm734 { list-style:none; width:95%; margin:0 auto; }
ul.btm734 li { font-size:1.1em; line-height:1.3; text-align:left;  margin:0 1em 0 0; padding-left: 1em; text-indent: -1em;}

.ttl-shisetsu { width:95%; background-color:#0a51a1; text-align: center; font-size:1.2em; height:2.5em; line-height: 2.5em; color:#fff; font-weight:bold; margin:0 auto;}

ul.yakata { width:95%; margin:0 auto; }
ul.yakata li { list-style-type:disc; font-size:1em; line-height: 1.3; margin:0 2% 0.5em 0; width:49%; display:inline-block; vertical-align: top; }
ul.yakata li:nth-child(2n) { margin:0 0 0.5em 0;}
ul.yakata li:before { content: "\25cf  "; font-size: 6px; vertical-align: middle;}

.tri2 { width: 0; height: 0; border-style: solid; border-right: 50px solid transparent; border-left: 50px solid transparent; border-top: 25px solid #0a51a1; margin:0 auto;}

ul.msp { width:95%; margin:0 auto; }
ul.msp li { width:49%; display:inline-block; margin:0 2% 0 0; vertical-align: top;}
ul.msp li:last-child { margin:0; }

ul.yakata1 { width:100%!important; margin:0 auto;  }
ul.yakata1 li { list-style-type:disc!important; font-size:1em; line-height: 1.3; margin:0 0 0.5em 0; padding-left: 0.7em; text-indent: -0.7em; width:100%!important;}
ul.yakata1 li:before { content: "\25cf  "; font-size: 6px; vertical-align: middle;}

.bt-bk { border-top:solid 3px #000;}
.bg-red { background-color:#f3a8b4; width:100%!important; }
ul.col3 { width:95%; list-style: none; margin:0 auto; }
ul.col3 li { display:inline-block; margin:0 1% 0 0; width:32%; padding:0;}
ul.col3 li:last-child { margin:0;}



/*三角形*/
.tri { width: 0; height: 0; border-style: solid; border-right: 40px solid transparent; border-left: 40px solid transparent; border-top: 30px solid #fff; margin:0 auto;}

ul.line { list-style: none; width:100%; margin:0 auto;}
ul.line li { display:inline-block; margin:0 0 0 0; vertical-align: bottom;}
ul.line li:nth-child(1) { width:100%; text-align: center;}
ul.line li:nth-child(2) { display:none;}



ul.col4 { width:100%; margin:0 auto; list-style: none;}
ul.col4 li { display:inline-block; margin:0; vertical-align: top; text-align: center;}
ul.col4 li img { width:70%;}
ul.col4 li:nth-child(1) { width:50%; padding:0 0 0 0; }
ul.col4 li:nth-child(1) ::after {
content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translateY(-90%); /* 位置調整 */
	right: 100px; /* 下線の上下位置調整 */
	width: 1px; /* 下線の幅 */
	height: 200px; /* 下線の太さ */
	background-color: #3b4562; /* 下線の色 */
	}
ul.col4 li:nth-child(3) ::after {
content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translateY(-100%); /* 位置調整 */
	right: 50px; /* 下線の上下位置調整 */
	width: 1px; /* 下線の幅 */
	height: 150px; /* 下線の太さ */
	background-color: #3b4562; /* 下線の色 */
	}
ul.col4 li:nth-child(2) { width:50%; }
ul.col4 li:nth-child(3) { width:50%; padding-top:30px;}
ul.col4 li:nth-child(4) { width:50%; padding-top:30px;}

ul.col4 li div { height:7em; width:80%; margin:5% auto 0 auto; border-bottom:1px solid #3b4562; padding-bottom:5%; }
ul.col4 li div span { width :100%; font-size:10px; color:#3b4562; font-weight: bold;}
ul.col4 li div.sh { width:80%; margin:5% auto 0 auto; border-bottom:none; padding-bottom:5%; }
ul.col4 li div.sh span { width :100%; font-size:10px; color:#3b4562; font-weight: bold;}

ul.app { list-style: none; width:90%; margin:0 auto;}
ul.app li { display:inline-block; margin:0 2% 0 0; vertical-align: bottom; text-align: center;}
ul.app li:nth-child(1) { width:54%; }
ul.app li:nth-child(2) { width:44%; }
.w905 { width:90%; margin:0 auto;}


ul.card { list-style: none; width:90%; margin:0 auto;}
ul.card li { width:48%; margin:0 4% 4% 0; display:inline-block; vertical-align: top; font-size:0.9em;}
ul.card li img { width:100%;}
ul.card li:nth-child(2n) { margin:0 0 8% 0; }
ul.card li:last-child { margin:0 0 0 0; }

ul.col2 { width:100%; margin:0 auto; list-style: none; }
ul.col2 li { display:inline-block; vertical-align: top; }
ul.col2 li:first-child { width:16%; margin:0 7% 0 0; }
ul.col2 li:last-child { width:77%; font-size:1.3em; line-height: 1.7; text-align: justify;}

ul.col21 { width:90%; margin:0 auto; list-style: none; }
ul.col21 li { display:inline-block; vertical-align: top; }
ul.col21 li:first-child { width:18%; margin:0 6% 0 0; }
ul.col21 li:last-child { width:76%; font-size:1.2em; line-height: 1.7; text-align: left;}

.btn1 { width:90%; margin:0 auto; font-weight:bold; font-size:1.5em; line-height:1.5; text-align:center; height:3em; vertical-align:middle; position:relative; background-color: #3b4562; border-radius: 50vh;}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#fff;}

.btn1 a::after { content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform:translateY(-50%);}

.btn1 a:hover { background-color:#667599; border-radius: 50vh;}

.btn2 { width:60%; margin:0 auto; font-size:1.5em; line-height: 1.3; text-align:center; vertical-align:middle; position:relative; background-color: #fff; border:1px solid #151d4d;}
.btn2 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#151d4d; line-height: 3.5em;}

.btn2 a:hover { background-color:#ddd; }

ul.card-list { list-style: none; }
ul.card-list li { font-size:1.1em; text-align: left; }
ul.card-list li::first-letter { color:#f6ab00; }

ul.info { list-style: none; }
ul.info li { font-size:1.1em; text-align: left; }
ul.info li::first-letter { color:#eb6ea5; }

ul.logo-g { list-style:none; width:90%; margin:0 auto; border-top:solid 1px #878788; border-bottom:none; }
ul.logo-g li { width:49.5%; marign:0; padding:0.3em 0; display:inline-block; border-right:1px solid #878788; border-bottom:1px solid #878788; text-align: center; }
ul.logo-g li img { width:95%;}
ul.logo-g li:last-child { border-right:1px solid #fff;}
ul.logo-g li:nth-child(2) { border-right:1px solid #fff;}

ul.mfg { width:95%; list-style: none; margin:0 auto; text-align: center;}
ul.mfg li {display:inline-block; margin:0 0 0.8em 0;; padding:0 1.5em 0 1.5em; border-left:solid 1px #343434; color:#343434; font-size:1.3em; }
ul.mfg li:first-child { color:#878788!important; font-size:1.25em; border-left:none!important;}
ul.mfg li:nth-child(2){ border-left:none!important;}
ul.mfg li a { text-decoration: none;}
ul.mfg li a:hover { text-decoration: underline;}

.credit {
padding: 0.3em;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
background-color:#0068b7;
font-size:16px!important;
margin:20px auto;
border-radius: 50vh; }

.no-credit {
padding: 0.3em;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
background-color:#f6ab00;
font-size:16px!important;
margin:20px auto;
border-radius: 50vh; }

ul.menu-btn { width:90%; list-style: none; margin:0 auto;}
ul.menu-btn li { width:48%; display:inline-block; margin:0 4% 0 0;}
ul.menu-btn li:last-child { margin:0 0 0 0;}

ul.logo1 { list-style: none; width:90%; margin:0 auto;}
ul.logo1 li { width:48%; display:inline-block; margin:0 4% 4% 0;}
ul.logo1 li img { width:70%; }
ul.logo1 li:nth-child(odd) { text-align:right; }
ul.logo1 li:nth-child(even) { text-align:left; margin:0 0 4% 0;}

ul.logo2 { list-style: none; width:95%; margin:0 auto;}
ul.logo2 li { width:30%; display:inline-block; margin:0 5% 5% 0;}
ul.logo2 li:nth-child(3n) { margin:0 0 5% 0;}
ul.logo2 li img { width:95%;}
ul.logo2 li:nth-child(7) { width:47.5%; }
ul.logo2 li:nth-child(7) img { width:90%;}
ul.logo2 li:nth-child(8) { width:47.5%; margin:0;}
ul.logo2 li:nth-child(8) img { width:95%;}



ul.list { width:85%; margin:0 auto; list-style: none!important;}
ul.list li { font-size:1.2em; line-height:1.5; text-align:left; margin:0 auto; text-indent: -1em; padding-left:1em;}

/*スライド*/
.sliderArea {
  max-width: 95%;
  width:95%;
  height : auto;
  margin: 0 auto;
  padding: 0 25px;
}

ul.list842 { width:95%; margin:0 auto; list-style: none;}
ul.list842 li { font-size:1.1em; line-height:1.3; text-align:left; margin:0 auto; text-indent: -1em; padding-left:1em;}

.ptb20 { padding-top:2%!important; padding-bottom:2%!important; }

.point200 { width:21em; margin:0 auto; font-size:1.1em; line-height:1.3; text-align:left;}


.w912 { width:90%; margin:0 auto; padding:0;}
.bg-pu1 { background-image: url("../images/1020-pointup-bg-2.png"); background-repeat: repeat-y; background-position:top center; background-size:100%;}
.bg-pu2 { background-image: url("../images/1020-pointup-bg-4.png"); background-repeat: repeat-y; background-position:top center; background-size:100%;}
.w844 { width:90%; margin:0 auto; padding:0;}

.w741 { width:80%; margin:0 auto; padding:0; text-align: justify;}

.w729 { width:90%; margin:0 auto; padding:0;}

ul.prv { list-style: none; width:100%; margin:0 auto; padding:0;}
ul.prv li { text-align: justify; font-size:2.4vw; line-height:1.3; text-indent: -1em; padding-left:1em;}

.prv-ttl { text-align: center; font-size:1.2em; line-height:1.3; font-weight: bold;}
.prv-ttl1 { text-align: center; font-size:3.8vw!important; line-height:1.3; font-weight: bold;}


.txt-brn { text-align: justify; color:#6a4120; font-size:0.9em; line-height:1.3; }
.txt-ctr { text-align: center; font-size:2.4vw; line-height:1.5; }
.f-brn {color:#6a4120; font-size:1em; line-height:1.3; }
.box { margin:0 auto; width: 100%; padding:0; text-align:center; background-image: url("../images/01-oubo-02.png"); background-repeat:repeat-y; background-position: top center; background-size:100%;}
.lego { vertical-align: sub;}

.w855 { width:90%; margin:0 auto; padding:0;}
.w480 { width:50%; margin:0 auto; padding:0;} 
.w640 { width:90%; margin:0 auto; padding:0;} 
.w640 img { width:100%; margin:0 auto; padding:0;} 
.w550 { width:85%; margin:0 auto; }
.w847 { width:100%; margin:0 auto; background:rgba(0,0,0,0); padding-bottom:4%;}
.w745 { width:90%; margin:0 auto;}
.bdr-pink { box-sizing:border-box; width:100%; margin:0 auto; border:6px solid #e5004f; border-radius:0 0 15px 15px; border-top:none; background-color:#fff; padding:4% 0;}
.bd-blk { box-sizing:border-box; width:100%; margin:0 auto; border:2px solid #000; border-top:none; background-color:#fff; padding:3% 0;}

/*湘南*/
ul.header-logo { list-style: none; margin:0 auto; padding: 0; width:100%; text-align: center; min-width:100%;}
ul.header-logo li { display:inline-block; margin:0; width:49%!important; padding:0; text-align: left; vertical-align: middle;}

ul.header-logo li:last-child {text-align:right;}
ul.header-logo li img { width:55%!important;}
ul.header-logo li:last-child img { width:60%!important;}



.tp { opacity: 0.6;}
.shadow01 { background-image: url("../images/shadow1-01.png"),url("../images/shadow1-02.png"),url("../images/shadow1-03.png"),url("../images/shadow1-04.png"); background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; background-position:top -10px center,center left -10px,center right -10px, bottom -10px center;}

.s1-1 { position:absolute; top:-.3%; left:0;}
.s1-2 { position:absolute; top:0; bottom:0; margin:auto; left:-.5%; width:.5%;}
.s1-3 { position:absolute; top:0; bottom:0; margin:auto;  right:-.7%; width:.6%;}
.s1-4 { position:absolute; bottom:-.5%; left:0;}

.s2-1 { position:absolute; top:-.3%; left:0;}
.s2-2 { position:absolute; top:0; bottom:0; margin:auto; left:-.5%; width:.8%;}
.s2-3 { position:absolute; top:0; bottom:0; margin:auto;  right:-.7%; width:.8%;}
.s2-4 { position:absolute; bottom:-2%; left:0;}

ul.shopname { width:90%; margin:0 auto; list-style: none; }
ul.shopname li { display:inline-block; width:47%; margin:0 6% 6% 0; vertical-align: top;}
ul.shopname li:nth-child(2n) { margin:0 0 6% 0;}
ul.shopname li p { line-height: 1.5!important;}

.large1 { font-size:2.2vw!important; }
.large2 { font-size:2.8vw!important; }
.large3 { font-size:2em!important; }
.large5 { font-size:1.4em!important; }

.justy { text-align: justify;}
.btn-detail { position: absolute; left: 0; right: 0; margin: auto; top:4%; width:70%;}
.btn-detail1 { position: absolute; left: 0; right: 0; margin: auto; top:8%; width:70%;}
.btn-detail p { text-align: center; color:#d3443a; font-size:3vw; font-weight:bold;}
.w698 { width:90%; margin:0 auto; padding:0;}
.w836 { width:90%; margin:0 auto; padding:0;}
.w838 { width:90%; margin:0 auto; padding:0;}
.w900 { width:90%; margin:0 auto; padding:0;}

/*HELLO ROOM*/
.xp-block div p { font-size:0.7em; text-align: center; margin:0 0 0 0;}
  ul.xp_thumbnails {
    padding: 0 20px 0 0;
  }

  ul.xp_thumbnails li {
    width: 24%;
	margin:0 2% 0 0;
  }

  .xp_staff_info_image {
   display:none;
    width: 25px !important;
    height: 25px !important;
    margin: -40px auto 10px;
  }

  .xp_staff_info_name {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .xp_staff_info_business {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .xp_staff_info_shop {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
  }
  
/*リニューアル*/
.kv-sp { width:100%; height:auto;  }

/*タブ*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin:4% auto;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 2vh;
	order: -1;
	display: block;
	background: rgba(255,255,255,1);
	margin:0 auto;
}
section.typeA .tabLabel1 {	/* タブ */
	margin: 0;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	transition: .5s ;
	cursor: pointer;
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA .tabLabel2 {	/* タブ */
	margin: 0;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	transition: .5s ;
	cursor: pointer;
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA .tabLabel:nth-last-of-type(1) { margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel1 {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA input:checked + .tabLabel2 {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:1.6em;
	text-align: center;
	/*1026追加*/
	position:relative;
}
section.typeA input:checked + .tabLabel1 + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	background-color:#324a84;
	opacity: 1;
	width:100%;
	margin:0 auto;
	text-align: center;
}
section.typeA input:checked + .tabLabel2 + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	background-color:#324a84;
	opacity: 1;
	width:100%;
	margin:0 auto;
	text-align: center;
}
/*パネル*/
section.typeA input:checked + .tabLabel1 .panel-blue { position:absolute; top:50%; right:2%; z-index:99; width:70%; height:auto; transform: translate(0%, -50%);}
section.typeA input:checked + .tabLabel1 .panel-gray { display:none;}
section.typeA .tabLabel1 .panel-gray { position:absolute; top:50%; right:2%; z-index:99; width:70%; height:auto; transform: translate(0%, -50%);}
section.typeA .tabLabel1 .panel-blue { position:absolute; top:50%; right:2%; z-index:99; width:70%; height:auto; transform: translate(0%, -50%);}

section.typeA input:checked + .tabLabel2 .panel-blue { position:absolute; top:50%; left:2%; z-index:99; width:70%; height:auto; transform: translate(0%, -50%);}
section.typeA input:checked + .tabLabel2 .panel-gray { display:none;}
section.typeA .tabLabel2 .panel-gray { position:absolute; top:50%; left:2%; z-index:99; width:70%; height:auto; transform: translate(-0%, -50%);}
section.typeA .tabLabel2 .panel-blue { position:absolute; top:50%; left:2%; z-index:99; width:70%; height:auto; transform: translate(0%, -50%);}

.t1 { text-align: right;}
.t2 { text-align: left;}

ul.menu { list-style: none; width:90%; margin:0 auto;}
ul.menu li { width:49%; display:inline-block; margin:0 1% 2% 0; padding:0;}

ul.koma { list-style: none; width:90%; margin:0 auto; text-align: left;}
ul.koma li { width:50%!important; display:inline-block; margin:0; }

.w1000 { width:90%; margin:0 auto;}  

/*バーゲン*/
.w880 { width:90%; margin:0 auto; padding:0;}
.w710 { width:90%; margin:0 auto; padding:0;}
.red-box { width:100%; box-sizing: border-box; border-right:3px solid #e60012; border-left:3px solid #e60012; padding:2%;}

.font14 {font-size:1.5vw;}

.font16 { font-size:2vw; }
.posi { position: relative;}

.bd-t { border-top:1px solid #231815;}

/*レトロ*/

.top-menu { width:90%; margin:0 auto;}
.top-bg { background-image:url("../images/top-bg-2.png"); background-repeat: repeat-y; background-position: top center;  background-size:100%;}
.w728 { width:90%; margin: 0 auto;}
.w775 { width:80%; margin: 0 auto;}
.w895 { width:90%; margin: 0 auto;}
.w890 { width:90%; margin: 0 auto;}
.top-btn { display:flex; flex-wrap:wrap; justify-content: space-between; width:95%; margin:0 auto;}
.top-btn div { width:45%; padding-bottom:4%;}
.top-btn div:nth-child(3),div:nth-child(4) { padding-bottom:2%;}
.bg-event { background-image:url("../images/fr-event-bg.png"); background-repeat: repeat-y; background-position: top center; background-size:100%; margin-top:-1px;}
.font-lead { font-size:2.8vw; text-align: center; color:#00557f; font-weight:bold; letter-spacing: 0.05em;}
.font-scratch { font-size:3.2vw; text-align: center; color:#00557f; font-weight:bold; letter-spacing: 0.05em;}
.item-event { display:flex; flex-wrap:wrap; justify-content: space-between; width:80%; margin:0 auto;}
.item-event div { margin-bottom:4%; width:47%;}
.item-event div:last-child { flex: 0 0 100% 0; margin: auto;}

.shop {}
.shop-bg { background-image:url("../images/item-present-shop-bg.png"); background-repeat: repeat-y; background-position: top center; text-align: center; font-size:3vw; color:#00557f; font-weight:bold; background-size:100%;}
.item-item { display:flex; flex-wrap:wrap; justify-content: space-between; width:80%; margin:0 auto;}
.item-item div { margin-bottom:3%; width:49%;}
.andmore { width:806px; margin:-60px auto 0 auto; text-align: right;}
.icon {vertical-align: middle;}
.f-blue { color:#00557f; }
.font24 { font-size:2.6vw; }
.font20 { font-size:2.2vw; }
.font18 { font-size:1.9vw; }

.bg-novelty { background-image:url("../images/fr-novelty-2.png"); background-repeat: repeat-y; background-position: top center; background-size:100%;}
.s500 { position: absolute; bottom:15%; right:-3%;}
.btm-bdr { border-bottom:2px dashed #00557f; padding-bottom:4%; }
.f-pink { color:#ec6d56;}
.mb0 { margin-bottom:-2%!important; }

/*8周年*/
/*noto sans*/
.noto { font-family: "Noto Sans JP", system-ui; font-optical-sizing: auto; font-weight: 400!important; font-style: normal; font-feature-settings: "palt";}
.noto-bold { font-family: 'Noto Sans JP', system-ui; font-optical-sizing: auto; font-weight: 600!important; font-style: normal; font-feature-settings: "palt";}
.noto-ExBold { font-family: 'Noto Sans JP', system-ui; font-optical-sizing: auto; font-weight: 900!important; font-style: normal; font-feature-settings: "palt";}


.font16 { font-size:1.6vw;}
.font18 { font-size:1.8vw;}
.font20 { font-size:20px;}
.font22 { font-size:2.2vw;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.font28 { font-size:2.8vw;}
.font30 { font-size:30px;}
.font32 { font-size:32px;}
.font34 { font-size:34px;}
.font36 { font-size:36px;}
.font38 { font-size:38px;}
.font40 { font-size:4vw;}

.f-red { color:#ff0000; }

.ind { padding-left: 1em; text-indent: -1em; }


.posi { position: relative;}
.date { width:115%!important; margin:0 0 0 -7.5%!important; padding:0;}
.date img { width:100%; height:auto;}
.w774 { width:90%; margin:0 auto;}
.w866 { width:90%; margin:0 auto;}
.kv { width:100%; margin:0 auto; border-top:1px solid #595757; }
.menu { width:90%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.menu div { width:47%;}


.bg-w { width:86.6%; background-color:#fff; padding:1% 0 0 0; border-radius:10px 10px 0 0; margin:0 auto; }
.bg-w1 { width:96.3%; background-color:#fff; padding:0 0 4% 0; margin:-1px auto 0 auto;}
.bg-w2 { width:96.3%; background-color:#fff; padding:0 0 4% 0; border-radius:0 0 10px 10px; margin:-1px auto 0 auto; }

ul.ev4 { list-style: none; width:100%; margin:0 auto;}
ul.ev4 li { display:inline-block; margin:0; padding:0; vertical-align: middle;}
ul.ev4 li:first-child { width:75%; font-size:3.8vw; }
ul.ev4 li:last-child { width:25%;}

ul.ev5 { list-style: none; width:100%; margin:0 auto;}
ul.ev5 li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.ev5 li:first-child { margin:0 1em 0 0; }
ul.ev5 li:last-child { font-size:3.8vw; }

ul.ev6 { list-style: none; width:45%; margin:0 auto;}
ul.ev6 li { display:inline-block; margin:0; padding:0; vertical-align: top;}
ul.ev6 li:first-child { margin:0 1em 0 0; }
ul.ev6 li:last-child { font-size:3.8vw; }

.attention { width:100%; border:solid 1px #2f4180; padding:4%; box-sizing: border-box;}

.btn-top { position: absolute; bottom:0; right:-3%; width:40px; height:40px;}
.btn-top img { width:100%; height:auto;}

.w965 { width:96.3%; margin:0 auto;}
.w194 { width:26%; margin:0 auto;}
.w107 { width:13.5%; margin:0 auto;}
.w200 { width:30%; margin:0 auto;}
.w20 { width:19%; margin:0 auto;}
.w38 { width:38%; margin:0 auto;}

.sp-wave { display:block; width:100%;}
.mt-1 { margin-top:-1px;}

/*2025夏*/
ul.logo-otoku { width:90%; margin:0 auto; list-style: none; display:flex; flex-wrap: wrap; justify-content:space-between; }
ul.logo-otoku li { width:50%; font-size:16px;}
.font15 { font-size:1.7vw;}

/*9周年*/
.bg1 { background-image: url("../images/bg-01.jpg"); background-repeat: no-repeat; background-position: top center; padding:0 0 2% 0; background-size:100%;}
.bg2 { background-image: url("../images/bg-02.jpg"); background-repeat: no-repeat; background-position: top center; padding:4% 0 2% 0; background-size:100%;}
.kadomaru { border-radius: 15px 15px 0 0; background-color: #f3f5e5; padding:3% 0; }
.kadomaru-wht { border-radius: 15px; background-color: #fff; padding:3% 0; }
.sanka { width:75%; position: absolute; left: 50%; transform: translateX(-50%); top:-18px;}
.w867 { width:90%; margin:0 auto;}
.w761 { width:90%; margin:0 auto;}
.logo { width:80%; margin:0 auto; display:flex; flex-wrap:wrap;}
.logo div { width:50%; height:auto;}
.f-wht { color:#fff;}
.mt30 { margin-top:3%!important; }
.bg-g { background-color:#f3f5e5; width:100%;}
}