@charset "utf-8";

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
article img {
	vertical-align: bottom;
	width: 100%;
    height: auto;
}

/* =========================================================
◆layout
========================================================= */
#wrapInner {
	width: 100%!important;
}

#inner950{
	width: 100%;
	margin: 0 auto;
	display: block;
}

.smpnone{
	display: none;
}

.title {
	width: 100%!important;
	text-align: center;
	max-width: 1084px;
	margin: 0 auto;
}

.title img{
	width: 100%;
}

#mainArea{
	width: 100%;
	margin: 0 auto;
	display: block;
}

h1 {
	font-weight: bold;
}

a:hover img {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}

#syutoken, #tdr, #hokuriku, #hyogo, #nanki, #kitakinki, #sanin, #okayama, #hiroshima, #yamaguchi, #shikoku, #kyushu {
	margin-top: -120px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 120px; /* 打ち消し用のパディング */
}


/* =========================================================
◆navigation
========================================================= */
.topNavi ul {
	background: #bf8f00;
    text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*flex-wrap: wrap;*/
}

.topNavi ul li {
    width: 33.1%;

	margin: 0 0%;
    display: flex;
    justify-content: center;
    align-items: center;
	border-right: 1px solid #ffffff;
}

.topNavi ul li:last-of-type{
	border: none !important;
}

/*
.topNavi ul:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}*/

.topNavi ul li a {
    padding: 10px 10px 20px;
    display: block;
    color: #FFF;
    font-weight: bold;
    background: url(../images/im_navi_arrow.png) no-repeat 50% 80%;
    background-size: 10px auto;
    font-size: 10px;
    text-decoration: none!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
}

.topNavi ul li a:hover {
	text-decoration:none;
}

/* =========================================================
◆味覚の説明
========================================================= */
.caption {
	width: 90%;
    padding: 2% 5%;
    margin: 2% auto;
    text-align: center;
    background-color: #820000;
    color: #FFF;
}

.mikakuTxt {
	width: 286px;
	padding: 15px;
	background: #FFF1D9;
	border-right: 1px solid #FFF;
	font-size: 123.1%;
	line-height: 1.4;
}

.last {
	border-right: none;
}

a img:hover{
opacity:0.8;
}

/* box-style
----------------------------------------------- */
.box01 {
	margin: 2%;
    padding: 3%;
    border: 1px solid #ebdcb7;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 39%;
	float: left;
}

/*.box01:last-child {
	clear:both;
}*/

/*  =================================
buttom_new
=================================  */
.planBtn2 a,.planBtn3 a {
	float: left;
    width: 98%;
    margin: 1%;
    padding: 5% 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background: #FF9326 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
    display: block;
    font-weight: bold;
}

.btnone a{
	pointer-events: none;
	background-color: #A6A6A6 !important;
	
}

/*冬の味覚BOX*/
h2#more_seach_img {
	width: 90%;
    padding: 2% 5%;
    margin: 2% auto;
    text-align: center;
    background-color: #820000;
    color: #FFF;
}

#higaeri_fuyumikaku {
	width: 96%;
    display: block;
	margin: 0 auto 5% auto;
}

#higaeri_fuyumikaku dt {
	background: #820000;
    padding: 2%;
    font-size: 150%;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

#higaeri_fuyumikaku dd {
    border: 3px solid #820000;
    padding: 20px 20px 20px 20px;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
}

#higaeri_fuyumikaku dd img {
	display: block;
    width: 100%;
}

#higaeri_fuyumikaku dd div {
    overflow: hidden;
}

#higaeri_fuyumikaku dd div h3 {
    font-size: 100%;
    margin-top: 2%;
    font-weight: bold;
}

h2.more_seach{
	background: #820000;
    padding: 2%;
    font-size: 150%;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    width: 92%;
    margin: 0 auto;
    display: block;
}

#more_seach_box{
	width: 94%;
    display: block;
    margin: 0 auto;
    border: 3px solid #202c52;
    overflow: hidden;
}

.det_t{
	margin: 10px 0 0 0;
}

/* =========================================================
◆デジタルパンフレットから探す
========================================================= */
.ti_panfu {
	width: 90%;
    padding: 2% 5%;
    margin: 2% auto;
    text-align: center;
    background-color: #820000;
    color: #FFF;
}

.panfuList {
	width: 100%;
	margin: 0 -20px 0 0;
	overflow: hidden;
	_zoom: 1;
}

.panfuList li {
	float: left;
    width: 46%;
    margin: 0 2% 5% 2%;
	height: 320px;
}

.panfuList li h3 {
	font-size: 116%;
	margin-top: 4px;
}


