@charset "utf-8";

/*
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;
}

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

/*
GLOBAL
***************************************************************************/
body {
	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: #333;
	line-height: 1.5;
	background: #fff;
	min-width:1400px;
}

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: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

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;
}

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

a:hover img.effect, input[type="image"]:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.2s;
}

img { border:none; height:auto; vertical-align:bottom; /* ie8 */}
a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=80 )"; }

/*マージン*/
.rm20 { margin-right:20px; }

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

.social_list {
	text-align: right;
	vertical-align: middle;
	margin:0 0 0 0;
}

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

.social_list li.title {
	margin-right: 40px;
	vertical-align: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.05em;
}

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

.mac.chrome .social_list li.facebook {
	vertical-align: top;
	height:1;
}

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

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

}

/*
TOPIMG
***************************************************************************/
.top_box {
	margin:30px auto;
	width:867px;
	padding:0;
	text-align:center;
	position:relative;
}

.top_box1 {
	margin:30px auto;
	width:850px;
	padding:0;
	text-align:center;
}

.hapikore { width:850px; margin:20px auto; }

/*全体*/
#container {
	position: relative;
	background: #fff;
	z-index: 1;
}

.base_box {
	position: relative;
	width:1400px;
	margin:0 auto;
	background-image:url("../images/18-bg_1.jpg");
	background-repeat:repeat;
	background-position:top left;
	text-align:center;
	border-bottom:1px dashed #333;
}

.base_box1000 {
	position: relative;
	width: 1000px;
	margin: 10px auto 0 auto;
}

.base_box2 {
	position: relative;
	width:1400px;
	margin:0 auto;
	background-image:url("../images/18-bg_2.jpg");
	background-repeat:repeat;
	background-position:top left;
	text-align:center;
	border-bottom:1px dashed #333;

}

.jump { position:fixed; bottom:20px; right:20px; z-index:9999;}

.sh-bnr { width:867px; margin:20px auto; padding:0 0 0 17px; }

/*ヘッダー画像*/
.main_ttl { width:1400px; position:relative; }
#m1 { position:absolute; top:20px; left:818px; }
#m2 { position:absolute; top:94px; left:105px; }
#m3 { position:absolute; top:180px; left:1121px; }
#m4 { position:absolute; top:326px; left:98px; }

/*店舗情報*/
.item { width:867px; margin:20px auto; }
ul.item1 { margin:20px 0 0 17px;}
ul.item1 li { width:410px; float:left; margin:0 30px 30px 0; }
ul.item1 li:nth-child(2n) { width:410px; float:left; margin:0 0 30px 0; }
ul.item1 li img { -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear; }
ul.item1 li img:hover { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.1s;
}

ul.item2 { margin:20px 0 0 0;}
ul.item2 li { width:410px; float:left; margin:0 30px 30px 0; }
ul.item2 li:nth-child(2n) { width:410px; float:left; margin:0 0 30px 0; }
ul.item2 li img { -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear; }
/*
 ul.item2 li img:hover { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.1s;
}
*/

.item_block { width:867px; margin:0 auto; padding:30px 0; }
.item800 { width:850px; margin:0 0 0 17px;}


.home { width:800px; text-align:center; margin:0 auto; padding:0 0 15px 0; clear:both; }
ul.flow { width:850px; }
ul.flow li { margin:0 6px 0 0; display:inline-block; vertical-align:bottom; }
ul.flow li:nth-child(5) { margin:0 0 0 0; }

ul.shop { width:850px; margin:20px auto; }
ul.shop li { float:left; margin:0 16px 16px 0; }
ul.shop li:nth-child(2n) { float:left; margin:0 0 16px 0; }

ul.ft_menu { width:100%; text-align:center; margin:40px auto; }
ul.ft_menu li { font-size:1.2em; margin:20px 2em; display:inline; }
ul.ft_menu li a { color:#FFF; }

.ft { text-align:center; clear:both; }
.bnr { margin:0; clear:both; }

ul.link { list-style:none; width:852px; margin:0 auto 40px auto; text-align:left; }
ul.link li { width:137px; display:inline-block; margin:0 6px 15px 0; }
ul.link li:nth-child(6) { width:137px; display:inline-block; margin:0 0 15px 0; }
ul.link li.noinline { display:block; }


ul.bnr { list-style:none; margin:20px auto; }
ul.bnr li { float:left; margin:0 0 20px 0; }
ul.bnr li:last-child { float:right; }


/*注意事項*/
.caution { width:867px; margin:30px auto; clear:both; }
.caution1 { width:850px; margin:30px auto; clear:both; }
.c_left { float:left; margin:0 20px 0 17px;}
.c_right { float:right; width:744px; font-size:1.1em; line-height:1.5; text-align:left;}
.c_left1 { float:left; margin:0 20px 0 0;}
.c_right1 { float:right; width:744px; font-size:1.1em; line-height:1.5; text-align:left;}


/*buruburu*/
.buruburu {
    display: inline-block;
    animation: hurueru 2s  infinite;
}

.buruburu1 {
    display: inline-block;
    animation: hurueru 1.2s  infinite;
}


/*animation*/
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


.rotate-anime {
animation: rotate-anime 9s linear infinite;
}
@keyframes rotate-anime {
0%  {transform: rotate(0);}
100%  {transform: rotate(360deg);}
}



/*
FOOTER
***************************************************************************/
footer {
	padding: 8px 0;
	font-size: 10px;
	background-color:#ea5442;
	color: #fff;
	text-align:center;
	clear:both;
}

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

.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

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

.disp_l { float:left!important; }
.disp_l1 { float:left!important; }
.disp_r { float:right!important; }
.disp_r1 { float:right!important; }

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

.ttl { text-align:left; }
.ft-logo { display:none; }


/*スマホ用ナビ*/
.sp-jump { display:none; }
.sp-jump1 { display:none; }


	
@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;
	overflow:hidden;
}

