@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
html{  scroll-behavior: smooth;}
li{list-style: none;}
.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%;}
#wrap {
    overflow: hidden;
}

/*------------------------------
 　汎用
-------------------------------- */
html{
  scroll-behavior: smooth;
}
.box90{
	width:90%;
	margin:0 auto;
}
.box95{
	width:95%;
	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;
}

#breadcrumbArea a{text-decoration:underline;display:inline-block;line-height:2.5em;}
#breadcrumbArea .breadcrumbList{padding:.3em 5px;background-color:#FFF;white-space:nowrap;overflow:auto;font-size: 12px;}
#breadcrumbArea .breadcrumbList > li{display:inline-block;}
#breadcrumbArea .breadcrumbList > li+li:before{content:"＞";margin:0 .3em;}
/*---------------------------
ページタイトルビジュアル
----------------------VisualTtl*/
.VisualTtl{ 
	background-color: #7D7C40;
	height: 100px;
	text-align:center; 
	color:#FFFFFF; 
}
.VisualTtl p{
	position:relative; 
	z-index:9; 
	font-weight:normal;
}
.VisualTtl .main{
	padding-top: 21px;
    padding-bottom: 5px;
    font-size: 1.5em;
    letter-spacing: 8px;
	font-weight: normal!important;
}
.VisualTtl .sub{
	font-size:12px;
}

/*------------------------------
	説明
--------------------------------*/
#Introduction{
	padding: 0 0 3em;
	background: url(../../../kansai/img/bg_argyle.jpg);
}
#Introduction .photo {
    width: 100%;
}
#Introduction .photo img{
    width: 100%;
}
#Introduction .txt {
	font-size: 1.0em;
	padding-top: 20px;
	text-align: center;
}

/*------------------------------
各項目のタイトル
-------------------GeneralTtl*/
.GeneralTtl{
	margin:0 auto;
	text-align:center; 
	padding:30px 0;
	letter-spacing: 3px;
}
.GeneralTtl .main{ font-size:17px; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #999; display:inline-block; }
.GeneralTtl .main strong{font-size:22px;}
.GeneralTtl .sub{ font-size:11px; 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: 25px;
    background-color: #eee;
}
#Brand #type {}
#Brand #type .entry{
	background-color: #fff;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
#Brand #type .entry .photo {
	text-align: center;
	padding-top: 20px;
	height: 60px;
}
#Brand #type .entry.ciao img {max-height: 30px;}
#Brand #type .entry.ex img {max-height: 45px;}
#Brand #type .entry.imp img {max-height: 34px;}

#Brand #type .entry .main {
	text-align: center;
	padding: 10px 20px;
	color:#000;
}
#Brand #type .entry .main h3 {
	padding-bottom: 10px;
}
#Brand #type .entry .main h3 .ttl {
	font-weight:normal; 
	font-size:22px;
	padding-bottom:5px; 
}
#Brand #type .entry .main h3 .sub {
	font-weight:normal;
	font-size:12px;
	letter-spacing: 3px;
}
#Brand #type .entry .main .txt{
	
}
#Brand #type .entry .btn {
	/*margin: auto auto 0;*/
	position: absolute;
    bottom: -22px;
    right: 43%;
	filter: drop-shadow(0px 2px 4px #9E9E9E);
}
#Brand #type .entry .btn a {
	border-radius: 30px;
    /*width: 25px;
    height: 25px;*/
	display:block;
	position:relative;
	color:#fff;
	padding: 25px;
}
#Brand #type .entry .btn a:after {
	position: absolute;
	right: 12px; 
	top: 4px;
	content:"\f107"; 
	font-family:FontAwesome; 
	font-size:30px; 
}
#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 2em;
	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: 25px 10px 25px;
    position: relative;
    font-size: 1.0em;
}
.items h2{
	text-align: center;
}
/*.items span{
	display: block;
}*/
.items h2 img{
	max-width: 35%;
    max-height: 50px;
	margin-bottom: 7px;
}
.items h2 span{
    display: block;
    font-weight: bold;
}
.introduce{
	margin: 15px 10px;
    line-height: 1.8em;
	text-align: center;
    font-size: 1.0em;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.introduce p span{
	display: inline-block;
	font-weight: bold;
}
.introduce p span a{
	color: #000;
    text-decoration: underline;
}
.introduce p span a:hover{
	color: #1E51C6;
    text-decoration: underline;
}

.area-item-contents {
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.area-item-contents ul.ex-area-item img{
	width: 100%;
}
.items .area-item .scrollbox,
.items .ex-area-item .scrollbox,
.items .imp-area-item .scrollbox{
	width: 100%;
	overflow: scroll;
	padding: 0 0 10px 10px;
}
.items .area-item ul,
.items .ex-area-item ul,
.items .imp-area-item ul{
	width: 300%;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.items .area-item li,#ciao .search_btn
.items .ex-area-item li,
.items .imp-area-item li{
	width: 68vw;
	margin-right: 0.5%;
}
.items .area-item li:empty,
.items .ex-area-item li:empty,
.items .imp-area-item li:empty{
	display: none;
}
.area-list-box {
	/*display: inline-block;*/
    margin: 0 auto 10px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.item-box {
    padding: 0 0 10px;
}
.area-list-box li {
    position: relative;
	width: 40.5%;
	float: left;
	text-align: center;
	padding: 7px 10px 7px 2px;
	margin: 0.5%;
	/*box-shadow: 0 2px 2px #9E9E9E;*/
	border-radius: 35px;
	font-size: 14px;
	font-weight: 700;
	transition: all 0.2s ease;
}
#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::after {
    position: absolute;
    right: 5px;
    top: 50%;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    margin-top: -10px;
}
#extageTab.area-list-box li a{
	display: block;
	color: #948026;
	text-decoration: none;
}
#extageTab.area-list-box li.area-list-active a{
	color: #fff;
}



.search_btn {
	margin: 10px auto;
    text-align: center;
    border-radius: 30px;
    width: 95%;
}
.search_btn a{
	display: block;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 30px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-decoration: none;
	position: relative;
}
.search_btn a::after{
	position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 24px;
}
#ciao .search_btn {background-color: #26549F; border: 2px #26549F;}
#extage .search_btn {background-color: #948026; border: 2px #948026;}
#impresso .search_btn {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 { 
	padding: 35px 0; 
	display: flex; 
	justify-content:space-between; 
}
#DPF .box {text-align: center; }
#DPF .box + .box { padding-top: 15px; }
#DPF .box h2 { 
	font-size: 1.7em; 
	line-height: 2; 
}
#DPF .box h3 { 
	font-size: 1.0em;
	padding-bottom: 30px;
}
#DPF .box .txt { 
	font-size: 14px; 
	padding-bottom: 25px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#DPF .box img{
	width: 85%;
}

.btnLocal a{
	display: inline-block;
    padding: 15px 120px;
    text-decoration: none;
    color: #242424;
    font-size: 16px;
    position: relative;
    border: 1px solid #242424;
    font-weight: bold;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.btnLocal a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -16px;
    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;}



/*---------------------------------------------
      ページトップ
---------------------------------------------*/
#pagetop {
	position: fixed;
	right: 15px;
	bottom: 10px;
	display: none;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 1000;
}
#pagetop a{
	background: none;
}
#pagetop:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#pagetop img {
	width: 50px;
}