/*****************************************
◆基本機能 Default Style
見出し
画像+テキスト
テーブル
サイトマップ
パンくず
問合せフォーム
アーティクルページャー
タブ
*****************************************/

/*
見出し　h2～h6
**************************************/
h2,h3,h4,h5,h6 {
	line-height: 1.2;
	font-family:'Cardo',sans-serif;
}
.top_wrapper h2,
.lower_wrapper h2 {
	font-size: 30px;
	color: #ffffff;
	text-align: left;
	margin:0 auto 30px;
	padding: 8px 15px 5px;
	background: #000;
	border-radius: 6px;
}
.lower_wrapper h3 {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	margin:0 auto 30px;
	padding-bottom: 10px;
	border-bottom:1px solid #000;
}
.lower_wrapper h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.lower_wrapper h5 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.lower_wrapper h6 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

@media (max-width: 736px) {
	.lower_wrapper h2 {
		font-size: 20px;
	}
	.lower_wrapper h3 {
		font-size: 18px;
	}
	.lower_wrapper h4 {
	}
	.lower_wrapper h5 {
	}
	.lower_wrapper h6 {
	}
}
/*
パンくず
**************************************/
.pankuzu {
	min-width: 1000px;
	margin: 0 auto;
	min-height: 30px;
	padding: 15px 0 10px;
	box-sizing:border-box;
	font-size: 13px;
	line-height: 1.0;
	color: #000;
	background: #fff3f5;
}
.pankuzu ul{
	margin: 0px;
}
.pankuzu ul li:first-child {
	background: none;
	padding: 0;
}
.pankuzu ul li {
	margin: 0 10px 0 0;
	display: inline-block;
}
.pankuzu ul li a {
	padding: 0 15px 0 0;
	text-decoration: underline;
	position: relative;
	color:#000;
}
.pankuzu ul li a:after {
	content:'';
	position: absolute;
	top:5px;
	right: 0px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pankuzu ul li a:hover {
	text-decoration: none;
}
@media (max-width: 736px) {
	.pankuzu {
		min-width: 100%;
	}
}
/*
サイトマップ
**************************************/
.sitemap {
	width:80%;
	margin: 0 auto;
}
.sitemap ul {}
.sitemap ul li {
	padding:0;
}
.sitemap ul li a {
	display: inline-block;
	margin-bottom: 15px;
	padding-left: 15px;
	position: relative;
}
.sitemap ul li a:after {
	content:'';
	position: absolute;
	top:8px;
	left: 0px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sitemap ul li ul {}
.sitemap ul li ul li {
	padding:0 0 0 15px;
}
.sitemap ul li ul li a {}
@media (max-width: 736px) {}
/* 
テーブル
**************************************/
table.common_table {
	width: 100%;
	margin: 0 auto 30px;
	color:#000;
}
table.common_table tr th {
	padding: 15px;
	border: 1px solid #8e8e8e;
	background: #f5f5f5;
	font-weight: bold;
}
table.common_table tr td {
	padding: 15px;
	border: 1px solid #8e8e8e;
	border-width: 0 1px;
	background: #ffffff;
}
table.common_table.two_rows tr th {
	width:30%;
}
table.common_table.two_rows tr td {
	width:70%;
}
@media (max-width: 736px) {}
/*
問合せフォーム
**************************************/
.alert {
	color: #ff0000;
	font-weight: bold;
}
.require {
	display: inline-block;
	padding: 5px 10px;
	line-height: 1.0;
	background:#ce0000;
	color:#ffffff;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 12px
}
.inquiry_form table {
	width: 100%;
	margin: 0 auto 20px;
	color:#000;
}
.inquiry_form table tr th {
	width: 30%;
	padding: 15px;
	border: 1px solid #8e8e8e;
	background: #f5f5f5;
	font-weight: bold;
}
.inquiry_form table tr td {
	width: 70%;
	padding: 15px;
	border: 1px solid #8e8e8e;
	background: #ffffff;
}
.form_button {
	text-align: center;
	margin-bottom: 20px;
}
.form_button form {
	display: inline;
}
/*ボタン画像ありの場合はaタグのスタイル不要*/
.inquiry_form .form_button input[type="submit"] {
	min-width: 100px;
	border-radius: 5px;
	border: 0;
	background: #736966;
	padding: 10px 15px;
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.inquiry_form .form_button a {
	min-width: 100px;
	border-radius: 5px;
	background: #cccccc;
	padding: 10px 15px;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	vertical-align: top;
	margin-right: 15px;
}
.inquiry_form .form_button input[type="submit"]:hover,
.inquiry_form .form_button a:hover {
	opacity: 0.8;
}
@media (max-width: 736px) {
	.inquiry_form table tr th {
		width: 100%;
		display: block;
		box-sizing: border-box;
		border-bottom:0;
	}
	.inquiry_form table tr td {
		width: 100%;
		display: block;
		box-sizing: border-box;
		border-bottom:0;
	}
	.inquiry_form table tr:last-child td {
		border-bottom: 1px solid #dcdcdc;
	}
}
/*
フォーム input
アーティクル設定に合わせてください。
***************************/
/*入力共通*/
.inquiry_form input[type="text"],
.inquiry_form textarea,
.inquiry_form select {
	line-height: 1.2;
	padding: 2px 4px;
	border:1px solid #cccccc;
}
/*複数行*/
.inquiry_form textarea {
	width: 500px;
	min-height: 150px;
	padding: 2px;
}
/*名前*/
.owlet-input-name-sei,
.owlet-input-name-mei {
	width: 90px;
	margin: 0 5px;
}
/*メールアドレス*/
input[name="input[email]"],
input[name="input[email_confirm]"] {
	width: 300px;
}
/*住所*/
.zip1,.zip2 {
	width: 60px;
	margin-bottom: 5px;
}
.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]"]  {
	width: 300px;
	margin-left: 5px;
}
input[name="input[address_address]"] {
	margin-bottom: 5px;
}
/*日時*/
.owl-datepicker {
	width:150px;
	margin-right: 5px;
}
select[name="input[datetime_hour]"],
select[name="input[datetime_minute]"] {
	margin-right: 5px;
}
/*電話番号*/
.owlet-input-tel1,
.owlet-input-tel2,
.owlet-input-tel3 {
	width: 60px;
}
.owlet-input-tel2,
.owlet-input-tel3 {
	margin-left:5px;
}
/*一行*/
input[name="input[hoge]"] {
	width: 300px;
}
/*ラジオ・チェックボックス縦並びにする場合*/
.inquiry_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]"] {
	width:300px;
	margin-top: 5px;
}
/*ラジオボタンにスタイルあてる場合*/
.inquiry_form label input[type="radio"] {}
/*チェックボックスにスタイルあてる場合*/
.inquiry_form label input[type="check"] {}