/*20220517*/
.category_tit_area{
	margin: 20px 0 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.category_tit{
	    width: 85%;
    padding: 10px 20px;
    font-size: 24px;
    background-color: #ffffff;
    text-align: center;
    margin: 0px auto 10px;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
}

.category_tit_area .blue{
	border: 2px solid #354C94;
	box-shadow: 6px 6px #354C94; 
}

.category_tit_area .brown{
	border: 2px solid #813706;
	box-shadow: 6px 6px #813706; 
}


.category_tit_area .red{
	border: 2px solid #ba0000;
	box-shadow: 6px 6px #ba0000; 
}


.category_tit_area .green{
	border: 2px solid #2e5b12;
	box-shadow: 6px 6px #2e5b12; 
}


.category_txt{
	 background-color: #ce6c6d;
    padding: 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    width: 85%;
    margin: 10px auto;
	 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.bg_blue{
	background-color: #687ab3 !important;
}

.bg_brown{
	background-color: #bd8966 !important;
}

.bg_red{
	background-color: #f28d8d !important;
}


.bg_green{
	background-color: #8abc6b !important;
}



.scrolltxt{
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

.mikakubox_area{
	overflow-x: auto;
	padding:0 0 10px 0;
	-webkit-overflow-scrolling: touch;
}

.mikakubox_area::-webkit-scrollbar {
  height: 4px;
}

.mikakubox_area::-webkit-scrollbar-track {
  background: #eee;
}


.mikakubox_area::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}


.mikakubox_area::-webkit-scrollbar-thumb:hover {
  background: #999;
}


.mikakubox_areain{
	display: flex;
    justify-content: start;
}


.mikaku_box,
.mikaku_box2{
	width:85%;
	margin: 0 2% 20px 2%;
	flex-shrink: 0;
	max-width: 400px;
}


/*ここから特集*/
.tokusyubox_area{
	padding:0 0 10px 0;
}

.tokusyubox_areain{
	width:90%;
	margin: 5% auto;
}

.tokusyu_boxin {
    margin: 10% auto;
}

.aptit_line{
  background: linear-gradient(transparent 60%, #ffff00 0%);	
}


.tokusyu_box_img img{
	width: 100%;
}


.tokusyu_box_txt{
	padding: 10px;
	font-size: 16px;
}

.tokusyu_box_txt strong{
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.tokusyu_btnarea{
	padding: 10px 10px;
	overflow: hidden;
}

.tokusyu_btnarea .planBtn2 a{
	font-size: 12px;
	background-color: #d39b36;
}


/*ここまで特集*/

.area_tit{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	padding: 10px 10px;
	margin: 0;
	 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

}

.blue_tit{
	background-color: #354C94;
}


.brown_tit{
	background-color: #813706;
}


.red_tit{
	background-color: #ba0000;
}


.green_tit{
	background-color: #2e5b12;
}

.mikaku_boxin{
	margin: 0 0 0 0;
	overflow: hidden;
}

.appeal_bar{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 10px;
	line-height: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
}


.appeal_bar span.catch{
	/*display: block;*/
	
	/*background-color:#FFB56D;*/
	padding: 5px 5px;
	font-size: 16px;
	color: #000000;
	background: linear-gradient(transparent 60%, yellow 50%);
}

.appeal_bar span.aptit{
	display: block;
	margin: 15px 0 0px 0;
}

.bluebox{
	border: 1px solid #354C94;
}

.brownbox{
	border: 1px solid #813706;
}

.redbox{
	border: 1px solid #ba0000;
}


.greenbox{
	border: 1px solid #2e5b12;
}



.mikaku_box_img{
	margin: 0 0 0 0;
	max-width: 400px;
}

.mikaku_box_img img{
	width: 100%;
}


.mikaku_box_txt{
	padding: 10px;
	font-size: 16px;
}

.mikaku_box_txt strong{
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.mikaku_btnarea{
	padding: 10px 10px;
	overflow: hidden;
}

.mikaku_btnarea .planBtn2 a{
	font-size: 12px;
	background-color: #d39b36;
}

.intoro_img{
	margin: 20px 0 20px 0;
}

.intoro_img ul{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 0;
}

.intoro_img ul li{
	max-width: 400px;
	width: 45%;
	margin: 0 2% 0 2%;
}

.intoro_img ul li img{
	width: 100%;
}


.matomete{
	margin: 50px 0;
	width: 100%;
}


.matomete_tit{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0 30px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background-color: #354c94;
	color: #ffffff;
}

.matomete .searchBtn a{
	background-color: #d39b36 !important;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.matomete .search_btnarea{
	padding: 0 20px 0;
}


h2.category_main_tit{
	padding: 10px !important;
	background-color: #202c52;
	margin: 20px 0 20px 0 !important;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


h2.searcharea_tit{
	padding: 10px !important;
	background-color: #202c52;
	margin: 20px 0 20px 0 !important;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}



.searcharea_manu{
	margin: 0 auto 20px;
	width: 100%;
}

.searcharea_tit2{
	padding: 10px;
	margin: 10px 0 10px 0;
	background-color: #d39b36;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.searcharea_manu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	/*margin: 0 auto;
	width: 95%;*/
}

.searcharea_manu ul li{
	width: 32.89%;
}

.searcharea_manu ul li:nth-child(odd),
.searcharea_manu ul li:nth-child(2n){
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	
	
}

.searcharea_manu ul li:nth-child(3n){
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;

	
	
}





.searcharea_manu ul li:nth-child(10){
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
}


.searcharea_manu ul li a{
	display: block;
	background-color: #dfd3ad;
	color: #202c52;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	transition: .3s;
	border-radius: 5px;
}

.searcharea_manu ul li a:hover{
	text-decoration: none !important;
	background-color: #ffffff;
	color: #202c52;

}


.boxPlan{
	display:block;
	background:#FFF;
	padding:20px 20px 10px;
	overflow:hidden;
	border: 5px solid #354c94;
	margin-bottom:20px;
}

.boxPlan .photo{
	margin-right:0;
	text-align:center;
	
}


.syokuzai{
	padding: 5px;
	background-color: #354c94;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.boxPlan dl{
	overflow:hidden;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:10px 0 0 0;
}

.boxPlan dl dt{
	font-size:16px;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	color:#354c94;
	overflow:hidden;
	border-bottom:1px dotted #354c94;
}

.boxPlan dl dt strong{
	display:block;
	overflow:hidden;
	font-weight:bold !important;
	text-align: center;
}

.boxPlan dl dd{
	display:block;
	font-size:13px;
	line-height:20px;
	margin-bottom:15px;
}


.boxPlan dl dd .minitxt{
	display: block;
	text-align: center;
	font-size: 10px;
	margin: 0px 0 5px 0;
}


.boxPlan dl dd p{
	display:block;
	margin-top:15px;
}


.search_btnarea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.search_btnarea .searchBtn{
	    width: 100%;
    margin: 0 0% 3% 0%;
}


.search_btnarea .searchBtn a{
	display: block;
	position: relative;
	color: #ffffff;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #354c94 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
	border-radius: 5px;
	font-weight: bold;
}

.search_btnarea .searchBtn a:hover{
	opacity: 0.8;
	text-decoration: none !important;
}

.btnone{
	background-color: #cccccc!important;
	pointer-events: none;
	color: #999999!important;
}

.introtxt{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    /*border-top: solid 2px black;
    border-bottom: solid 2px black;*/
	
}

/*
.introtxt:before, .introtxt:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.introtxt:before {left: 10px;}
.introtxt:after {right: 10px;}*/
.introtxt p {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    line-height: 1.5em;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: bold;
	
}


/* swiper
------------------------------------------ */
#slide_animation.swiper-container {
  width: 100%;
}
#slide_animation.swiper-container .swiper-wrapper {
  width: 100%;
}
#slide_animation.swiper-container .swiper-slide{
  width: 20%;
}
#slide_animation.swiper-container .swiper-slide img{
  width: 100%;
  border: none;
}

.swiper-container{
	width: 100%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
	/*margin-bottom: 20px;*/
}
.swiper-container .swiper-pagination {
	bottom: 15px;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px;
	color: #FFF;
	font-weight: bold;
	opacity: 0.5;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:5px;
	top:48%;
}
.swiper-button-next{
	right:5px;
	top:48%;
}
@media (max-width:767px){
	.swiper-button-prev::after,
	.swiper-button-next::after{
		font-size:30px;
	}
	.swiper-button-prev{
		left:5px;
		top:46%;
	}
	.swiper-button-next{
		right:5px;
		top:46%;
	}
}


.txtlinkarea{
	margin: 0px 0 0 0;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
}

.txtlinkbox{
	margin: 0 0 20px 0;
	/*padding: 0 0 10px 0;
	border-bottom: dashed 1px #cccccc;*/
}



.txtlinkbox p {
  border-bottom: solid 2px #354c94;
  position: relative;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.txtlinkbox p:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #ffc778;
  bottom: -2px;
  width: 25%;
}

.txtlinkbox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.txtlinkbox ul li{
	    font-size: 12px;
    margin: 0 9px 0 0px;
}


.banar_l_area{
	max-width: 640px;
	width: 95%;
	margin: 20px auto 30px;
}

.banar_l_area img{
	width: 100%;
}
	

	.osusumeplan{
		clear: both;
		padding: 15px;
		border-radius: 10px;
		border: 4px solid #C0123D;
		margin: 0px 0 20px 0;
		    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	
	.osusumeplan ul{
		/*display: flex;
		justify-content:space-between;
		align-items: center;*/
		
	}
	
	.osusumeplan ul li{
		width: 100%;
	}
	
	.plantxt{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 15px 0;
	}
	
	.bgpink a{
		background-color: #C0123D !important;
	}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
article img {
	vertical-align: bottom;
}

/* =========================================================
◆layout
========================================================= */
#wrapInner {
	width: 100%!important;
}

.inner950{
	width: 950px;
	margin: 0 auto;
	display: block;
}

.title {
	width: 100%!important;
	text-align: center;
	background: url(../images/bg.jpg?update=20240322) no-repeat 50% 0;
}

#mainArea{
	width: 950px;
	margin: 0 auto 25px;
	display: block;
}

h1 {font-weight: bold;}

a:hover img {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}

#syutoken, #tdr, #hokuriku, #hyogo, #nanki, #kitakinki, #sanin, #okayama, #hiroshima, #yamaguchi, #shikoku, #kyushu {
	margin-top: -120px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 120px; /* 打ち消し用のパディング */
}


