
@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	width: 100%;
	min-width: 1000px;
	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: #4d4d4d!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;}

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: 1050px;
	margin:0 auto;
	color:#260e03;
}

.box920 { margin:0 auto; width: 920px; padding:0; text-align:center; }
.box { margin:0 auto; width: 1000px; padding:0; text-align:center; color:#26120b;}



/*
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; }

.tm40 { margin-top:40px; }

.pb50 { padding-bottom:50px!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; text-align:right;}
.w280 { width:280px; margin:0 auto;}
.w300 { width:300px; margin:0 auto;}



hr { height:0; margin:40px auto; width:950px; border:solid 1px #ccc;}
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;}
.btn { position:absolute; bottom:25px; left:45px; }
.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:800px; margin:20px auto; text-align:center; }
ul.ft-logo li { width:180px; display:inline-block; margin:0 5% 0 0; }



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; }

.ind { padding-left: 1em; text-indent: -1em; }
.ind2 { padding-left: 1.5em; text-indent: -1.5em; }
.bg-500 { background-color:#004f94;}
.dec { background-color:#8acfd2; padding:25px 0; }

.bg2 { background-color:#eaf0fb; }


.yellow { background-color:#fff100; }
.box670 { width:670px; margin:0 auto; }
.ctr { text-align:center; }

.w845 { width:800px; margin:20px auto; }

ul.header-logo { list-style: none; margin:0; padding: 0; width:1000px;}
ul.header-logo li { display:inline-block; margin:0 0 0 0; width:20%;}
ul.header-logo li img { width:95%;}


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:#0a51a1;}
.lh13 { font-size:1.1em; line-height: 1.3; margin:10px 0 0 0;}

.end img { opacity: 0.5;}








.large4 { font-size:1.2em; display:block!important; z-index:999;}


.btn-step { width:6em; margin:0 0 10px 0; font-size:1.5em; line-height: 1.3; text-align: center; height:2.3em; position:relative; border-radius: 50vh; background-color: #26120b;}
.btn-step span { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color: #fff;}

.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;}
.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;
}


/*タブ*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
	width:850px;
	margin:60px auto;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: rgba(255,255,255,1);
}
section.typeA .tabLabel {	/* タブ */
	margin: 0;
	padding: 3px 12px;
	flex: 1;
	order: -1;
	border-radius: 10px 10px 0 0;
	color: #906f5d;
	background: rgba(228,220,199,1);
	transition: .5s ;
	cursor: pointer;
	font-size:1.6em;
	text-align: center;
}
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 + .tabLabel {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:1.6em;
	text-align: center;
}
section.typeA input:checked + .tabLabel + .content {
	padding: 15px;
	height: auto;
	overflow: auto;
	background-color:#fff;
	transition: .5s opacity;
	opacity: 1;
}

/*円の中に文字*/
.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; }

.kv { position:relative; width:100%; height:700px; display:inline-block; overflow:hidden; vertical-align:bottom; }
.kv img { position:absolute; width: auto; height: auto; top: 50%; left: 50%; min-height: 100%; min-width: 2000px; transform: translateX(-50%) translateY(-50%);  }
.kv .pos { position:absolute; width: auto; height: auto; bottom: 50px; left: 50%; transform: translateX(-50%) translateY(0%);}

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;}

/*三角形*/
.tri { width: 0; height: 0; border-style: solid; border-right: 40px solid transparent; border-left: 40px solid transparent; border-top: 15px solid #0a51a1; margin:0 auto;}
.tri2 { width: 0; height: 0; border-style: solid; border-right: 60px solid transparent; border-left: 60px solid transparent; border-top: 35px solid #0a51a1; margin:0 auto;}


.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;}

.large0 { font-size:1.8em!important; line-height: 1.5;}
.large { font-size:1.6em!important; line-height: 1.5;}
.large1 { font-size:1.2em!important; }
.large1a { font-size:1.2em!important; }
.large2 { font-size:2.7em!important; }
.large3 { font-size:2em!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;}


ul.btm800 { list-style:none; width:800px; margin:0 auto; }
ul.btm800 li { font-size:1.4em; line-height:1.5; text-align:left;  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:0;}
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:1000px; text-align:center; margin:0 0 20px 0; }
ul.ft_menu li { font-size:1.2em; margin:0 2em 0.5em 0; float:left; padding-right:2em; line-height:1.5em;}
ul.ft_menu li:nth-child(4) {margin:-0.5em 2em 0.5em 0; float:left; padding-right:2em; line-height:1.5em;}
ul.ft_menu li a { text-decoration:none; }


