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

/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/*================================================
 *  CSSリセット
 ================================================*/
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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}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:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
.sponly {
	display:none;
}

.spnone {
	display:block;
}
.pankuzu{width: 1000px;margin: 1% auto;font-size: 13px;color:#000;}
.pankuzu a{color: #0F498F;}
.overimg:hover {
	opacity:0.5;
}
#body-inside {
	overflow-x: hidden;
	position: relative;
	top: 0;}
body {
	font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.8;
	background-color: #141212;
	color: #ffffff;
}

.contents {
	width:1000px;
	margin:0 auto;
}

.white_box{
	background-color: #ffffff;
}
.bg_black{
	background-color: #000000;
}

.contents img {
	width: 100%;
	margin: 0 auto;
}
.w90per{width: 90%;margin: 0 auto;}
.w80per{width: 80%;margin: 0 auto;}

.w48per{
	width: 48%;
	margin: 0 auto;
}
.w66per{
	width: 66%;
	margin: 0 auto;
}
.w50per{
	width: 50%;
	margin: 0 auto;
}
.w40per{
	width: 40%;
	margin: 0 auto;
}
.w30per,.w30per_map{
	width: 30%;
	margin: 0 auto;
}
.w90per img,.w48per img,.w40per img,.w30per img,.w30per_map img,.w50per img{
	width: 100%;
}

a {
	color:#ffffff;
	text-decoration: none;
}
a:hover {
	color:#FF5100;
}

h1 {
	font-size:12px;
	line-height: 1.2;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

h2 {
	margin-bottom:0.5em;
	font-size:32px;
	text-align:center;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	line-height: 1.2;
}

h3 {
	margin-top: 5px;
	margin-bottom:0.5em;
	font-size:22px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 0em;
}
h3.atarimae_ttl{font-size:28px;letter-spacing: 0.2em;}
h4 {
	margin-bottom:0.25em;
	font-size:16px;
	text-align: left;
}

h5 {
	padding:25px;
	font-size:16px;
	text-align: center;
	border: solid 1px #ffffff;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p {
	margin:0;
}



.bold {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:none;
}
ol li {
	list-style:none;
}
li {
	margin-left:0em;
	margin-bottom: 4px;
}

dt {
	margin-bottom:0.5em;
	border-bottom:none;
	font-weight: bold;
	float: left;
}
dd {
	margin-bottom:0.5em;
	padding-left: 120px;
}


.white{
	color: #ffffff;
}

.f_left{
	float: left;
}


.f_right{
	float: right;
}

.mincyou{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */

.imgC {
	text-align:center;
}


img{
	vertical-align: bottom;
}



/* flexbox フレックスボックス */
/* flexbox フレックスボックス */
.flexbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}
.flexbox::after{
  content:"";
  display: block;
  width:30%;
}
.price_p{padding: 3% 4%;}
.box-item04{width: 31%;display: inline-block;margin:0%  1%;height: auto;}
.box-item04 img{width: 100%;}
.box-item04 a{color: #fff;}
.box-item04 h3{font-size: 19px;padding: 0;margin: 0;font-weight: normal;}
.box-item04 h3.kaitori_h3
{font-size: 16px;padding: 0;margin: 0;font-weight: normal;}
.bk-img {
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bk-img02 {
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.child1 {width: 28%;}
.child2 {width: 33%;}
.child3 {width: 30%;}

/* flexbox フレックスボックス */
/* flexbox フレックスボックス */



/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;

}
.header_inline{
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 70px;
	
}
.logo{
	width: 200px;
	padding-top: 0px;
	float: left;
}
.tel{width: 300px;}
div.g_menu{
	width: 90%;
	padding: 15px 0px;
	margin: 0 auto;
	text-align: left;
	height:50px;

	
}

div.g_menu ul#gNavi{
	float: right;
	padding-bottom: 0;
	width: 90%;
	margin: 0 auto;
}

ul#gNavi li{
	width: 14%;
	display: block;
	float: left;
	border-left: 1px solid #ffffff;
	height: 40px;
	padding-top: 20px;
}

.gmenu_last{border-right: 1px solid #ffffff;}

ul#gNavi li.firstItem{
	margin-left: 0;
}

div.g_menu ul#gNavi li a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px;
	text-align:center;
	line-height:1.3;
}

div.g_menu ul#gNavi li.menu_2 a{
	width: 150px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 20px 0px 0px;
	text-align:center;
	line-height:1.2;
}
div.g_menu ul#gNavi li.menu_3 a{
	width: 150px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 7px 0px 0px;
	text-align:center;
	line-height:1.2;
}
div.g_menu ul#gNavi li a:hover{
	color:#AB080B;
}


