@charset "utf-8";

/* リセット */
/***************************************/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

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

ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration:none;
}
img{
	max-width: 100%;
	height: auto;
}
/* 共通 */
/***************************************/

body {
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Sans-serif;
	margin-top: 0;
}


/* ラッパー */
/***************************************/
.wrapper{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

/*	ヘッダ	*/
/***************************************/

.header_wrapper{
	width:980px;
	height: auto;
	position: fixed;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	z-index: 1;
	background-color: #ffffff;
}
.title{
	width: 23%;
	height: auto;
	float:left;
}
.title a{
	color: #666666;
   	 text-decoration: none;
   	 border-bottom:2px dashed #ff7373;
   	 -webkit-transition:border-bottom 0.3s ease-in-out;
     -moz-transition:border-bottom 0.3s ease-in-out;
 	 -ms-transition:border-bottom 0.3s ease-in-out;
	 -o-transition:border-bottom 0.3s ease-in-out;
	 transition:border-bottom 0.3s ease-in-out;
}
.title a:visited {
	 color: #666666;
 	 
}
.title a:active {
	 color: #F8C16F;

}
.title a:hover {
 	 color: #666666; 
 	 border-bottom:1px dashed #ffc0ca;
}
.title a:hover img{
	　/*IE7以下用*/
	　filter:alpha(opacity=80);
	  opacity:0.8;
}

/* ナビ */
/***************************************/
.g_nav{
	width: auto;
	float: right;
	margin: 0 30px 0 0;
}
.g_nav li{
	padding: 5px;
	margin: 5px;
	float: left;
}
.g_nav li a{
   	 color: #666666;
   	 text-decoration: none;
   	 border-bottom:2px dashed #ff7373;
   	 -webkit-transition:border-bottom 0.3s ease-in-out;
     -moz-transition:border-bottom 0.3s ease-in-out;
 	 -ms-transition:border-bottom 0.3s ease-in-out;
	 -o-transition:border-bottom 0.3s ease-in-out;
	 transition:border-bottom 0.3s ease-in-out;
}
.g_nav li a:visited {
	 color: #666666;
 	 
}
.g_nav li a:active {
	 color: #F8C16F;

}
.g_nav li a:hover {
 	 color: #666666; 
 	 border-bottom:1px dashed #ffc0ca;
}

/*　メイン　*/
/***************************************/
.main_container{
	font-size: 90%;
	width: 98%;
	height: auto;
	float: left;
	margin: 90px 0 0 0;
}
.main_wrapper{
	width: 100%;
	float: left;
	margin: 0 0 0 10px;
}

/* 一段目 ご案内 */
/***************************************/
.main_one{
	width: 98%;
	float: left;
	height: auto;
	background-image:url(../img/back_g_one.png);
	background-position: 66% 115%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.main_a{
	width: 100%;
	float: left;
	background-image:url(../img/background_img.png);	padding: 20px;
    border: 1px solid #f0f0f0;
    -moz-box-shadow:0 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=2, enabled=true);
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 80px 0 0 0;
}

#info{
	width: 100%;
	padding-top:30px;
}
#privacy{
	width: 100%;
	padding-top:30px;
}
#site_map{
	width: 100%;
	padding-top:30px;
}
#link{
	width: 100%;
	padding-top:30px;
}
.site_map{
	width: 98%;
	padding: 30px;
}
.site_map a{
 	 color: #666666;
 	 text-decoration:none;
 	 border-bottom:1px dashed #ffc0ca;
 	 -webkit-transition: 1s ease-in-out;
	 -moz-transition:1s ease-in-out;
	 -ms-transition:1s ease-in-out;
     transition:1s ease-in-out;
}
.site_map a:hover{
	color: #ff7373;
	text-shadow: 2px 3px 10px #F18D99;
	border-bottom:2px dashed #ff7373;
}
.site_map_big{
	width: 30%;
	margin: 20px 0 0 0;
}
.site_map_middle{
	width: 80%;
	margin: 10px 10px 10px 30px;
}
.site_map_middle li{
		list-style: circle;
}
.main_a h2{
	width: 100%;
	background-color: #ffffff;
	float: left;
	text-align: center;
	padding: 3px;
 	border:1px solid #ff7373;
 	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}


