/* -------------------------------------
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;
}
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
================================================================================ **/
html{
	overflow: auto;
}
body{
	overflow-x: hidden;
	margin: 0 auto;
	min-width: 980px;
	background: #fff url(../images/bg.jpg) repeat left top;
	color:#636363;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'Noto Sans JP', sans-serif;
	line-height: 1.5;

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

* {
	-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:inherit;
	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:3px;
	border:0;
	background: url(../images/b_dot.svg) repeat-x left top;
}
hr.p{
	background: url(../images/p_dot.svg) repeat-x left top;
}

.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-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb150 {
	margin-bottom: 150px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt80 {
	margin-top:80px;
}
.mt100 {
	margin-top:100px;
}
.mt150 {
	margin-top:150px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}


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



/* -------------------------------------
幅
-------------------------------------*/
.w100p,
.w980,
.w800,
.w700,
.w650,
.w600{
	margin-right: auto;
	margin-left : auto;
}
.w100p{
	width: 100%;
}
.w980{
	width: 980px;
}
.w800{
	width: 800px;
}
.w700{
	width: 700px;
}
.w650{
	width: 650px;
}
.w600{
	width: 600px;
}

/* -------------------------------------
文字装飾
-------------------------------------*/
/**黄色マーカー**/
b.liner{
	background: -webkit-linear-gradient(transparent 40%, #fff552 0%);
	background: linear-gradient(transparent 40%, #fff552 0%);
}

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

/* -------------------------------------
パンくず
-------------------------------------*/
#breadcrumb{
	margin:5px auto 30px;
	max-width:1000px;
	width:94%;
	font-size:12px;
}
/*家アイコン*/
#breadcrumb ul:before {
	display: inline-block;
	content: "\e88a";
	vertical-align: middle;
	font-size: 14px;
	font-family: 'Material Icons';
}
#breadcrumb ul li{
	display:inline-block;
	padding:0 5px;
}
#breadcrumb ul li+li:before{
	content:">";
}
#breadcrumb a{
	color:#565656;
}

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

.blog-list .pagenation span{
	border: 1px solid #cc0066;
	color: #cc0066;
}
.blog-list .pagenation span.page{
	background: #cc0066;
}
.blog-list .pagenation span a{
	color: #cc0066;
}.blog-list .pagenation span a:hover{
	background: #cc0066;
}


/* -------------------------------------
カラム
-------------------------------------*/
/**２つ並び**/
.box2C{
	display: flex;
	margin: 30px auto;
	width: 100%;
	color: #000000;

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

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

	justify-content: space-between;
	flex-wrap: wrap;
}
.box3C > *{
	margin: 0 0 20px;
	width: 310px;
}
.box3C:after{
	display: block;
	width: 310px;
	content: "";
}
.box3C a{
	display:block;
	color: #000000;
}
/**並び数指定なし**/
.box-x-C{
	display: flex;
	margin: 30px auto;
	/*width: 100%;*/
	color: #000000;

	justify-content: center;
	align-items: center;
}
.box-x-C > *{
	margin: 0 0 20px;
}
.box-x-C a{
	display:block;
	color: #000000;
}

/* -------------------------------------
見出し+テキスト+画像
.h-text-img>
div>h+p
figure>img

.h-text-img　：　見出し+テキスト　画像右
.h-text-img.left　：　画像左　見出し+テキスト
.h-text-img.center　：　画像+見出し+テキスト　縦並び
-------------------------------------*/
.h-text-img{
	display: flex;
	margin: 30px auto;
	width: 100%;

	justify-content: space-between;
}
.h-text-img.left{
	flex-direction:row-reverse;
}
.h-text-img.center{
	margin: 0 auto;

	flex-flow: column-reverse nowrap;
}
.h-text-img > div{
	margin: 0 30px;

	flex: 1;
}
.h-text-img.center > div{
	flex: auto;
}
.h-text-img figure{
	width: 400px;
	height: auto;
}
.h-text-img.center figure{
	margin: 0 0 30px;
	width: 100%;
	height: auto;
}
.h-text-img.center figure{
	margin: 30px 0;
}
.h-text-img.big figure{
	width: 643px;
}
.h-text-img.min figure{
	width: 280px;
}
.h-text-img.free figure{
	width: auto;
}
.h-text-img figure img{
	width: 100%;
	height: auto;
}

