@charset "utf-8";

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

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

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

h4 { margin:10px auto 5px auto; width:810px; font-size:1.5em; color:#e4007f; text-align:left; }

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

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

}

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

.base_box {
	width:1400px;
	margin:0 auto;
	padding:20px 0;
	background-image:url("../images/bg.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
}

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



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

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

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

.item { width:850px; margin:20px auto; clear:both; background-color:#FFF; border-radius: 20px; padding:20px 0; }

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

.home { width:800px; text-align:center; margin:0 auto; padding:0 0 20px 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(4n) { 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 1em; display:inline; }
ul.ft_menu li a { color:#333; }

.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; }
/*
FOOTER
***************************************************************************/
footer {
	padding: 0;
	font-size: 10px;
	background-color:#fff;
	color: #333;
	text-align:center;
	clear:both;
	border-top:solid 1px #ccc;
}

.copy { width:100%; background-color:#e9569a; height:4em; color:#fff; line-height:4em; text-align:center; }
.totopfl { width:100%; border-bottom:solid 1px #ccc;}
.totop { width:1000px; margin:0 auto; height:3em; line-height:3em; text-align:right; font-size:1.2em; }
.totop a:link { color:#e4007f; text-decoration:none; }

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

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }


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

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

.kanto { width:852px; margin:15px auto 0 auto; text-align:left; clear:both; }
.kanto ul { list-style:none; width:852px; margin:10px auto; text-align:left; }
.kanto ul li { float:left; margin:0 6px 10px 0; }
.kanto ul li:nth-child(6) { float:left; margin:0 0 10px 0; }
.tokai { width:151px; margin:15px 0 0 0; text-align:left; clear:both; }
.tokai ul { list-style:none; width:151px; margin:10px auto; text-align:left; }
.tokai ul li { float:left; }
.kansai { width:500px; margin:-28px 0 31px 6px; text-align:left; float:left; }
.kansai ul { list-style:none; width:500px; margin:10px auto; text-align:left; }
.kansai ul li { float:left; margin:0 6px 10px 0; }


/*マージン*/
.rm20 { margin-right:20px; }
.tm10 { margin-top:10px; }
.tm20 { margin-top:20px; }
.bm10 { margin-bottom:10px; }
.bm20 { margin-bottom:20px; }

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

ul.info { width:810px; list-style:none; border-bottom: dotted 2px #e4007f; padding:0 0 11px 0; margin:0 auto 22px auto; }
ul.info li { float:left; margin:0 7px 7px 0; }
ul.info li:nth-child(5n) { margin:0 0 7px 0; }

ul.info1 { width:810px; list-style:none;  padding:0 0 11px 0; margin:0 auto; }
ul.info1 li { float:left; margin:0 7px 7px 0; }

.pc { display:block;}
.sp1 { 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 {
	width: 100%;
	margin:0 auto;
	background-image:url("../images/bg-sp.jpg");
	background-size:contain;
	background-repeat:repeat-y;
	padding:2% 0;
}

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

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


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


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

ul.bnr { list-style:none; margin:2% auto; width:100%; }
ul.bnr li { float:none; margin:0 0 4% 0; text-align:center; }
ul.bnr li:last-child { float:none; }

.slider .slick-slide:not(.slick-center) {
filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

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

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

.mainttl { width:95%; margin:1% auto;}

.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:95%; margin:2% auto; text-align:center; padding:2% 0; }

ul.item1 { margin:2% auto; width:85%;}
ul.item1 li { width:100%; height:auto; float:none; margin:7% 0; }
ul.item1 li:nth-child(1) { width:100%; float:none; margin:7% 0; }
ul.item1 li:nth-child(2) { width:100%; float:none; margin:7% 0; }
ul.item1 li:nth-child(3) { 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;
}

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

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

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:100%; margin:2% auto; text-align:center; }
ul.shop li { float:none; margin:0 1% 1% 0; display:inline-block; width:42%; }
ul.shop li:nth-child(4n) { float:none; margin:0 1% 1% 0; }
ul.shop li:nth-child(10) { width:75%; }

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

.jump { display:none; }

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

	
/*マージン*/
.rm20 { margin-right:1%; }

/*単館用*/
.disp_r { float:right; width:18%; margin:0 auto; text-align:center; padding:2% 0 0 0; }
.disp_l { width:75%; 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.z1 { width:90%; vertical-align:middle;}
.disp_r1 img.z2 { width:90%; vertical-align:middle;}

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

ul.info { list-style:none; border-bottom: dotted 2px #e4007f; padding:0 0 1% 0; margin:0 auto 1% auto; width:95%;}
ul.info li { float:left; margin:0 2% 2% 0; width:32%;}
ul.info li:nth-child(5n) { margin:0 2% 2% 0; }
ul.info li:nth-child(3n) { margin:0 0 2% 0; }

ul.info1 { list-style:none; padding:1% 0; margin:0 auto 1% auto; width:95%; border-bottom:none; text-align:left;}
ul.info1 li { float:left; margin:0 2% 2% 0; width:32%;}
ul.info1 li:nth-child(2) { float:left; margin:0 0 2% 0; width:43%;}
 /*ul.info1 li:nth-child(1) { width:80%; margin:0 auto 1% auto; }
ul.info1 li:nth-child(3) { width:70%; margin:0 auto 1% auto; }

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

/*よくあるご質問*/
.faq { width:98%; margin:2% auto; background-color:#FFF; border-radius: 0.5%;}
.faq_box {
	width:100%;
	margin:0 auto;
	background-image:url("../images/18-bg_1.jpg");
	background-repeat:repeat;
	background-position:top left;
	text-align:center;
	padding:2% 0;
}

.qa_box { width:95%; margin:0 auto; padding:1% 0; text-align:left; }
.qa_box hr { border:solid #ea5442; border-width:1px 0 0 0; height:1px;/* for IE6 */ clear:both;/* for IE6 */ }
.q { font-size:1.2em; line-height:1.5; color:#ea5442; margin:1em 0 0.5em 1em;}
.a { font-size:1.2em; line-height:1.5; margin:0 0 0.5em 0; padding:0.3em 0 0.3em 1em; background-color:#e0e6ea; color:#333; }
.a div { padding-left:1.25em; text-indent:-1.25em;}
.a div span { color:#638494; }

h2 { margin:3% auto; }
h3 img { width:90%; text-align:center; }
h4 { margin:2% auto; width:90%; font-size:0.9em; color:#e4007f; text-align:left; }

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

.pc { display:none;}
.sp { width:70%; margin:3% 0;}
.sp1 { display:block;}

}