.base_box {
	position: relative;
	width: 100%;
	margin:0 auto;
}

.base_box2 {
	position: static;
	width:100%;

	
}

.base_box1000 {
	position: relative;
	width: 100%;
	margin: 10px auto 0 auto;
}

.top_box {
	position: relative;
	margin:0 auto;
	width:98%;
	padding:1%;
}

.top_box1 {
	margin:2% auto;
	width:100%;
	padding:0;
	text-align:center;
}

.hapikore { width:100%; margin:2% auto; }

.ft { width:100%; text-align:center; margin:2% auto; }
.check { margin:2% 0; }


.toggle { display:none; float:right; text-align:right; margin:5% 1% 0 0; padding:0; position: relative;top: 50%; transform: translateY(-50%);}

.toggle img { width:60%; }

.spmenu { list-style:none; width:100%; text-align:center; border-top:solid 1px #ccc; padding:1% 0 0 0; }

.mb40 { margin-bottom:2%!important; }
.mb20 { margin-bottom:1%!important; }


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

.top_box {
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:center;
}

/*ヘッダー画像*/
.main_ttl { width:100%; position:relative; }
#m1 { position:absolute; top:12px; left:50%; }
#m2 { position:absolute; top:15px; left:3%; }
#m3 { position:absolute; top:50px; left:75%; }
#m4 { position:absolute; top:60px; left:1%; }

#m1 img { width:25%; }
#m2 img { width:45%; }
#m3 img { width:65%; }
#m4 img { width:40%; }

/*注意事項*/
.caution { width:100%; margin:7% auto 3% auto; }
.c_left { float:left; margin:0 1% 0 0; width:20%;}
.c_right { float:right; width:79%; font-size:0.9em; line-height:1.5; text-align:left;}

.caution1 { width:100%; margin:2% auto; }
.c_left1 { float:left; margin:0 1% 0 0; width:20%;}
.c_right1 { float:right; width:79%; font-size:0.9em; line-height:1.5; text-align:left;}

/*店舗情報*/
.item { width:100%; margin:2% auto; text-align:center; }
ul.item1 { margin:2% auto; width:85%;}
ul.item1 li { width:100%; height:auto; float:none; margin:7% 0; }
ul.item1 li:nth-child(2n) { width:100%; float:none; margin:7% 0; }
ul.item1 li img { -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear; }
 ul.item1 li img:hover { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition-duration: 0.1s;
}

ul.item2 { margin:2% auto; width:85%;}
ul.item2 li { width:100%; height:auto; float:none; margin:5% 0; }
ul.item2 li:nth-child(2n) { width:100%; float:none; margin:5% 0; }
ul.item2 li img { -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear; }
ul.item2 li img:hover { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition-duration: 0.1s;
}

.item_block { width:100%; margin:0 auto; padding:2% 0; }
.item800 { width:100%; margin:0;}

/*拡大縮小*/
.zoom { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition-duration: 0.1s;
}

.small { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition-duration: 0.1s;
}


ul.flow { width:100%; }
ul.flow li { margin:0 2% 2% 0; display:inline-block; vertical-align:bottom; width:35%; }
ul.flow li:nth-child(1) { margin:0 2% 2% 0; width:38%; vertical-align:bottom; display:inline-block; }
ul.flow li:nth-child(5) { margin:0 0 2% 0; width:50%; vertical-align:bottom; display:inline-block; }

ul.shop { width:80%; margin:2% auto; text-align:center; }
ul.shop li { float:none; margin:0 0 2% 0; display:inline-block; width:100%; }
ul.shop li:nth-child(2n) { float:left; margin:0 0 2% 0; width:100%; }



ul.ft_menu { width:95%; text-align:center; margin:2% auto; }
ul.ft_menu li { font-size:1.2em; margin:1% 1% 2%; display:inline; text-align:center; width:40%; }

.jump { display:none; }

.fade { filter: alpha(opacity=80);
	opacity: 0.8;
	}


/*SP用トラッキングボタン*/
.sp-jump { 
display:block;
position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 9999; 
	width:20%;
	filter: alpha(opacity=80);
	opacity: 0.8; }
	
.sp-jump1 { 
display:block;
position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 8888; 
	width:20%;
}
	
/*マージン*/
.rm20 { margin-right:1%; }

/*単館用*/
.disp_r { display:none; }
.disp_l { width:100%; position:fixed; top:0; left:0; background-color:#FFF; z-index:999; }
.disp_l img.v1 { width:35%; vertical-align:middle;}
.disp_l img.v2 { width:19%; vertical-align:middle;}
.disp_l img.v3 { width:21%; vertical-align:middle;}
.disp_l img.v4 { width:17%; vertical-align:middle;}

.disp_l1 { width:100%; position:fixed; top:0; left:0; background-color:#FFF; z-index:999; padding-top:1%; }
.disp_r1 { position:fixed; top:0; right:0; background-color:#FFF; z-index:9999; padding-top:1%; text-align:right;}
.disp_r1 img.z1 { width:40%; vertical-align:middle;}
.disp_r1 img.z2 { width:90%; vertical-align:middle;}


.social_box { margin:40px 0 0 0; }
.ft-logo { display:block; }

.home { width:90%; text-align:center; margin:0 auto; padding:0 0 2% 0; }

.sh-bnr { width:100%; margin:2% auto; padding:0; }

}