/* =========================================================
◆navigation
========================================================= */
.topNavi ul {
	/*background: #000;*/
	background: #bf8f00;
    text-align: center;
}

.topNavi ul li {
	display: inline-block;
	width: 300px;
}

.topNavi ul li a {
	padding: 15px 32px 12px;
    display: block;
    color: #FFF;
    font-family: "Noto Sans Japanese";
    font-weight: 300;
    background: url(../images/im_navi_arrow.png) no-repeat 50% 90%;
    background-size: 15px auto;
    font-size: 18px;
    text-decoration: none!important;
    border-right: 1px solid #FFF;
    margin: 10px 0 10px 0;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.topNavi ul li:last-child a{
    border: none;
}

.topNavi ul li a:hover {
	text-decoration:none;
}

/*通常時*/
.topNavi {
	display: block;
	width: 100%;
}
/*active付与時*/
.topNavi.active {
	display: block;
	position: fixed;
	top: 0;
	z-index: 200;
}

.link{
	display: block;
	margin-top: -85px;
	padding-top: 85px;
}

/* =========================================================
◆ボタン
========================================================= */
/* ◆予約する */
.reserveBtn {
	overflow: hidden;
	width: 210px;
	height: 50px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-size: 123.1%;
}

.reserveBtn a {
	display: block;
	position: relative;
	z-index: 100;
	text-align: center;
	background: #000;
	color: #fff;
	line-height: 50px;
	text-decoration :none;
}

.reserveBtn a:hover {
	background: #333;        /* マウスオーバーカラー */  
}

.reserveBtn a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #fff;
}

.reserveBtn a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #000;
}

.reserveBtn a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #333;
}



