@charset "UTF-8";

#content{
	padding: 0 0 2rem;
}

#content.about{
	padding-bottom: 0;
}
#content.form-7days{
	padding-bottom: 0;
}

/*----------------------
7DAYSヘッダーここから
-------------------------*/
body{
	background-color: #383838;
	padding: 0;
	margin: 0;
}

header{
	border:none;
	height:100%;
	min-height: 140px;
	background-color: #fff;
}

header .h_logo {
	margin:30px 0 0;
}

header .logo img {
	/*width: 150px;*/
	height:70px;
}

header nav{
	font-family:'Open Sans', sans-serif;
	font-size:1.2rem;
	margin:16px 0 0 0;
	text-align: right;
}

header nav strong{
	color: #56ca00;
	font-weight:normal;
}

header nav strong a:link{
	color: #56ca00;
}

header nav strong a:hover{
	color: #4cb300 !important;
}

header nav strong a:visited{
	color: #56ca00;
}

header nav a{
	margin: 0.5rem;
}

header nav ul{
	list-style-type:none;
}

header nav ul li{
	float:left;
	margin-left:1.5rem;
}

header nav ul li img{
	width: 100%;
}

header a:link,
header a:visited{
	color:#707070;
}

header a:hover{
	color:#4d4d4d;
	text-decoration:none;
}

header .assist{
	float:right;
}

header .to-cbc {
  float: right;
  margin: 0 1rem 0 0;
  font-size:0.75rem;
}

header .to-cbc a.link-cbc {
  display: block;
  float: left;
  padding: 8px 0 8px 20px;
  background-image: url('/wp-content/themes/cocktail/images/cocktail.svg');
  background-size: 16px;
  background-position: left 8px;
  background-repeat: no-repeat;
}

header .to-cbc span.divider {
  display: block;
  float: left;
  padding: 8px 5px;
  color: #bbbbbb;
}

header .to-cbc a.link-gift {
  display: block;
  float: left;
  padding: 8px 0 8px 20px;
  background-image: url('/wp-content/themes/cocktail/images/shopping-cart.svg');
  background-size: 16px;
  background-position: left 9px;
  background-repeat: no-repeat;

}

header .assist ul{
	list-style-type:none;
	padding:0;
	margin:4px 0 0;
	font-size:0.75rem;
}

header .assist ul li{
	float:left;
	display:block;
	padding:0;
	margin:0 1rem 0 0;
}

header .assist ul li.entry{
	font-size: 1rem;
}

header .assist ul li.mypage{
	font-size: 1rem;
}

header .assist ul li.login{
	font-size: 1rem;
}

header .assist ul li.login a{
/*	color: #ff6600; */
}

header .assist ul li.login a:hover{
/*	color: #e15a00; */
}

header .assist ul li.language{
}

header .sns{
	float:right;
	margin-right: 30px;
}

header .sns ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

header .sns ul li{
	float:left;
	display:block;
	padding:0;
	margin:0;
}

header .sns ul li.txt{
	font-size:0.6rem;
	padding-top:8px;
	margin-right:10px;
	color:#999;
}

header .sns ul li.fb,
header .sns ul li.insta{
	font-size:1.3rem;
}

header .sns ul li.insta{
	margin-left:10px;
}

header .sns ul li.translator{ margin: 4px 10px 0 0; }
header .sns ul li.translator a{ padding: 0 5px; display: inline-block; line-height: 1; }
header .sns ul li.translator a:first-child{ border-right: 1px solid}

/*フローティングメニュー用*/
header.floating-menu{
	border:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* height:100%; */
	height: 68px;
	min-height: 68px;
	background-color: rgba(255, 255, 255, 0.9);
	/*border-bottom: 1px solid #999;*/
	z-index: 9000;
}

.hidden{
	display: none;
}

header.floating-menu .h_logo {
	margin:6px 0 0;
}

header.floating-menu .logo img {
	height:56px;
}

header.floating-menu  nav{
	margin:0;
}