/* -------------------------------------
記事一覧
-------------------------------------*/
.post-listA{
	display: flex;

	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}
.post-listA > *{
	margin: 0;
}
.post-listA a{
	position: relative;
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	padding: 15px 0 0;
	width: 100%;
}
.post-listA .left{
	margin: 0 10px 0 0;
	width: 160px;
}
.post-listA .right{
	margin: 25px 0 0;

	flex: 1;
}
.post-listA figure{
	width: 160px;
	height: 160px;
	margin: 0;
}
.post-listA figure img{
	width: 100%;
	height: 100%;
}

.post-listA em{
}.post-listA em + em{
	margin: 0 0 0 1px;
}
.post-listA strong{
	display: block;
	margin: 13px 0;
	font-weight: bold;
}
.post-listA  p{
	margin: 5px 0 0;
	font-size: 14px;
}

/* -------------------------------------
テーブル
-------------------------------------*/
.table table{
	margin: 30px auto;
	width: 100%;
}
.table th,
.table td{
	padding: 15px;
	border-top: 1px solid rgba(0,93,229,0.6);
	border-bottom: 1px solid rgba(0,93,229,0.6);
	vertical-align: top;
	text-align: left;
}
.table th{
	width: 25%;
	background: rgba(0,93,229,0.6);
	vertical-align:middle;
	color: #fff;
}

.table table a{
	color: #659afd;
	text-decoration: underline;
}.table table a:hover{
	text-decoration: none;
}

.normal table{
	margin: 30px auto;
	width: 100%;
}
.normal  th,
.normal  td{
	padding: 15px;
	border-top: 1px solid #3d301a;
	border-bottom: 1px solid #565656;
	vertical-align: top;
	text-align: left;
}
.normal th{
	width: 25%;
	background: rgba(0,0,0,0.4);
	color: #fff;
	vertical-align:middle;
}

.event table{
	margin: 30px auto;
	width: 100%;
}
.event  th,
.event  td{
	padding: 15px;
	border: 1px solid #565656;
	vertical-align: top;
	text-align: left;
}
.event th{
	width: 25%;
	background: rgba(0,0,0,0.1);
}
.event caption{
	margin: 0 0 10px;
	padding: 10px;
	background:rgba(0,93,229,0.6);
	color: #fff;
	vertical-align:middle;
	text-align: center;
	font-size: 20px;
}

/* -------------------------------------
カテゴリボタン
-------------------------------------*/
.catBtn{
	display: flex;
	margin:  25px auto;
	flex-wrap: wrap;
	justify-content: center;
}
.catBtn a{
	position: relative;
	display: block;
	margin: 15px;
	padding: 10px 40px 10px 20px;
	min-width: 8em;
	border: 1px solid #565656;
	background: #565656;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.catBtn a:after{
	position: absolute;
	right: 10px;
	content: "\e5cc";
	font-family: 'Material Icons';
}
.catBtn a:hover{
	background: #fff;
	color: #565656;
}

/**2パターン**/

.catBtn2{
	display: flex;
	margin:  25px auto 0px;

	justify-content: center;
}
.catBtn2 a{
	position: relative;
	display: block;
	margin: 15px;
	padding: 10px 40px 10px 20px;
	min-width: 8em;
	border:1px dashed #fff;
	background: #659afd;
	box-shadow: 4px 0 0 #659afd , -4px 0 0 #659afd,4px 4px 0 #659afd,-4px 4px 0 #659afd,0 4px 0 #659afd,0 -4px 0 #659afd,4px -4px 0 #659afd,4px -4px 0 #659afd,-4px -4px 0 #659afd;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.catBtn2 a:after{
	position: absolute;
	right: 10px;
	content: "\e5cc";
	font-family: 'Material Icons';
}
.catBtn2 a:hover{
	background: #cc0066;
	box-shadow: 4px 0 0 #cc0066 , -4px 0 0 #cc0066,4px 4px 0 #cc0066,-4px 4px 0 #cc0066,0 4px 0 #cc0066,0 -4px 0 #cc0066,4px -4px 0 #cc0066,4px -4px 0 #cc0066,-4px -4px 0 #cc0066;
}



