@charset "UTF-8";
/* -------------------------------------
Browser：IE11 over
-------------------------------------
01: CSSをReset
02: /css/default.cssを変更
03: Default
04: Template（レイアウト共通部分）
-------------------------------------*/

/** ================================================================================
		01.Reset
================================================================================ **/

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:none;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
h1, h2, h3, h4, h5, h6,
dt,th{
	font-weight:normal;
	line-height: 1.2;
}
ul,ol {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
table {
border-spacing:0;
border-collapse:collapse;
}
table[border="2"] th,
table[border="2"] td{
	border:1px solid grey;
}
/* change border colour to suit your needs */
hr {
display:block;
margin:1em 0;
padding:0;
height:1px;
border:0;
border-top:1px solid #cccccc;
}
img{
	border:none;
	line-height: 1.0;
}
b,em,i,strong,address{
	font-style: normal;
}

/** ================================================================================
		02./css/default.cssを変更
================================================================================ **/

h1, h2, h3, h4, h5, h6 {
	clear: none;
}

/** ================================================================================
		03.Default
================================================================================ **/

body{
	margin: 0 auto;
	min-width: 980px;
	color:#000;
	font-size:16px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", 'Arial',sans-serif;
	line-height: 1.5;
	/*transform: rotate(0.001deg);*/

	-webkit-text-size-adjust: 100%;
	/*-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	background: #ffffff;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

p a{
	text-decoration:underline;
}p a:hover{
	text-decoration:none;
}

a{
	color:#000000;
	text-decoration:none;
	cursor: pointer;
}a:hover{
	-webkit-transition: .3s;
	transition: .3s;
}

a:hover img{
	opacity: 0.8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
}

/**PC電話ボタン無効**/
a[href^="tel"]{
	pointer-events: none;
}
@media screen and (max-width: 768px) {
	a[href^="tel"]{
		pointer-events: auto;
	}
}

hr{
	display:block;
	margin:1em 0;
	padding:0;
	height:1px;
	border:0;
	border-top:1px solid #666666;
}

.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}


/* -------------------------------------
ベーススタイル設定

1.clearfix,clear
2.font
3.float
4.text-align
5.margin
6.padding
-------------------------------------*/

/*1. clearfix,clear */

/* For modern browsers */
.cf:before,
.cf:after {
	display:block;
	overflow:hidden;
	content:"";
}

.cf:after {
	clear:both;
}

.clear{
	clear: both;
}

/*2. font */
.fw_b {
	font-weight: bold;
}

.fs18{
	font-size: 18px;/*16*/
}
.fs20{
	font-size: 20px;/*16*/
}
.fs22{
	font-size: 22px;/*16*/
}
.fs24{
	font-size: 24px;/*18*/
}
.fs26{
	font-size: 26px;/*20*/
}
.fs30{
	font-size: 30px;/*28*/
}
.fs32{
	font-size: 32px;/*28*/
}
.fs44{
	font-size: 44px;/*36*/
}
.fs46{
	font-size: 46px;/*40*/
}
.fs54{
	font-size: 54px;/*42*/
}

/*3. float */
.f_L {
	display: inline;
	float: left;
}
.f_R {
	display: inline;
	float: right;
}

/*4. text-align */
.t_R {
	text-align: right;
}
.t_L {
	text-align: left;
}
.t_C {
	text-align: center;
}

/*5. margin */
.m0 {
	margin: 0;
}
.mb5 {
	margin: 0 0 5px;
}
.mb10 {
	margin: 0 0 10px;
}
.mb15 {
	margin: 0 0 15px;
}
.mb20 {
	margin: 0 0 20px;
}
.mb30 {
	margin: 0 0 30px;
}
.mb40 {
	margin: 0 0 40px;
}
.mb50 {
	margin: 0 0 50px;
}
.mb80 {
	margin: 0 0 80px;
}
.mb100 {
	margin: 0 0 100px;
}
.mb150 {
	margin: 0 0 150px;
}
.mt5 {
	margin: 5px 0 0px;
}
.mt10 {
	margin: 10px 0 0px;
}
.mt15 {
	margin: 15px 0 0px;
}
.mt20 {
	margin: 20px 0 0px;
}
.mt30 {
	margin: 30px 0 0px;
}
.mt40 {
	margin: 40px 0 0px;
}
.mt50 {
	margin: 50px 0 0px;
}
.mt80 {
	margin: 80px 0 0px;
}
.mt100 {
	margin: 100px 0 0px;
}
.mt150 {
	margin: 150px 0 0px;
}
.ml5 {
	margin: 0 0 0 5px;
}
.ml10 {
	margin: 0 0 0 10px;
}
.ml15 {
	margin: 0 0 0 15px;
}
.ml20 {
	margin: 0 0 0 20px;
}
.ml30 {
	margin: 0 0 0 30px;
}
.mr5 {
	margin: 0 5px 0 0;
}
.mr10 {
	margin: 0 10px 0 0;
}
.mr15 {
	margin: 0 15px 0 0;
}
.mr20 {
	margin: 0 20px 0 0;
}
.mr30 {
	margin: 0 30px 0 0;
}

/*6. padding */
.p0 {
	padding: 0;
}
.plr5 {
	padding: 0 5px;
}
.plr10 {
	padding: 0 10px;
}
.plr15 {
	padding: 0 15px;
}
.plr20 {
	padding: 0 20px;
}
.ptb5 {
	padding: 5px 0;
}
.ptb10 {
	padding: 10px 0;
}
.ptb20 {
	padding: 20px 0;
}
.pall10 {
	padding: 10px;
}
.pall20 {
	padding: 20px;
}

/*7. 色 */
.cl-grn{
	color: #003000;
}
.cl-brwn{
	color: #3B1700;
}

/* -------------------------------------
幅
-------------------------------------*/
.bg_wrap{
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
}
.wrap{
	margin: 0 auto;
	width: 1200px;
}
.w900{
	margin: 0 auto;
	width: 900px;
}
.w800{
	margin: 0 auto;
	width: 800px;
}


/* -------------------------------------
改行
-------------------------------------*/
.pc{
}
.sp{
	display:none;
}

/* -------------------------------------
パンくず
-------------------------------------*/
#breadcrumb{
	margin:-38px auto 0;
	padding: 5px 10px;
	max-width:1200px;
	width:100%;
	background:
		rgba(255,255,255,0.6);
	font-size:12px;
}
#breadcrumb ul:before{
	display: inline-block;
	content: "\e88a";
	vertical-align: middle;
	font-size: 14px;
	font-family: 'Material Icons';
}
#breadcrumb ul li{
	position: relative;
	display:inline-block;
	padding:5px 5px 5px 0;
	color: #999999;
}
#breadcrumb ul li+li:before{
	padding: 0 3px 0 0;
	color: #aaaaaa;
	content: ">";
}
#breadcrumb a{
	color: #333333;
}#breadcrumb a:hover{
	color: #999999;
}