/* =========================================================
◆味覚の説明
========================================================= */
.caption {
	width: 950px;
	height: 62px;
	margin: 10px 0;
	background: url(../images/tx_caption.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.mikakuTxt {
	width: 286px;
	padding: 15px;
	background: #FFF1D9;
	border-right: 1px solid #FFF;
	font-size: 123.1%;
	line-height: 1.4;
}

.last {
	border-right: none;
}


/* =========================================================
◆味覚太鼓判シリーズ ラインナップ
========================================================= */
.lineup {
	width: 950px;
	height: 54px;
	margin: 60px 0 10px 0;
	background: url(../images/ti_lineup.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.panfuList {
	width: 970px;
	margin: 0 -20px 0 0;
	overflow: hidden;
	_zoom: 1;
}

.panfuList li {
	float: left;
	width: 174px;
	margin: 20px 20px 0 0;
}

.panfuList li h3 {
	font-size: 116%;
	margin-top: 4px;
}


/* =========================================================
◆検索
========================================================= */
.searchBlock {
	width: 890px;
	margin: 20px 30px;
}

.searchBlock .inner {
	width: 900px;
	margin: 0 -10px 0 0;
	overflow: hidden;
	_zoom: 1;
}

.searchBlock .inner .bg_search {
	float: left;
	width: 290px;
	margin-right: 10px;
}

.searchBlock .inner .bg_kani {
	width: 210px;
	height: 228px;
	padding: 40px 40px 0 40px;
	background: url(../images/bg_search_kanitop.jpg) no-repeat 0 0;
}

.searchBlock .inner .bg_kani p {
	width: 210px;
	height: 43px;
	background: url(../images/tx_eat_kani.png) no-repeat 0 0;
	text-indent: -9999px;
}

.searchBlock .inner .bg_fugu {
	width: 210px;
	height: 228px;
	padding: 40px 40px 0 40px;
	background: url(../images/bg_search_fugutop.jpg) no-repeat 0 0;
}

.searchBlock .inner .bg_fugu p {
	width: 210px;
	height: 43px;
	background: url(../images/tx_eat_fugu.png) no-repeat 0 0;
	text-indent: -9999px;
}

.searchBlock .inner .bg_kue {
	width: 210px;
	height: 228px;
	padding: 40px 40px 0 40px;
	background: url(../images/bg_search_kuetop.jpg) no-repeat 0 0;
}

.searchBlock .inner .bg_kue p {
	width: 210px;
	height: 43px;
	background: url(../images/tx_eat_kue.png) no-repeat 0 0;
	text-indent: -9999px;
}

.searchBlock .inner .bg_search ul li {
	margin-top: 16px;
}

/* =========================================================
◆デジタルパンフレットから探す
========================================================= */
.ti_panfu {
	width: 950px;
    margin: 5% 0 0 0;
    text-align: center;
    font-size: 28px;
	font-family :"游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-weight:bold;
}

.panfuList {
	width: 970px;
	margin: 0 -20px 0 0;
	overflow: hidden;
	_zoom: 1;
}

.panfuList li {
	float: left;
	width: 174px;
	height: 300px;
	margin: 20px 20px 0 0;
}

.panfuList li h3 {
	font-size: 100%;
	margin-top: 4px;
}

/*20220517*/
.category_tit_area{
	margin: 20px 0 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.category_tit{
	    width: 13%;
    padding: 10px 20px;
    font-size: 36px;
    background-color: #ffffff;
    text-align: center;
    margin: -6px 5% 0 0px;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
}

.category_tit_area .blue{
	border: 2px solid #354C94;
	box-shadow: 6px 6px #354C94; 
}

.category_tit_area .brown{
	border: 2px solid #813706;
	box-shadow: 6px 6px #813706; 
}


.category_tit_area .red{
	border: 2px solid #ba0000;
	box-shadow: 6px 6px #ba0000; 
}


.category_tit_area .green{
	border: 2px solid #2e5b12;
	box-shadow: 6px 6px #2e5b12; 
}


.category_txt{
	background-color: #ce6c6d;
    padding: 20px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    width: 67%;
    line-height: 36px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.bg_blue{
	background-color: #687ab3 !important;
}

.bg_brown{
	background-color: #bd8966 !important;
}


.bg_red{
	background-color: #f28d8d !important;
}

.bg_green{
	background-color: #8abc6b !important;
}

h2.category_main_tit{
	padding: 10px !important;
	background-color: #202c52;
	margin: 20px 0 20px 0 !important;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.mikakubox_area{
	margin: 0 0 0 0;
}

.mikakubox_areain{
	display: flex;
	/*justify-content:flex-start;*/
	justify-content: space-between;
	align-items: flex-start;
	/*flex-wrap: wrap;*/
}

.mikaku_box{
	width: 32%;
	margin: 0 1% 20px 1%;
	
	
}

.mikaku_box2{
	/*width: 22%;*/
	margin: 0 1% 20px 1%;	
}


#link01 .planBtn2 a,#link01_2 .planBtn2 a {
  margin: 3% auto 2%;
}

/*特集エリア*/
.tokusyubox_area{
	margin: 0 0 0 0;
}

.tokusyubox_areain{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.tokusyu_box{
	margin: 0 3% 20px 0%;
}

.aptit_line{
  background: linear-gradient(transparent 60%, #ffff00 0%);	
}

.tokusyu_boxin{
	margin: 0 0 0 0;
	overflow: hidden;
}

.tokusyu_box_img{
	margin: 0 0 0 0;
	max-width: 400px;
}

.tokusyu_box_img img{
	width: 100%;
}

.tokusyu_box_txt{
	padding: 10px;
	font-size: 16px;
	line-height: 30px;
}

.tokusyu_box_txt strong{
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.tokusyu_btnarea{
	padding: 10px 10px;
	overflow: hidden;
}

.tokusyu_btnarea .planBtn2 a{
	font-size: 12px;
	background-color: #d39b36;
}
/*特集エリアここまで*/

.area_tit{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	padding: 10px 10px;
	margin: 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

}

.blue_tit{
	background-color: #354C94;
}


.brown_tit{
	background-color: #813706;
}


.red_tit{
	background-color: #ba0000;
}


.green_tit{
	background-color: #2e5b12;
}

.mikaku_boxin{
	margin: 0 0 0 0;
	overflow: hidden;
}




.appeal_bar{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px;
	line-height: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	
}

.appeal_bar span.catch{
	/*display: block;
	position: relative;*/
	/*background-color:#FFB56D;*/
	padding:5px 5px 3px;
	font-size: 16px;
	color: #000000;
	background: linear-gradient(transparent 60%, yellow 50%);
	
}


.appeal_bar span.aptit{
	display: block;
	/*margin: 15px 0 0px 0;*/
	margin: 0px 0 0px 0;
}


.bluebox{
	border: 1px solid #354C94;
}

.brownbox{
	border: 1px solid #813706;
}


.redbox{
	border: 1px solid #ba0000;
}


.greenbox{
	border: 1px solid #2e5b12;
}



.mikaku_box_img{
	margin: 0 0 0 0;
	max-width: 400px;
}

.mikaku_box_img img{
	width: 100%;
}


.mikaku_box_txt{
	padding: 10px;
	font-size: 16px;
	line-height: 30px;
}

.mikaku_box_txt strong{
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 15px;
}

.mikaku_btnarea{
	padding: 10px 10px;
	overflow: hidden;
}

.mikaku_btnarea .planBtn2 a{
	font-size: 12px;
	background-color: #d39b36;
}
/*
.mikaku_btnarea .planBtn2 a:hover{
	color: #FF9326;
	border: 1px solid #FF9326;
	background-color: #ffffff;
}*/





.intoro_img{
	margin: 20px 0 20px 0;
}

.intoro_img ul{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 4% 0 0;
}

.intoro_img ul li{
	max-width: 400px;
	width: 45%;
	margin: 0 2% 0 2%;
}

.intoro_img ul li img{
	width: 100%;
}

.matomete{
	margin: 50px 0 50px 0;
}

.matomete_tit{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0 30px 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background-color: #354c94;
	color: #ffffff;
	
}

.matomete .searchBtn{
	width: 25% !important;
}

.matomete .searchBtn a{
	background-color: #d39b36 !important;
	padding: 20px !important;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.matomete .search_btnarea{
	justify-content: center !important;
}


.search_by_area{
	margin: 20px 0 0 0;
}

h2.searcharea_tit{
	padding: 10px !important;
	background-color: #202c52;
	margin: 20px 0 20px 0 !important;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


.searcharea_manu{
	margin: 0 auto 20px;
	   /* width: 920px;*/
}

.searcharea_tit2{
	    padding: 10px;
    margin: 10px auto 20px;
    background-color: #d39b36;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
    width: 87.5%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.searcharea_manu ul{
	    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
}

.searcharea_manu ul li{
	/*width: 19.87%;*/
	width: 19.863%;
}

.searcharea_manu ul li:nth-child(-n+4){
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	
}

.searcharea_manu ul li:nth-child(5){
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
}

.searcharea_manu ul li:nth-child(n+6){
	
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	
	
}


.searcharea_manu ul li:nth-child(10){
	
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
}



.searcharea_manu ul li a{
	display: block;
	background-color: #dfd3ad;
	color: #202c52;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	transition: .3s;
	border-radius: 5px;
}

.searcharea_manu ul li a:hover{
	text-decoration: none !important;
	background-color: #ffffff;
	color: #202c52;

}



.boxPlan{
	display:block;
	background:#FFF;
	    padding: 25px 25px 0 25px;
	overflow:hidden;
	margin-bottom:20px;
	border:5px solid #354c94;
}

.boxPlan .photo{
	width:400px;
	float:left;
	margin-right:30px;
}

.syokuzai{
	padding: 5px;
	background-color: #354c94;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.boxPlan dl{
	overflow:hidden;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:10px 0 0 0;
}

.boxPlan dl dt{
	font-size:22px;
	display:block;
	margin-bottom:10px;
	padding-bottom:15px;
	color:#354c94;
	overflow:hidden;
	border-bottom:1px dotted #354c94;
}

.boxPlan dl dt strong{
	display:block;
	overflow:hidden;
	font-weight:bold;
	text-align: center;
}

.boxPlan dl dd{
	display:block;
	font-size:15px;
    line-height: 24px;
    margin-bottom: 28px;
}

.boxPlan dl dd .minitxt{
	display: block;
	text-align: center;
	font-size: 13px;
	margin: 0px 0 5px 0;
}


.boxPlan dl dd p{
	display:block;
	margin-top:15px;
}


.search_btnarea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.search_btnarea .searchBtn{
	width: 31%;
	margin: 0 1% 0 1%;
}

.search_btnarea .btn2ver{
	width: 48% !important;
}

.search_btnarea .btn1ver{
	width: 100% !important;
}


.search_btnarea .searchBtn a{
	display: block;
	position: relative;
	color: #ffffff;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #354c94 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
	border-radius: 5px;
	font-weight: bold;
}

.search_btnarea .searchBtn a:hover{
	opacity: 0.8;
	text-decoration: none !important;
}

.btnone{
	background-color: #cccccc!important;
	pointer-events: none;
	color: #999999!important;
}

.introtxt{
    margin:2em 0;
    position: relative;
    padding: 1.5em 1.5em;
    /*border-top: solid 2px black;
    border-bottom: solid 2px black;*/
	
}
/*
.introtxt:before, .introtxt:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.introtxt:before {left: 10px;}
.introtxt:after {right: 10px;}*/
.introtxt p {
    margin: 0;
    padding: 0;
    font-size: 2em;
    line-height: 2em;
    text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
}

.txtheight{
	height: 190px;
}



/* swiper
------------------------------------------ */
#slide_animation.swiper-container {
  width: 100%;
}
#slide_animation.swiper-container .swiper-wrapper {
  width: 100%;
}
#slide_animation.swiper-container .swiper-slide{
  width: 20%;
}
#slide_animation.swiper-container .swiper-slide img{
  width: 100%;
  border: none;
}

.swiper-container{
	width: 100%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
	/*margin-bottom: 20px;*/
}
.swiper-container .swiper-pagination {
	bottom: 15px;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px;
	color: #FFF;
	font-weight: bold;
	opacity: 0.5;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:5px;
	top:48%;
}
.swiper-button-next{
	right:5px;
	top:48%;
}
@media (max-width:767px){
	.swiper-button-prev::after,
	.swiper-button-next::after{
		font-size:30px;
	}
	.swiper-button-prev{
		left:5px;
		top:46%;
	}
	.swiper-button-next{
		right:5px;
		top:46%;
	}
}


.txtlinkarea{
	margin: 0px 0 0 0;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
}

.txtlinkbox{
	margin: 0 0 20px 0;
	/*padding: 0 0 10px 0;
	border-bottom: dashed 1px #cccccc;*/
}



.txtlinkbox p {
  border-bottom: solid 2px #354c94;
  position: relative;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.txtlinkbox p:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #ffc778;
  bottom: -2px;
  width: 25%;
}

.txtlinkbox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.txtlinkbox ul li{
	font-size: 14px;
	margin: 0 20px 0 0px;
}


.banar_l_area{
	max-width: 640px;
	margin: 20px auto 30px;
}

.banar_l_area img{
	width: 100%;
}

/*----------------------------------------------------------------

  Module Set

----------------------------------------------------------------*/
/*style*/
/*.red{color: #E00;}*/
.fs_28{font-size:28px!important;}
.fs_16{font-size:16px!important;}
.fw_b{font-weight:bold!important;}
.fs_14{font-size:14px!important;}
.pcnone{display:none!important;}
.mb_33p {margin-bottom: 33%!important;}
/* layout
----------------------------------------------- */
.inner{
margin:0 auto;
}
#wrapper{
margin:0 auto;
-webkit-text-size-adjust: 100%;
}
#wrapper #middleArea{
width: 100% !important;
padding: 0;
}

#wrapper #middleArea #sectioncanpain,
#wrapper #middleArea #section01,
#wrapper #middleArea #section02,
#wrapper #middleArea #section03,
#wrapper #middleArea #section04{
font-family:"メイリオ", "ＭＳ Ｐ明朝", "細明朝体";
font-weight:500;
}

.headerbg{
background: #b20008;
}
#headline{
max-height: 450px;
overflow: hidden;
position: relative;
background: #b20008;
}

.layout2 .item{
float: left;
width: 430px;
}
.layout2 .item.itemright{
float: right;
}
.item{
float: left;
width: 268px;
margin-right: 13px;  
}
.layout3 .item.last,
.layout3 .item2.last{
margin-right: 0 !important;  
}

a img:hover{
opacity:0.8;
}

/* Headline
----------------------------------------------- */
.headerbg h1{
	width: 970px;
	color: #fff;
	padding: 8px 0;
}

#headline h2{
	position: absolute;
    width: 100%;
    height: 90%;
    text-align: center;
    /* top: 40%; */
    margin: 0 auto;
    z-index: 1000;
    color: #fff;
    background: url(../images/titx_main_bg.png) no-repeat center 0;
    white-space: nowrap;
    text-indent: 100%;
    background-position: center;
}

@media screen and (max-width:959px) { 
#headline h2{
	background-size:94%;
	bottom:0.5%;
}
}

#headline h2 img{
height: 100%;
}
#headline p{
position: absolute;
bottom: 2%;
right: 3%;
z-index: 1000;
color: #fff;
background: rgba(47,25,2,0.7);
padding: 5px;
}
ul#main-slider  {
margin: 0;
padding: 0;
}
#main-slider img {
width: 100%;
max-height:450px;
}

