@charset "UTF-8";
/* CSS Document */

/* Reset base element settings */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
p,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

/* New elements of HTML5 to display: block */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

/* Clear image border */
img{
	border: 0;
	vertical-align: top;
}

/* Selected Text */
::selection {
/*	color: #333;*/
	background: #d5dede;
}
::-moz-selection {
/*	color: #333;*/
	background: #d5dede; /* Firefox */
}

/* Basic settings */
html {
	-webkit-text-size-adjust: 100%; /* Font size adjust for mobile */
	font-size: 62.5%; /* 10px */
	height: 100%;
/*	box-sizing: border-box;*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
				/*'ヒラギノ角ゴ Pro W3',
				 'Hiragino Kaku Gothic Pro',
				 'メイリオ', Meiryo,
				 'ＭＳ Ｐゴシック',
				 'Roboto',
				 sans-serif;*/
	color: #333;
}
body {
	font-size: 16px; /* for IE */
	font-size: 1.6rem;
	line-height: 1.6;
/*	background-color: #fff;*/
	background: url("../images/bg_loop.jpg") center top repeat;
}

a {
	outline: none; /* No dotted line of frame when linking */
	transition: 0.5s;
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color: #333;
	text-decoration: none;
}

a:hover{
	color: #9c9c9c;
	text-decoration: underline;
}

a:hover img {
	opacity: .6;
	transition: 0.5s;
}

/*リスト要素の初期値をリセット*/
ul,ol{
	list-style: none;
}

/*clearfixの設定*/
.clearfix:after,
#header:after,
.contents_box:after,
.photo_box01:after,
.photo_box02:after,
.title_box:after,
.shop_box:after,
ul.sns_icon:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}

* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; }#wrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

.box-sizing {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}



/*////////////////////////////////////////////////*/
/*//////////////////// Header ////////////////////*/
/*////////////////////////////////////////////////*/

#header {
	width: 100%;
	padding: 0;
	margin: 0;
}
#header img {
	width: 100%;
}

/*information*/
a #information_area {
	color: #fff;
	line-height: 1.0;
	background: url("../images/info_bg_loop.png") center top repeat;
	filter: brightness(1);
	font-weight: 700;
	text-align: center;
	width: 100%;
	padding: 0;
/*	border-bottom: solid 2px #e10c16; */
	position: fixed;
	top: 0;
	z-index: 100;
}
a:hover #information_area {
	filter: brightness(1.2);
}
#information_area p {
	font-size: 1.4em;
	padding: 8px 0 0;
}
#information_area span {
	font-size: 1.0em;
	line-height: 1.8;
}
#information_area .detail {
	font-size: 0.8em;
	line-height: 1;
	font-weight: 600;
	background-color: #fff;
	color: #e10c16;
	max-width: 1000px;
	width: 96%;
	padding: 0.5em 0;
	margin: 0 auto 8px auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}



/*////////////////////////////////////////////////*/
/*//////////////////// Footer ////////////////////*/
/*////////////////////////////////////////////////*/

#footer_wrap {
	width: 100%;
	margin: 1.0em 0 0 0;
	text-align: center;
}
footer {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
	max-width: 940px;
	padding: 1.0em 0 2.0em 0;
	margin: 0 auto;
}
ul.sns_icon {
	display: inline-block;
	margin: 1.0em 0;
}
ul.sns_icon li {
	float: left;
	margin: 0 0.9em;
}
ul.sns_icon li a i {
	font-size: 1.8em;
	line-height: 1;
}


/* Pagetop Button */
#pagetop {
	font-size: 2.0em;
	line-height: 1.0;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 300;
	opacity: .65;
	color: #828b8b;
}
#pagetop:hover {
	opacity: 1;
	transition: 0.5s;
}


.btn_box {
	max-width: 600px;
	width: 100%;
	padding: 1.5em 0;
	margin: 0 auto;
}
.shop_btn {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 1.0em;
	width: 100%;
	padding: 1.0em 0.3em;
	background: #e82700;
	border: solid 3px #fff;
	cursor: pointer;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	transition: 0.3s;
}

.shop_btn:hover {
	background: #ff5249;
}

/*campaign banner*/
.footer_banner {
	margin: 2.0em 0 0;
}
.footer_banner img {
	width: 100%;
}



/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

