@charset "utf-8";

.season_spring a {color: #588C80;}
.season_summer a {color: #4A769F;}
.season_autumn a {color: #B86360;}
.season_winter a {color: #BF9C5C;}

.view-clip {
  display: none;
}

.txt-centered,
.text-centered {
  text-align: center;
}
.txt-right,
.text-right {
  text-align: right;
}
.txt-left,
.text-left {
  text-align: left;
}

.bgRed {
  color: #fff;
  background-color: #e66139;
}

.bgBrown {
  color: #fff;
  background-color: #75635f;
}
.modal-open .modal{
	z-index: 15000;
}
.btn-red {
  color: white !important;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 3px;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {
  color: white !important;
  background-color: #d2451a;
  border-color: #d2451a;
}
.btn-red:active, .btn-red.active {
  background-color: #a43615;
  background-image: none;
}

.btn-brown {
  color: white !important;
  background-color: #75635f;
  border-color: #594b48;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 3px;
}
.btn-brown:hover, .btn-brown:focus, .btn-brown:active, .btn-brown.active {
  color: white !important;
  background-color: #594b48;
  border-color: #594b48;
}
.btn-brown:active, .btn-brown.active {
  background-color: #3d3331;
  background-image: none;
}

.btn-prev, .btn-close {
  width: 100px;
  color: #333333 !important;
  background-color: #eeeeee;
  border-color: #d4d4d4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 3px;
}
.btn-prev:hover, .btn-close:hover, .btn-prev:focus, .btn-close:focus, .btn-prev:active, .btn-close:active, .btn-prev.active, .active.btn-close {
  color: #333333 !important;
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}
.btn-prev:active, .btn-close:active, .btn-prev.active, .active.btn-close {
  background-color: #bbbbbb;
  background-image: none;
}

.btn-next, .btn-confirm {
  width: 200px;
  color: white !important;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 5px;
}
.btn-next:hover, .btn-confirm:hover, .btn-next:focus, .btn-confirm:focus, .btn-next:active, .btn-confirm:active, .btn-next.active, .active.btn-confirm {
  color: white !important;
  background-color: #d2451a;
  border-color: #d2451a;
}
.btn-next:active, .btn-confirm:active, .btn-next.active, .active.btn-confirm {
  background-color: #a43615;
  background-image: none;
}

.btn-close {
  width: auto;
}

.btn-confirm {
  width: auto;
}

.btn-home {
  width: 300px;
  color: white !important;
  background-color: #75635f;
  border-color: #594b48;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: 3px;
}
.btn-home:hover, .btn-home:focus, .btn-home:active, .btn-home.active {
  color: white !important;
  background-color: #594b48;
  border-color: #594b48;
}
.btn-home:active, .btn-home.active {
  background-color: #3d3331;
  background-image: none;
}

.colTitle {
  display: table;
  margin-bottom: 10px;
  padding: .3em 1em;
  width: 100%;
  height: 3.5em;
  font-size: 18px;
  line-height: 1.5em;
  text-align: center;
  border-radius: 4px;
}

.colTitle span {
  display: table-cell;
  vertical-align: middle;
}

.information {
  margin: 30px auto;
  width: 1100px;
  line-height: 1.7em;
}

.information ul {
  list-style-type: disc;
  padding-left: 30px;
}

/*==========================================
= header
===========================================*/

/*川上が追加した分*/
.header .inn {
  background-color: #fff;
 position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
background-color: #fff;
}

.header {
margin-top: 92px;
}
/*川上が追加した分*/

.header .tools {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1390px;
  min-width: 1200px;
  width:1200px; /* ★ */
}
.header .logo {
  float: left;
  margin-top: 12px;
  margin-right: 0;
  margin-left: 20px;
  margin-bottom: 0;

/* ★
  width: 439px;
  height: 72px;
  background-image: url(/images/common/umikaze-mark.png);
  background-position: left top 5px;
  background-repeat: no-repeat;
  padding-left:80px;
*/
  width: 392px;
  height: 80px;
  background: url(/images/common/r_rogo.png) no-repeat;
  background-size: 149px 68px;
  padding-left:150px;
/* ★ end*/
}


/*川上が追加した分*/
.glbNav {
	display:none;
	}
	
.top_navi01_wrap {
	display:none;
	}
	
.back_wrap {
	display:none;
	}	
/*川上が追加した分*/

.header .logo .a_logo {
  display: block;
/* ★
  width: 439px;
  height: 72px;
  text-decoration: none;
  background: url(/images/common/logo.png) no-repeat;
*/
  width: 243px;
  height: 68px;
  background: url(/images/common/r_tit.png) no-repeat;
  background-size: 243px 68px;
/* ★ end*/
}
.header .logo .a_logo span {
  display: block;
  visibility: hidden;
  width: 0;
  height: 0;
}
.header .right {
  float: right;
/* ★
  width: 590px;
  height: 100px;
  position: relative;
  margin-right: 20px;
*/
  width: 242px;
  height: 76px;
  margin-top:15px;
/* ★ end */
}
.header .gnavi1 {
  height: 51px;
/*  background: url(/images/common/bgGnavi1.png) repeat-x;*/
}
.header .gnavi1 ul {
  list-style-type: none;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  width: 1200px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-image: url(/images/common/gnavi1_icon.png);
  background-repeat: no-repeat;
  background-position: left 60px top 8px;

}
.header .gnavi1 ul li{
  display: inline;
  border-right: 1px solid #FFFFFF;
  padding-left: 30px;
  padding-right: 30px;
}
.header .gnavi1 ul li:first-child {
  /*border-left: 1px solid #FFFFFF;*/

}
.header .gnavi1 ul li a{
  color:#FFFFFF;

}
.header .gnavi2 {
  margin: 0 auto;
  background: url(/images/common/bgContent.png);
  padding-bottom: 20px;
}
.header .gnavi2 ul {
  list-style-type: none;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  width: 1250px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.header .gnavi2 ul li{
  position:relative;
  display: inline-block;
  margin:0;
  padding:0;
}
.header .gnavi2 ul li a{
  display:block;
}
.header .gnavi2 .gnavi2Content {
  margin: 0 auto;
  width: 1350px;
  height: 80px;
}
.header .gnavi2 .temp {
  display: block;
  margin: 0 auto;
  width: 1250px;
}

.header .gnavi2 li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 0px;
  width: 300px;
  background: #fff;
  z-index: 10000;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.header .gnavi2 li ul li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  border-bottom-width: 1px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-bottom-color: #FFFFFF;
}
.header .gnavi2 li ul li a {
  display: block;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 25px;
  padding-bottom: 5px;
  color: #666666;
  text-decoration: none;
  background-color: #F7F7F7;
  background-image: url(/images/common/menu_green.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.header .gnavi2 li ul li a:hover {
  background-color: #DFDFDF;
  color: #588C80;
}


/*スマホ多言語ページリンク190409*/
.sp_lang {
    margin-left: 2%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 0.9em;
}
.sp_lang a{
	color: #000;
}
.sp_lang.headlink {
    margin-bottom: 0.5em;
    text-align: right;
    margin-top: 1.5em;
	margin-right: 2%;
}
/*end スマホ多言語ページリンク190409*/



.language{
  width:242px;
  margin-bottom:6px;
  text-align:center;
/* ★
  width:300px;
  position:absolute;
  left:0;
  top:25px;
*/
}
.language img{
  vertical-align:text-bottom;
  margin-bottom:1px;
}
.language a{
  font-size: 12px;
  color: #1D1D1D;
}
.search{
/* ★

  position:absolute;
  right:0;
  top:25px;
*/
  overflow:visible;
}
.search p{
  float:right;
}
.search form{
  float:right;
}
.search .submit{
  background-color: #179AB3;
  color: #FFFFFF;
  border-style: none;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
/* ★
  border-radius: 5px;
*/
  padding-top: 3px;
  font-weight:bold;
}
.photo_download{
  position: absolute;
  left: 80px;
  bottom: 8px;
  margin-bottom: 0px;
}

.top_tab{
  width:330px;
  position:absolute;
  right:0;
  bottom:0;
}
.top_tab ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
.top_tab ul li{
  float: right;
  margin-top: 0;
  margin-right: 0;
  margin-left: 6px;
  margin-bottom: 0;
  width: 100px;

}


/*==========================================
= bread
===========================================*/
.breadlist {
  margin: 0 auto 20px;
}
.breadlist ul {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadlist ul li {
  float: left;
  margin: 0 1em 0 0;
}
.breadlist ul li:before {
  font-family: "FontAwesome";
  margin-right: 0.6em;
  content: "\f105";
}
.breadlist ul li:first-child:before {
  content: none;
}

/*==========================================
= footer
===========================================*/
.footer {
  background: url(/images/common/bgContent.png);
}
.footer .footerContent {
  height: 340px;
  background: transparent url(/images/common/bgFooter.png) no-repeat center -1px;
  background-position:bottom;
}
.footer .link {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.footer .link ul {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  width: 1200px;
  list-style: none;
}
.footer .link ul li {
  float: left;
  height: 50px;
}
.footer .link ul li a {
  display: block;
  padding: 0 30px;
  height: 50px;
  color: #666;
  line-height: 50px;
  border-right: 1px solid #ccc;
}
.footer .link ul li a:hover {
  color: #666;
  text-decoration: none;
  background-color: #fff;
}
.footer .link ul li:first-child a {
  border-left: 1px solid #ccc;
}
.footer .organization {
  margin: 0 auto;
  padding: 20px 0 0;
  width: 1170px;
  color: #666;
}
.footer .organization h3{
	font-size:15px;
	margin:10px 0 0;
	font-weight:bold;
}
.footer .copyright {
  margin: 0 auto;
  padding: 20px 0;
  width: 1170px;
  color: #666;
  text-align:left;
}
.footer .smartlink{
  width: 1170px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.footer .smartlink a{
  padding-top:10px;
  padding-bottom:10px;
}

/*==========================================
= contentWrap
===========================================*/
@media screen and (min-width: 980px){
.contentWrap {
 /* padding: 20px 0 40px;*/
  padding: 70px 0 0px 0px;
  /*  margin-bottom: 40px;*/
  background-color: #fff;
	padding-top: 2em;/*追加1903*/
}
}

@media screen and (max-width: 980px){
.contentWrap {
 /* padding: 20px 0 40px;*/
  padding: 10px 0 0px 0px;
  /*  margin-bottom: 40px;*/
  background-color: #fff;
}
}

.contBox {
  /*overflow: hidden;*/
  position:relative;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1);
}
.container{
  width:1200px !important;
}
.container .sakura_b1903{
  text-align: center;
}

/*==========================================
= side_clip
===========================================*/
#side_clip{
  position:absolute;
  right:-80px;
}

#side_clip a {
  display:block;
  width:115px;
  height:201px;
  background-repeat:no-repeat;
  background-position: left top;
}
.season_spring #side_clip a {background-image: url(/images/common/side_clip_btn_spring.png);}
.season_summer #side_clip a {background-image: url(/images/common/side_clip_btn_summer.png);}
.season_autumn #side_clip a {background-image: url(/images/common/side_clip_btn_autumn.png);}
.season_winter #side_clip a {background-image: url(/images/common/side_clip_btn_winter.png);}

/*==========================================
= commonPageup
===========================================*/
#commonPageup.pageup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 900;
}
#commonPageup.pageup .btn {
  color: #fff;
  background-color: #333333;
  border-color: #1a1a1a;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
#commonPageup.pageup .btn:hover, #commonPageup.pageup .btn:focus, #commonPageup.pageup .btn:active, #commonPageup.pageup .btn.active {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
#commonPageup.pageup .btn:active, #commonPageup.pageup .btn.active {
  background-color: black;
  background-image: none;
}

/*==========================================
= Google Map Dialog
===========================================*/
.googleDialog {
  width: 230px;
}
.googleDialog h4.dialog-title {
  margin: 0 0 5px;
  font-size: 14px;
}
.googleDialog .dialog-photo {
  margin: 0 0 3px;
}
.googleDialog .dialog-photo img {
  margin: 0 auto;
  max-width: 200px;
  max-height: 150px;
}
.googleDialog .dialog-copy {
  margin: 0 0 5px;
  width: 230px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.googleDialog .btn-dialog.btn-route {
  color: #fff;
  background-color: #e66139;
  border-color: #d2451a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleDialog .btn-dialog.btn-route:hover,
.googleDialog .btn-dialog.btn-route:focus,
.googleDialog .btn-dialog.btn-route:active,
.googleDialog .btn-dialog.btn-route.active {
  color: #fff;
  background-color: #d2451a;
  border-color: #d2451a;
}
.googleDialog .btn-dialog.btn-route:active,
.googleDialog .btn-dialog.btn-route.active {
  background-color: #a43615;
  background-image: none;
}
.googleDialog .btn-dialog.btn-detail {
  color: #fff;
  background-color: #47bfb5;
  border-color: #369d94;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.googleDialog .btn-dialog.btn-detail:hover,
.googleDialog .btn-dialog.btn-detail:focus,
.googleDialog .btn-dialog.btn-detail:active,
.googleDialog .btn-dialog.btn-detail.active {
  color: #fff;
  background-color: #369d94;
  border-color: #369d94;
}
.googleDialog .btn-dialog.btn-detail:active,
.googleDialog .btn-dialog.btn-detail.active {
  background-color: #297770;
  background-image: none;
}

/*==========================================
= Table base
===========================================*/
.table_base {
  width: 100%;
  margin: 0 0 30px;
}
.table_base th,
.table_base td {
  padding: 10px;
}
.table_base th {
  width: 30%;
  border: #dcd7d3 1px solid;
  border-bottom-color: #fff;
  border-right: none;
  background-color: #d8d8d8;
}
.table_base td {
  width: 70%;
  border: #dcd7d3 1px solid;
  border-left: none;
  background-color: #fff;
}
.table_base tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.table_base tr:last-child th {
  border-bottom-color: #dcd7d3;
}

/*==========================================
= Modal (Bootstrap wrapper)
===========================================*/
.modal-content {
  overflow: hidden;
}

.modal-header {
  color: #fff;
  background-color: #75635f;
}
.modal-header .close {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.modal-header .close:hover {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.modal-header .modal-title {
  font-size: 24px;
  font-weight: bold;
}

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


.clearfix {
 display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

.clearfix + *{
    clear: both;
}
.clearfix {
  overflow:hidden;
}

/*==========================================
= 季節共通
===========================================*/
/* 文字色 */
.season_spring .seasonFontColor {color: #588C80;}
.season_summer .seasonFontColor{color: #4A769F;}
.season_autumn .seasonFontColor{color: #B86360;}
.season_winter .seasonFontColor{color: #BF9C5C;}

/* 背景色 */
/*.season_spring .seasonBgColor {background-color: #588C80;}*/
.season_spring .seasonBgColor {background-color: #57A7AB;}
.season_summer .seasonBgColor{background-color: #4A769F;}
.season_autumn .seasonBgColor{background-color: #B86360;}
.season_winter .seasonBgColor{background-color: #BF9C5C;}

/*==========================================
= エリア共通
===========================================*/
/* 文字色 */
.area_shigaichi .areaFontColor {color: #49A1A5;}
.area_sasebokou .areaFontColor {color: #577735;}
.area_nanbu_99 .areaFontColor {color: #64963F;}
.area_hokubu_99 .areaFontColor {color: #509F7D;}
.area_kuroshima .areaFontColor {color: #94574A;}
.area_emukae .areaFontColor {color: #DCB445;}
.area_satoyama .areaFontColor {color: #C9737E;}
.area_mikawachi .areaFontColor {color: #D07859;}
.area_haikimiyahtb .areaFontColor {color: #8578A0;}
.area_uku .areaFontColor {color: #9D6183;}
.area_ojika .areaFontColor {color: #0D578F;}

/* 背景色 */
.area_shigaichi .areaBgColor {background-color: #49A1A5;}
.area_sasebokou .areaBgColor {background-color: #577735;}
.area_nanbu_99 .areaBgColor {background-color: #64963F;}
.area_hokubu_99 .areaBgColor {background-color: #509F7D;}
.area_kuroshima .areaBgColor {background-color: #94574A;}
.area_emukae .areaBgColor {background-color: #DCB445;}
.area_satoyama .areaBgColor {background-color: #C9737E;}
.area_mikawachi .areaBgColor {background-color: #D07859;}
.area_haikimiyahtb .areaBgColor {background-color: #8578A0;}
.area_uku .areaBgColor {background-color: #9D6183;}
.area_ojika .areaBgColor {background-color: #0D578F;}

/*==========================================
= 検索系ページ「.container」内の共通スタイル
===========================================*/
.page_search .msgNoData {
  margin: 30px 0 60px;
  font-size: 18px;
  font-weight: bold;
}
.page_search .msgNoData .fa {
  font-size: 18px !important;
}

.page_search ul {
  list-style: none;
  margin:0;
  padding:0;
}

.page_search dl {
  margin:0;
}

.page_search p {
  list-style: none;
  margin:0;
  padding:0;
  border:0;
  line-height:1;
}

.page_search .button {
  cursor:pointer;
}

/*==========================================
= 検索系ページ：タイトル
===========================================*/

.page_search h2 {
  font-size : 15px;
  font-weight:bold;
  color : #FFFFFF;
  margin:0;
  padding:10px 0 9px 32px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height:1;
  background-image: url(/images/common/cont_t_flag.png);
  background-repeat: no-repeat;
  background-position: left top;
}

/*==========================================
= 検索系ページ：メインビジュアル
===========================================*/

.page_search .mainVisual {
  position:relative;
  margin:14px auto 0 auto;
}

.page_search .mainVisual .bgMainTitle {
  position:absolute;
  left:0px;
  top:115px;
  width:250px;
  height:56px;
  opacity:0.7;
  z-index:2;
}

.page_search .mainVisual p {
  position:absolute;
  left:0px;
  top:115px;
  z-index:3;
}

/*==========================================
= 検索系ページ：contBox
===========================================*/

.page_search .contBox {
  margin-top:14px;
}

/*==========================================
= レスポンシブ スイッチング
===========================================*/

/*レスポンシブデザイン*/

/* PC仕様 */
/* 表示領域が1024px以上の場合に適用するスタイル */
@media print, screen and (min-width: 1024px) {

.pcmode  {
	display:block;
	}
	
.spmode   {
	display:none;
	}
	
#header {
		padding:0px !important;
		margin:0px !important;
		}
.header {
	margin-top:90px;
	padding: 0px 0;
background: #fff;
border-top: 0px solid #00a1a3;
border-bottom: 0px solid #00a1a3;
	}
.footer .link ul li a {
	border-right: 1px solid #ccc !important;
	}
	
	
.page_search .parsonalBox .topVisual-re ,
.page_search .gourmetBox .topVisual-re{
	display:none;
}

.page_search .parsonalBox .area_box1 .Atitle-re{
	display:none;
}
.page_search .parsonalBox .menu_Page .gal-re{
	display:none;
}
/*ハウステンボス*/
.page_search .htbBox .topVisual-re{
	display:none;
}
.page_search .htbBox .area_box1 .linkBox .Btitle-re{
	display:none;
}
/*endハウステンボス*/

/*グルメ*/

/*enfグルメ*/
	
	
/*サクラクオリティバナー*/
	.sakura_b1903 {
		margin-left: auto;
		margin-right: auto;
		width: 546px;
	}
	
}


/* モバイル仕様 */
/* 表示領域が1023px以下の場合に適用するスタイル */
@media only screen and (max-width: 1023px) {
	
body {
	margin-bottom:0px !important;
	font-size: 16px;
	}
#container{
    padding-top: 0px !important;
}
.pcmode {
	display:none;
	}

.spmode  {
	display:block;
	}
	
#footer {
	width:100%;
	}
.contentWrap {
	width:100%;
	}
.container {
	width:100% !important;
	}
.page_search .parsonalBox {
/*overflow: hidden;*/
position: relative;
padding: 0;
margin: 0 0 0 0px !important;
width: 100%!important;
overflow: none;
display: block;
}
.page_search .parsonalBox .waku {
	margin-left:0px !important;
	width: 100% !important;
	}
.page_search .parsonalBox .area_box1 .waku .rBox {
	float: none !important;
margin-left: 0px !important;
 width: 100% !important;
	}
.page_search .parsonalBox .area_box1 .waku .lBox {
	float: none !important;
	margin-left: 0px !important;
 width: 100% !important;
	}
.img_w100 {
	width:100%;
	height:auto !important;
	}
	
.header .logo { 
  float: left;
 background-image:none;
 padding-left:0px;
background: none; 
margin: 0 0 0 10px;
padding: 0;
width: 200px;
height: 0px !important;
}
.header .logo a {
  display: block;
  background: none;
  width:auto;/*追加ふじなつ171021*/
  /* ★ end*/
}

.header {
	margin-top:0px;
	}
	
.footer {
	position: static;
bottom: 0;
width: 100%;
height: 0px;
}
.footer .copyright {
	width: 100%;
	text-align:center;
	}
.page_search .parsonalBox .area_box1,
.page_search .parsonalBox .area_box3 ,
.page_search .gourmetBox .area_box1 ,
.page_search .gourmetBox .area_box3{
   background-image:none !important;
}

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

/*タイトル上下margin*/
.page_search .parsonalBox .headwaku{
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

/*ガビガビ画像を80%に縮小*/
.s80p {
	width:80% !important;
	}
.s60p {
	width:60% !important;
	}
	
/*上に20pxあける*/
.top20p {
	margin-top:20px !important;
	}


/*グルメフットメニュー*/
.page_search .parsonalBox .menu_Page .mwaku{
	 width: 100% !important;
	 margin-bottom: 3em !important;
}
.page_search .parsonalBox .menu_Page img{
	 margin: 0 !important;

}
.page_search .parsonalBox .menu_Page .menu img{
	     margin-left: auto !important;
    margin-right: auto !important;
    width: 70%;
    float: none !important;

}
.page_search .parsonalBox .menu_Page li{
	float: none !important;
}
.page_search .parsonalBox .menu_Page  li p a {
	display: inline-block;
     height: 3.3em;
    line-height: 3.5em;
    width: 100%;
    border-bottom: 1px dotted #000;
	text-align: center;
	font-size: 1.2em;
}
.page_search .parsonalBox .menu_Page li{
	 margin-right: 0 !important;
	 overflow: inherit !important;
}
/*end グルメフットメニュー*/


.page_search .parsonalBox .Cbgft ,.page_search .parsonalBox .Bbghd{
	    display: none;
}
.page_search .parsonalBox .headwaku{
	    width: 100%;
}
.page_search .parsonalBox .topVisual ,
.page_search .gourmetBox .topVisual{
	display:none;
}
.page_search .parsonalBox .topVisual-re ,
.page_search .gourmetBox .topVisual-re{
	display:block;
}
.page_search .parsonalBox .area_box1 .Atitle{
	display:none;
}
.page_search .parsonalBox .area_box1 .Atitle-re{
	display:block;
}
.page_search .parsonalBox .headwaku{
	width: 100% !important;
    margin-top: 3em;
    margin-bottom: 2em;
}

.page_search .parsonalBox .waku2{
	margin-left: 0 !important;
    width: 100% !important;
}
.page_search .parsonalBox .area_box1 .waku2 .rBox{
	width: 100% !important;
	float: none !important;
}
.page_search .parsonalBox .area_box2 .waku .lBox{
	float: none !important;
	margin-left: 0 !important;
    width: 100% !important;
}
.page_search .parsonalBox .area_box2 .waku .rBox{
	float: none !important;
	 width: 100% !important;
}
.page_search .parsonalBox .area_box3 .waku .lBox{
	width: 100% !important;
	float: none !important;
	    margin-left: 0 !important;
}
.page_search .parsonalBox .area_box3 .waku .rBox{
	float: none !important;
	width:100% !important;
	padding-left: 0 !important;
}
.page_search .parsonalBox .area_box4 .waku .rBox{
	float: none !important;
	width:100% !important;
}
.page_search .parsonalBox .area_box4 .waku .lBox{
	width: 100% !important;
	float: none !important;
	    margin-left: 0 !important;
}

iframe#player {
    width: 100%;
    height: auto;
}
.dtlpage{
	background-color: #588c80;
	margin-top: 0.7em;
	padding: 0 8px;	
    display: inline-block !important;
	border-radius: 4px;
}
.dtlpage a{
	 display:block !important;    
    padding: 5px !important;
    height: auto !important;
    color: #fff;
    float: none !important;
    text-decoration: none !important;
}
.dtlpage img{
	display:none;
}
.dtlpage a:after{
	-webkit-background-size: 11px 15px;
	content: "▶";
	color: #fff;
	display: inline-block;
	width: 11px;
	height: 15px;
	padding-left: 2px;
	
}
.page_search .parsonalBox .area_box1 .titleBox ul{
	position: static !important;
	width: 100% !important;
	margin-top: -2em;

}
/*.page_search .parsonalBox .menu_Page li{
	float:left !important;
}*/

.page_search .parsonalBox .menu_Page .titleBox{
	float: left;
	margin-bottom: 3em;
}

.page_search .parsonalBox .menu_Page .gal{
	display:none;
}
.page_search .parsonalBox .menu_Page .gal-re{
	display:block !important;
}


/*ハウステンボス*/

.page_search .htbBox{
	width: 100% !important;
	margin: 0 !important;
}
.page_search .htbBox .area_box1{
	background:none !important;
}
.page_search .htbBox .area_box3{
	background:none !important;
	padding-top: 10px !important;

}
.page_search .htbBox .area_box1 .titleBox{
	position: static !important;
	margin: -1em 0 !important;
}
.page_search .htbBox .area_box1 .titleBox ul{
	width: 100% !important;
	margin:0 !important;
}
.page_search .htbBox .topVisual{
	display:none;
}
.page_search .htbBox .topVisual-re{
	display:block;
}
.page_search .htbBox .area_box1 .linkBox .Btitle{
	display:none;
}
.page_search .htbBox .area_box1 .linkBox .Btitle-re{
	display:block;
}
.page_search .htbBox .area_box1 .linkBox{
	width: 100% !important;
	margin-top: 3em;
}
.page_search .htbBox .area_box1 .linkBox .waku{
	width: 100% !important;
}
.page_search .htbBox .area_box1 .linkBox .waku .lBox{
	width: 100% !important;
}
.page_search .htbBox .area_box1 .linkBox .waku .rBox{
	float: none !important;
}
.page_search .htbBox .htb_sei_bg{
	display:none;
}
.page_search .htbBox .area_box2 .titleBox{
	width:100% !important;
}

.page_search .htbBox .area_box2 .linkBox{
	width: 100% !important;
	padding-left: 30px !important;
}
.page_search .htbBox .area_box2 .linkBox  li{
	    float: none !important;
		padding-right: 30px !important;
}
.page_search .htbBox .area_box2 .linkBox  li p.Bcatch{
	    width: 100% !important;
}
.page_search .htbBox .area_box3 .linkBox{
	width:100% !important;
}
.page_search .htbBox .area_box3 .linkBox .lBox{
	width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
}
.page_search .htbBox .area_box3 .linkBox .rBox{
	width: 100% !important;
	float:none !important;
}
.page_search .htbBox .area_box3 .linkBox p.Btitle{
	margin: 0px 0 20px !important;
}
.page_search .htbBox .area_box3 .linkBox p.Bcatch{
	width: 100% !important;
	padding-right: 0 !important;
}
.page_search .htbBox .area_box3 .Badd{
	display:none;
}
.koushiki a{
	width: 80% !important;
    text-align: center;
	    margin: 30px auto !important;
}
.page_search .htbBox .area_box4 .linkBox ,
.page_search .htbBox .area_box4 .seasonbox1{
	width: 100% !important;
}
.page_search .htbBox .area_box4 .linkBox .Btitle ,
.page_search .htbBox .area_box4 .seasonbox1 .Btitle{
	float: none !important;
    margin-right: 0 !important;
}


/*endハウステンボス*/

/*グルメ*/




/*endグルメ*/

}
/* END  モバイル仕様 */
/* 表示領域が1023px以下の場合に適用するスタイル */