/* -------------------------------------
ページャー
-------------------------------------*/
.pagenation{
	margin: 30px auto;
	text-align: center;
}
.pagenation span{
	display: inline-block;
	margin: 5px;
	width: 40px;
	height: 40px;
	border: 1px solid #421000;
	background: #ffffff;
	color: #421000;
	text-align: center;
	line-height: 40px;
}
.pagenation span.page{
	background: #421000;
	color: #ffffff;
}
.pagenation span a{
	display: block;
	width: 100%;
	height: 100%;
	background: #ffffff;
	color: #421000;
}.pagenation span a:hover{
	background: #421000;
	color: #ffffff;
}

.page-g .pagenation span{
	border: 1px solid #003000;
	color: #003000;
}
.page-g .pagenation span.page{
	background: #003000;
	color: #ffffff;
}
.page-g .pagenation span a{
	color: #003000;
}.page-g .pagenation span a:hover{
	background: #003000;
	color: #ffffff;
}
/* -------------------------------------
カラム
-------------------------------------*/
/**２つ並び**/
.box2C{
	display: flex;
	margin: 30px auto;
	width: 100%;
	color: #000000;

	justify-content: space-between;
	flex-wrap: wrap;
}
.box2C > *{
	margin: 0 0 20px;
	width: 50%;
}
.box2C:after{
	width: 50%;
	content: "";
}
.box2C a{
	display:block;
	color: #000000;
}