/* pagenav
----------------------------------------------- */
#pagenav{
		background:#b20008;
		margin:0 0 0 0;
	}
	
	#pagenav ul{
		width:100%;
		text-align:center;
		margin:0 auto;
		overflow:hidden;
		padding:20px 0;
	}
	
	#pagenav ul li{
		font-size:16px;
		font-weight:normal;
		display:inline;
		margin:0 20px 0 0;
		padding:0 20px 0 0;
		color:#FFF;
		border-right:2px solid #FFF;
		color:#CCC;
	}
	
	#pagenav ul li.select{
	font-size:20px;
	font-weight:normal;
	display:inline;
	color:#FFF551;
	border-right:2px solid #FFF;
	cursor:default;
	}
	
	#pagenav ul li a{
		color:#FFF;
		font-weight:normal;
		font-size:16px;
		display:inline-block;
	}
	#pagenav ul li a:hover{
		color:#FFF !important;
	}
#pagenav ul li:last-child{
		margin:0 0 0 0;
		padding:0 0 0 0;
	border-right:none;
}

/* Contents
----------------------------------------------- */
/*特別プラン*/
#wrapper #dc_special_kinen_plan h2.imgtitle {
    background: url(../images/icon_flag.png) no-repeat;
    -moz-background-size: 40px;
    background-size: 40px;
	width: 880px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体"
}

#dc_special_kinen_plan .dc_special_kinen_plan_box {
    width: 900px;
    display: block;
    margin: 0 auto;
    padding: 2% 2% 1% 2%;
	background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .dc_special_kinen_plan_image {
    width: 38%;
    float: left;
    display: block;
    margin-right: 2%;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .dc_special_kinen_plan_text {
    width: 60%;
    float: left;
    display: block;
    font-size: 14px;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .dc_special_kinen_plan_image span.fw_b {
    padding: 10% 2% 0.5%;
    display: block;
    margin: 0;
	font-size: 18px;
    color: #E00;
}

#content .dc_special_kinen_plan_text p {
    line-height: 1.5;
    margin: 0 0 20px;
    color: #43280b;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .dc_special_kinen_plan_text strong {
    font-size: 24px;
    display: block;
    margin-bottom: 1%;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .planBtn3 span{
	text-align: right;
    display: block;
    padding-right: 9.4%;
}

#dc_special_kinen_plan .dc_special_kinen_plan_box .planBtn3 a{
	width:48%!important;
	float:left;
	margin: 0 1%;
}

/*キャンペーン*/
#wrapper #dc_special_kinen_plan h2.imgtitle,
#wrapper #sectioncanpain h2.imgtitle{
	width: 600px;
	margin: 20px auto 30px auto;
}
#wrapper #sectionmodel h2.imgtitle {
	width:950px;
	margin: 0px auto 30px auto;
}
#wrapper #sectioncanpain h2.imgtitle,
#wrapper #sectionmodel h2.imgtitle {
    background: url(../images/icon_special.png) no-repeat;
    -moz-background-size: 40px;
    background-size: 40px;
	width: 380px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体"
}