/*モーダル*/
body.md {
	width: 100%;
	min-width: 840px; }
	
.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.list { width:725px; margin:0 auto; }
ul.list li { list-style-type:disc; font-size:1.2em; line-height:1.5; text-align:left;  margin:0 0 0 2em; }


.bg-gray { background-color: #808080!important;}

.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;}


/*新ページ*/
.mainttl { width:100%; background-color:#fbb1b5; text-align: center; }
.movie { width:1030px; height:172px; overflow: hidden; margin:0 auto; padding:0; position:relative; }
.cover { position:absolute; top:0; left:0; z-index:99; width:1030px; height:172px; padding:0; margin:0; }
.cover img { width:1030px; height:172px; padding:0; margin:0;}
.multiple { padding: 0; margin:0; }
.multiple img { width: 100%; margin: 0; padding:0; }
.multiple div { margin: 0; padding:0; }
.bg-pink { background-color:#fbb1b5;}

ul.shop-box { width:980px; margin:0 auto; list-style: none; padding:20px 0;}
ul.shop-box li { width:32%; margin:0 2% 2% 0; background-color: #fff; border-radius:10px; display:inline-block; vertical-align: top; box-shadow: 0 0 8px gray; text-align: center; height:auto;}
ul.shop-box li img { width:80%; height:auto; margin:20px auto 0 auto;}
ul.shop-box li:nth-child(3n) { margin:0 0 2% 0; }
ul.shop-box li div { height:150px; width:95%; margin:0 auto; position:relative; }
ul.shop-box li div p { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:100%; color:#260e03;}

.bg { background-image: url("../images/bg.png"); background-repeat: repeat; background-position: top left; }


ul.btn-link3 { list-style:none; width:980px; margin:20px auto 0 auto; }
ul.btn-link3 li { display:inline-block; width:32%; margin:0 2% 0 0; font-size:1.7em; line-height:1.3; text-align:center; height:6em; vertical-align:middle; position:relative; background-color: #e4d0a3; border-radius: 15px;}
ul.btn-link3 li:last-child { margin:0 0 0 0;}
ul.btn-link3 li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
ul.btn-link3 li a:hover { background-color:#ecdfbf; border-radius: 15px;}

.w980 { width:980px; margin:0 auto; }
.map-ttl { }
.dashed {
  background-image : linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);  /* 幅2の線を作る */
  background-size: 20px 15px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}

.lead-ttl { width:100%; font-size:1.8em; line-height:1.5; text-align:center; margin:2% auto;} 

ul.btn-map { list-style:none; width:980px; margin:20px auto 0 auto; }
ul.btn-map li { display:inline-block; width:31.5%; margin:0 2% 0 0; font-size:1.3em; line-height:1.3; text-align:center; height:7em; vertical-align:middle; position:relative; background-color: #fff; border-radius: 15px; box-shadow: 0 0 8px gray; font-weight:bold; }
ul.btn-map li:last-child { margin:0 0 0 0;}
ul.btn-map li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
ul.btn-map li a:hover { background-color:#f5f5f5; border-radius: 15px;}

ul.btn-map li:nth-child(1) { border:solid 2px #2c529b; color:#2c529b; }
ul.btn-map li:nth-child(1)  a { color:#2c529b; }

ul.btn-map li:nth-child(2) { border:solid 2px #f67418; color:#f67418; }
ul.btn-map li:nth-child(2)  a { color:#f67418; }

ul.btn-map li:nth-child(3) { border:solid 2px #78107c; color:#78107c; }
ul.btn-map li:nth-child(3)  a { color:#78107c; }

.lap { color:#2c529b; }
.mop { color:#f67418; }
.urb { color:#78107c; }


.btn1 { width:490px; margin:0 auto; font-size:1.8em; line-height: 1.3; text-align: center; height:4em; position:relative; border-radius: 25px; background-color: #2c529b; box-shadow: 0 0 8px gray;}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn1 a:hover { background-color:#6b87b9; border-radius: 25px;}

.btn2 { width:490px; margin:0 auto; font-size:1.8em; line-height: 1.3; text-align: center; height:6em; position:relative; border-radius: 25px; background-color: #f67418; box-shadow: 0 0 8px gray;}
.btn2 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn2 a:hover { background-color:#fa9e5d; border-radius: 25px;}

.btn3 { width:490px; margin:0 auto; font-size:1.8em; line-height: 1.3; text-align: center; height:4em; position:relative; border-radius: 25px; background-color: #78107c; box-shadow: 0 0 8px gray;}
.btn3 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn3 a:hover { background-color:#a056a3; border-radius: 25px;}

#tab1 { width:980px; margin:10px auto;}
#tab2 { width:980px; margin:10px auto;}
#tab3 { width:980px; margin:10px auto;}
.mb1em { margin-bottom:0.75em;}

.fs3 { font-size:1.6em;}
.fs2 { font-size:1.3em;}
.fs1 { text-decoration: underline;}
.fs0 { font-size:1.2em;}

.map { width:1013px; margin:0 auto;}
.map img { width:100%;}

.otoku-box { width:980px; margin:0 auto; position:relative; display:block; height:1450px;}
.otoku-box { width:980px; margin:0 auto; position:relative; display:block; height:1150px;}
ul.otoku1 { list-style:none; width:100%; position:absolute; top:0; left:0; }
ul.otoku1 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku1 li img { width:95%; }
ul.otoku1 li p { width:80%; margin:0 auto; font-size:1.7em; line-height: 1.5;}

ul.otoku2 { list-style:none; width:100%; position:absolute; top:350px; left:0; }
ul.otoku2 { list-style:none; width:100%; position:absolute; top:450px; left:0; }
ul.otoku2 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku3 li img { width:95%; }
ul.otoku2 li p { width:80%; margin:0 auto; font-size:1.7em; line-height: 1.5;}

ul.otoku3 { list-style:none; width:100%; position:absolute; top:800px; left:0; }
ul.otoku3 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku3 li img { width:95%; }
ul.otoku3 li p { width:80%; margin:0 auto; font-size:1.7em; line-height: 1.5;}

.otoku-4 { float:right; width:27%; margin:20px 0 0 0;}

.members-box { width:980px; margin:0 auto; position:relative; display:block; padding-bottom:10px;}
.whats { width:60%; border:solid 1px #260e03; background-color:#fff; padding:30px; margin:0 auto; position:static; text-align: center;}

.btn-members { display:inline-block; width:70%; margin:20px auto 0 auto; font-size:1.7em; line-height:1.3; text-align:center; height:5em; vertical-align:middle; background-color: #e4d0a3; border-radius: 15px; font-weight:bold;}

.btn-members a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
.btn-members a:hover { background-color:#ecdfbf; border-radius: 15px;}
.otoku-5 { position:absolute; width:20%; margin:20px 0 0 0; bottom:20px; right:0; }
.otoku-5 img { width:55%;}

/*モーダル*/
.md640 { width:640px; margin:60px auto; }
h1.md1 { color:#2c529b; text-align: center; font-size:2.5em; line-height: 1.3;}
p.lead { color:#2c529b; text-align: center; font-size:2em; line-height: 1.3; font-weight:bold; margin:10px auto;}

h1.md2 { color:#f67418; text-align: center; font-size:2.5em; line-height: 1.3;}
p.lead-md2 { color:#f67418; text-align: center; font-size:2em; line-height: 1.3; font-weight:bold; margin:10px auto;}

h1.md3 { color:#78107c; text-align: center; font-size:2.5em; line-height: 1.3;}
p.lead-md3 { color:#78107c; text-align: center; font-size:2em; line-height: 1.3; font-weight:bold; margin:10px auto;}

p.body640 { width:640px; font-size:1.3em; line-height: 1.5; text-align: left; margin:15px auto 0 auto; }
p.body { width:550px; font-size:1.3em; line-height: 1.5; text-align: left; margin:15px auto 0 auto; }
ul.col2 { list-style: none; width:100%; }
ul.col2 li { width:49%; margin:0 1% 0 0; display:inline-block; }
ul.col2 li:last-child { margin:0; }
h3.shopname { font-size:1.8em; line-height: 1.3; margin:0 0 5px 0; text-align:left;}
ul.shop-col { list-style: none; width:640px; border-bottom:solid 1px #ddd; padding-bottom:5px;}
ul.shop-col li { display:inline-block; vertical-align: top;}
ul.shop-col li:first-child { width:150px; margin:0 20px 10px 0 ;}
ul.shop-col li:last-child { width:470px; margin:0 0 10px 0 ;}
ul.shop-col.no-border { border-bottom:none!important;}

ul.col3 { width:640px; margin:0 auto; list-style: none;}
ul.col3 li { width:32%; display:inline-block; margin:0 2% 0 0; padding:0; vertical-align: bottom;}
ul.col3 li:last-child { margin:0 0 0 0;}
ul.col3 li p { font-weight:bold; text-align: center;}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 20px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #2c529b;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 17%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon1-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 17%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #2c529b;
  z-index: 1;
}

.balloon1-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}

.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 20px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #f67418;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #f67418;
  z-index: 1;
}

.balloon2-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}

.balloon3-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 20px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #78107c;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon3-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 83%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon3-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 83%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #78107c;
  z-index: 1;
}

.balloon3-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}




@media screen and (max-width: 600px) {
* {
    -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 {
	position: relative;
	width: 100%;
	margin:0 auto;
	background-image:none;
	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:2%!important; }
.mt200 { margin-top:2%!important; }
.mt150 { margin-top:2%!important; }
.mt100 { margin-top:5%!important; }
.mt70 { margin-top:5%!important; }
.mt60 { margin-top:10%!important; }
.mt50 { margin-top:2%!important; }
.mt40 { margin-top:6%!important; }
.mt30 { margin-top:2%!important; }
.mt10 { margin-top:3%!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:0!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;}


.spmenu { display:block; height:auto; width:100%;text-align:right; padding:0; }
ul.menu { display:none; }

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; }



.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; }
.w550 { 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; }
.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:2% auto; width:95%; border:solid 1px #231815;}

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:1.2em; line-height:1.3; }
.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:70%; margin:4% auto; }
ul.ft-logo li { width:40%; display:inline-block; margin:0 10% 2% 0; }
ul.ft-logo li:nth-child(3) { width:40%; display:inline-block; margin:0 0 0 0; }

.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;}

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:95%; 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:85%; 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;}
.lh13 { font-size:0.95em; line-height: 1.3; margin:10px 0 0 0;}
.wb {word-wrap: break-word;}


.btn3 { width:16em; margin:0 auto 4% auto; font-size:1.5em; line-height: 1.3; text-align: center; height:4em; position:relative; border-radius: 50vh; background-color: #c81101;}
.btn3 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fcc9b6;}
.btn3 a:hover { background-color:#f668b2; border-radius: 50vh; color:#fff;}

.btn-step { width:6em; margin:0 0 10px 0; font-size:1.5em; line-height: 1.3; text-align: center; height:2.3em; position:relative; border-radius: 50vh; background-color: #26120b;}
.btn-step span { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color: #fff;}



.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:95%!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;}

.pb50 { padding-bottom:5%!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; }



.bg1 { background-image:url("../images/bg1.jpg"); background-repeat:no-repeat; background-position:top left; background-size:100% 100%;}
.mt350 { margin-top:15%;}

.btn4 { width:14em; margin:0 auto; font-size:1em; text-align: center; height:6em; position:relative; border-radius: 50vh 0 0 50vh; background-color: #0a51a1;}
.btn4 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#fff; line-height: 1.3; padding:0 0 0 4%;}
.btn4 a:hover { background-color:#4c80ba; border-radius: 50vh 0 0 50vh; color:#fff;}
div.large4 { font-size:1.2em; display:block!important;}
/*.btn4 a span { display:block!important;}*/

.btn1 { width:65%; margin:0 auto; font-size:1.4em; line-height: 1.3; text-align: center; height:3.5em; position:relative; border-radius: 50vh; background-color: #0a51a1; }
.bg-gray { background-color: #808080!important;}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn1 a:hover { background-color:#4c80ba; border-radius: 50vh;}


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;
}

/*タブ*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
	width:95%;
	margin:4% auto;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: rgba(255,255,255,1);
}
section.typeA .tabLabel {	/* タブ */
	margin: 0;
	padding: 1%;
	flex: 1;
	order: -1;
	border-radius: 5px 5px 0 0;
	color: #906f5d;
	background: rgba(228,220,199,1);
	transition: .5s ;
	cursor: pointer;
	font-size:0.9em;
	text-align: center;
}
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 + .tabLabel {
	color: #0a51a1;
	background: rgba(255,255,255,1);
	font-size:0.9em;
	text-align: center;
}
section.typeA input:checked + .tabLabel + .content {
	padding: 2%;
	height: auto;
	overflow: auto;
	background-color:#fff;
	transition: .5s opacity;
	opacity: 1;
}

.w750 { width:95%; margin:0 auto; }
.w820 {width:95%; margin:0 auto!important; }
ul.w750 li { margin:0 auto 4% auto; }

/*円の中に文字*/
.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:95%; margin:4% auto 2% auto; }
ul.btm800 li { font-size:1.1em; line-height:1.3; text-align:left;  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; }

/*メンバーズ*/
.btn1 { width:90%; margin:0 auto; font-size:1.3em; line-height: 1.3; text-align: center; height:3.5em; position:relative; border-radius: 25px; background-color: #ffd900; box-shadow: 4px 4px 6px rgba(0,0,0, 0.25);}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#0a51a1;}
.btn1 a:hover { background-color:#ffe341; border-radius: 25px;}
.btn1a { width:95%; margin:0 auto; font-size:2em; line-height: 1.3; text-align: center; height:4.5em; position:relative; border-radius: 50vh; background-color: #808080;}
.bg-gray { background-color: #808080!important;}

.btn2 { width:90%; margin:0 auto; font-size:1.1em; line-height: 1.3; text-align: center; height:5em; position:relative; border-radius: 25px; background-color: #ffd900; box-shadow: 4px 4px 6px rgba(0,0,0, 0.25);}
.btn2 p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-decoration:none; text-align:center; font-weight: bold; color:#0a51a1; width:100%; padding:0; margin:-1% 0 0 0;}
.btn2:hover { background-color:#ffe341; border-radius: 25px; }
.btn2 p.m1 { margin:0 0 0 0!important;}
.btn2 a {display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


.btn11 { width:90%; margin:0 auto; font-size:1.3em; line-height: 1.3; text-align: center; height:5em; position:relative; border-radius: 25px; background-color: #ffd900; box-shadow: 4px 4px 6px rgba(0,0,0, 0.25);}
.btn11 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#0a51a1;}
.btn11 a:hover { background-color:#ffe341; border-radius: 25px;}

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; }

.btn12 { width:90%; margin:0 auto; font-size:1.6em; line-height: 1.3; text-align: center; height:4em; position:relative; border:1px solid #0a51a1; background-color: #fff; }
.btn12 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#0a51a1;}
.btn12 a:hover { background-color:#f5f5f5; }

.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;}

.btn13 { width:90%; margin:0 auto; font-size:1.8em; line-height: 1.3; text-align: center; height:3em; position:relative; border-radius: 25px; background-color: #0a51a1; }
.btn13 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#ffd900;}
.btn13 a:hover { background-color:#4976b5; border-radius: 25px;}
.rec { color:#0a51a1; text-align: center; font-size:1.4em; font-weight:bold; margin:-30px 0 5px 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.1em!important;  }
.large1 { font-size:1.2em; }
.large1a { font-size:1.1em!important; }
.large2 { font-size:1.7em!important; }
.large3 { font-size:1.4em!important; }

.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; }

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%; }
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:85%; 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:2% 0 1% 0; float:left; padding-right:1em; border-right:1px solid #333; text-align:right; }
ul.ft_menu li:nth-child(6) {  margin:2% 0 1% 1em; padding-right:1em; border-right:none; width:45%; text-align:left;}

.sp-sm { font-size:0.9em;}
.w80 { width:95%; }

/*モーダル*/
body.md {
	width: 100%;
	min-width: 100%; }
	
.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.list { width:95%; margin:0 auto; }
ul.list li { list-style-type:disc; font-size:1.1em; line-height:1.3; text-align:left;  margin:0 0 0 1em; }

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; }

.btn12 { width:100%; margin:0 auto; font-size:1.3em; line-height: 1.3; text-align: center; height:4em; position:relative; border:1px solid #0a51a1; background-color: #fff; }
.btn12 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#0a51a1;}
.btn12 a:hover { background-color:#f5f5f5; }

.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.2em; line-height: 1.3;}

.btn13 { width:95%; margin:0 auto; font-size:1.3em; line-height: 1.3; text-align: center; height:3em; position:relative; border-radius: 15px; background-color: #0a51a1; }
.btn13 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#ffd900;}
.btn13 a:hover { background-color:#4976b5; border-radius: 15px;}
.rec { color:#0a51a1; text-align: center; font-size:1.2em; font-weight:bold; margin:-30px 0 5px 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;}

/*新ページ*/
ul.header-logo { list-style: none; margin:0; padding: 0; width:100%;}
ul.header-logo li { display:inline-block; margin:0 0 0 0!important; width:20%; padding:0;}
ul.header-logo li img { width:95%!important; margin:0; padding:0;}
.mainttl { width:100%; background-color:#fbb1b5; text-align: center; }
.movie { width:100%; height:auto; overflow: hidden; margin:0 auto; padding:0; position:static;}
.cover { position:absolute; top:0; left:0; z-index:99;}
.multiple { padding: 0; }
.multiple img { width: 100%; }
.multiple div { margin: 0; }
.bg-pink { background-color:#fbb1b5;}

ul.shop-box { width:95%; margin:0 auto; list-style: none; padding:3% 0;}
ul.shop-box li { width:32%; margin:0 2% 2% 0; background-color: #fff; border-radius:10px; display:inline-block; vertical-align: top; box-shadow: 0 0 6px gray; text-align: center; height:auto;}
ul.shop-box li img { width:80%; height:auto; margin:3% auto 0 auto!important;}
ul.shop-box li:nth-child(3n) { margin:0 0 2% 0; }
ul.shop-box li div { height:6em; width:95%; margin:0 auto; position:relative; }
ul.shop-box li div p { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align: center; width:100%; color:#260e03; font-size:0.8em;}

.bg { background-image: url("../images/bg.png"); background-repeat: repeat; background-position: top left; }


ul.btn-link3 { list-style:none; width:95%; margin:2% auto 0 auto; }
ul.btn-link3 li { display:block; width:100%; margin:0 0 4% 0; font-size:1.5em; line-height:1.3; text-align:center; height:4em; vertical-align:middle; position:relative; background-color: #e4d0a3; border-radius: 15px;}
ul.btn-link3 li:last-child { margin:0 0 0 0;}
ul.btn-link3 li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
ul.btn-link3 li a:hover { background-color:#ecdfbf; border-radius: 15px;}

.w980 { width:95%; margin:0 auto; }
.map-ttl { }
.dashed {
  background-image : linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);  /* 幅2の線を作る */
  background-size: 20px 15px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}

.lead-ttl  { width:95%; font-size:1.3em!important; line-height:1.4; text-align:center; margin:2% auto;} 

ul.btn-map { list-style:none; width:95%; margin:3% auto 0 auto; }
ul.btn-map li { display:inline-block; width:32%; margin:0 2% 0 0; font-size:0.7em; line-height:1.3; text-align:center; height:8em; vertical-align:middle; position:relative; background-color: #fff; border-radius: 10px; box-shadow: 0 0 6px gray; font-weight:bold; }
ul.btn-map li:last-child { margin:0 0 0 0;}
ul.btn-map li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
ul.btn-map li a:hover { background-color:#f5f5f5; border-radius: 15px;}

ul.btn-map li:nth-child(1) { border:solid 2px #2c529b; color:#2c529b; }
ul.btn-map li:nth-child(1)  a { color:#2c529b; }

ul.btn-map li:nth-child(2) { border:solid 2px #f67418; color:#f67418; }
ul.btn-map li:nth-child(2)  a { color:#f67418; }

ul.btn-map li:nth-child(3) { border:solid 2px #78107c; color:#78107c; }
ul.btn-map li:nth-child(3)  a { color:#78107c; }

.lap { color:#2c529b; }
.mop { color:#f67418; }
.urb { color:#78107c; }


.btn1 { width:90%; margin:0 auto; font-size:1.5em; line-height: 1.3; text-align: center; height:4em; position:relative; border-radius: 20px; background-color: #2c529b; box-shadow: 0 0 6px gray;}
.btn1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn1 a:hover { background-color:#6b87b9; border-radius: 20px;}

.btn2 { width:90%; margin:0 auto; font-size:1.5em; line-height: 1.3; text-align: center; height:6em; position:relative; border-radius: 20px; background-color: #f67418; box-shadow: 0 0 6px gray;}
.btn2 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn2 a:hover { background-color:#fa9e5d; border-radius: 20px;}

.btn3 { width:90%; margin:0 auto; font-size:1.5em; line-height: 1.3; text-align: center; height:4em; position:relative; border-radius: 20px; background-color: #78107c; box-shadow: 0 0 6px gray;}
.btn3 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; font-weight: bold; color:#fff;}
.btn3 a:hover { background-color:#a056a3; border-radius: 20px;}

#tab1 { width:95%; margin:1% auto;}
#tab2 { width:95%; margin:1% auto;}
#tab3 { width:95%; margin:1% auto;}
.mb1em { margin-bottom:0.75em;}

.fs3 { font-size:1.15em;}
.fs2 { font-size:1em;}
.fs1 { text-decoration: underline;}
.fs0 { font-size:0.9em;}
.fs-sp { font-size:0.8em;}


.otoku-box { width:95%; margin:0 auto; position:static; display:block; height:auto;}
ul.otoku1 { list-style:none; width:100%; position:static; top:0; left:0; }
ul.otoku1 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku1 li img { width:95%; }
ul.otoku1 li p { width:90%; margin:0 auto; font-size:1.1em; line-height: 1.3;}

ul.otoku2 { list-style:none; width:100%; position:static; top:350px; left:0; }
ul.otoku2 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku3 li img { width:95%; }
ul.otoku2 li p { width:90%; margin:0 auto; font-size:1.1em; line-height: 1.3;}

ul.otoku3 { list-style:none; width:100%; position:static; top:800px; left:0; }
ul.otoku3 li { display:inline-block; width:50%; vertical-align: middle;}
ul.otoku3 li img { width:95%; }
ul.otoku3 li p { width:90%; margin:0 auto; font-size:1.1em; line-height: 1.3;}

.otoku-4 { float:right; width:27%; margin:20px 0 0 0;}

.members-box { width:95%; margin:0 auto; position:relative; display:block; padding-bottom:4%;}
.whats { width:90%; border:solid 1px #260e03; background-color:#fff; padding:3%px; margin:0 auto; position:static; text-align: center;}

.btn-members { display:inline-block; width:90%; margin:3% auto 0 auto; font-size:1.3em; line-height:1.3; text-align:center; height:5em; vertical-align:middle; background-color: #e4d0a3; border-radius: 15px; font-weight:bold;}

.btn-members a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-decoration:none; text-align:center; color:#260e03;}
.btn-members a:hover { background-color:#ecdfbf; border-radius: 15px;}
.otoku-5 { position:absolute; width:20%; margin:0 0 0 0; bottom:20%; right:0; }
.otoku-5 img { width:55%; float:right;}

/*モーダル*/
.md640 { width:95%; margin:5% auto; }
h1.md1 { color:#2c529b; text-align: center; font-size:2em; line-height: 1.3;}
p.lead { color:#2c529b; text-align: center; font-size:1.4em; line-height: 1.3; font-weight:bold; margin:2% auto;}

h1.md2 { color:#f67418; text-align: center; font-size:2em; line-height: 1.3;}
p.lead-md2 { color:#f67418; text-align: center; font-size:1.4em; line-height: 1.3; font-weight:bold; margin:2% auto;}

h1.md3 { color:#78107c; text-align: center; font-size:2em; line-height: 1.3;}
p.lead-md3 { color:#78107c; text-align: center; font-size:1.4em; line-height: 1.3; font-weight:bold; margin:2% auto;}

p.body640 { width:100%; font-size:1.2em; line-height: 1.5; text-align: left; margin:2% auto 0 auto; }
p.body { width:100%; font-size:1.2em; line-height: 1.5; text-align: left; margin:2% auto 0 auto; }
ul.col2 { list-style: none; width:100%; }
ul.col2 li { width:49%; margin:0 1% 0 0; display:inline-block; }
ul.col2 li:last-child { margin:0!important; }
h3.shopname { font-size:1.4em; line-height: 1.3; margin:0 0 2% 0!important; text-align:left;}
ul.shop-col { list-style: none; width:100%; border-bottom:solid 1px #ddd; padding-bottom:1%; margin:0 auto;}
ul.shop-col li { display:inline-block; vertical-align: top;}
ul.shop-col li p { width:100%!important; font-size:1em;}
ul.shop-col li:first-child { width:35%; margin:0 2% 2% 0 ;}
ul.shop-col li:last-child { width:63%; margin:0 0 2% 0 ;}
ul.shop-col.no-border { border-bottom:none!important;}

ul.col3 { width:100%; margin:0 auto; list-style: none;}
ul.col3 li { width:32%; display:inline-block; margin:0 2% 0 0; padding:0; vertical-align: bottom;}
ul.col3 li:last-child { margin:0 0 0 0;}
ul.col3 li p { font-weight:bold; text-align: center; font-size:0.8em; }
ul.col3 li img { margin-top:2%;}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 2%;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #2c529b;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 17%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon1-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 17%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #2c529b;
  z-index: 1;
}

.balloon1-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}

.balloon2-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 20px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #f67418;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon2-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon2-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #f67418;
  z-index: 1;
}

.balloon2-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}

.balloon3-top {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 0 auto;
  padding: 20px;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #78107c;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 8px gray;
}

.balloon3-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 83%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
  
}

.balloon3-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 83%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #78107c;
  z-index: 1;
}

.balloon3-top p { width:95%; margin: 10px auto 0 auto; padding: 0; text-align: center; font-size:1em;}

.map { width:98%; margin:0 auto;}
.map img { width:100%;}
}

@media screen and (min-width: 2000px) {
.kv { position:relative; width:100%; height:auto; display:inline-block; overflow:hidden; vertical-align:bottom; }
.kv:before {
  content: "";
  display: block;
  padding-top: 35%;
}
.kv img { position:absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  }
.kv .pos { position:absolute; width: auto; height: auto; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(0%);}

}