.post .box2C img{
	width: 99%;
}

/**3つ並び**/
.box3C{
	display: flex;
	margin: 30px auto;
	width: 100%;
	color: #000000;

	justify-content: space-between;
	flex-wrap: wrap;
}
.box3C > *{
	margin: 0 0 20px;
	width: 33%;
}
.box3C:after{
	width: 33%;
	content: "";
}
.box3C a{
	display:block;
	color: #000000;
}

.post .box3C img{
	width: 100%;
}

/* -------------------------------------
テーブル
-------------------------------------*/
.table table,
.table{
	margin: 30px auto;
	width: 100%;
	/*border: 1px solid rgba(148,110,0,0.35);*/
	color: #3B1700;
}
.table th,
.table td{
	padding: 15px;
	border-bottom: 2px solid #ffffff;
	vertical-align: top;
	text-align: left;
}
.table th{
	width: 25%;
	background: rgba(196,158,74,0.3);
	vertical-align:middle;
}
.table td{
	background: rgba(196,158,74,0.1);
}

.table.table-g{
	color: #003000;
}
.table.table-g th{
	background: #DEE5DE;
}
.table.table-g td{
	background: #F6F6F6;
}


/* -------------------------------------
お問い合わせ
-------------------------------------*/
/**エラー**/
.alert {
	margin: 5px 0;
	color: #cc0000;
}
/**必須※**/
.require {
	margin-left: 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	background: #cc0000;
	padding: 3px 8px;
}
/**送信ボタンwrap**/
.form_button {
	margin-bottom: 20px;
	text-align: center;
	width: 600px;
	margin: 0 auto 50px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}
/**ボタン**/
.form_button input[type="submit"]/**確認・送信**/,
.form_button a/**戻る**/{
	display: inline-block;
	margin: 0 15px;
	padding: 15px 30px;
	border: 1px solid #421000;
	color: #ffffff;
	text-align: center;
	background:#421000;
	cursor: pointer;
	width: 250px;
}
.form_button input[type="submit"]:hover,
.form_button a:hover{
	background:#ffffff;
	color: #421000;
}

/**ボタン**/
.table-g .form_button input[type="submit"]/**確認・送信**/,
.table-g .form_button a/**戻る**/{
	border: 1px solid #003000;
	color: #ffffff;
	background:#003000;
}
.form_button input[type="submit"]:hover,
.form_button a:hover{
	background:#ffffff;
	color: #003000;
}

/**確認/hoge/confirm.html**/

/**完了/hoge/complete.html**/

/* -------------------------------------
formタグ
-------------------------------------*/
/*入力共通*/
form input[type="text"],
form textarea,
form select {
	padding: 2px 4px;
	height:30px;
	border:1px solid #cccccc;
	line-height: 1.2;
}
/*サンプル*/
.owlet-input-sample {
	margin-top: 5px;
}
/*複数行*/
form textarea {
	padding: 2px;
	min-height: 150px;
	width: 100%;
}
/*名前*/
.owlet-input-name-sei,
.owlet-input-name-mei {
	margin: 0 5px;
	width: 90px;
}
/*メールアドレス*/
input[name="input[email]"],
input[name="input[email_confirm]"] {
	width: 100%;
}
/*住所*/
.zip1,.zip2 {
	margin-bottom: 5px;
	width: 60px;
}
.zip2addr {
	margin-bottom: 5px;
}
select.prefectures,
select.city {
	margin: 0 5px 5px;
}
input[name="input[address_address]"],
input[name="input[address_address2]"],
input[name="input[address2_address]"],
input[name="input[address2_address2]"]  {
	margin-left: 5px;
	width: 85%;
}
input[name="input[address_address]"] {
	margin-bottom: 5px;
}
/*日時*/
.owl-datepicker {
	margin-right: 5px;
	width:200px;
}
select[name="input[datetime_hour]"],
select[name="input[datetime_minute]"] {
	margin-right: 5px;
}
/*電話番号*/
.owlet-input-tel1,
.owlet-input-tel2,
.owlet-input-tel3 {
	width: 80px;
}
.owlet-input-tel2,
.owlet-input-tel3 {
	margin-left:5px;
}
/*一行*/
input[name="input[hoge]"] {
	width: 100%;
}
/*ラジオ・チェックボックス縦並びにする場合*/
form table tr td label {
	display: block;
}
/*セレクト選択*/
select[name="input[select]"] {
	display: block;
}
input[name="input[select_etc]"] {
	margin-left: 5px;
}
/*その他*/
input[name="input[select_etc]"],
input[name="input[radio_etc]"],
input[name="input[check_etc]"] {
	margin-top: 5px;
	width:100%;
}
/*ラジオボタンにスタイルあてる場合*/
form label input[type="radio"] {}
/*チェックボックスにスタイルあてる場合*/
form label input[type="check"] {}

