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

/** ================================================================================
		レスポンシブ　ベース
		sp (max-width: 768px)
================================================================================ **/
@media screen and (max-width: 768px) {
	body{
		min-width: 100%;
	}
	/**post制御**/
	p{
		word-break: break-all;
	}
	table{
		width: 100%!important;
		word-break: break-all;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	/**post制御**/

	/** ================================================================================
	03.default
	================================================================================ **/
	/* -------------------------------------
	ベーススタイル設定

	1.clearfix,clear
	2.font
	3.float
	4.text-align
	5.margin
	6.padding
	-------------------------------------*/
		/*2. font */
	.fs18{
		font-size: 16px;/*16*/
	}
	.fs20{
		font-size: 16px;/*16*/
	}
	.fs22{
		font-size: 16px;/*16*/
	}
	.fs24{
		font-size: 18px;/*18*/
	}
	.fs26{
		font-size: 20px;/*20*/
	}
	.fs30{
		font-size: 28px;/*28*/
	}
	.fs32{
		font-size: 28px;/*28*/
	}
	.fs44{
		font-size: 36px;/*36*/
	}
	.fs46{
		font-size: 40px;/*40*/
	}
	.fs54{
		font-size: 42px;/*42*/
	}

	/*5. margin 30以上は1/2 */
	.mb40 {
		margin-bottom: 20px;
	}
	.mb50 {
		margin-bottom: 25px;
	}
	.mb80 {
		margin-bottom: 40px;
	}
	.mb100 {
		margin-bottom: 50px;
	}
	.mb150 {
		margin-bottom: 75px;
	}
	.mt40 {
		margin-top:20px;
	}
	.mt50 {
		margin-top:25px;
	}
	.mt80 {
		margin-top:40px;
	}
	.mt100 {
		margin-top:50px;
	}
	.mt150 {
		margin-top:75px;
	}

	/* -------------------------------------
	幅
	-------------------------------------*/
	.w100p,
	.w980,
	.w800,
	.w700,
	.w650,
	.w600{
		margin-left : auto;
		margin-right: auto;
	}
	.w100p{
		width: 100%;
	}
	.w980{
		width: 100%;
	}
	.w800{
		width: 90%;
	}
	.w700{
		width: 90%;
	}
	.w650{
		width: 90%;
	}
	.w600{
		width: 90%;
	}

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


	/* -------------------------------------
	カラム
	-------------------------------------*/
	/**２つ並び**/
	.box2C{
		display: block;
		width: 100%;
	}
	.box2C > *{
		width: 100%;
	}
	.box2C:after{
		display: none;
	}

	/**3つ並び**/
	.box3C{
		display: block;
		width: 100%;
	}
	.box3C > *{
		width: 100%;
	}
	.box3C:after{
		display: none;
	}
	/**並び数指定なし**/
	.box-x-C{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		justify-content: space-between;
	}
	.box-x-C > *{
		flex-grow:1;
		min-width: 233px;
		margin: 15px;
	}

	/* -------------------------------------
	見出し+テキスト+画像

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

		flex: 1;
	}
	.h-text-img figure{
		margin: 30px auto;
		max-width: 400px;
		width: 100%;
		height: auto;
	}
	.h-text-img figure img{
		width: 100%;
	}
	.h-text-img.center{
		display: flex;
		flex-flow: column-reverse nowrap;
	}
	.h-text-img.center figure{
		max-width: 100%;
	}
/* -------------------------------------
記事一覧
-------------------------------------*/
	.post-listA{
		display: block;
	}
	.post-listA a{
		display: block;
	}
	.post-listA .left{
		float: left;
	}
	.post-listA strong{
		margin-top:20px;
		word-break: break-all;
	}
	.post-listA  p{
		clear: both;
		padding: 5px 0 0;
	}
	

	/* -------------------------------------
	テーブル
	-------------------------------------*/
	.table table,
	.table tbody,
	.table tr,
	.table th,
	.table td{
		display: block;
		border: none;
	}
	.table table{
		border-bottom: 1px solid rgba(0,93,229,0.6);
	}
	.table th,
	.table td{
		border: 1px solid rgba(0,93,229,0.6);
		border-bottom: none;
	}
	.table th{
		width: 100%;
	}
	
	.normal table,
	.normal tbody,
	.normal tr,
	.normal th,
	.normal td{
		display: block;
		border: none;
	}
	.normal table{
		border-bottom: 1px solid #565656;
	}
	.normal th,
	.normal td{
		border: 1px solid #565656;
		border-bottom: none;
	}
	.normal th{
		width: 100%;
	}
	
	.event table,
	.event caption,
	.event tbody,
	.event tr,
	.event th,
	.event td{
		display: block;
		border: none;
	}
	.event table{
		border-bottom: 1px solid #565656;
	}
	.event th,
	.event td{
		border: 1px solid #565656;
		border-bottom: none;
	}
	.event th{
		width: 100%;
	}

	/* -------------------------------------
	カテゴリボタン
	-------------------------------------*/
	.catBtn{
		display: flex;
		margin:  20px auto;
		width: 100%;

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.catBtn a{
		margin: 0 0 8px;
		padding: 10px 20px 10px 10px;
		min-width: 8em;
		width: 49%;
	}

		/**2パターン**/

	.catBtn2{
		display: flex;
		margin:  20px auto;
		width: 100%;

		flex-wrap: wrap;
		justify-content: space-between;
	}
	.catBtn2 a{
		display: block;
		margin: 0 0 8px;
		padding: 10px 20px 10px 10px;
		min-width: 8em;
		width: 49%;
		border: none;
	}

	/* -------------------------------------
	詳細ページの写真+テキスト
	-------------------------------------*/
	.img-text figure{
		width: 100%;
	}
	
	/* -------------------------------------
	formタグ
	-------------------------------------*/
	/*複数行*/
	form textarea {
		width: 95%;
		display: block;
		margin:0 auto;
	}
	/*名前*/
	.owlet-input-name-sei,
	.owlet-input-name-mei {
		width: 100%;
	}
	/*メールアドレス*/
	input[name*="email"]{
		width: 95%;
	}
	/*住所*/
	input.address,
	input.address1{
		width: 95%;
	}
	input[name="input[address_address]"]{
		width: 95%;
	}
	/*電話番号*/
	.owlet-input-tel1, .owlet-input-tel2, .owlet-input-tel3 {
		width: 28%;
	}
	/*一行*/
	input[name="input[hoge]"] {
		width: 95%;
	}
	/*その他*/
	input[name="input[select_etc]"],
	input[name="input[radio_etc]"],
	input[name="input[check_etc]"] {
		width:95%;
	}
	/*iPhone独自スタイル解除*/
	form　input[type="button"],.inquiry_form input[type="text"],.inquiry_form input[type="submit"] {
		-webkit-appearance: none;
		border-radius: 0;
	}

	/* -------------------------------------
	ボタン
	-------------------------------------*/
	.btnA{
		width: 100%;
	}

	.parts-gallery{
		text-align: center;
	}
	.parts-gallery img{
		width: 100%;
		max-width: 470px;
		display: block;
		margin: 10px auto;
	}



}