.main_a h3{
	width: 100%;
	float: left;
	text-align: left;
	margin: 30px 0 20px 20px;
}
.main_a blockquote h4{
	color: #ff7373;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.main_a h4{
	max-width: 100%;
	float: right;
 	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 10px 30px 30px 0;
}
.main_a blockquote h4{
	width: 98%;
	float:left;
	margin: 10px 10px 10px 30px;
}
blockquote a{
	color: #ff7373;
	-webkit-transition: 0.2s ease-in-out;

}
blockquote a:hover{
	color:#FF7F50;
	font-size: 120%;
}
.main_a p{
	width:50%;
	margin: 0 300px 0 30px;
}
#link p{
	width: 90%;
}
.main_a img{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.block{
	width: 100%;
}
.block dl{
    width: 50%;
    margin: 0 300px 0 30px;
}
.main_one .main_a .privacy_inquiry{
	width: 100%;
	margin: 30px 0 0 50px;
}
.led{
	width: 98%;
	margin: 30px 0 0 0;
}
.led h2{
	margin: 0 0 30px 0;
}
.led>p{
	padding: 30px 0 0 0;
}
.led a{
	color: #ff7373;
	-webkit-transition: 0.2s ease-in-out;
}
.led a:hover{
	color:#FF7F50;
	font-size: 120%;
}
/* 二段目 価格 */
/***************************************/
.main_two{
	width: 98%;
	height: auto;
	float: left;
	background-image:url(../img/back_g_two.png) ;
	background-position:70% 30%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.main_b{
	width: 100%;
	float: left;
	background-image:url(../img/background_img.png);
	padding: 20px;
    border: 1px solid #f0f0f0;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=2, enabled=true);
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 100px 0 0 0;
}

#price{
	width: 100%;
	padding-top:30px;
}
.div_price_p{
	width: 100%;
	float: left;
	clear: both;
	margin: 50px 0 0 0;
}
.div_price_t{
	width: 100%;
	float: left;
	margin: -100px 0 0 0;
}
.div_price_br_y{
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}
.div_price_s_one{
	width: 100%;
	float: left;
	margin: -280px 0 0 0;
}
.div_price_jk{
	width: 100%;
	float: left;
	clear: both;
	margin: -450px 0 0 0;
}
.div_price_coat{
	width: 100%;
	float: left;
	clear: both;
	margin: -140px 0 0 0;
}
.div_price_f{
	width: 100%;
	float: left;
	clear: both;
	margin: 80px 0 0 0;
}
.div_etc{
	width: 100%;
	float: left;
	clear: both;
	margin: 60px 0 0 0;
}
.main_b .div_etc h4{
	width: 15%;
	float: left;
	clear: both;
	text-align: center;
	border-bottom:1px dashed #ffc0ca;
	margin: 40px 0 0 30px;
}
.main_b .div_etc p{
	width: 60%;
	float: left;
	margin: 30px 0 0 130px;
}
.div_price_change{
	width: 100%;
	float: left;
	margin: 80px 0 0 20px;
}
.main_b .div_price_change h4{
	width: 15%;
	float: left;
	clear: both;
	text-align: center;
	border-bottom:1px dashed #ffc0ca;
}
.div_price_change p{
	width: 60%;
	float: left;
	margin: -10px 0 0 120px;
}
.div_price_change span{
	display: block;
}

.main_b h2{
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	padding: 3px;
 	border:1px solid #ff7373;
 	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
} 

.main_b h3{
	width: 10%;
	float: left;
	padding: 0 0 0 20px;
}
.main_b h3 img{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -moz-box-shadow:inset 2px 2px 0px #cccccc;
	-webkit-box-shadow:inset 2px 2px 0px #cccccc;	box-shadow:inset 2px 2px 0px #cccccc;
}
.main_b h3 img:hover{
	-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}
.main_b h4{
	width: 15%;
	float: left;
	margin: 0 10px 0 10px;
}
.main_b h4 span{
	display: block;
}
.main_b .price_dl{
	width: 28%;
	float: left;
}
.main_b .price_dl dt{
	width: 65%;
	margin: 0 10px 0 0;
	float: left;
	clear: both;
}
.main_b .price_dl dt span{
	display: block;
	color: #c0c0c0;
}
.main_b .price_dl dd{
	width: 25%;
	float: left;
}

.aside_one{
	max-width: 100%;
	float: left;
	margin: 100px 0 0 580px;
}
.aside_two{
	max-width: 100%;
	float: left;
	margin: 330px 0 0 580px;
}
.aside_three{
	max-width: 100%;
	float: left;
	margin: 0 0 0 580px;
}
aside .menu_img{
	max-width: 100%;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
/* 三段目 地図・電話など */
/***************************************/
.main_three{
	width: 98%;
	float: left;
	height: auto;
	background-image:url(../img/back_g_three.png) ;
	background-position: 62% 80%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.main_c{
	width: 100%;
	float: left;
	background-image:url(../img/background_img.png);	padding: 20px;
    border: 1px solid #f0f0f0;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=2, enabled=true);
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 100px 0 0 0;
}

#shop{
	width: 100%;
	padding-top:30px;
}
.main_c h2{
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	padding: 3px;
 	border:1px solid #ff7373;
 	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
}
.main_c h3{
	text-align: center;
}
.all_shop_div{
	width: 100%;
	padding: 50px 0 0 0;
}
.shop_div{
/* 2019-07-15 変更・33&から */
/* 2019-07-15 追加・マージン */
	width: 35%;
	float: left;
	padding: 0 0 0 30px;
	margin: 0 33%;
}
.shop_div .shop_dl{
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}
.shop_div img{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.shop_dl dt{
	width: 100%;
	float: left;
	text-align: center;
}
.shop_dl dd{
	width: 100%;
	float: left;
	text-align: center;
	
}
.shop_dd_tel,.shop_dd_opentime{
	color:#ff7373;
}

.shop_dl .g_map{
	width: 100%;
	float: left;
}
.g_map iframe,
.g_map object,
.g_map embed {
	max-width: 100%;
    height: auto;
   
}
#furuichi{
	margin: 80px 0 0 0;
}
#senbayashi{
	margin: 30px 0 0 0;

}
#moriguchi{
	margin: 80px 0 0 0;
}
/* 四段目・問い合わせ */
/***************************************/
.main_four{
	width: 98%;
	float: left;
	height: auto;
	background-image:url(../img/back_g_four.png) ;
	background-position: 68% 10%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.main_d{
	width: 100%;
	float: left;
	background-image:url(../img/background_img_inquiry.png);
	padding: 20px;
    border: 1px solid #f0f0f0;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=0, strength=2, enabled=true);
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 120px 0 80px 0;
}

#inquiry{
	width: 100%;
}
.main_d h2{
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	padding: 3px;
	margin: 10px 0 0 0;
	border:1px solid #ff7373;
 	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
} 
.main_d_p{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 20px;
}

