@charset "UTF-8";

#slide img{
	width: 100%;
	-webkit-backface-visibility: hidden;
}

h2,h3,h4{/*商品案内Title*/
	padding: 80px 0px 0px 0px;
	font-size: 2.1rem;
	line-height:1.3em;
	font-weight:300;
	text-align: center;
	}

#hansou_title01 h3,#hansou_title02 h3,#hansou_title03 h3{
	border-bottom: 1px #ccc solid;
	color: #4673B8;
	padding-bottom: 10px;
	padding-top: 60px;
	}
#hansou_title01 br,#hansou_title02 br,#hansou_title03 br{
	display: none;
	}
#hansou_title01,#hansou_title02,#hansou_title03{/*商品categoryTitle枠*/
	max-width: 1024px;
	margin: 0 auto;
	}
.hansou_tit03{
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1.2rem;
    line-height: 1.6em;
    color: #000;
    padding: 20px 0px;
    text-align: center;
	}

h2 span,h3 span,h4 span{/*商品案内Title英文字*/
	font-weight:300;
	font-size: 0.9rem;
	color: #ccc;
	}
#hansou_info{/*品質向上テキスト*/
	max-width: 1024px;
	background-color: #fff5f2;
	padding: 30px 0px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2rem;
	}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーースマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 479px) {
	#hansou_title01 h3,#hansou_title02 h3,#hansou_title03 h3{/*品質向上テキストスマホ用*/
	width:85%;
	border-bottom: 1px #ccc solid;
	border-left: 7px #4673B8 solid;
	color: #4673B8;
	padding: 5px 0px 5px 15px;
	
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.4em;
	margin: 20px auto 0px auto;
		text-align: left;
		
	}
	#hansou_title01 h3 br,#hansou_title02 h3 br,#hansou_title03 h3 br{/*スマホテキスト改行する*/
	display: inline;
	}
#hansou_info{/*スマホ品質向上テキスト*/
	background-color: #fff5f2;
	padding: 25px 10px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	}	
.hansou_tit03{/*スマホ商品カテゴリーtitle*/
	width: 70%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 1rem;
    line-height: 1.6em;
    color: #000;
    padding: 20px 0px 10px 0px;
	margin: 0 auto;
    text-align:justify;
}	
}
/*タブレットウィンドウ幅が最大768pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 768px) {/*品質向上テキストスマホ用*/
	.hansou_tit03{
		width: 80%;
		margin: 0 auto;
		}
}
#category{/*各商品テーブル背景枠*/
    width: 100%;
    padding-bottom: 30px;
}


/*スマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 768px) {/*商品案内Title*/
	h2,h3,h4{
	padding: 40px 0px 10px 0px;
	font-size: 2.1rem;
	line-height:1.2em;
	font-weight:300;
	text-align: center;
	color: #333;
	}	
#category{/*各商品テーブル背景枠*/
	margin-top: 0px;
}
	
	#category_flex01,#category_flex02,#category_flex03{/*商品テーブルflex枠*/
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;gap:15px;
	}
}
/* PC版（画面幅が768px以上）のときだけ左寄せに変更 */
@media screen and (min-width: 768px) {
#category_flex01,#category_flex02,#category_flex03{/*商品テーブルflex枠*/
	max-width: 1024px;
    width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 0 auto;
    gap:15px;
    
	}
}

.tab_01{/*各商品テーブル左から右*/
    width: 310px;
    /*margin-top: 15px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;*/
    background-color: #fff;
}


.tab_01 img{/*各商品画像指示*/
padding:0px;	
width: 310px;
-webkit-backface-visibility: hidden;
}/*
#category_flex02::after {折返し左端寄せ空ボックス	
display: block;
content:"";
width: 65%;
}*/


.ca_title{/*商品名*/
    font-size: 1.1rem;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    letter-spacing: normal;
    background-color: #4673B8;
	}
.ca_title span{
	font-size: 1rem;
}
.caption{/*公共施設等キャプション*/
	font-size: 1rem;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	padding: 10px 0px;
	height: 40px;
	line-height: 1.2em;
	
}
/*------------------スマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 479px) {
	.ca_title{/*商品名*/
    font-size: 1.2rem;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    letter-spacing: normal;
    background-color: #4673B8;
	}
	.caption{/*公共施設等キャプション*/
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1rem;
	text-align: center;
	padding: 10px 0px;
	height: 40px;
	line-height: 1.4em;
		color: #4673B8;
	
}
	.ca_lin_douga_kara{/*動画ボタン高さ調整削除*/
		display: none;
	
}
	.ca_tex_b{/*動画ボタン高さ調整削除*/
		display: none;
		
	
}
	.ca_spec_b{/*動画ボタン高さ調整削除*/
	display: none;
}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑479px*/	
.ca_lin img,.ca_lin_b img{
	width: 155px;	
}
.ca_lin_douga{
	padding-bottom: 10px;
	
}