/*コンテンツ*/
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	font-size: 1.0em;
	color:#43280b;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体"
}
#content table {
	border-collapse: collapse;
}
#content img {
	border: none; vertical-align: bottom;
}
#content ol,#content  ul,#content  li {
	list-style-type: none; margin: 0; padding: 0;
}

#content p{
line-height: 1.5;
margin: 0 0 5px;
color:#43280b;
}

#content h2{
clear:both;
font-size: 36px;
/*font-weight: normal;*/
text-align:center;
margin:30px 0 ;
}

#content .submit .titleSearch{
text-align: left;
font-size: 24px;
font-weight: bold;
text-shadow: 0 2px 0 #fff;
background: url(../images/common/ic_search.png) no-repeat 0 0;
margin-bottom: 20px;
padding: 0 0 0 44px;
}

#content {
display: block;
padding: 0 0 0 0;
}

#lead {
display: block;
padding: 10px 0 0;
background: url(../images/common/bg_body.jpg) repeat 0 0;
}
#lead ul,#lead li {
margin: 0;
padding: 0;
list-style-type: none;
}
#lead ul{
margin: -10px 0 25px;
}
#lead p{
color:#43280b;
line-height: 1.5;
padding-bottom: 10px;
}

#lead h2.imgtitle {
color:#43280b;
font-size: 24px;
font-weight: bold;
text-shadow: 0 2px 0 #fff;
display: block;
overflow: hidden;
background: url(../images/ti_saimataTrip_bg_pc.png) no-repeat 0 0;
height:92px;
padding: 65px 0 0 350px;
margin: 0 0 0;
}

/* icon
------------------------------------------------*/
div.category_icon{
width:100px;
float:left;
display:block;
border-radius:5px;
background-color:#FF3333;
color:#FFFFFF;
font-size:18px;
text-align:center;
padding:7px 0;
margin-right:10px;
}

.category_icon.red{background-color:#e71e29;}
.category_icon.yellow{background-color:#0dab48;}
.category_icon.green{background-color:#f6ac2a;}
.category_icon.orange{background-color:#f18700;}
.category_icon.blue{background-color:#0075bf;}
.category_icon.purple{background-color:#8d4898;}


/* section
----------------------------------------------- */
#section00,#section01,#section02,#section03,#section04,#section05,#section06,#section07{
display: block;
overflow: hidden;
padding: 20px 0;
}

#sectioncanpain,
#section02,
#section03{
background-image: url(../images/bg_paper2.jpg);
    padding-top: 1%;
}

#dc_special_kinen_plan,
#section01,
#section04{
background-image: url(../images/bg_paper.jpg);
    padding-top: 1%;
    padding-bottom: 4%;
}

#section01 h2.imgtitle,#section02 h2.imgtitle,#section03 h2.imgtitle,#section04 h2.imgtitle,#section05 h2.imgtitle,#section06 h2.imgtitle,#section07 h2.imgtitle{
display: block;
overflow: hidden;
margin: 20px 0 30px;
text-align:center;
}
/*body #wrapper #section02 h2.imgtitle{margin-top:-23px;}*/

#section01 h2.imgtitle {
width: 610px;
margin: 20px auto 30px auto;
background: url(../images/icon_spot.png) no-repeat;
-moz-background-size:auto 90%;
background-size:auto 90%;
}

#section01 h2.imgtitle span{
font-size: 26px;
padding: 0 0 0 10px;
}

#section02 h2.imgtitle {
width: 330px;;
margin: 20px auto 30px auto;
background: url(../images/icon_event.png) no-repeat;
-moz-background-size:auto 90%;
background-size:auto 90%;
}
#section02 h2.imgtitle span{
font-size: 22px;
padding: 0 0 0 10px;
}

/*#section02 .box01 {
    border: 1px solid #b20008;
}*/

#section03 h2.imgtitle {
width: 620px;;
margin: 20px auto 30px auto;
background: url(../images/icon_check.png) no-repeat;
-moz-background-size:auto 90%;
background-size:auto 90%;
}

/*#section03 .box01 {
border: 1px solid #e5e0dc;
}*/

#section04 h2.imgtitle {
width: 480px;;
margin: 20px auto 30px auto;
background: url(../images/icon_dp.png) no-repeat;
-moz-background-size:auto 90%;
background-size:auto 90%;
}

#sectioncanpain p.title,
#section00 p.title,
#section01 p.title,
#section02 p.title,
#section03 p.title,
#section04 p.title {
font-size: 16px;
color: #fff;
padding: 12px 6px;
background: #b20008;
text-align: center;
}

#sectioncanpain p.title span,
#section00 p.title span,
#section01 p.title span,
#section02 p.title span,
#section03 p.title span,
#section04 p.title span{
font-size: 12px;
}

#section00 p.title.row2,
#section01 p.title.row2,
#section02 p.title.row2,
#section03 p.title.row2,
#section04 p.title.row2 {
padding: 10px 12px;
}
.event_contents .inner{
width:960px;
margin:0 auto;
}
.event_contents .inner .layout_check .box01.item{
	width:187px;
	height: 280px;
	float:left;
	margin-right:10px;
}

#content .copyrightsign{
	font-size:10px;
	margin: -15px 0 0 0;
	padding:0;
	text-align:right;
}
/*----------------------------------------------------------------

  Common Set

----------------------------------------------------------------*/

a.over:hover {
opacity: 0.7;
}

.clear { clear: both; }

.pcnone {display: none;}


/* text-style
----------------------------------------------- */
.txt-right {
text-align: right !important;
}
.txt-left {
text-align: left !important;
}
.center {
text-align: center !important;
}
.color-red {
color: #dd0000;
}
.font12 {
font-size: 12px;
}
.font10 {
font-size: 10px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.inlineb{
display: inline-block;
}


/* Emphasis
----------------------------------------------------------- */
#content .em1 {
color: #dd0000;
}
#content .em2 {
font-size: large;
color: #dd0000;
}
#content .em3 {
font-weight: bold;
}
#content .em4 {
font-size: large;
}
#content .em5 {
font-weight: bold;
text-decoration: underline;
}
#content .em6{
background: #FFF8CE;
font-weight: bold;
padding-left: 3px;
}
#content .em7{
font-weight: bold;
background: url(../images/common/liner.png) repeat-x 0 85%;
padding-left: 3px;
background-size: 3px;
}
.em1 a,.em2 a{
color: #dd0000;
}

/* other-style
----------------------------------------------- */
.MT0 { margin-top: 0px !important; }
.MT10 { margin-top: 10px !important; }
.MT20 { margin-top: 20px !important; }
.MT30 { margin-top: 30px !important; }
.MB0 { margin-bottom: 0px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }

