@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

img {border:0; vertical-align:bottom;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#474747;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;

-webkit-text-size-adjust: none;
/*background:url('images/bg.jpg'),linear-gradient(#b60005,#ffffff 800px);*/
/*background:linear-gradient#fff4f2,#ffffff 400px),url('images/footbg.jpg');*/

}


/* リンク設定
------------------------------------------------------------*/
a{color:#c63e26;text-decoration:none;}
a:hover{color:#f8a090;
	-webkit-transition:all 0.5s;/*オンマウスでフェード*/
	-moz-transition:all 0.5s;/*オンマウスでフェード*/
	transition:all 0.5s;/*オンマウスでフェード*/
}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/

#headblock{
width:100%;
z-index:100;
background:url('img/bg.jpg'),linear-gradient(#b60005,#ffffff 150px);
-webkit-background-size:1500px auto;
background-size:1500px auto;
background-repeat:no-repeat;"
}



#wrapper_topimg{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height:80px;
}

#header_exp {line-height:1em;margin-top:2px;}
#header_exp a {text-decoration:none;}
#header_exp {font-size:0.83em; font-weight:normal; padding:0.1em 0;}
#header_exp span {display:block; width:940px; margin:0 auto; text-align:left; text-indent:10px;}
#header_exp a {color:#f8a090;}

header nav ul {margin:0px; list-style:none; text-align:right; font-size:0.83em;padding-right:20px;}
header nav li {display:inline; border-right:1px #aaa dotted; padding:0 0.75em;}
header nav li.eol {border-right:none; padding-right:0;}
header nav a {color:#f87d67;}
header nav a:hover {color:#f8a090;}
header nav img {vertical-align:middle;}

/*************
/* ロゴ
*************/
.logo_top{
float:left;
margin-left:17px;
}

.logo{

float:left;
margin-left:17px;
}

.logo span{display:block;font-size:70%;}

.momo{
position:absolute;
left:370px;
top:15px;
z-index:-1;
}

/*************
/* info
*************/
.info_top{
position:relative;
float:right;
width:200px;
margin-top:5px;
margin-right:30px;
text-align:center;
}



.info_top a:hover{
color:#f8a090;
	-webkit-transition:all 0.1s;/*オンマウスでフェード*/
	-moz-transition:all 0.1;/*オンマウスでフェード*/
	transition:all 0.1s;/*オンマウスでフェード*/
}

.momo2{
position:absolute;
left:0px;
top:-10px;
z-index:999;
}


/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:11px;color:#474747;}


/*************
/* ロゴ+電話番号
*************/
.info .tel{
/*margin-top:6px;*/
color:#474747;
font-size:20px;
font-weight:bold;
}

.logo{
/*margin-bottom:6px;*/
}


.logo img{
max-width:100%;
height:auto;
}

.logo span,.info span{
color:#474747;
/*font-size:.6em;*/
font-weight:normal;
}


/* 新着情報 */
.news {margin-bottom:20px;}
.news h2 {background:url(../../images/common/mesh_2x4.gif) repeat-x 0 bottom; padding-bottom:6px; margin:0 0 15px!important; font-size:1.1em;}
.news dt {margin-top:0.4em;}
.news dd {margin:-1.5em 0 0.4em; padding:0 0 0.4em 10em; border-bottom:1px #ccc dotted;}
.news p {text-align:right;}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#topBanner{
margin:17px auto;/****17px*****/
padding:0;
width:100%;
position:relative;
line-height:0;
}

ul.bxslider{
margin: 0px 15px;
}

#topBanner img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}


#mainBanner{
margin:0px auto;/****17px*****/
padding:0;
width:100%;
position:relative;
line-height:0;
}


#mainBanner img{
max-width:100%;
height:auto;
/*border:4px solid #ebebeb;*/
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
color:#fff;
background-color: rgba(0,0,0,0.4);
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
color:#fff;
}


.oneclm{
margin: 0px 15px;
}

.oneclm img{
max-width:100%;
height:auto;
}

img.textboximg{
width:150px;
}
/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
border-radius:5px;
background:#fff;
}

.box{
margin:0 5px;
padding:10px;
border:1px solid #bda1af;/****ebebeb***/
}

.box img{
max-width:100%;
height:auto;
border:4px solid #bda1af;/****ebebeb***/
}

.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}



/*************
メイン コンテンツ
*************/

.topcontents{
margin-top:5px;
font-weight:bold;
text-align:center;
}

section.content article{
position:relative;
padding:20px;
margin-bottom:20px;
/*border:1px solid #ebebeb;*/
overflow:hidden;
}

section.content article p{
font-size:110%;
line-height: 2.0;
letter-spacing: 0.1em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;


}