@media (max-width: 736px) {
	.inquiry_form input[type="text"] {
		height:30px;
	}
	/*複数行*/
	.inquiry_form textarea {
		width: 90%;
		display: block;
		margin:0 auto;
	}
	/*メールアドレス*/
	input[name="input[email]"],
	input[name="input[email_confirm]"] {
		width: 95%;
	}
	input[name="input[address_address]"],
	input[name="input[address_address2]"],
	input[name="input[address2_address]"],
	input[name="input[address2_address2]"]  {
		width: 90%;
	}
	/*一行*/
	input[name="input[hoge]"] {
		width: 90%;
	}
	/*その他*/
	input[name="input[select_etc]"],
	input[name="input[radio_etc]"],
	input[name="input[check_etc]"] {
		width:90%;
	}
}

/*
フォーム 規約
**************************************/
.owlet-rules {}
.owlet-rules-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.owlet-rules-body {
	height:200px;
	padding:15px;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	margin-bottom: 20px;
	overflow-y:scroll;
}
.owlet-rules-agree {
	text-align: center;
	margin-bottom: 20px;
}
@media (max-width: 736px) {}
/*
◆アーティクル　ページャー
*****************************************/
.pagenation {
	display: table;
	text-align: center;
	margin: 0 auto 30px;
	line-height: 1.0;
	font-size:15px;
}
.pagenation span {
	display: inline-block;
	margin: 0 7px;
}
.pagenation span.prev,
.pagenation span.next {
}
.pagenation span.prev a,
.pagenation span.next a {
	width:30px;
	height:30px;
	box-sizing:border-box;
	background:#000;
	color:#ffffff;
	padding:7px 8px;
	border: 1px solid #000;
	text-decoration:none;
}
.pagenation span.prev a:hover,
.pagenation span.next a:hover {
	opacity:0.8;
}
.pagenation span.prev.current,
.pagenation span.next.current {
	display: none;
}
.pagenation span.current {
	width:30px;
	height:30px;
	box-sizing:border-box;
	display: inline-block;
	color:#ffffff;
	padding:7px 8px;
	border: 1px solid #000;
	background: #000;
	text-decoration: none;
}
.pagenation span.scope_limit {
	color: #000;
	text-decoration: none;
}
.pagenation span a {
	width:30px;
	height:30px;
	box-sizing:border-box;
	display: inline-block;
	color:#ffffff;
	padding:7px 8px;
	border: 1px solid #000;
	text-decoration:none;
	background: #000;
}
.pagenation span a:hover {
	opacity:0.8;
}

/*
タブ
**************************************/
/*スタイル解除*/
.owl-tabs {

}
.owl-tabs-container {
	border-radius: 0;
	border:none;
	padding:0;
}
ul.ui-tabs-nav {
	border:none;
	border-radius: 0;
	background: none;
	padding:0!important;
	margin-bottom: 30px!important;
}
.ui-tabs-panel {
	padding:0!important;
}

/*
リッチテキスト
**************************************/
.richtext em {
	font-style: italic;
}
/*
カスタムパーツ
**************************************/
/*テキスト*/
.textArea {
	margin: 0 auto 30px;
}
/*画像*/
.img_center {
	text-align:center;
	margin-bottom: 30px;
}
.img_center img {
    max-width:100%;
}
.img_left {
	text-align:left;
	margin-bottom: 30px;
}
.img_right {
	text-align:right;
	margin-bottom: 30px;
}

/**画像+テキスト**/
.text_img_left,
.text_img_right {
	margin-bottom: 20px;
}
.text_img_left img {
	float:left;
	margin-right: 20px;
}
.text_img_right img {
	float:right;
	margin-left: 20px;
}
@media (max-width: 736px) {
    
}
/*
pagetop
**************************************/
.pagetop{
position: fixed;
width: 50px;
height: 50px;
right:15px;
bottom:15px;
display: inline-block;
vertical-align: middle;
}
.pagetop:hover {
	opacity: 0.8;
}
.pagetop::before,
.pagetop::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.pagetop_btn::before{
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000;
}
.pagetop_btn::after{
left: 14px;
top: 14px;
width: 20px;
height: 20px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

@media (max-width: 736px) {
	.pagetop{
		width: 30px;
		height: 30px;
		right:10px;
		bottom:10px;
	}
	.pagetop_btn::before{
		width: 30px;
		height: 30px;
	}
	.pagetop_btn::after{
	left: 9px;
	top: 7px;
	width: 10px;
	height: 10px;
	}
}