/*----------------------
7DAYSヘッダーここまで
-------------------------*/

/*----------------------
ABOUTここから
-------------------------*/
.about{
}

.about p{
	color: #313131;
	font-size: 0.9rem;
}

.about .lead {
	text-align: center;
	padding-top: 20px;
}

.about .lead h1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #333333;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.8rem;
}

.about .lead .summary{
	font-size: 1rem;
}

.about .lead p{
	color: #707070;
	font-size: 0.9rem;
}

.btn-1,
.btn-2,
.btn-3{
	font-size: 0.9rem;
	padding: 0.5em 0;
	width: 230px;
	border-radius: 1.4rem;
}

.btn-1{
	background-color: #56ca00;
	border: 1px solid #56ca00;
	color: #fff;
}
.btn-1.btn-fukuoka{
  font-size: 16px;
}
.btn-1:hover{
	background-color: #4cb300;
	color: #fff;
}

.btn-2{
  /* background-color: #000000; */
	background-color: #fff;
  //background-color: rgba(255, 255, 255, 0.65);
	border: 1px solid #333333;
	color: #000000;
  /* color: #ffffff; */
}
.btn-2:hover{
	background-color: #333333;
	color: #ffffff;
}

.btn-3{
	/*
	background-color: #4C4645;
	border: 1px solid #4C4645;
	*/
	background-color: #f04900;
	border: 1px solid #f04900;
	color: #fff;
}
.btn-3:hover{
	background-color: #d04000;
	color: #fff;
}