p.title_2{
font-size:120%;
font-weight:bold;
color:#369683;
border-bottom:1px dotted #e9c6c6;
}



* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
margin-top:5px;
font-weight:bold;
padding:0 10px 0 35px;
line-height:36px;
color:#1a66c3;
text-shadow: 1px 1px 1px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #b1d3fd), color-stop(0.5, #dbeafc), color-stop(0.00, #ebf3fc));
background: -webkit-linear-gradient(top, #ebf3fc 0%, #dbeafc 50%, #b1d3fd 100%);
/*background: url('/images/h3_header_bg.png') left center no-repeat #c6dfff;*/
-webkit-background-size:80px auto;
background-size:80px auto;
}

h3.heading a {
color:#1a66c3;
display:block;
}

h3.heading a:hover {
color:#888;
}


.h2title{
position:relative;
min-height: 80px;
margin-top:10px;
border-radius: 15px;
border:3px solid #e9c6c6;
background: url('images/h2_title_bg.png') left center no-repeat #fefce7;
-webkit-background-size:150px auto;
background-size:150px auto;
background-repeat:no-repeat;
}


.h2title h2{
/*margin:25px 10px 20px 65px;*/
padding:25px 10px 20px 65px;
font-size:200%;
font-weight:bold;
line-height:1.2em;
color:#de7e7e;
font-family:"ＭＳ 明朝",Serif;
}

.h2title span{
height:80px;
position:absolute;
top:0px;
right:30px;
overflow:hidden;
}

.h2title span.add{
position:relative;
height:auto;
top:auto;
right:auto;
overflow:visible;

}




h2.title{
font-size:200%;
margin-top:5px;
font-weight:bold;
padding:0 10px 0 65px;
/*line-height:80px;*/
line-height:1.2em;
min-height: 80px;
letter-spacing: 0.1em;
vertical-align:middle;


color:#de7e7e;
/*text-shadow: 1px 1px 1px #888;*/
	border-radius: 15px;
	border:3px solid #e9c6c6;
font-family:"ＭＳ 明朝",Serif;
background: url('images/h2_title_bg.png') left center no-repeat #fefce7;
-webkit-background-size:150px auto;
background-size:150px auto;
background-repeat:no-repeat;

}


h2.title span{
height:80px;
position:absolute;
right:30px;
overflow:hidden;"
}



h2.title a {
color:#338bf8;
}

h2.title a:hover {
color:#888;
}



h3.title{
font-size:120%;
margin-top:5px;
font-weight:normal;
line-height:36px;
letter-spacing: 0.1em;
color:#de7e7e;
	border-radius: 15px;
	border:3px solid #e9c6c6;
text-shadow: 1px 1px 1px #ffffff; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fefce7), color-stop(0.5, #fefce7), color-stop(0.00, #fffef8));
background: -webkit-linear-gradient(top, #fffef8 0%, #fefce7 50%, #fefce7 100%);
}

h3.title span{
margin-left:10px;
padding:0 0 0 40px;
background: url('images/arrow_2.png') left center no-repeat #fefce7;
-webkit-background-size:30px auto;
background-size:30px auto;
}


h3.title a {
color:#338bf8;
}

h3.title a:hover {
color:#888;
}


h3.title_2{
font-size:120%;
/*margin-top:25px;*/
font-weight:bold;
/*line-height:36px;*/
padding:10px;
letter-spacing: 0.1em;
color:#de7e7e;
	border-radius:5px;
	border:1px solid #e9c6c6;
text-shadow: 1px 1px 1px #ffffff; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fefce7), color-stop(0.5, #fefce7), color-stop(0.00, #fffef8));
background: -webkit-linear-gradient(top, #fffef8 0%, #fefce7 50%, #fefce7 100%);
}

h3.title_2 span{
/*margin-left:10px;*/
/*padding:0 0 0 40px;
background: url('images/arrow_2.png') left center no-repeat #fefce7;
-webkit-background-size:30px auto;
background-size:30px auto;*/
}


h3.title_2 a {
color:#338bf8;
}

h3.title_2 a:hover {
color:#888;
}


h3.title_3{
font-size:120%;
/*margin-top:25px;*/
font-weight:bold;
/*line-height:36px;*/
padding:10px 10px 10px 45px;
letter-spacing: 0.1em;
color:#de7e7e;
	border-radius:5px;
	border:1px solid #e9c6c6;
text-shadow: 1px 1px 1px #ffffff; 
background: url('images/momo_3.png') left center no-repeat #fefce7;
-webkit-background-size:40px auto;
background-size:40px auto;
}

h3.title_3 span{
}


h3.title_3 a {
color:#338bf8;
}

h3.title_3 a:hover {
color:#888;
}



section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

#gallery .grid img,.border,ul.list img{border:4px solid #ebebeb;}



/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/
#sidebar ul{padding:0px;}/*****10px*****/

#sidebar li{
margin-left:10px;
margin-bottom:4px;
padding-bottom:4px;
list-style:none;
border-bottom:1px dotted #ebebeb;
font-weight:bold;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
color:#1a66c3;
display:block;
}

#sidebar li a:hover{color:#888;}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}


#sidebar .banners li{
padding:0;
margin-left:0px;
margin-top:5px;
margin-bottom:5px;
border:0px;
}