.PT0 { padding-top: 0px !important; }
.PT10 { padding-top: 10px !important; }
.PT20 { padding-top: 20px !important; }
.PT30 { padding-top: 30px !important; }
.PB0 { padding-bottom: 0px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }

.mtb50 {margin-top: 50px; margin-bottom: 50px; }
.mrl50 {margin-right: 50px; margin-left: 50px; }

.ML0 { margin-left: 0px !important; }
.ML10 { margin-left: 10px !important; }
.ML20 { margin-left: 20px !important; }
.ML30 { margin-left: 30px !important; }
.ML50 { margin-left: 50px !important; }
.MR0 { margin-right: 0px !important; }
.MR10 { margin-right: 10px !important; }
.MR20 { margin-right: 20px !important; }
.MR30 { margin-right: 30px !important; }


/* btn-style
----------------------------------------------- */
#content .submit-btn {
clear: both;
text-align: center;
margin: 15px 0 20px;
padding: 0;
}
#content .submit-btn li {
margin: 12px 0;
}
.bnr {text-align: center; margin: 30px 0;}

.submit {
clear: both;
text-align: center !important;
margin: 3em 0;
}
.submit.double ul {
overflow: hidden;
padding-bottom: 10px !important;
}
.submit.double li {
float: left;
width: 50%;
}


/* itemlist
----------------------------------------------------------- */
#content .itemlist4{
overflow: hidden;
margin-bottom:20px;
}
#content .itemlist4 li{
float: left;
width: 200px;
margin: 0 30px 30px 0;
background: #fff;
border: 1px solid #e5e0dc;
}
#content .itemlist4 li img{
margin-bottom:5%;
}
#content .itemlist4 li a:hover{
color: #43280b;
text-decoration: none !important;
}
#content .itemlist4 li p{
padding: 0 12px;
margin-bottom: 0px;
}
#content .itemlist4 li p.title{
padding: 12px;
background: #b20008;
color: #fff;
font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
}
#content .itemlist4 li.last{
margin-right: 0;
}


/* image-style
----------------------------------------------------------- */

img{max-width:100%;height:auto;}

#content img { 
margin : 0; 
}
#content img.alignleft {
float: left;
margin: 0 15px 20px 0;
}
#content img.alignright {
float: right;
margin: 0 0 20px 15px;
}
#content img.center {
margin: 15px auto;
}

img.border {
border: 1px solid #ddd;
padding: 4px;
}
img.shadow {
background: #fff;
padding: 8px;
-moz-box-shadow: 1px 2px 5px #ccc;
-webkit-box-shadow: 1px 2px 5px #ccc;
box-shadow: 1px 2px 5px #ccc;
}
img.frame {
border: 5px solid #fff;
box-shadow: 0px 1px 4px #999;
-moz-box-shadow: 0px 1px 4px #999;
-webkit-box-shadow: 0px 1px 4px #999;
}


/* box-style
----------------------------------------------- */

.box01 {
	margin: 0 0 30px ;
	padding: 20px 20px 25px;
	border: 1px solid #ebdcb7;
	background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.box02 {
margin: 0 0 30px ;
padding: 20px 20px 5px;
background: url(../images/pattern_bg01.png) repeat left top;
}

.box03 {
margin: 0 0 30px ;
padding: 20px 20px 5px;
background: #fff;
box-shadow: 0 0 5px #ccc inset;
}

.box04 {
margin: 0 0 30px ;
padding: 20px 20px 5px;
background: #fff;
box-shadow: 0 2px 5px #ccc;
}

/*  =================================
add
=================================  */

p.tokuten1,
p.tokuten2,
p.tokuten3 {
    font-size: 22px;
}

p.tokuten1 span,
p.tokuten2 span,
p.tokuten3 span {
    color: #FFF;
    display: inline-block;
    padding: 5px 15px;
    margin: 0px 20px 5px 0px;
    border-radius: 5px;
}

p.tokuten1 span {
    background: #4553A3 none repeat scroll 0% 0%;
}

p.tokuten2 span {
    background: #108CCF none repeat scroll 0% 0%;
}

p.tokuten3 span {
    background: #23AC38 none repeat scroll 0% 0%;
}

.layout_left{
	float: left;
    width: 310px;
    padding: 0 10px 20px 0;
}

.layout_left.panf_img img{
width: 165px;
margin: 0 0 0 60px !important;
}

.layout_left2{
float: right;
width: 310px;
    padding: 0 0 0 30px;
}

#content .sasebo_tabearuki_coupon{width:960px;}
#content .sasebo_tabearuki_coupon table{
	width:600px;
	float:left;
}
#content .sasebo_tabearuki_coupon p{
	width:310px;
	float:left;
	margin: 185px 0 0 20px
}

.layout_right{
float: left;
width: 580px;
}

.layout_right2{
float: left;
width: 600px;
}

.layout3{
margin: 0 auto 20px auto;
width:970px;
}

p.tokuten:after,
.inner:after,
.layout3:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 


.inner h3{
    margin: 0;
    padding: 0;
		font-weight:normal;
/*font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
*/}


.inner#tourism_box{
width:970px;
}

h3.title_touris{
	font-size: 28px !important;
    margin: 0 0 15px 0;
    padding-bottom: 7px;
    border-bottom: 2px solid #43280b;
}

.inner#ls_box{
width:970px;
}

h3.title_ls{
    font-size: 28px !important;
    color: #108CCF !important;
    margin: 0 0 15px 0;
	border-bottom:2px solid #108CCF;
}

.inner#history_box{
width:970px;
}

h3.title_history{
    font-size: 28px !important;
    color: #23AC38 !important;
    margin: 0 0 15px 0;
	border-bottom:2px solid #23AC38;
}

.inner#gourmet_box{
width:970px;
}

h3.title_gourmet{
    font-size: 28px !important;
    color: #EB6100 !important;
    margin: 0 0 15px 0;
	border-bottom:2px solid #EB6100;
}

.inner#onsen_box{
width:970px;
}

h3.title_onsen{
    font-size: 28px !important;
    color: #EE86A7 !important;
    margin: 0 0 15px 0;
	border-bottom:2px solid #EE86A7;
}

h3.title_touris span{
line-height: 1.65em;
	border-bottom:6px solid #4553A3;
}

h3.title_ls span{
line-height: 1.65em;
	border-bottom:6px solid #108CCF;
}

h3.title_history span{
line-height: 1.65em;
	border-bottom:6px solid #23AC38;
}

h3.title_gourmet span{
line-height: 1.65em;
	border-bottom:6px solid #EB6100;
}

h3.title_onsen span{
line-height: 1.65em;
	border-bottom:6px solid #EE86A7;
}

#section01 .sketchLine{
background: url(../images/common/li_sketchLineT.png) repeat-y 50% 50%;
margin: 0px auto 25px auto;
width: 970px;
}
#section01 .sketchLine .inBox{
clear: both;
overflow: hidden;
/*background: url(../images/common/li_sketchLineY.png) no-repeat center bottom;
padding-top: 30px;*/
}
#section01 .sketchLine .inBox .item{
float: left;
width: 455px;
padding: 0 30px 15px 0;
}
#section01 .sketchLine .inBox .itemright{
padding: 0 0 15px 30px;
}
#section01 .sketchLine .inBox h4{
font-size: 16px !important;
font-weight: normal;
margin: 5px 0 20px;
}
#section01 .sketchLine .inBox img{
width: 220px;
}
#section01 .sketchLine .sl_box{
margin: 0 0 20px 0;
}

