@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: #7D7C40;
	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;*/}


/*--------------------
	ラインナップ
------------------------*/
#Brand {
	padding-bottom: 100px;
    background-color: #eee;
    -webkit-text-size-adjust: none;
}
#Brand #type {}
#Brand #type .Flex{
	width: 990px;
	margin: 0 auto;
	align-items: stretch;
}
#Brand #type .entry{
	width: 30%;
	margin-left: 3%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	position: relative;
	padding-bottom: 33px;
}
#Brand #type .entry .photo {
	text-align: center;
    margin-top: 30px;
	height: 60px;
}
#Brand #type .entry.ciao img {max-height: 36px;}
#Brand #type .entry.ex img {max-height: 55px;}
#Brand #type .entry.imp img {max-height: 40px;}

#Brand #type .entry .main {
	text-align: center;
	padding: 20px 20px;
	color:#000;
}
#Brand #type .entry .main h3 {
	text-align:center;
	padding-bottom: 15px;
}
#Brand #type .entry .main h3 .ttl {
	font-weight:normal; 
	font-size:26px;
	padding-bottom:5px; 
}
#Brand #type .entry .main h3 .sub {
	font-weight:normal;
	font-size:12px;
	letter-spacing: 3px;
}
#Brand #type .entry .main .txt{
    font-size: 14px;	
}
#Brand #type .entry .btn {
	/*margin: auto auto 0;*/
	position: absolute;
    bottom: -22px;
    right: 40%;
}
#Brand #type .entry .btn a {
	border-radius: 30px;
	display:block;
	position:relative;
	color:#fff;
	padding: 30px;
	text-decoration: none;
}
#Brand #type .entry .btn a:after {
	position: absolute;
	right: 29%; 
	top: 15%;
	content:"\f107"; 
	font-family:FontAwesome; 
	font-size:30px; 
}
#Brand #type .entry .btn:hover{
	filter: drop-shadow(0px 3px 3px #b9b9b9);
	transform: translateY(-3px);
	transition-duration: 0.2s;
}

#Brand #type .entry.ciao .btn a{background-color: #26549F;}
#Brand #type .entry.ex .btn a{background-color: #948026;}
#Brand #type .entry.imp .btn a{background-color: #695c94;}


/*------------------------------
	３つのブランド（商品枠はproduct.css）
--------------------------------*/
.items {
	margin:0;
	padding: 0 0 40px;
	background:#edf5ff;
	position: relative;
}
.items.ex{
	background:url(../../../kansai/img/itemex_bg.png) ;
}
.items.imp{
	background:url(../../../kansai/img/bg_gara.png) ;
}