#sidebar .banners img{
max-width:100%;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#fdedee;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .logo a{
color:#f87d67;
}

#footer .info .tel,#footer .info .tel span, .info .open{
font-size:12px;
color:#474747;
}

ul.footnav{
float:left;
width:650px;
padding:10px 0;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
font-size:11px;	
border-right:1px solid #b6b6b6;
}

#footer a{color:#f87d67;}
#footer a:hover{color:#f8a090;}



ul.corpnav{
float:left;
width:650px;
padding:10px 0;
}

ul.corpnav li{
min-width:140px;
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
font-size:11px;	
color:gray;
}

#footer .corpnav a{color:gray;}
#footer .corpnav a:hover{color:gray;}






address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:10px;
color:#ffffff;
background:#b60005;
}

address a{
color:#ffffff;
}

address a:hover{
color:#ffffff;
}


.ptop {
	position:fixed;
	bottom:10px;
	right:2px;
	z-index:99;
	text-align:right;

}

.ptop a{
	text-decoration:none;
	color:#f87d67;
	display: inline-block;
	margin: 2px 2px 2px 2px;
	padding: 3px;
	text-decoration: none;
	border: 1px solid;
	border-radius: 0.2em;
	background-color: rgba( 255, 255, 255, 0.75 );
}


span.arrow{
	background: #000000;
	padding-left:15px;
	background: url('images/arrow.png') no-repeat left 50%;
	font-weight:bold;
}



img.cnt{
width:50%;
}

img.img100{
width:100%;
}

img.btm10{
margin-bottom:10px;
}

img.top10{
margin-top:10px;
}

table.tablestyle1{
	width:100%;
	border-collapse			: collapse;
	border-spacing			: 0px;
	color					: #3d3d3c;
	margin-bottom			: 10px;
	font-size: 12px;
}

table.tablestyle1 th{
	font-weight:bold;
	width:20%;
	border-right			: 1px dotted #cccccc;
	border-bottom			: 1px dotted #cccccc;
	padding					: 3px;
	text-align				: right;
	vertical-align:middle;
}

table.tablestyle1 td{
	text-align				: left;
	border-bottom			: 1px dotted #cccccc;
	padding					: 4px 6px 4px 6px;
	line-height				: 200%;
}


table.tablestyle2{
	width:100%;
	border-collapse			: collapse;
	border-spacing			: 0px;
	color					: #3d3d3c;
	margin-bottom			: 10px;
	font-size: 12px;
}

table.tablestyle2 th{
	font-weight:bold;
	width:20%;
	border-right			: 1px dotted #cccccc;
	border-bottom			: 1px dotted #cccccc;
	padding					: 3px;
	text-align				: right;
	vertical-align:middle;
}

table.tablestyle2 td{
	text-align				: left;
	border-bottom			: 1px dotted #cccccc;
	padding					: 4px 6px 4px 6px;
	line-height				: 200%;
}


.bld{
font-weight:bold;

}

p.bld{
font-weight:bold;

}

.clr,p.clr{
clear:both;
}




/*↓問合せフォーム */
.form {
	/*padding: 10px 15px;*/
}
.form ul {
	margin-left: 10px;
}

.form li ~ li {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}


.form-title {
	display: block;
	margin-bottom: 2px;
	margin-top: 10px;
	color: #666;
	font-weight:bold;
	font-size:100%;
}

.form-contents {
	margin-bottom:5px;
	margin-left:10px;
	font-size:100%;
}

.text-field {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	padding: 5px;
	background-color: #fafafa;
	font-size: 14px;
}

.text-select {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	padding: 5px;
	background-color: #fafafa;
	font-size: 14px;
	color:gray;
}

.text-field:focus {
	background-color: #fff;
}
.label-gender {
	margin-right: 1em;
}

.form-submit{
	clear:both;
	margin-top: 20px;
}

span.atn{
color:red;
}


/*form*/
form p{font-size:100%;}

select{
	width:90%; 
	font-size:100%; 
	padding:5px;
}

select{
width: 100%;
padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
background-size: 20px, 100%;
}

select.select1,select.select2,select.select3,select.select4 {
color:#e94b2d
}


input{
	width:90%; 
	font-size:120%; 
	padding:5px;
}