.about h2{
	text-align: center;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding: 0.8rem 0;
	margin: 4rem 0 2rem;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.about h2 div{
	background-size: contain;
	height: 33px;
}

.about h2 div.ttl_overview{
	background-image: url("../images/ttl_overview.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_archives{
	background-image: url("../images/ttl_archives.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_instagram{
	background-image: url("../images/ttl_instagram.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_village_and_bar{
	background-image: url("../images/ttl_village-and-barhopping.svg");
	background-repeat: no-repeat;
	background-position: center center;
}
.about h2 div.ttl_news {
	background-image: url("../images/ttl_news.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_how_to_enjoy{
	background-image: url("../images/ttl_how_to_enjoy.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_bar_hopping{
	background-image: url("../images/ttl_bar_hopping.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_cocktail_mileage{
	background-image: url("../images/ttl_cocktail-mileage.svg");
	background-repeat: no-repeat;
	background-position: center center;
}


.about h2 div.ttl_what_happens{
	background-image: url("../images/ttl_what-happens-there.svg");
	background-repeat: no-repeat;
	background-position: center center;
}


.about h2 div.ttl_place{
	background-image: url("../images/ttl_place.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_recommended{
	background-image: url("../images/ttl_recommended.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_buyticket{
	background-image: url("../images/ttl_buyticket.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_access{
	background-image: url("../images/ttl_access.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about h2 div.ttl_map{
	background-image: url("../images/ttl_map.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.about .card{
	/* background-color: #f2f7f4; */
  background-color: #F8FBFF;
	border: none;
	border-radius: 0;
}

.about .card br {
	display: none;
}

.about .bc2{
	/* background-color: #f2f6f7; */
  background-color: #F8FBFF;
}

.about .card .card-overview {
  padding: 30px 0;

}

.about .card-header{
	padding: 0;
	background-color: #fff;
	border:none;
}

.about .place-img{
	max-width: 240px;
	margin-right: 2rem;
}
.about .card-body {
	padding: 2rem 2.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.about .card-body h3{
	color: #0B0B0B;
	margin: 0 0 0.8rem;
}

.about .card-body p{
	color: #313131;
}
.about .form_ticket{
	background-color: #F6F6F6;
	padding: 2.6rem 0;
}

.about .border-r{
	border-right: 1px solid #707070;
}

.about .map{
	height: 300px;
}

.form_ticket .custom-select{
	width: 100%;
}

.form_ticket h3{
	margin: 0 0 1.5rem;
}

.form_ticket h3 img{
	width: 70%;
}

/*----------------------
ABOUTここまで
-------------------------*/

/*----------------------
7DAYSフッターここから
-------------------------*/
footer{
	margin-top: 0;
	padding: 5em 0;
	color: #A0A0A0;
	font-size: 0.75rem;
	background-color: #383838;
	font-family: 'Roboto', sans-serif;
}

footer .f_con{
	margin-left: 1rem;
}

footer .border-r{
	border-right: 1px solid #b7b7b7;
}

footer img.f_logo{
	padding: 0 2rem;
}

footer ul.footNav{
	margin: 0;
	padding: 0;
}

footer ul.footNav li{
	float: left;
	width: 200px;
	line-height: 0.8rem;
}

footer ul.footNav li:nth-child(2n+3){
	clear: both;
}

footer .footNav a,
footer .footNav a:link,
footer .footNav a:visited{
	color: #b7b7b7;
	font-size: 15px;
}

footer .footNav a:hover{
	color: #dedede;
}

footer .f-txt{
	font-size: 15px;
	margin-top: 1rem;
}

footer .copy{
	font-size: 15px;
}

/*----------------------
7DAYSフッターここまで
-------------------------*/

/*----------------------
7DAYSフォームパーツここから
-------------------------*/
.form-7days{
	border:none;
	padding:20px 8px;
	font-size: 0.85rem;
}

.form-7days h1{
	text-align: center;
	border: none;
	font-weight: bold;
	color: #666666;
	font-size: 1.5rem;
	line-height: 1.6rem;
	padding: 0;
	margin: 0 0 1rem;
}

.form-7days .f-box{
	border:1px solid #dbdbdb;
	padding:40px;
	margin: 1rem auto 3rem;
	border-radius: 3px;
}

.form-7days .f-box2{
	border:none;
	background-color: #f6f6f6;
	border-radius: 4px;
	padding:40px;
	margin: 1rem auto 3rem;
	border-radius: 3px;
}

.form-7days .box-s{
	max-width: 70%;
}

.form-7days .box-m{
	max-width: 80%;
}

.form-7days strong{
	font-size: 1.2rem;
	color: #ff6600;
}

/*----------------------
7DAYSフォームパーツここまで
-------------------------*/

@media screen and (max-width: 1110px) {
	.form-7days .box-s{
		max-width: 75%;
	}
	.form-7days .box-m{
		max-width: 85%;
	}
}

@media screen and (max-width: 767px) {
		header.floating-menu {
			display: none !important;
		}
		header {
			position: fixed;
			width: 100%;
			height: auto;
			top: 0;
			left: 0;
			box-shadow: 1px 0 2px #333333;
			background-color: rgba(255, 255, 255, 1);
			z-index: 9000;
		}

	#content {
		/* padding-top: 62px; */
    /* padding-top: 42px; */
    padding-top: 64px;
	}

	 .64px .place-img{
		 max-width: 100px;
		 margin-right: 1rem;
	 }
	 .about .border-r{
	 	border-right: none;
	 }
	 .about h2 div{
	 	height: 26px;
	 }
	 .about .card-body{
		 padding: 1rem 0.6rem;
	 }
	 header{
	 	 /* min-height: 60px; */
     min-height: 42px;
	 }
	 header .h_logo {
	 	margin:4px 0 0;
	 }
	 header .logo img {
	 	 /* height:50px; */
     height: 32px;
	 }
  header .hamburger {
    padding-top: 10px;
    font-size: 0.7em;
  }
  .sp-menu {
    top: 42px;
  }
	 .form-7days .f-box{
	 	border:none;
		border-top:1px solid #dbdbdb;
		border-bottom:1px solid #dbdbdb;
	 	padding:40px 10px;
	 	margin: 1rem auto 3rem;
		border-radius: 0;
	 }
	 .form-7days .box-s{
	 	max-width: 98%;
	 }

	 .form-7days .box-m{
	 	max-width: 98%;
	 }
	 .form_ticket h3 img{
	 	width: 85%;
	 }
}