.box-ttl ::after{
	content: ' ';
    display: block;
    position: absolute;
    background: #3f5576;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
	background-repeat: no-repeat;
}
.ex .box-ttl ::after{
    background: #948026;
    background: -moz-linear-gradient(left, #948026 0%, #fffcd6 52%, #948026 95%);
    background: -webkit-linear-gradient(left, #948026 0%,#fffcd6 52%,#948026 95%);
    background: linear-gradient(to right, #948026 0%,#fffcd6 52%,#948026 95%);
}
.imp .box-ttl ::after{ background: #695c94;}

.items .box-ttl{
    background-color: #fff;
    margin: 0;
    padding: 50px 0 40px;
    position: relative;
    font-size: 1.3em;
}
.items h2{
	width: 960px;
	margin: 0 auto;
	text-align: center;
    font-weight: bold;
}
.items h2 span{
    display: block;
	margin-top: 20px;
}
/*.items span{
	display: block;
}*/
.items h2 img{
	max-width: 15%;
    max-height: 65px;
}

.introduce{
	margin: 35px 15px;
	text-align: center;
    line-height: 1.9em;
    font-size: 1.2em;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.introduce p span{
	display: inline-block;
	font-weight: bold;
}
#extage .introduce .btnLocal{
	margin-top: 20px;
}
.area-list-box {
	display: flex;
	width: 100%;
    justify-content: space-between;
    margin: 0 auto 50px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.area-list-box li {
    flex: 1 0 auto;
    position: relative;
	text-align: center;
	margin: 0 0.5%;
	box-shadow: 0 2px 2px #dcdcdc;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	transition: all 0.2s ease;
}
/*.area-list-box li.area-list-active {
	width: 200px;
	padding: 7px 20px 4px;
	margin: 0 0.5%;
}*/
.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;
}
#ciaoTab.area-list-box li{border: 2px solid #26549F; background-color: #fff; color: #26549F;}
#ciaoTab.area-list-box li.area-list-active{border: 2px solid #26549F; background-color: #26549F; color: #fff;}
#extageTab.area-list-box li{border: 2px solid #948026; background-color: #fff; color: #948026;}
#extageTab.area-list-box li.area-list-active{border: 2px solid #948026; background-color: #948026; color: #fff; font-weight: 700;}
.area-list-box li:hover {opacity: 0.8; cursor: pointer;}

#extageTab.area-list-box li a{display: block; color: #948026;}
#extageTab.area-list-box li.area-list-active a{	color: #fff;}
#extageTab.area-list-box li a:hover{text-decoration: none}




#main ul.area-item,#main ul.ex-area-item,#main ul.imp-area-item{
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
#main ul.area-item li,#main ul.ex-area-item li,#main ul.imp-area-item li{
    width: 24%;
    margin: 0 .5%;
}
#main ul.area-item li:empty,#main ul.ex-area-item li:empty,#main ul.imp-area-item li:empty{
	display: none;
}
.area-item-contents {
	width: 100%;
	padding: 0;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.area-item-contents ul.ex-area-item img{
	width: 100%;
}

.search_btn {
    margin: 40px auto;
    text-align: center;
    border-radius: 30px;
	box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, .25);
	width: 600px;
}
.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;
}


#ciao .search_btn,button{background-color: #26549F; border: 2px #26549F;}
#extage .search_btn,button{background-color: #948026; border: 2px #948026;}
#impresso .search_btn,button{background-color: #695c94; border: 2px #695c94;}



#impresso .area-item-hotel,
#impresso .area-item-rank{
	display: none;
}

/*--------------------------
	デジタルパンフレット
----------------------------*/
#DPF {
	background-image:url("../img/bg_gray_paper.jpg");
}
#DPF .box960 { 
	padding: 50px 0; 
	display: flex; 
	justify-content:space-between; 
}
#DPF .box960 .box {text-align: center; }
#DPF .box960 .box + .box { padding-top: 15px; }
#DPF .box960 .box h2 { 
	font-size: 35px; 
	line-height: 1.2; 
}
#DPF .box960 .box h3 { font-size: 14px; padding-bottom: 30px; }
#DPF .box960 .box .txt { 
	font-size: 16px; 
	padding-bottom: 25px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


.btnLocal a{
	display: inline-block;
    padding: 15px 120px;
    text-decoration: none;
    color: #242424;
    font-size: 16px;
	letter-spacing: 0.1em;
    position: relative;
    border: 1px solid #242424;
    font-weight: bold;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.btnLocal a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -0.8em;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
}
.btnLocal{ text-align:center;}
.btnLocal a + a{ margin-left:20px;}
.btnLocal a:hover{ border-color:#ADA31D; color:#ADA31D}
.btnLocal + .btnLocal{ margin-top:20px !important;}

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

/*--------------------------
	タブレットのみにきかせたい場合
----------------------------*/
@media screen and (min-width: 480px) and (max-width: 767px) { 
	html {
		font-size: 12pt;
	}

}
/*--------------------------
	タブレット以下の設定
----------------------------*/
@media screen and (max-width: 767px){

}

/*調整*/
#Brand .Flex {
    justify-content: center;
}

/*------------------------------
 リニューアル時調整
-------------------------------*/
#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: #26549f;
		margin-bottom: 20px;
	}
}