input.srch{
color:#e94b2d;
}


select.line{
width: auto; 
	font-size:120%; 
	padding:5px;
}

.inline{
	width:80%;display:inline-block;
}


input:focus,input:hover{
/*	background:#acf3ff;*/
}
textarea{
	width:100%; 
	font-size:120%; 
	padding:5px; 
	height:50px;
}
textarea:focus,textarea:hover{
	/*height: 150px;
	background:#acf3ff;*/
}
input[type="submit"],input[type="button"]{
	width: 100%; 
	font-size:120%; 
	margin: 0; 
	padding: 5px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800)); border: 1px #F27300 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #C45C00;
}

input[type="radio"]  {
	width: auto;
}
input[type="checkbox"]  {
	width: auto;
}

.focus{
	background:#acf3ff;
}
.wd33per{
	
}


input[type="submit"].btn_1{
	width:100%;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
	padding:8px;
	border-radius: 5px;
	border:2px solid #ffffff;
	background: -moz-linear-gradient(top,  #fb8871 0%, #eb5b3f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8871), color-stop(100%,#eb5b3f));
	background: -webkit-linear-gradient(top,  #fb8871 0%,#eb5b3f 100%);
	background: -o-linear-gradient(top,  #fb8871 0%,#eb5b3f 100%);
	background: -ms-linear-gradient(top,  #fb8871 0%,#eb5b3f 100%);
	background: linear-gradient(to bottom,  #fb8871 0%,#eb5b3f 100%);
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
}

.formblk{
 margin:20px;

}


.askbox{
	margin:0 10px 10px 10px;
	padding:10px;
	border-radius: 5px;
	border:1px solid #adadad;
}



/*↓パンクズリスト */
.bl {
	margin:0 10px;
}

.breadcrumb {
	font-size: 12px;
	padding: 4px;
	/*border-top: 1px solid #e0e0e0;*/
	/*border-bottom: 1px solid #e0e0e0;*/
	line-height: 110%;
}

.breadcrumb:after {
	clear: both;
	display: block;
	content: '';
}

.breadcrumb li {
	padding: 3px;
	display:inline;
	list-style: none;
	color: #696969;
}

.breadcrumb li a {
	text-decoration: none;
}

.breadcrumb li a:after {
	content: "\00003E"; /* >(大なり記号) の実体参照 */
	font-family: FontAwesome;
	color: #757575;
	margin: 0 0 0 12px;
	vertical-align: 1px;
}


.breadcrumb li.ya:after {
	content: "\00003E"; /* >(大なり記号) の実体参照 */
	font-family: FontAwesome;
	margin: 0 0 0 12px;
	vertical-align: 1px;
}



.breadcrumb li span {
}

/*↑パンクズリスト */


.textbox_2{
	margin:10px 0px;
	clear:both;
	height:150px;
	background: url('images/textboxbg_1.png') left top no-repeat ;
	-webkit-background-size:1200px auto;
	background-size:1200px auto;

}

.textbox_2 a{
	display:block;
	color:#f87d67;

}

.textbox_2 a img{
	box-shadow:#000 0 0 0;/*1ピクセルズレを解消*/
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.textbox_2 a:hover{
	color:#f8a090;
}

.textbox_2 a:hover img{
	opacity:0.6
}


.textbox_2 p{
	margin-left:180px;
	margin-right:10px;
	margin-top:10px;
}

img.textboxtitle{
	margin-top:20px;

}

img.textboximg{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.ctr{
	text-align:center;
}

.orange{
	color:#f56459;
}

.cell_2_2{

width:46%;
margin-right:2%;
float:left;
margin-bottom:20px;
}

.cell_2_2 .border{
	display:block;
border:1px solid #ebebeb;
overflow:hidden;
padding:2%;
}

.cell_2_2 img{
width:96%;
margin-bottom:10px;

}

.cell_2_2 .celltitle{
margin:0px 5px;
text-align:center;
}


.cell_2_1{

width:48%;
margin-right:2%;
float:left;
margin-bottom:20px;
}

.cell_2_1 .border{
	display:block;
border:1px solid #ebebeb;
overflow:hidden;
padding:2%;
}

.cell_2_1 img{
/*width:96%;*/
width:100%;
margin-bottom:10px;

}

.cell_2_1 .celltitle{
margin:0px 5px;
text-align:center;
}


.cell_2_1r{

width:48%;
margin-right:2%;
float:right;
margin-bottom:20px;

}

.cell_2_1r .border{
	display:block;
border:1px solid #ebebeb;
overflow:hidden;
padding:2%;
}

.cell_2_1r img{
width:96%;
margin-bottom:10px;

}

.cell_2_1r .celltitle{
margin:0px 5px;
text-align:center;
}




.cell_4_4{

width:23%;
margin-right:2%;
float:left;
margin-bottom:20px;
}

.cell_4_4 .border{
	display:block;
border:1px solid #ebebeb;
overflow:hidden;
padding:2%;
}

.cell_4_4 img{
width:96%;
margin-bottom:10px;

}

.cell_4_4 .celltitle{
margin:0px 5px;
text-align:center;
}

.cell_4_2{

width:23%;
margin-right:2%;
float:left;
margin-bottom:20px;
}

.cell_4_2 .border{
	display:block;
border:1px solid #ebebeb;
overflow:hidden;
padding:2%;
}

.cell_4_2 img{
width:96%;
margin-bottom:10px;

}

.cell_4_2 .celltitle{
margin:0px 5px;
text-align:center;
}

.rinen{
font-size:120%;
}

.shishin{
font-size:120%;
}

.atn li{
line-height: 1.5;
letter-spacing: 0.1em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

img.radius10{
border-radius:10px;
-wekit-border-radius:10px;
-moz-border-radius:10px;
}


.bottom_ichiran{
position:relative;
float:left;
width:100%;
/*margin-left:10px;*/
}

.bottom_ichiran_momo{
margin-left:50px;
margin-top:30px;
float:left;
}

.bottom_ichiran p{
border-left: 8px solid #de7e7e;
margin-bottom:10px;
padding:4px;
color:#de7e7e;
font-weight:bold;
}

.bottom_ichiran_c{
border: 1px solid #f8a090;
border-radius: 10px;
padding:10px;
margin-bottom:20px;
}


.bottom_ichiran_c li{
border-bottom: 1px dotted #f8a090;
padding:5px;
}

.bottom_ichiran_c li a{
display:block;
}

.entry_button{
	margin: 20px; 
	text-align:center;
}

.entry_button a{
	font-size:120%; 
	padding: 10px 30px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));
	border: 1px #F27300 solid;
	color: #FFF;
	-webkit-appearance: none; -webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;

}


.fnavi{
}

.fnavi .fnavi_c{
border: 8px solid #ece6e7;
border-radius: 5px;
padding:10px 10px 20px 10px;
margin-bottom:20px;
}




.fnavi .opener{
margin-top:15px;
color: #b60005;
font-weight:bold;
border-left: 8px solid #b60005;
border-bottom: 1px dotted #b60005;
padding-left:4px;
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f9efef), color-stop(0.5, #ffffff), color-stop(0.00, #ffffff));*/
}


.fnavi .opener span{
font-weight:normal;
}

.fnavi li.item{

margin-left:5px;

}

.fnavi ul.menu li{
border-bottom: 1px dotted #ddd9d9;
margin-left:10px;
padding:10px 4px 0px 4px;
}


.fnavi ul.menu li a{
color: #545b8d;
display:block;
}

.fnavi ul.menu li a:hover{
color: orange;
}


.fnavi .fnav_title{
text-align:center;
margin-top:10px;
border: 8px solid #ece6e7;
margin-bottom:10px;
padding:4px;
color:#545b8d;
font-weight:bold;
text-shadow:1px 1px 3px rgba(0,0,0,0.2);
border-radius: 5px;
}




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){


#headblock{
position:fixed;/* トップを固定にする場合に設定 */
top:0px;/* トップを固定にする場合に設定 */
}




.logo{
margin-top:10px;
}
	.for-mobile {display:none !important;}

	#footer{
	/*background: url('img/footbg.jpg') left top no-repeat #b60005;*/
	background:#fdedee;
	-webkit-background-size:1500px auto;
	background-size:1500px auto;
	}

	ul.footnav{
	margin-left:150px;
	width:400px;
	}

	.photo_left{
	/*margin-top:-30px;*/
	margin-top:30px;
	margin-left:-80px;
	z-index:1;
	position:relative;
	width:520px;
	height:900px;
	index

	}
	.content_right{
	z-index:999;
	position:absolute;
	top:40px;
	left:330px;
	}

	p.textbox_1{
	margin:10px 120px 10px 100px;
	}

	#header,#wrapper,.inner{
	width:960px;
	padding:0;
	margin:0 auto;
	}
	
	#wrapper{
	padding-bottom:20px;
	margin-top:160px;/* トップを固定にする場合に設定 */
	}
	
	nav#mainNav{
	margin-top:15px;
	z-index:99999;
	clear:both;
	/*overflow:hidden;*/
	height:41px;
	position:relative;

/***********/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fac183), color-stop(0.5, #facd9d), color-stop(0.00, #facd9d));*/
	background: -webkit-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);

	background: -moz-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: -o-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: -ms-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%;)
	border:1px solid #e4e4e4;


	}
	

	nav#mainNav .inner{
	width:932px;
	padding:0 12px;
	}

	nav#mainNav ul li{
	/*****margin-top:15px;***/
	height:42px;
	float: left;
	position: relative;
	}

	nav#mainNav ul li.last{border-right:1px solid #ffffff;}

	nav#mainNav ul li a.top-menu{
	line-height:120%;
	/*****margin-right:5px;*****/
	display: block;
	text-align: center;
	_float:left;
	font-size:13px;
	font-weight:bold;
	width:152px;
	height:32px;
	padding-top:9px;
	color:#ffffff;
	border-left:1px solid #ffffff;
	/*text-shadow: 1px 1px 1px #ffffff; */
	/*border-top:3px solid #fcaa51;
	border-bottom:3px solid #fcaa51;*/
	font-family:Sans-Serif,verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