.contents_box {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	position: relative;
}
h2 {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.4;
	color: #e82700;
	font-weight: 800;
	text-align: center;
	margin: 1.5em 0 0.8em 0;
}
h3 {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.5;
	color: #009fe8;
	font-weight: 800;
	text-align: center;
	margin: 1.5em 0 0.6em 0;
}
h4 {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.5;
	color: #35b360;
	font-weight: 800;
	margin: 0 0 0.5em 0;
}
h4 p {
	font-size: 0.6em;
	line-height: 1.0;
	color: #e82700;
	font-weight: 800;
	margin: 0 0 0.3em 0;
}
.title_box {
	width: 100%;
	margin: 2.0em 0;
	border-bottom: solid 4px #e82700;
}
.title_box {
	position: relative;
}
.title_box div img {
	width: 100%;
}
.title_box div:nth-child(1) {
	float: left;
	width: 15%;
}
.title_box div:nth-child(2) {
	text-align: center;
	width: 70%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.title_box div:nth-child(2) h2 {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.0;
	color: #e82700;
	font-weight: 800;
	margin: 0;
}
.title_box div:nth-child(3) {
	float: right;
	width: 15%;
}

.photo_radius {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.photo_box01,
.photo_box02 {
	margin: 1.5em 0 0;
}
.photo_box01 .photo:nth-child(odd) {
	float: left;
}
.photo_box01 .photo:nth-child(even) {
	float: right;
}
.photo_box01 .photo {
	width: 47%;
}
.photo_box02 .photo:nth-child(2) {
	margin: 0 5%;
}
.photo_box02 .photo {
	float: left;
	width: 30%;
}
.photo_box01 .photo img,
.photo_box02 .photo img,
.shop_box .shop_photo img {
	width: 100%;
}
.shop_box {
	text-align: center;
	margin: 0 0 1.5em 0;
}
.shop_box .text_box {
	float: none;
	width: 100%;
}
.shop_box .shop_photo {
	float: none;
	width: 75%;
	margin: 1.0em auto 0 auto;
}
.googlemap {
	width: 100%;
	margin: 0 0 3.0em 0;
}
.googlemap:last-child {
	width: 100%;
	margin: 0;
}
.googlemap iframe {
	width: 100%;
	height: 350px;
}
.googlemap p {
	font-size: 0.8em;
	text-align: center;
	text-decoration: underline;
}
.illust {
	display: block;
	width: 100%;
	margin: 2.0em 0;
}
.customer_slider {
	width: 99.6%;
}
.customer_slider img {
	margin: 0 0.1%;
}
.line_box {
	text-align: center;
	background-color: rgba(255,255,255,.65);
	border: dashed 2px #06C755;
	padding: 1.0em 0.3em;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.line_box p {
	font-size: 0.8em;
	margin: 0 0 1.2em 0;
}




@media all and (min-width: 530px) {

/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

.shop_box {
	text-align: left;
	margin: 0 0 2.0em 0;
}
.shop_box .text_box {
	float: left;
	width: 50%;
}
.shop_box .shop_photo {
	float: right;
	width: 48%;
	margin: 0;
}

}




@media all and (min-width: 735px) {

body {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.7;
}


/*////////////////////////////////////////////////*/
/*//////////////////// Footer ////////////////////*/
/*////////////////////////////////////////////////*/

.btn_box {
	padding: 2.5em 0;
}
.shop_btn {	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
ul.sns_icon li {
	margin: 0 1.0em;
}
ul.sns_icon li a i {
	font-size: 1.4em;
}


/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/

.contents_box {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	position: relative;
}
h2 {
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 1.4;
	color: #e82700;
	font-weight: 800;
	text-align: center;
	margin: 1.5em 0 1.0em 0;
}
h3 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #009fe8;
	font-weight: 800;
	text-align: center;
	margin: 2.0em 0 1.0em 0;
}
h4 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #35b360;
	font-weight: 800;
	margin: 0 0 0.5em 0;
}
h4 p {
	font-size: 0.6em;
	line-height: 1.0;
	color: #e82700;
	font-weight: 800;
	margin: 0 0 0.3em 0;
}
.title_box {
	width: 100%;
	margin: 3.0em 0;
	border-bottom: solid 4px #e82700;
}
.title_box {
	position: relative;
}
.title_box div img {
	width: 100%;
}
.title_box div:nth-child(1) {
	float: left;
	width: 20%;
}
.title_box div:nth-child(2) {
	text-align: center;
	width: 60%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.title_box div:nth-child(2) h2 {
	font-size: 45px;
	font-size: 4.5rem;
	line-height: 1.0;
	color: #e82700;
	font-weight: 800;
}
.title_box div:nth-child(3) {
	float: right;
	width: 20%;
}

.photo_radius {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.photo_box01,
.photo_box02 {
	margin: 3.0em 0 0;
}

/*.shop_box {
	margin: 0 0 2.0em 0;
}
.shop_box .text_box {
	float: left;
	width: 50%;
}
.shop_box .shop_photo {
	float: right;
	width: 48%;
	margin: 0;
}*/
.googlemap {
	width: 100%;
	margin: 0 0 5.0em 0;
}
.googlemap:last-child {
	width: 100%;
	margin: 0;
}
.googlemap iframe {
	width: 100%;
	height: 450px;
}
.line_box {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

}




@media all and (min-width: 830px) {

/*////////////////////////////////////////////////*/
/*//////////////////// Header ////////////////////*/
/*////////////////////////////////////////////////*/






/*////////////////////////////////////////////////*/
/*/////////////////// Contents ///////////////////*/
/*////////////////////////////////////////////////*/


}