#section01 .sketchLine .inBox a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}


#section06 .itemlist4 li {
    border: 3px solid #e5e0dc;
}

#section06 .itemlist4 li p.title {
		text-align:center;
}
#section06 .itemlist4 li p {
    margin: 0 !important;
}

/*  =================================
buttom_new
=================================  */

.btnBox {
    margin: -10px 0 5px 0;
}
.btnBox:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 

.btnBox2 {
width: 480px;
    margin: 0 0 0 60px;
    bottom: 10px;
    position: absolute;
}

.btnBox3 {
width: 480px;
    position: absolute;
}

p.planBtn {
    margin: 0 0 10px 0 !important;
}

.planBtn,
.planBtn3 {
    clear: both;
}

.planBtn a {
    display: block;
    width: 100%;
    margin: 0px auto 5px;
    padding: 15px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #E51A90 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
	font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
}

.planBtn.d_color a {
    background: #1A9DE5 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
}

.planBtn3 a {
    display: block;
    width: 98%;
    margin: 0px auto 10px;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background: #FF9326 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;
	font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
    display: block;
    font-weight: bold;
}

.planBtn4 a {
    float: left;
    width: 47%;
    margin: 0 10px;
    padding: 15px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #E51A90 url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
	font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
}

.planBtn a {
    color: #FFF !important;
}

.grayBtn {
    display: block;
    width: 100%;
    margin: 0px 0 5px 12px !important;
    padding: 0 0 7px 0 !important;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #7f7f7f url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.grayBtn2 {
    float: left;
    width: 47%;
    margin: 0 20px 0 10px !important;
    padding: 15px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #7f7f7f url("/shared2015/common/images/im_arrow.png") no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
}
.grayBtn span,
.grayBtn2 span {
    font-size: 14px !important;
}

.otherBtn {
    display: inline-block;
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 20px;
    font-size: 12px;
    background: transparent url("../images/im_arrow2.png") no-repeat scroll 0px 42% !important;
}

/*  =================================
common_reset
=================================  */

#pastlist {
padding: 2px 10px 9px 15px;
}

/*  =================================
none
=================================  */

.art_navi {
    display: none;
}

/*  =================================
comingsoon
=================================  */

.comingsoon {
    display: block;
    position: relative;
}

.comingsoon a {
    color: #666 !important;
}

.comingsoon p {
    position: absolute;
    top: -25px;
    left: -5px;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
    width: 100%;
    height: 82%;
    text-align: center;
    padding: 15px 0px 5px 0;
    color: #FFF;
    text-shadow: 1px 1px 3px #000;
}

.price {
    color: #F00;
    font-size: 18px;
    font-weight: normal;
    display: block;
    text-align: center;
    clear: both;
}

#sectioncanpain .layout3 .box01:after,
.inner:after,
.layout3:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
}

#sectioncanpain p.det_t1 {
    font-size: 16px;
    line-height: 1.65em;
	width: 592px;
}

#sectioncanpain table {
    width: 600px;
    border-collapse: collapse;
    border-spacing: 0px;
	margin-bottom: 10px;
}

#sectioncanpain th {
    padding: 8px 10px 9px 11px;
    border: 1px solid #CCC;
    font-size: 100%;
    text-align: left !important;
}
#sectioncanpain td {
    padding: 8px 10px 9px 11px;
    border: 1px solid #CCC;
    font-size: 100%;
}

#sectioncanpain table.sc_box th {
    width: 30%;
}
#sectioncanpain table.sc_box td {
    width: 70%;
}

#sectioncanpain th {
    width: 50%;
    text-align: center !important;
}
#sectioncanpain td {
    width: 50%;
}

/*デジパン調整*/
#section04 .layout3{
	width: 696px;
}

/*add 20160921*/
#wrapper #middleArea p.tyuusyaku{
	color: red;
    margin: 0 auto 30px auto;
    width: 970px;
}

/*use yamaguchi 20161121*/
#content p.otherplan_kochira{
	margin-bottom:0;
}

.btnBox4 {
    width: 100%;
    margin: 0 auto 30px auto;
	font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
}

.btnBox4 a span{
	font-size:12px;
}

/*.planBtn2 a {
	float: left;
    width: 48%;
    margin: 0 1% 1% 1%;
    padding: 11px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background: #FF9326 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
    display: block;
    font-weight: bold;
}*/

.planBtn2 a {
	width: 98%;
    margin: 0 auto 4%;
    padding: 11px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background: #FF9326 url(/shared2015/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 14px;
    text-decoration: none !important;
    display: block;
    font-weight: bold;
}



.btnone a{
	pointer-events: none;
	background-color: #A6A6A6 !important;
	
}


p.planBtn2 {
    margin: 0 !important;
}

.planBtn a:after,
.planBtn2 a:after,
.planBtn3 a:after,
.planBtn4 a:after {
    display: inline-block;
}
.planBtn a:hover,
.planBtn2 a:hover,
.planBtn3 a:hover,
.planBtn4 a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.det_t {
    margin: 5% 0;
    font-size: 120%;
}

/*冬の味覚BOX*/
h2#more_seach_img {
    width: 950px;
    height: 62px;
    margin: 10px 0;
    background: url(../images/more_seach_img.gif) no-repeat 0 0;
    text-indent: -9999px;
}

#higaeri_fuyumikaku {
    display: block;
}

#higaeri_fuyumikaku dt {
    background: #820000;
    padding: 14px;
    font-size: 24px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

#higaeri_fuyumikaku dd {
    border: 3px solid #820000;
    padding: 20px 20px 20px 20px;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
}

#higaeri_fuyumikaku dd img {
    float: left;
    margin: 0 20px 0 0;
	display:block;
	width:200px;
}

#higaeri_fuyumikaku dd div {
    overflow: hidden;
}

#higaeri_fuyumikaku dd div h3 {
    font-size: 20px;
    margin-top: 8px;
}

h2.more_seach{
	background: #820000;
    padding: 14px;
    font-size: 24px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
	margin-top: 3%;
}

#more_seach_box div.item{
	float: left;
    width: 241px;
    margin: 0 1% 2%;
}

#more_seach_box{
	border: 3px solid #202c52;
    padding: 20px 20px 20px 20px;
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
}

	
	.osusumeplan{
		clear: both;
		padding: 15px;
		border-radius: 10px;
		border: 4px solid #C0123D;
		margin: 0px 0 20px 0;
		    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	
	.osusumeplan ul{
		display: flex;
		justify-content:space-between;
		align-items: center;
		
	}
	
	.osusumeplan ul li{
		width: 49%;
	}
	
	.plantxt{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	.bgpink a{
		background-color: #C0123D !important;
	}
}