/***********/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fac183), color-stop(0.5, #facd9d), color-stop(0.00, #facd9d));*/
	background: -webkit-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: -moz-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: -o-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: -ms-linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%);
	background: linear-gradient(top, #f8d7d8 0%, #b60005 50%, #b60005 100%;)
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	}

	nav#mainNav ul li a.top-menu span,nav#mainNav ul li a.top-menu strong{
	display:block;
	}

	nav#mainNav ul li a.top-menu span{
	color:#da8940;
	font-size:10px;
	}

	nav#mainNav ul li a.top-menu:hover span{
	color:#ffffff;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}

	nav#mainNav ul li a.top-menu:hover{
	color:#ffffff;
	/*pborder-top:3px solid #81dfb7;*/
	/*padding-top:12px;*/
/***********/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #000000), color-stop(0.5, #b60005), color-stop(0.00, #b60005));

/*
	background: -webkit-linear-gradient(top, #b60005 0%, #b60005 50%, #ffffff 100%);
	background: -moz-linear-gradient(top, #b60005 0%, #b60005 50%, #ffffff 100%);
	background: -o-linear-gradient(top, #b60005 0%, #b60005 50%, #ffffff 100%);
	background: -ms-linear-gradient(top, #b60005 0%, #b60005 50%, #ffffff 100%);
	background: linear-gradient(top, #b60005 0%, #b60005 50%, #ffffff 100%);
*/
	}
	


	/* dropdown */
	#mainNav ul.sub-menu, #mainNav ul.children {
	display:none;
	margin:10px;
	position:absolute;
	top:42px;
	left:0px;
	z-index:99999;
	list-style:none;
	margin:0;
	}

	#mainNav ul.sub-menu li, #mainNav ul.children li {

	display:block;
	width:250px;
	border-bottom:1px solid #ffffff;
	height:28px;
	line-height:2em;
	margin:0;
	background-color:#ea9294;
	opacity:0.9;

	}


	#mainNav ul.sub-menu li a, #mainNav ul.children li a {
	display:block;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	margin:0px 10px;
	}

	#mainNav ul.sub-menu li a:hover, #mainNav ul.children li a:hover {
	color:#b60005;
	}

	#topBanner{margin-left:15px;}/***15px****/
	#mainBanner{margin-left:0px;margin-top:5px;}/***15px****/
	#subpage #mainBanner{margin:15px auto;}
	
	#main{
	padding:0px 15px;
	/*float:right;
	width:667px;
	padding-right:15px;*/
	}
	
	#sidebar{
	float:left;
	width:245px;
	padding:0 0 0 15px;/********15px 0 0 15px***********/
	overflow:hidden;
	}
	
	#sidebar article{
	padding:5px 5px 0 5px;
	margin-bottom:0px;/********20px********/
	border:1px solid #ebebeb;
	overflow:hidden;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	width:960px;
	margin:0 0 0 -10px;
	}
	
	#gallery article{padding:10px 0 10px 10px;}
	
	/* グリッド */
	.grid{
	float:right;
	width:250px;
	margin-left:20px;
	}
	
	#subpage .grid{width:auto;}
	
	#gallery .grid{
	width:auto;
	margin:10px 0 2px 10px;
	}

	img.w90{
	width:90%;
	}

	.rinen{
	background: url('images/temaribg.jpg') right center no-repeat #ffffff;
	}

	table.tablestyle1{
	width:70%;
	margin-left:50px;
	}

	table.tablestyle2{
	width:70%;
	margin-left:20px;
	}

	.gaiyou_1{
	background: url('images/gaiyobg_1.jpg') right top no-repeat #ffffff;
	}

	.gaiyou_2{
	background: url('images/gaiyobg_2.jpg') right top no-repeat #ffffff;
	}

	.recruit_1{
	background: url('images/recruit_1.jpg') right top no-repeat #ffffff;
	}

	.recruit_2{
	background: url('images/recruit_2.jpg') right top no-repeat #ffffff;
	}

	.recruit_3{
	background: url('images/recruit_3.jpg') right top no-repeat #ffffff;
	}

	.recruit_4{
	background: url('images/recruit_4.jpg') right top no-repeat #ffffff;
	}

	.entyr_1{
	background: url('images/entry_1.jpg') right top no-repeat #ffffff;
	}

	.entyr_2{
	background: url('images/entry_2.jpg') right top no-repeat #ffffff;
	}

	.contact_2{
	background: url('images/honbu.jpg') right top no-repeat #ffffff;
	}

	.entryform_1{
	width:70%;
	}

	.message_1{
	position:relative;
	width:70%;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	}


	.message_circle{
	position:absolute;
	right:20px;
	top:200px;
	width:300px;
	height:300px;
	background-color:rgba(52,172,72,0.8);
	border-radius:50%;
	-wekit-border-radius:50%;
	-moz-border-radius:50%;
	}


	.message_momo{
	position:absolute;
	right:120px;
	top:170px;
	z-index:99;
	}


	.message_momo img{
	width:100px;
	}

	.message_title{
	padding-top:110px;
	text-align:center;
	}


	.message_circle .message_title p{
	margin-left:10px;
	margin-right:10px;
	color:#ffffff;
	font-weight:bold;
	line-height:1.8em;
	font-size:16px;
	}

	.message_title span{
	font-size:150%;
	color:#ffffff;
	font-style:oblique;
	font-weight:bold;
	margin-right:10px;
	}



	.shop_circle{
	position:absolute;
	right:150px;
	top:40px;
	width:180px;
	height:180px;
	background-color:rgba(255,0,0,0.5);
	border-radius:50%;
	-wekit-border-radius:50%;
	-moz-border-radius:50%;
	}

	.shop_title{
	padding-top:60px;
	text-align:center;
	}

	.pt40{
	padding-top:40px;
	}

	.shop_title p{
	margin-left:10px;
	margin-right:10px;
	font-size:150%;
	color:#ffffff;
	}

	.shop_title .shop_title_2{
	margin-left:10px;
	margin-right:10px;
	font-size:150%;
	color:#ffffff;
	}


}