/**3パターン**/

.catBtn3{
	display: flex;
	margin:  25px auto 0px;

	justify-content: center;
}
.catBtn3 a{
	position: relative;
	display: block;
	margin: 15px;
	padding: 10px 40px 10px 20px;
	min-width: 8em;
	border:1px dashed #fff;
	background: #cc0066;
	box-shadow: 4px 0 0 #cc0066 , -4px 0 0 #cc0066,4px 4px 0 #cc0066,-4px 4px 0 #cc0066,0 4px 0 #cc0066,0 -4px 0 #cc0066,4px -4px 0 #cc0066,4px -4px 0 #cc0066,-4px -4px 0 #cc0066;
	color: #fff;
	text-align: left;
	font-weight: bold;
}
.catBtn3 a:after{
	position: absolute;
	right: 10px;
	content: "\e5cc";
	font-family: 'Material Icons';
}
.catBtn3 a:hover{
	background: #659afd;
	box-shadow: 4px 0 0 #659afd , -4px 0 0 #659afd,4px 4px 0 #659afd,-4px 4px 0 #659afd,0 4px 0 #659afd,0 -4px 0 #659afd,4px -4px 0 #659afd,4px -4px 0 #659afd,-4px -4px 0 #659afd;
}

/* -------------------------------------
詳細ページのカテゴリー
-------------------------------------*/
.category{
	display: flex;
	margin: 20px auto;

	justify-content: space-between;
	align-items: center;
}

/* -------------------------------------
詳細ページの写真+テキスト
-------------------------------------*/
.img-text{
}
.img-text figure{
	margin: 30px auto;
	width: 980px;
}
.img-text div{
	line-height: 1.8;
}

/* -------------------------------------
お問い合わせ
-------------------------------------*/
/**エラー**/
.alert {
	margin: 5px 0;
	color: #ff0000;
}
/**必須※**/
.table th{
	/*position: relative;*/
}
.require {
	display: inline-block;
	/*position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;*/
	margin:  auto 5px;
	width: 3em;
	height: 2em;
	background: #e4001a;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 2em;
}
/**送信ボタンwrap**/
.form_button {
	position: relative;
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;

	align-items: center;
	justify-content: center;
}
/**ボタン**/
.form_button input[type="submit"]/**確認・送信**/,
.form_button input.submit,
.form_button a/**戻る**/{
	display: inline-block;
	margin: 0 30px;
	padding: 15px 30px;
	width: 200px;
	border: 1px solid #659afd;
	background: #659afd;
	color: #fff;
	text-align: center;
	border-radius: 8px;
}
.form_button input[type="submit"]:hover,
.form_button input.submit:hover,
.form_button a:hover{
	border: 1px solid #cc0066;
	background: #cc0066;
}

/**確認/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*="email"]{
	width: 100%;
}
/*住所*/
.zip1,.zip2 {
	margin-bottom: 5px;
	width: 60px;
}
.zip2addr {
	margin-bottom: 5px;
}
select.prefectures,
select.city {
	margin: 0 5px 5px;
}
input.address,
input.address1{
	margin-bottom: 5px;
	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;
}

/* -------------------------------------
写真のエフェクト
-------------------------------------*/
/**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;
}

/**hover時画像拡大**/
.scale {
	overflow: hidden;
}
.scale img {
	-webkit-transition: -webkit-transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	transition: transform 0.3s linear;
}
a:hover .scale img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}



/** ================================================================================
		04.Template（レイアウト共通部分）
================================================================================ **/