@charset "utf-8";

/* =Reset default browser CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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;}

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:#555;font-size:small;text-shadow:1px 1px 0 rgba(0,0,0,0.25);font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5;-webkit-text-size-adjust: none;}

.ime_j{ime-mode:active;}
.ime_e{ime-mode:inactive;}
.red{color:#f00;}
.green{color:#080;}

/* リンク設定
------------------------------------------------------------*/
a{color: #6caefe;text-decoration: none;}
a:hover{color:#488fdd;}
a:active, a:focus {outline:0;}

/* 全体
------------------------------------------------------------*/
#wrapper{margin:0 auto;padding:0 1%;width:98%;position:relative;background:#fff;}
.inner{margin:0 auto;width:100%;}
.copy{margin-left: auto;margin-right: auto;width: 100%;}
/*************ヘッダー*************/
#header{background-image: url(../images/main_base.jpg);background-repeat: no-repeat;margin:0 auto;width: 100%;background-position: center top;}
#header h1,#header-sub h1{/*background:url(../images/eg_logo48.jpg) center left no-repeat;*/padding: 5px 0 10px 48px;font-size: 32px;font-weight: bold;color: #FFFFFF;text-align: left;margin-left: auto;margin-right: auto;display: block;max-width: 960px;min-width: 320px;}
#header-sub{background-image: url(../images/sub_base.png);background-repeat: no-repeat;margin-left: auto;margin-right: auto;width: 100%;background-position: center top;height: 250px;}
/*************ロゴ*************/
.logo{float:left;}
.logo span{display:block;}
/*************電話番号*************/
.info{float:right;text-align:right;}
.info .open{font-size:11px;}
/*************ロゴ+電話番号*************/
.logo,.info .tel{margin-top:6px;font-size:20px;font-weight:bold;}
.logo span,.info span{font-size:.6em;font-weight:normal;}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{margin:30px auto;padding:0;position:relative;line-height:0;border-top:2px solid #bedbe7;border-bottom:2px solid #bedbe7;text-align:center;}
#mainBanner img{max-width:100%;height:auto;}
.slogan{position:absolute;max-width:100%;height:auto;bottom:10px;left:0;padding:5px 10px;line-height:1.2;text-align:left;}
.slogan h2{padding-bottom: 5px;font-size: 22px;}
#subpage #mainBanner{margin-top:0;}
/***************グリッド****************/
.gridWrapper{padding-bottom:20px;overflow: hidden;}
* html .gridWrapper{height:1%;}	
.grid{float:left;}
.box{text-align: center;padding: 15px 0px 10px;}
.box img{max-width:100%;height:auto;}
.box h3{padding: 10px 0 5px;font-size: 13px;}
.box h3 a{/* [disabled]color: #555; */width: 100%;height: 40px;display: block;}
.box h3, .box p{text-align: center;}
.box p.readmore{padding:10px 5px 5px;text-align:right;}
.box p.readmore a{padding:3px 7px;border-radius:3px;color:#fff;background:#6caefe;}
.box p.readmore a:hover{background:#488fdd;}
/*************メイン コンテンツ*************/
section.content article{padding: 20px;margin-bottom: 20px;border-bottom: 1px solid #bedbe7;overflow: hidden;}
* html section.content article{height:1%;}
section.content p{margin-bottom:5px;}
h3.heading{font-weight: normal;padding: 10px 0;margin-bottom: 20px;border-top: 3px double #6cadfe;border-bottom: 3px double #6cadfe;}
h3.ttl{text-align: center;display: block;padding-top: 60px;color: #686868;font-size: 18px;min-height: 60px;margin-top: 40px;}
h3.tbg1{background-image: url(../images/business_ttl1.png);background-repeat: no-repeat;background-position: center top;}
h3.tbg2{background-image: url(../images/business_ttl2.png);background-repeat: no-repeat;background-position: center top;}
h3.tbg3{background-image: url(../images/business_ttl3.png);background-repeat: no-repeat;background-position: center top;}
h3.tbg4{background-image: url(../images/business_ttl4.png);background-repeat: no-repeat;background-position: center top;}
h3.tbg5{background-image: url(../images/business_ttl5.png);background-repeat: no-repeat;background-position: center top;}
.ttl_img{text-align: center;margin-left: auto;margin-right: auto;display: block;width: 100%;}
section.content img{max-width:90%;height:auto;}
.alignleft{float:left;clear:left;margin:3px 10px 10px 0;}
.alignright{float:right;clear:right;margin:3px 0 10px 10px;}
#gallery .grid{background:transparent;}
#gallery .grid img,.border{box-shadow:0 0 3px #ccc;}
.ct{text-align:center;}
/**************************/
.top_m{min-height: 105px;padding-top: 40px;text-align: center;background-position: center top;	}
.m_1{background-image: url(../images/m_1.png);background-repeat: no-repeat;}
.m_2{background-image: url(../images/m_2.png);background-repeat: no-repeat;}
.m_3{background-image: url(../images/m_3.png);background-repeat: no-repeat;}
.m_4{background-image: url(../images/m_4.png);background-repeat: no-repeat;}
.m_5{background-image: url(../images/m_5.png);background-repeat: no-repeat;}
#slide{width: 960px;height: 520px;margin-left: auto;margin-right: auto;}
.btn{display: block;border: 3px double #FFD3B7;text-align: center;text-shadow: 0px 0px;padding: 20px;font-size: 16px;margin-left: auto;margin-right: auto;clear: both;margin-bottom: 20px;background-image: -webkit-linear-gradient(270deg,rgba(251,225,195,1.00) 1.18%,rgba(255,248,240,1.00) 22.47%,rgba(255,255,255,1.00) 47.63%,rgba(255,248,240,1.00) 81.22%,rgba(251,225,195,1.00) 100%);background-image: -moz-linear-gradient(270deg,rgba(251,225,195,1.00) 1.18%,rgba(255,248,240,1.00) 22.47%,rgba(255,255,255,1.00) 47.63%,rgba(255,248,240,1.00) 81.22%,rgba(251,225,195,1.00) 100%);background-image: -o-linear-gradient(270deg,rgba(251,225,195,1.00) 1.18%,rgba(255,248,240,1.00) 22.47%,rgba(255,255,255,1.00) 47.63%,rgba(255,248,240,1.00) 81.22%,rgba(251,225,195,1.00) 100%);background-image: linear-gradient(180deg,rgba(251,225,195,1.00) 1.18%,rgba(255,248,240,1.00) 22.47%,rgba(255,255,255,1.00) 47.63%,rgba(255,248,240,1.00) 81.22%,rgba(251,225,195,1.00) 100%);max-width: 680px;}
/*************テーブル*************/
table.table{border-collapse: collapse;margin: 20px auto;width: 100%;}
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;}
table.table th .maps{margin:0;}
table.table th .maps a{color:#0000FF;}
/*************サイドバー*************/
#sidebar ul{padding:10px;}
#sidebar li{margin-bottom:10px;padding-bottom:10px;list-style:none;border-bottom:1px dashed #ebebeb;}
#sidebar li:last-child{border:0;margin-bottom:0px;}
#sidebar li a{display: block;height: 42px;padding-top: 13px;}
#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;}
/*************フッター*************/
#footer{clear:both;}
#footer .inner{border-top:2px solid #ebebeb;border-bottom:2px solid #ebebeb;overflow:hidden;}
* html #footer .inner{height:1%;}
#footer .grid{margin:0;}
#footer #info .logo, #footer #info .info{float:none;}
#footer #info .info{clear:both;text-align:left;}
#footer .logo{font-size:18px;}
#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:12px;}
ul.footnav{float:right;width:630px;padding:10px 0;}
ul.footnav li{float:left;margin-bottom:10px;padding:0 7px 0 8px;border-right:1px solid #ebebeb;}
ul.footnav li.last{border-right:none;}
address{clear:both;padding:20px 0;text-align:center;font-style:normal;font-size:12px;color:#555;}
/*************お問い合わせ*************/
#info_form th{vertical-align:top;}
#info_form input[type=text],
#info_form input[type=email],
#info_form textarea{width:100%;box-sizing:border-box;}
#info_form p{text-align:center;}
	
/* PC用------------------------------------------------------------*/
@media only screen and (min-width: 960px){
#wrapper,.inner{width:960px;padding:0;margin:0 auto;}
#wrapper{padding-bottom:20px;}
nav#mainNav{clear:both;overflow:hidden;position:relative;margin-top: -64px;}
nav#mainNav ul li{float: left;position: relative;background-color: #FFFFFF;padding-bottom: 50px;}
nav#mainNav ul li a{display: block;text-align: center;_float:left;font-size:13px;width:200px;padding:20px 0;  border-top:2px solid #ebebeb;border-bottom:2px solid #ebebeb;}
nav#mainNav ul li.last a{width:159px;}
nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}
nav#mainNav ul li a span{color:#bababa;font-size:10px;}
nav div.panel{display:block !important;float:left;}
a#menu{display:none;}
nav#mainNav li.active a,nav#mainNav li a:hover{border-color:#6caefe;}
#main{float:right;width:680px;padding:15px 0 0 0;}
#sidebar{float:left;width:250px;padding:15px 0 0 0;overflow:hidden;}
#sidebar article{padding:7px;margin-bottom:20px;border:1px solid #ebebeb;overflow:hidden;}

/* グリッド全体 */
.gridWrapper{width:990px;margin:0 0 0 -30px;}
#gallery article{padding:10px 0 10px 10px;}

/* グリッド */
.grid{float: left;width: 300px;margin-left: 30px;}
#subpage .grid{width:auto;}
#gallery .grid{width:auto;margin:10px 0 2px 10px;}
#footer .inner{width:940px;padding:10px;}
.none{ display:none;}
}

@media only screen and (max-width:959px){
*{-webkit-box-sizing: border-box;-moz-box-sizing border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#header{padding-top: 0;padding-bottom: 0;background-image: url(../images/main_base.jpg);background-position: -300px -20px;min-height: 0px;max-height: 400px;background-repeat: no-repeat;}
#header-sub{background-image: url(../images/sub_base.png);background-repeat: no-repeat;margin-left: auto;margin-right: auto;width: 100%;background-position: center top;max-height: 180px;}
nav#mainNav{clear: both;width: 100%;margin-right: auto;margin-left: auto;margin-bottom: 0;padding: 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));background: -webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background: -o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background: -ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);background: linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);border: 1px solid #e4e4e4;position: relative;}
nav#mainNav a.menu{width:100%;display:block;height:40px;line-height:40px;font-weight: bold;text-align:left;}
nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content: "→ ";}
nav#mainNav a.menuOpen span:before{content: "↓ ";}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{display: none;width:100%;position: relative;right: 0;top:0;z-index: 1;}
nav#mainNav ul li{float: none;clear:both;width:100%;height:auto;line-height:1.2;}
nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{display: block;padding:15px 10px;text-align:left;border-bottom:1px dashed #ccc;}
nav#mainNav ul li a span{padding-left:10px;}
nav#mainNav ul li:first-child a{border-top:1px solid #e4e4e4;}
nav#mainNav ul li:last-child a{border:0;}
nav#mainNav ul li.active a{color:#488fdd;}
nav div.panel{float:none;}
#subpage #mainBanner{margin-top: 10px;}
#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: 30%;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;}
h3.ttl{margin-bottom: 30px;}
.none{ display:none;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
#header{background-image: url(../images/main_base_m.jpg);background-position: center top;height: 140px;}
#header-sub{background-image: url(../images/sub_base_sp.png);height: 80px;}
#header h1,#header-sub h1{padding-left:15px;font-size:22px;}
.grid{width:100%;}
#mainBanner h2,#mainBanner p{font-size:120%;}
section.content article{padding:0 0 20px;}
table.table{margin-top:10px;}
#sidebar p{text-align:center;}
.none{ display: block;}
h3.ttl span{ text-align:left; display:block;}
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:320px){
#header{height: 120px;}
.logo,.info{clear:both;width:100%;float:none;margin:0;}
.alignleft,.alignright{float:none;display:block;margin:0 auto 10px;}
#gallery .grid{float:left;}

#info_form th,
#info_form td{display:block;padding:5px;}
#info_form th{text-align:left;border-width:1px;border-bottom:none;}
#info_form td{margin-bottom:5px;}

}