@media only screen and (max-width:959px){

	.for-not-mobile {display:none !important;}
	.forpc {display:none !important;}

	#header_exp span {width:100%;}

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

	ul.bxslider{
	margin: 0px 0px;
	}
	
	#dl-menu .dl-trigger{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #b60005), color-stop(0.5, #b60005), color-stop(0.00, #b60005));
	background: -webkit-linear-gradient(top, #f47b7f 0%, #b60005 50%, #b60005 100%);
	background: -moz-linear-gradient(top, #ebf3fc 0%, #dbeafc 50%, #b1d3fd 100%);
	background: -o-linear-gradient(top, #ebf3fc 0%, #dbeafc 50%, #b1d3fd 100%);
	background: -ms-linear-gradient(top, #ebf3fc 0%, #dbeafc 50%, #b1d3fd 100%);
	background: linear-gradient(top, #ebf3fc 0%, #dbeafc 50%, #b1d3fd 100%;)
	border:1px solid #e4e4e4;
	}

	#dl-menu .dl-trigger a{
	color:#ffffff;
	}

	#dl-menu .dl-trigger a:hover{
	color:orange;
	}

	#dl-menu .dl-trigger a span{
	margin-left:10px;
	color:#a9865f;
	font-size:10px;
	}


	#dl-menu .dl-trigger a.menu{
	margin-left:20px;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	cursor: pointer;
	}

	#dl-menu ul li a span{
	margin-left:10px;
	color:#a9865f;
	font-size:10px;
	}

	#dl-menu ul li a:hover{
	color:#a9865f;
	}


	#subpage #mainBanner{max-width:668px;}
	
	#sidebar{padding-bottom:30px;}
	
	#sidebar article{padding:7px 0;}
	
	#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:center;
	}

	ul.footnav li{float:none;display:inline-block;}
	
	.grid{
	width:32%;
	margin:10px 0 0 1%;
	}
	
	#gallery .grid{
	float:left;
	width:31%;
	margin:0 0 0 1%;
	}
	
	#footer .grid img, #footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	
	#footer.logo,#footer .info{
	width:100%;
	float:none;
	}
	.formobile{
	display:inline;
	}

	h2.title span{
	display:none;
	}

	.h2title span{
	display:none;
	}

	.h2title span.add{
	display:inline;
	}

	.h2title h2{
	font-size:150%;
	/*margin:25px 10px 15px 65px;*/
	padding:25px 10px 20px 65px;
	}


	.message_circle{
	display:none !important;
	}


	.message_momo{
	margin-top:10px;
	float:left;
	}


	.shop_circle{

	}

	.shop_title{
	}


	.shop_title p{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:120%;
	color:#000000;
	}

	.shop_title .shop_title_2{
	margin-right:10px;
	float:left;
	font-size:120%;
	color:#d55a88;
	
	}

	.shop_title .close{
	margin-right:0px;
	}

	.message_momo{
	/*display:none !important;*/
	}

	.message_momo{
	position:absolute;
	right:10px;
	bottom:20px;
	z-index:99;
	}

	.shop_title{
	padding-left:5px;
	position:absolute;
	left:5%;
	bottom:20px;
	z-index:99;
	background-color:rgba(255,255,255,0.7);
	}



	.message_momo img{
	width:100px;
	}

	.bottom_ichiran_momo{
	margin-left:0px;
	margin-top:0px;
	float:left;
	text-align:center;
	}


}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