/**フォーム規約**/
.owlet-rules {}
.owlet-rules-title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.owlet-rules-body {
	overflow-y:scroll;
	box-sizing:border-box;
	margin-bottom: 20px;
	padding:15px;
	height:200px;
	border:1px solid #dcdcdc;
}
.owlet-rules-agree {
	margin-bottom: 20px;
	text-align: center;
}

/* -------------------------------------
カスタムパーツ
-------------------------------------*/
.post {
	overflow: hidden;
}
/*テキスト*/
.textArea {
	margin: 0 auto 50px;
}
/*画像*/
.img_center {
	margin-bottom: 50px;
	text-align:center;
}
.img_left {
	margin-bottom: 50px;
	text-align:left;
}
.img_right {
	margin-bottom: 50px;
	text-align:right;
}

.post .img_center img{
	max-width: 100%;
}

/**画像+テキスト**/
.text_img_left,
.text_img_right {
	overflow: hidden;
	margin-bottom: 50px;
}
.text_img_left img {
	width: 50%;
	float:left;
	margin-right: 30px;
}
.text_img_right img {
	width: 50%;
	float:right;
	margin-left: 30px;
}




/* -------------------------------------
写真のエフェクト
-------------------------------------*/
/**4辺ぼかし：親要素にかける**/
.blur_w {
	position: relative;
	display: inline-block;
}
.blur_w:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	box-shadow:
	  inset 0 0 40px #fff,
	  inset 0 0 40px #fff,
	  inset 0 0 40px #fff,
	  inset 0 0 40px #fff,

	content: "";}

/**左をフェード：親要素にかける**/
.fade_w {
	position: relative;
	display: inline-block;
}
.fade_w:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: inset -60px 0 100px #fff; /* -60pxずらす */
	content: "";
}

/**角丸：画像に直接かけれる**/
.radius{
	border-radius: 15px;
}

/** ================================================================================
		04.Template（レイアウト共通部分）
================================================================================ **/
body{
	position: relative;
	padding: 25px 0 0;
}
header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	min-width: 1200px;
	width: 100%;
	background: rgba(255,255,255,0.9);
}

.h1,
.copyright{
	background: rgb(148,110,0);
	background: linear-gradient(to right, rgba(148,110,0,1) 0%,rgba(59,23,0,1) 66%,rgba(59,23,0,1) 100%);
	color: #ffffff;
	font-size: 12px;
}h1{
	margin: 0 auto;
	width: 1200px;
	height: 25px;
	line-height: 25px;
}
.copyright{
	padding: 5px;
	text-align: center;
}

header .wrap{
	position: relative;
	display: flex;
	margin: 0 auto;
	padding: 15px 0;

	align-items:flex-end;
	justify-content: space-between;
}
header dl{
	overflow: hidden;
}
header dt{
	float: left;
	margin: 15px 0 0;
}
header dt img {
	width: 200px;
	height: auto;
}
header dd{
	margin-left: 205px;
	font-size: 13px;
}
header dd a{
	color: #cc0000;
	font-weight: bold;
	font-size: 20px;
}