.form_table{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
.form_table_tr{
	background-image:url(../img/background_img_inquiry.png);
}
.form_table th{
	vertical-align: middle;
	padding: 20px;
}
.form_table td{
		vertical-align: middle;
}
input:focus{
	background: #f8f8f8;
}
.inquiry_table_th{
	padding: 3px;
	color: #ffffff;
	background:#d8d8d8 ;
	-moz-border-radius: 95px;
	-webkit-border-radius: 95px;
	border-radius: 95px;
}
.main_d_inquiry_p{
	width: 100%;
	text-align: center;
}
.submit_btn {
	width: 30%;
	height: 40%;
	border: 0;
	border:1px solid #ff7373;
	padding: 30px;
    color: #666666;
    font-weight: bold;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;	
	border-radius: 30px;
	background: #ffdbdb;
	background: -moz-linear-gradient(top, #ffdbdb 0%, #fad2d2 40%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdbdb), color-stop(40%,#fad2d2));
	background: -webkit-linear-gradient(top, #ffdbdb 0%,#fad2d2 40%);
	background: -o-linear-gradient(top, #ffd79b 0%,#ffbd3a 40%);
	background: -ms-linear-gradient(top, #ffdbdb 0%,#fad2d2 40%);
	background: linear-gradient(top, #ffdbdb 0%,#fad2d2 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbdb', endColorstr='#fad2d2',GradientType=0 );
	box-shadow: 0 3px 0 #C26669;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.submit_btn:hover {
	top:2px;
	font-weight: normal;
	box-shadow: 0 2px 0 #ED9EA5;
}
.submit_btn:active {
	top: -2px;
	box-shadow: none;
}
/* フッタ */
/***************************************/
footer{
	width: 98%;
	clear: both;
}
.privacy_footer_padding{
	padding-top: 40px;
}
.foot_address{
	font-style: normal;
	float: right;
}
#privacy{
	width: 100%;
}
.footer_link{
	width: 100%;
	clear: both;
}
.footer_link li{
	width: 280px;
	float: left;
}
.footer_link a{
 	 color: #666666;
 	 text-decoration:none;
 	 border-bottom:1px dashed #ffc0ca;
 	 -webkit-transition: 1s ease-in-out;
	 -moz-transition:1s ease-in-out;
	 -ms-transition:1s ease-in-out;
     transition:1s ease-in-out;
}
.footer_link a:hover{
	color: #ff7373;
	text-shadow: 2px 3px 10px #F18D99;
	border-bottom:2px dashed #ff7373;

}
.copyrgiht{
	width: 98%;
	float: left;
	margin:2% 0 3% 0 ;
	text-align: center;
}