#gnav{display:none;}
.info_top{display:none;}

.momo{
display:none !important;
}

.oneclm{
margin: 0px;
}

section.content article{
padding:5px;
margin-bottom:10px;
border:0px solid #ebebeb;
overflow:hidden;
}


.textbox_2{
	margin:10px 0px;
	clear:both;
	height:auto;
	background: none;
}

.textbox_2 {
	/*text-align:center;*/
}

.textbox_2 a{
	display:block;
 color:#f87d67;
}

.textbox_2 a:hover{
 color:#f8a090;
}

.textbox_2 a:hover img{
opacity:0.6
}


.textbox_2 p{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

img.textboxtitle{
	margin-top:20px;

}

img.textboximg{
float:left;
clear:left;
margin:3px 10px 10px 0;
}


	#header{
	height:auto;
	padding-bottom:20px;
	}

	#header h1,.logo,.info{text-align:center;}
	
	.logo,.info{
	clear:both;
	width:100%;
	float:none;
	margin:0;
	}
	
	.box img{
	float:left;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	
	#gallery .grid{float:left;}

    ul.bxslider{
	margin: 0px 0px;
	}

   .slogan{
	left:50px;
	}

	.cell_4_2{
	width:48%;
	margin-right:2%;
	float:left;
	margin-bottom:20px;
	}

	.cell_2_1{
	width:100%;
	margin-bottom:20px;
	}

	.cell_2_1r{
	width:100%;
	margin-bottom:20px;
	margin-right:0%;
	}




	.h2title span.add{
	display:none;
	}

	.message_momo img{
	width:80px;
	}

	#header_exp {
	color:#ffffff;
	}

	.bottom_ichiran{
	width:95%;
	margin-left:5px;
	}

	.fnavi{
	padding:0;

	}

	.fnavi .fnavi_c, .fnav_title{
	width:95%;
	margin-left:5px;
	}

	.breadcrumb {
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;

	}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

