@charset "utf-8";
.FontMincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:bold !important;-webkit-font-smoothing:antialiased;}
.FontSerif{font-family: 'EB Garamond', serif; letter-spacing:3px; font-weight:bold}
.FontPrice{font-family: 'Nunito', sans-serif; font-size:22px; font-weight:bold; color:#a08f16; line-height:1.2}
.FontPrice span{ font-size:70%;}

html{
  scroll-behavior: smooth;
}

a:link, a:visited, a:hover, a:active {
    color: #333;
    text-decoration: none;
}

#main .box{
	width:960px;
	margin:0 auto;
}
/*------------------------------
 　汎用
-------------------------------- */
.box02{
	width:992px;
	margin:0 auto;
	padding:2em 0;
}
.box960{
	width:960px;
	margin:0 auto;
}
.box992{
	width:992px;
	margin:0 auto;
}
.box1100{
	width:1100px;
	margin:0 auto;
}
.flexbox {
	display:flex;
	flex-wrap:wrap;
}


/* MV
--------------------*/
#main{
	font-size:14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mv{
	height:650px;
	position:relative;
}
.mv .innnertxt{
	width:960px;
	margin:0 auto;
	padding-top:25%;
	text-align:center;
	color:#FFF;
}
.mv .innnertxt h2{
	font-size:2.2em;
}




/*---------------------------
ページタイトルビジュアル
----------------------VisualTtl*/
.VisualTtl{ 
	background-color: #436C7A;
	height: 190px;
	text-align:center; 
	color:#FFFFFF; 
}
.VisualTtl p{
	position:relative; 
	z-index:9; 
	font-weight:normal;
}
.VisualTtl .main{
	padding-top:50px;
	padding-bottom:10px;
	font-size:35px;
	letter-spacing:8px;
	font-weight: normal!important;
}
.VisualTtl .sub{
	font-size:15px;
}

/*------------------------------
	説明
--------------------------------*/
#Introduction{
	padding: 3em 0;
	background: url(../../../kansai/img/bg_argyle.jpg);
}
#Introduction .photo {
    width: 50%;
}
#Introduction .photo img{
    width: 100%;
}
#Introduction .txt {
    width: 44%;
	font-size: 18px;
	line-height: 1.6;
	padding-top: 20px;
}
#Introduction .inner {
	width: 992px;
	margin: 0 auto;
}
#Introduction .flexbox {
	justify-content: space-between;
}

/*------------------------------
各項目のタイトル
-------------------GeneralTtl*/
.GeneralTtl{
	margin:0 auto;
	text-align:center; 
	padding:40px 0;
}
.GeneralTtl .main{ font-size:20px; padding-bottom:10px; margin-bottom:15px; border-bottom: 1px solid #999; display:inline-block; }
.GeneralTtl .main strong{font-size:26px;}
.GeneralTtl .sub{ font-size:12px; font-weight:bold; display: block;}
.GeneralTtl .desc{ font-weight:normal; font-size:18px; padding-top:20px;}

.GeneralSubTtl{ font-size: 26px; display: flex; justify-content: center; align-items: center; margin-bottom:15px}
.GeneralSubTtl:before,
.GeneralSubTtl:after { content:""; width: 50px; display: block; background-image:url(../../images/common/line_solid_black.gif); height: 1px; margin: 0 10px; }

.Flex{width: 1062px; margin:0 auto;margin-left: -42px;display: flex;flex-wrap:wrap;justify-content: flex-start;}
.Flex .entry img{ /*width:100%; height:auto;*/}

.section-ttl{
	color: #000;
	margin: 0 auto 20px;
	text-align: center;
}
.section-txt {
    font-size: 16px;
    text-align: center;
    margin: 10px 0 30px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.section-ttl:after{
	border-bottom:2px solid #000;
}

/*------------------------------
	商品欄
--------------------------------*/

.items {
	margin:0;
	padding: 20px 0 40px;
	background-color: #eee;
}
.area-list-box {
	display: flex;
    justify-content: space-between;
	width: 900px;
    margin: 0 auto 50px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.area-list-box li {
    position: relative;
	width: 24%;
	text-align: center;
	box-shadow: 0 2px 2px #dcdcdc;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	transition: all 0.2s ease;
	border: 2px solid #436C7A;
	background-color: #fff;
	color: #436C7A;
}
.area-list-box li.area-list-active {
	opacity: 1;
	font-weight: 700;
	border: 2px solid #436C7A;
	background-color: #436C7A;
	color: #fff;
}
.area-list-box li a {
	display: block;
	padding: 10px 0 9px;
	color: inherit;
	text-decoration: none;
	position: relative;
}
.area-list-box li a::after {
    position: absolute;
    right: 8px;
    top: 50%;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 21px;
    font-weight: normal;
    margin-top: -15px;
}
.area-list-box li:hover {
	opacity: 0.8;
	transition: all 0.2s ease;
}
.area-item-contents {
	width: 100%;
	padding: 0;
	overflow: hidden;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.air-area-item ul{
	width: 100%;
}
.item-air-box {
	width: 23.5%;
}

.area-item-contents p.caution{
   /* text-align: center;*/
    font-size: 0.9em;
    margin: 10px auto;
}

.items .search_btn {
    background-color: #436C7A;
    border: 2px #436C7A;
}
.search_btn {
    margin: 40px auto;
    text-align: center;
    border-radius: 30px;
	width: 600px;
	box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, .25);
}
.search_btn a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    padding: 15px 30px;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    text-decoration: none;
    position: relative;
}
.search_btn a:hover {
    opacity: 0.8;
}
.search_btn a::after {
    position: absolute;
    right: 20px;
    top: 15%;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 24px;
}

/*tel*/
.data-link a {
    color: rgb(85, 26, 139)!important;
}

/*------------------------------
 リニューアル時調整
-------------------------------*/
#product {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	& h3 {
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		color: #436c7a;
		margin-bottom: 20px;
	}
}