.ca_lin_douga_kara{/*動画ボタン高さ調整*/
	padding-bottom: 0px;
}
.ca_lin{
	width: 155px;
	height: 50px;
	
}
.ca_lin_b {
	width: 155px;
	height: 50px;
	padding-bottom: 10px;
	-webkit-backface-visibility: hidden;
}

.ca_tex{
	height: 50px;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.4em;
	}
.ca_tex_b{/*動画ボタン高さ調整*/
		height: 50px;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1.4em;
	padding-bottom: 10px;
	
}
.ca_spec{
	height: 50px;
	text-align:justify;
	font-size: 0.7rem;
	line-height: 1.4em;
	vertical-align: text-top;
	}
.ca_spec_b{
	height: 50px;
	padding-bottom: 10px;
	text-align:justify;
	font-size: 0.7rem;
	line-height: 1.4em;
	vertical-align: text-top;
	
}
.ca_no{
	padding: 7px 0px;
	color: #000;
	font-size: 1rem;
	line-height: 1.6em;
	text-align:center;
	font-weight: 400;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 dashed;
}
.ca_kingaku{
	font-family: Verdana, Geneva, "sans-serif";
	text-align:center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1em;
	padding-top: 12px;
	padding-bottom: 7px;
	border-bottom: 1px #333 solid;
	
}
.ca_kingaku span{
	font-size: 0.9rem;
	font-weight: 300;
	
	}

.ca_contact{
	height: 54px;
	padding-top: 10px;

}
.ca_contact img{
-webkit-backface-visibility: hidden;	
}

	
	

#te_fax_flex img{
	margin-bottom: 20px;
	-webkit-backface-visibility: hidden;
}
/*スマホウィンドウ幅が最大768pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 768px) {
		
	#te_fax_flex{
		width: 90%
	}
	#te_fax_flex img{
		width: 100%;
		margin-bottom: 20px;
	}
	
}
.orange{

	background-color: #FF9933;

}
#taxi_flex img{
	width: 450px;
	-webkit-backface-visibility: hidden;
}
.taxi_tex{
	width: 450px;
}
.taxi_tt{
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 20px;
    color: #FF9933;
}
.taxi_tex{
	
	font-size: 1rem;
}
.taxi_tex ul li{
	list-style:decimal;
	list-style-position: inside;
	letter-spacing: inherit;
	color: #333;
	font-size: 1rem;
	padding-bottom: 7px;
	text-indent: -1rem;
	padding-left: 1rem;
}
.taxi_tex ul{
    margin-bottom: 20px;
}
.area em{
	font-weight: 700;
	}
.area{
	font-size: 1rem;
	line-height: 1.5em;
	margin-bottom: 20px;
}
/*スマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 479px) {
	#taxi_flex{
		width: 90%;
	}
}
#otoiawase{
	width:95%;
	border: 1px #E83A37 solid;
	margin-top:30px;
	font-size: 1rem;
}
/*スマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 479px) {
#otoiawase{
	width:100%;
	border: 1px #E83A37 solid;
	margin-top:30px;
	font-size: 1rem;
}

}
#otoiawase td{
	padding: 10px;
	border-bottom: 1px #e83a37 solid;
	
}
/*スマホウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/			
@media screen and (max-width: 479px) {
#otoiawase td{
	width: 95%;
	display: block;
	border-bottom: none;
	text-align: center;
	}	
	#otoiawase th{
		width: 95%;
		display: block;
	}
.red br{
	display: none;
	
	}
.red span{
	font-size: 0.8rem;
	font-weight: 700;
	
}}
.red{
	background-color: #e83a37;
	color: #fff;
	font-size: 1.2rem;
	padding: 10px;
	font-weight: 700;
	text-align: center;
}
.red br {
	display: none;
}
.red span{
	font-size: 0.8rem;
	font-weight: 700;
}
.oto_lef{
	background-color:#FFEAEB;
	width: 40%;
}
#otoiawase a{
	color:#000;
	font-weight: 700;
}