#headblock{
width:100%;
z-index:100;
background:url('img/bg.jpg'),linear-gradient(#b60005,#ffffff 150px);
-webkit-background-size:800px auto;
background-size:800px auto;
background-repeat:no-repeat;"
}



img.textboximg{
width:250px;
}

img.bannerimg{
width:100px;
}

.fnavi .opener{
color: #545b8d;
border-left: 8px solid #545b8d;
border-bottom: 1px dotted #545b8d;
}


	.grid{width:100%;}
	.box img{max-width:100px;}
	#mainBanner h2{font-size:110%;}
	#mainBanner p{display:none;}

	header nav li {padding:0 0.5em;}

	.slogan{
	left:20px;
	}

	table.tablestyle1 th{
		width:25%;
	}
	img.cnt{
	width:100%;
	height:auto;
	}
	section.content img{
	max-width:100%;
	height:auto;
	}
	.bl {
	margin:0;
	}
	#dl-menu .dl-trigger {
	border:none;
	}

	#dl-menu .dl-trigger a.menu{
	width:60px;
	height:40px;
	line-height:30px;
	position:fixed;
	top:5px;
	right:2px;
	z-index:99999;
	font-size: 11px;
	text-align:center;
	text-decoration:none;
	color:#f87d67;
	display: inline-block;
	margin: 2px 2px 2px 2px;
	padding: 3px;
	border: 1px solid;
	border-radius: 0.2em;
	background-color: rgba( 255, 255, 255, 0.75 );
	cursor: pointer;
	}

	#dl-menu .dl-trigger a.menu span{
	display:none;
	}

	ul.dl-menu{
	position:fixed;
	top:85px;

	}

	ul.dl-menu a{
	font-size: 15px;
	}

	ul.dl-menu a span{

	}


	.dl-menuwrapper {
	position:fixed;
	top:0px;
	right:0px;
	}



}