header nav ul{
	display: flex;
	border-left:1px solid #3B1700;
	font-size: 16px;
	line-height:1.5;
}
header nav ul li{
	position: relative;
	display: inline-block;
	overflow: hidden;
	height: 1.5em;
	outline: none;
	border-right:1px solid #3B1700;
	text-decoration: none;
	text-transform: uppercase;
}
header nav ul li a{
	position: relative;
	display: inline-block;
	padding: 0 10px;
	color: #3B1700;
	font-weight: bold;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;

	-webkit-font-smoothing: antialiased;
}
header nav ul li a:before {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 10px;
	width: 100%;
	background: #3B1700;
	color: #ffffff;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
header nav ul li:hover a,
header nav ul li:focus a{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


header nav ul li.lpmeguri{
    padding:8px;
}header nav ul li.lpmeguri a{
    color:#fff; 
    background:#2e99c2;
}header nav ul li.lpmeguri a:before{
    background:#2e99c2;
    top:115%;
}
header nav ul li.lpmeguri:hover a,
header nav ul li.lpmeguri:focus a{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

header .btnForm{
	position: absolute;
	top: -25px;
	right: 0;
	margin: 0;
	padding: 15px 5px 8px;
	border-radius: 0 0 8px 8px;
	background: #000000;
	color: #ffffff;
}
header .btnForm a{
	display: inline-block;
	margin: 0 8px;
	padding: 3px 8px;
	border-radius: 3px;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 14px;
}
header .btnForm a:hover{
	background: rgba(255,255,255,0.3);
}


footer{
	margin: 80px auto 0;
	background: url(https://www.akarihome-keihan.com/common/images/bg05.jpg);
}
footer address{
	background: rgba(196,158,74,0.6);
	background: rgba(148,110,0,0.4);
	background: linear-gradient(to right, rgba(148,110,0,0.2) 0%,rgba(148,110,0,0.4) 100%);
	background: rgba(148,110,0,0.35);
}
footer .wrap{
	position: relative;
	display: flex;
	margin: 0 auto;
	padding: 15px 0;

	justify-content: space-between;
}
footer dl{
	overflow: hidden;
}
footer dt{
	float: left;
	margin: 5px 0;
}
footer dt img {
	width: 300px;
	height: auto;
}
footer dd{
	margin-left: 320px;
	font-size: 13px;
}
footer dd a{
	color: #cc0000;
	font-weight: bold;
	font-size: 20px;
}
footer .btnForm{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 15px 5px 8px;
	border-radius: 8px 8px 0 0;
	background: #000000;
	color: #ffffff;
	z-index:1000;
}
footer .btnForm a{
	display: inline-block;
	margin: 0 8px;
	padding: 3px 8px;
	border-radius: 3px;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 14px;
}
footer .btnForm a:hover{
	background: rgba(255,255,255,0.3);
}
footer .btnMAP{
	display: inline-block;
	margin: 0 10px;
	padding: 2px 15px;
	border-radius: 3px;
	background: #2D5BB0;
	color: #ffffff;
	font-weight: normal;
	font-size: 13px;
}footer .btnMAP:hover{
	background: #00a6cb;
}
footer nav.wrap{
	display: flex;
	padding: 40px 0;

	justify-content: space-between;
}
footer nav a{
	padding: 0 0 0 1em;
	color: #3B1700;
	text-shadow:1px 1px 0 #ffffff;
	font-size: 13px;
}footer nav li a:hover{
	text-decoration: underline;
}
footer nav li.lv1 a{
	padding: 0;
}footer nav li.lv1 a:before{
	content: "＞";
}

footer nav .fb,
footer nav .insta{
	width: 30%;
}

aside{
	padding: 30px 0 0;
}
aside .box2C > li{
	width: 48%;
	border: 1px solid #6D3438;
}
aside .box2C li a{
	position: relative;
	display: block;
	padding: 20px 10px 10px 335px;
	height: 200px;
	color: #421000;
}
aside .box2C li.box2C-l a{
	background: url(https://www.akarihome-keihan.com/common/images/btn_aside01.jpg)no-repeat top left;
}aside .box2C li.box2C-r a{
	background: url(https://www.akarihome-keihan.com/common/images/btn_aside02.jpg?ver1)no-repeat top left;
}
aside .box2C li a span{
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	padding: 10px;
	width: 240px;
	background: #421000;
	color: #ffffff;
	text-align: center;
}
aside .box2C li a:hover{
	opacity: 0.8;
}