/*================================================
 *  フッター
 ================================================*/
.bg_foot{
	background-image: url("../img/bg_foot.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;}
footer {
	clear:both;
	padding:2% 0;
	font-size:12px;
	text-align:left;
	color: #ffffff;
	background-color: #141212;
}
.foot_menu_box{padding-top: 10%;}
.foot_menu li{display: block;margin-right: 2%;}
.foot_child3 {width: 30%;}

a[href^="tel:"] { pointer-events: none; }


.page_banner{
 width: 100%;
 padding: 50px;
    background-color: #950002;
    }


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/



@media screen and (max-width:560px)  {
	
a[href^="tel:"] { pointer-events: auto; }
.pankuzu{width: 94%;margin: 1% auto;font-size: 13px;}	
body {
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.7;
}
	
/* バーガーメニュー　*/



	
/*================================================
 *  ヘッダー
 ================================================*/
.header_inline{
	top: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
}


.logo{
	width: 200px;
	padding-top: 0px;
	padding-left: 5%;
	float: left;
	padding-bottom: 0px;
}
.tel{width: 230px;padding-left: 5%;padding-bottom: 20px;}
	

h1 {
	font-size:12px;
	line-height: 1.2;
	margin-top: 0%;
	width: 76%;
	margin-left: 5%;
	
}
h2 {
	margin-bottom:0em;
	font-size:20px;
	text-align:center;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	line-height: 1.2;
}
header {
	width: 100%;
	padding: 0px;
	z-index: 100;
}

.w80per{width: 90%;margin: 0 auto;}
.contents {
	width:90%;
	margin:0 auto;		
	}

.w48per{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 5%;
}
.w66per,.w30per_map{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5%;
}
.w50per{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5%;
}
	
.w30per{
	width: 70%;
	margin: 0 auto;
}
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */

footer {
	clear:both;
	padding:4% 2% 20%;
	font-size:12px;
	text-align:left;
	color: #ffffff;
}

.f_left{
	float: none;
}

.f_right{
	float: none;
}

h3 {
	margin-top: 0;
	margin-bottom:0em;
	font-size:18px;
	font-weight: bold;
	padding-bottom: 0.3em;
}
h3.atarimae_ttl{font-size:18px;letter-spacing: 0;}
h4 {
	margin-bottom:0.25em;
	font-size:14px;
	text-align: left;
}

h5 {
	padding:10px;
	font-size:16px;
	text-align: center;
	border: solid 1px #ffffff;
}

	
/* ;;;;;;;; フッター修正;;;;;;;;;;;;;;;;;;;;;; */
.foot_menu_box{padding-top: 0%;padding-left: 5%;}
.foot_child3 {width: 100%;}
	
/* ;;;;;;;; フレックスボックス;;;;;;;;;;;;;;;;;;;;;; */
.box-item04{width: 100%;display: inline-block;margin-right: 0%;height: auto;margin-bottom:3%;}
.box-item04 img{width: 100%;}
.bk-img {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
	margin-bottom:1%;
}
.bk-img02 {
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
	margin-bottom:0%;
}
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
.sponly {
	display:block;
}

.spnone {
	display:none;
}
.page_banner{
 width:90%;
 padding: 5%;
    background-color: #950002;
    }
}