@charset "utf-8";
/* -----------------------------------------------------
全ページ共通要素記述用CSSファイル common.css
----------------------------------------------------- */

/* 親項目コメントアウト
----------------------------------------------------- */

/* 子項目コメントアウト */

/* 共通 common
----------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	font-size:14px;
	color:#000000;
	line-height:140%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family:Verdana,sans-serif,Arial, Helvetica;*/
}

body a {
	text-decoration:none;
	color: #2EB7CB;
}

body a:hover {
	text-decoration:underline;
}

li {
	list-style: none;
}

img {
	border:0;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}

h1{
	font-size: 28px;
	margin-bottom: 1.2em;
	color: #2F2F2F;
}
h2{
	font-size: 24px;
	margin-bottom: 1.2em;
    line-height: 1.2;
	color: #2F2F2F;
}
h3{
	font-size: 20px;
	margin-bottom: 1.2em;
	color: #2F2F2F;
}
h4{
	font-size: 18px;
	margin-bottom: 1.2em;
	color: #2F2F2F;
}

table, .table {
	width: 100%;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
}
table th, .table th {
	background: #f3f3f3;
	font-weight: bold;
	padding: 10px;
}
table td, .table td {
	background: #FFF;
	padding: 10px;
}
table tr:nth-child(odd) td, .table tr:nth-child(odd) td {
	background: #f3f3f3;
}
table.plane, .table.plane,
table.plane tr th, .table.plane tr th,
table.plane tr td, .table.plane tr td {
	background: none;
	border: none;
	padding: 0;
	font-weight: normal;
	text-align: left;
}

.clear {
	clear:both;
	height:0px;
	visibility:hidden;
}
.clear_fix:after {
	clear:both;
	content:"";
	display:block;
}

* html body .clear {
	clear:both;
	height:0px;
	visibility:hidden;
	margin-top:-20px;
}

.fl{
	float:left;
	width:auto;
}

.fr{
	float:right;
	width:auto;
}

.open_sans {
	font-family: 'Open Sans', sans-serif;
}
.im_fell_dw_pica {
	font-family: 'IM Fell DW Pica SC', serif;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.text_center {
	text-align: center;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}

.inviewzoomIn {
	transform: scale(.9, .9);
	-webkit-transform: scale(.9, .9);
	transition: all ease-in-out .4s;
	opacity: 0;
}
.zoomIn {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	opacity: 1;
}

.marker{
  display: inline;
  background: -webkit-linear-gradient(to top, #fff7b7 60%, transparent 60%);
  background: linear-gradient(to top, #fff7b7 60%, transparent 60%);
}
b.marker{
	color: #fd0e62;
}

@font-face {
     font-family: 'Font Awesome 5 Brands';
     font-style: normal;
     font-weight: 400;
     src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Font Awesome 5 Free';
     font-style: normal;
     font-weight: 900;
     src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
         url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    /*src: url('./fonts/slick.eot'); /* urlを対応する場所に変更 */*/
    /*src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); /* urlを対応する場所に変更 */*/
}
/* ボタン
----------------------------------------------------- */
.simple_btn {
  border: 2px solid #2f2f2f;
  background-color: #FFF;
  border-radius: 30px;
  padding: 16px 33px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  width: 150px;
  height: 48px;
  box-sizing: border-box;
  margin: 0 auto;
	color: #2f2f2f;
  display: block;
  text-align: center;
}
.simple_btn a {
	color: #2F2F2F;
}
.simple_btn:hover {
  border: 2px solid #2EB7CB;
	text-decoration: none;
	color: #2EB7CB;
}
.simple_btn.wide {
	width: 348px;
}
.simple_btn.big{
	font-size: 32px;
	width: 600px;
	padding: 25px;
	height: auto;
	border-radius: 50px;
}
.simple_btn.reverse {
  background-color: #2f2f2f;
  color: #FFF;
}
.simple_btn.reverse:hover {
  background-color: #2EB7CB;
}

.simple_btn.red{
	background-color: #e91e63;
	border: 2px solid #e91e63;
}
.simple_btn.red:hover{
	background-color: #f15a7d;
	border: 2px solid #f15a7d;
}

.simple_btn.blue{
	background-color: #2eb7cb;
	border: 2px solid #2eb7cb;
}
.simple_btn.blue:hover{
	background-color: #2eb7cb;
	border: 2px solid #2eb7cb;
}

.simple_btn.inline{
	display: inline-block;
}
.btn_wrap {
	text-align: right;
	clear: both;
	margin-bottom: 25px;
}
.btn_registration {
	position: relative;
	padding: 8px 15px 6px 30px;
	line-height: 1em;
	display: inline-block;
	border-radius: 4px;
	color: #e91e63;
	border: solid 1px #cccccc;
	transition: all .2s ease-in-out;
	min-width: 260px;
	box-sizing: border-box;
	text-align: center;
	background: #ffffff url(/img/svg/icon_heart_red.svg) no-repeat left 15px center;
	background-size: 16px 16px;
}
.btn_registration:hover {
	border: solid 1px #e91e63;
	text-decoration: none;
}
.btn_registration.active {
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #e91e63;
	background: #e91e63 url(/img/svg/icon_heart_white.svg) no-repeat left 15px center;
	background-size: 16px 16px;
}
.btn_registration .balloon,
.btn_registration .balloon.black {
	position: absolute;
	background: #e91e63;
	padding: 10px 15px 8px;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 13px;
	font-weight: bold;
	transform: translateX(100%);
	animation: balloon_animation 2s ease-in-out 1 normal forwards;
	right: -10px;
	bottom: 10px;
}
.btn_registration .balloon:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: -8px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e91e63;
	border-left: 10px solid transparent;
}
.btn_registration .balloon.black {
	background-color: #242424;
	width: 140px;
}
.btn_registration .balloon.black:after {
	border-bottom: 10px solid #242424;
}
#cocktail_top .cocktail_info .social_share_widget_wrap .btn_registration .balloon,
#cocktail_top .cocktail_info .social_share_widget_wrap .btn_registration .balloon.black {
	transform: translateX(-100%);
	right: initial;
	left: -10px;
}
#cocktail_top .cocktail_info .social_share_widget_wrap .btn_registration .balloon:after,
#cocktail_top .cocktail_info .social_share_widget_wrap .btn_registration .balloon.black:after {
	bottom: 5px;
	left: initial;
	right: -8px;
}
@keyframes balloon_animation {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
/* ボックス
----------------------------------------------------- */
.box_simple{
	outline: 2px solid #2F2F2F;
	border: 1px solid #909090;
	padding: 10px 20px;
	background-color: #FFF;
	box-sizing: border-box;
}

.box_color{
	padding: 43px;
	background: #F3F3F3;
	overflow: hidden;
	box-sizing: border-box;
}

/* ボーダー
----------------------------------------------------- */
.simple_border{
		border-bottom: 1px solid #2f2f2f;
		padding-bottom: 0.5em;
}
.img_left_border{
    background: url(../img/sub/h2/h4_text_bg.png) no-repeat left top 4px;
    padding-left: 10px;
}


/* ヘッダ header
----------------------------------------------------- */

#header {
	width: 1200px;
	margin: 0 auto 25px;
	padding-top: 30px;
}

#logo {
	float: left;
	width: 340px;
}

#utility_nav {
	float: right;
}

#utility_nav_top {
	margin-bottom: 20px;
	float: right;
}
#utility_nav_top li {
	float: left;
  margin-left: 20px;
}
#utility_nav_top li a {
	color: #2f2f2f;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0;
}
#utility_nav_top li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #2f2f2f;
}

#utility_nav_bottom li {
	float: left;
	margin-left: 15px;
}
#utility_nav_bottom li.fb,
#utility_nav_bottom li.tw,
#utility_nav_bottom li.ig,
#utility_nav_bottom li.yt {
	padding-top: 4px;
}
#utility_nav_bottom li a i {
	font-size: 25px;
	color: #979797;
}
#utility_nav_bottom li.fb a:hover i {
	color: #3b5998;
}
#utility_nav_bottom li.tw a:hover i {
	color: #1da1f2;
}
#utility_nav_bottom li.ig a:hover i {
	color: #003569;
}
#utility_nav_bottom li.yt a:hover i {
	background: url(/img/common/icon_youtube_on.png) no-repeat;
	background-size: 100%;
}
#utility_nav_bottom li form {
	position: relative;
}
#utility_nav_bottom li input {
	width: 270px;
	background: #f3f3f3;
	border-radius: 20px;
	border: none;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 10px 0 40px;
	box-sizing: border-box;
}
#utility_nav_bottom li button {
	color: #cdcdcd;
	position: absolute;
	left: 15px;
	font-size: 18px;
	border: none;
	top: 10px;
	background: transparent;
}
.icon_youtube {
	display: inline-block;
	background: url(/img/common/icon_youtube.png) no-repeat;
	background-size: 100%;
	width: 21px;
	height: 25px;
}

/* #fixed_header */

#fixed_header {
	background-color: #FFF;
	position: fixed;
	top: -70px;
	width: 100%;
	min-width: 1200px;
	z-index: 15;
	display: none;
	transition: .3s;
}
#fixed_header.set_height {
	top: 0;
	display: block;
}

#fixed_header_inner {
	width: 1200px;
	margin: 0 auto;
}
#fixed_header_inner a {
	color: #2F2F2F;
	font-size: 13px;
	font-weight: bold;
}
#fixed_header_inner .logo {
	float: left;
	width: 230px;
	margin-right: 23px;
	padding-top: 10px;
}
#fixed_header_inner .hide_contents {
	float: left;
}
#fixed_header_inner .hide_contents #hide_contents_btn {
	line-height: 70px;
	width: 135px;
	display: block;
	text-align: center;
}
#fixed_header_inner .hide_contents #hide_contents_btn i {
	font-size: 20px;
	vertical-align: -3px;
	margin-right: 5px;
}
#fixed_header_inner .hide_contents #hide_contents_btn.hover,
#fixed_header_inner .hide_contents #hide_contents_btn:hover {
	background-color: #F3F3F3;
	text-decoration: none;
}
#fixed_header_inner .hide_contents .hide_contents_wrap {
	display: none;
	position: absolute;
	width: 100%;
	height: 85px;
	top: 70px;
	left: 0;
	right: 0;
	margin: auto;
	background: #f3f3f3;
}
#fixed_header_inner .hide_contents .hide_contents_list {
	width: 1200px;
	margin: 0 auto;
}
#fixed_header_inner .hide_contents .hide_contents_list li {
	float: left;
	padding: 30px 18px;
}
#fixed_header_inner .hide_contents .hide_contents_list li a {
	font-family: 'Open Sans', sans-serif;
	color: #979797;
	font-size: 16px;
	font-weight: bold;
  padding-bottom: 7px;
	display: block;
}
#fixed_header_inner .hide_contents .hide_contents_list li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #99d7e0;
	color: #2f2f2f;
}
#fixed_header_inner .hide_contents .hide_contents_list li.current a {
	border-bottom: 3px solid #99d7e0;
	color: #2f2f2f;
}

#fixed_header_inner .utility_nav {
	float: right;
	/*width: 800px;*/
	padding-top: 16px;
}
#fixed_header_inner .utility_nav li {
	float: left;
	margin-right: 25px;
	padding-top: 10px;
}
#fixed_header_inner .utility_nav li:nth-child(n+4) {
	margin-right: 10px;
}
#fixed_header_inner .utility_nav li.search {
	padding-top: 1.5px;
}
#fixed_header_inner .utility_nav li.search i {
	padding: 0;
}
#fixed_header_inner .utility_nav li form {
	position: relative;
}
#fixed_header_inner .utility_nav li input {
	width: 225px;
	background: #f3f3f3;
	border-radius: 20px;
	border: none;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 10px 0 40px;
	box-sizing: border-box;
}
#fixed_header_inner .utility_nav li button {
	color: #cdcdcd;
	position: absolute;
	left: 15px;
	font-size: 18px;
	border: none;
	top: 10px;
	background: transparent;
}
#fixed_header_inner .utility_nav li i {
	font-size: 20px;
	color: #979797;
}
#fixed_header_inner .utility_nav li i.icon_youtube {
	width: 16px;
	height: 19px;
}

/* #main_visual
----------------------------------------------------- */
#main_visual {
	margin: 0 auto;
	width: 1200px;
}
#main_visual div img {
	width: 99%;
}
.main_slider .slick-arrow {
	width: 31px;
	height: 64px;
	z-index: 2;
}
.main_slider .slick-prev {
	background: url(/img/top/arr_main_visual_prev.png) no-repeat;
	left: 65px;
}
.main_slider .slick-next {
	background: url(/img/top/arr_main_visual_next.png) no-repeat;
	right: 65px;
}
.main_slider .slick-prev:before,
.main_slider .slick-next:before {
	display: none;
}
.main_slider .slick-prev:hover,
.main_slider .slick-prev:focus {
	background: url(/img/top/arr_main_visual_prev.png) no-repeat;
	opacity: .8;
}
.main_slider .slick-next:hover,
.main_slider .slick-next:focus {
	background: url(/img/top/arr_main_visual_next.png) no-repeat;
	opacity: .8;
}

/* #global_navi
----------------------------------------------------- */

#global_navi {
	padding: 8px 0;
	width: 1200px;
	margin: 0 auto;
}
ul#global_navi {
	position: relative;
	margin-bottom: 35px;
}
#global_navi li {
	/*float: left;*/
	/*padding: 0 20px;*/
	position: absolute;
}
#global_navi li:first-child {
	width: 90px;
}
#global_navi li:first-child .ja{
	letter-spacing: -2px;

}
#global_navi li:nth-child(2) {
	left: 90px;
	width: 100px;
}
#global_navi li:nth-child(3) {
	left: 200px;
	width: 80px;
}
#global_navi li:nth-child(4) {
	left: 285px;
	width: 130px;
}
#global_navi li:nth-child(5) {
	left: 420px;
	width: 140px;
}
#global_navi li:nth-child(6) {
	right: 500px;
	width: 130px;
}
#global_navi li:nth-child(7) {
	right: 410px;
	width: 85px;
}
#global_navi li:nth-child(8) {
	right: 270px;
	width: 130px;
}
#global_navi li:nth-child(9) {
	right: 110px;
	width: 150px;
}
#global_navi li:last-child{
	right: 15px;
	/*top: 10px;*/
	width: 90px;
}
#global_navi li:last-child .en img{
	position: relative;
	top: -18px;
}

#global_navi li a {
	font-family: 'Open Sans', sans-serif;
	color: #2f2f2f;
	font-size: 16.5px;
	font-weight: bold;
	padding-bottom: 7px;
	text-align: center;
	border-bottom: 3px solid transparent;
}
#global_navi li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #99d7e0;
}
#global_navi li:last-child a:hover {
	/*opacity: 0.8;*/
}
#global_navi li.current a {
	border-bottom: 3px solid #99d7e0;
}

#global_navi a{
 display: block;
 position: relative;
 height: 20px;
 background-color: #FFF;
 transition: .2s;
}
#global_navi a:hover{
 background-color: #FFF;
}
#global_navi .en, #global_navi .ja {
 display: block;
 width: 100%;
 position: absolute;
 transition: .3s;
}
#global_navi .en {
 opacity: 1;
}
#global_navi .ja {
 opacity: 0;
 font-size: 16px;
}
#global_navi a:hover .en {
 opacity: 0;
}
#global_navi a:hover .ja {
 opacity: 1;
}

/* メイン main
----------------------------------------------------- */

/* !topic_path */
#topic_path {
	width: 1200px;
	margin: 0 auto;
  padding: 10px 0;
}
#topic_path li {
	float: left;
}
#topic_path li a{
	color: #2EB7CB;
}

/* 検索ボックス（共通）
----------------------------------------------------- */
#search_box.box_color {
	padding: 30px 20px;
	position: relative;
}
#search_box .title {
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 40px;
	color: #2f2f2f;
	margin-bottom: 30px;
	line-height: 1;
	font-weight: normal;
}
#search_box .fr {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* #search_box_cocktail */
#search_box_cocktail {
	background: #f3f3f3;
	padding: 30px 30px 30px;
	margin-bottom: 80px;
}
#search_box_cocktail2 {
    background-color: #f3f3f3;
	padding: 30px 30px 30px;
    margin-bottom: 20px;
}
#search_box_cocktail3 {
    background-color: #f3f3f3;
	padding: 30px 30px 30px;
    margin: 20px auto;
    margin-top: 20px;
    overflow: hidden;
}
#search_box h2 {
	font-size: 20px;
}
#search_box li,
#search_box_cocktail3 ul li {
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 20px;
}
#search_box ul li.heading, #search_box_cocktail3 ul li.heading {
    width: 100%;
    font-size: 1.05em;
    font-weight: bold;
    margin: 10px 0 10px;
}
#search_box li a,
#search_box_cocktail3 ul li a {
	color: #2f2f2f;
}
#search_box .pull_left,
#search_box_cocktail3 .pull_left {
	float: left;
	width: 50%;
	/*border-right: 1px solid #2f2f2f;*/
	box-sizing: border-box;
	padding-right: 20px;
	margin-bottom: 10px;
}
#search_box .pull_right,
#search_box_cocktail3 .pull_right {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;
	border-left: 1px solid #2f2f2f;
	min-height: 100px;
}
#search_box .pull_right p{
	font-size: 16px;
	padding: 6px;
}
/* #search_box_country */
#search_box_country {
	/*background: #f3f3f3;*/
	/*padding: 30px 30px 3px;*/
	/*margin-bottom: 80px;*/
}
#search_box_country li {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 142px;
	float: left;
}
#search_box_country li:nth-child(7n) {
	margin-right: 0;
}
#search_box_country li.tail{
	margin-right: 0;
}
#search_box_country  li a {
	display: block;
}
#search_box_country  li img {
	width: 100%;
	height: auto;
}

/* #search_box_key */
#search_box_key {
	/*background: #f3f3f3;*/
	/*padding: 30px 30px 25px;*/
	/*margin-bottom: 80px;*/
}
#search_box_key li{
	margin-right: 20px;
	margin-bottom: 15px;
	display: inline-block;
	background: url(/img/top/link_icon.png) no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 11px;
}
#search_box_key a{
	color: #2f2f2f;
}

/* カクテル検索
----------------------------------------------------- */

select[id^="CocktailTodaySearch"]{
	width: 100%;
	display: none;
	border: 2px solid #E91E64;
	box-shadow: 0px 0px 10px rgba(233, 30, 100,0.4);
  border-radius: 4px;
  margin-bottom: 10px;
	height: 35px;
	padding: 5px;
}
select[id^="CocktailTodaySearch"].selected{
	border: 2px solid #acacac;
	box-shadow: none;
}
#CocktailTodaySearchDirection{
	margin-bottom: 20px;
	display: block;
}
ul[id^="search_box_"]{
	margin-bottom: 20px;
}
#search_box_bartender{
    overflow: scroll;
    height: 700px;
}
/* #special_faeture
----------------------------------------------------- */

#special_faeture {
  padding: 55px 0 30px;
  background: #f3f3f3;
  min-width: 1200px;
  margin-bottom: 80px;
}
#special_faeture h2 {
  color: #2f2f2f;
  font-size: 40px;
  font-family: 'IM Fell DW Pica SC', serif;
  line-height:  2;
  margin: 0 auto;
  margin-bottom: 15px;
  width: 1200px;
  font-weight:  normal;
}
#special_faeture h2 span {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin-left: 15px;
}
#special_faeture h3 {
  margin-bottom: 20px;
}
#special_faeture h3 a {
  color: #2f2f2f;
  font-size:  24px;
  margin-bottom: 20px;
  display:  block;
  line-height: 1.6;
}
#special_faeture h3 span {
  color: #767676;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  display:  block;
  line-height: 3;
}
#special_faeture .thumb img {
  width: 50%;
  height: auto;
}

#special_faeture .sub {
	/*background: #FFF;*/
	margin-top: 50px;
	height: 360px;
	width: 48%;
	display: inline-block;
}
#special_faeture .inner{
	margin-bottom: 50px;
}
#special_faeture .inner + div{
	max-width: 1200px;
	margin: 0 auto;
}
#special_faeture .inner + div > div:first-child {
    margin-right: 3.5%;
}
#special_faeture .sub .thumb{
	/*width: 40%;*/
	/*display: inline-block;*/
}
#special_faeture .sub .thumb img {
	width: 100%;
}
#special_faeture .sub h3 {
	/*display: inline-block;*/
	/*width: 56%;*/
	/*padding: 121px 20px;*/
	vertical-align: top;
	margin-bottom: 0;
}
#special_faeture .sub h3 a{
	line-height: 1.5;
	margin-bottom: 0;
}

.banner_slider {
  width: 1110px;
  margin: 0 auto;
}
.banner_slider .slick-slide img {
  width: 95%;
  height: auto;
}
.banner_slider .slick-arrow {
  width: 20px;
  height: 44px;
  z-index: 2;
}
.banner_slider .slick-arrow:before {
  display: none;
}
.banner_slider .slick-next {
  right: -45px;
  background: url(/img/top/arr_banner_next.png) no-repeat;
}
.banner_slider .slick-prev {
  left: -45px;
  background: url(/img/top/arr_banner_prev.png) no-repeat;
}


/* #bottom_contents
----------------------------------------------------- */

#bottom_contents {
  padding: 120px 0 95px;
  min-width: 1200px;
}
#bottom_contents h2 {
  color: #2f2f2f;
  font-size: 36px;
  font-weight: normal;
  font-family: 'IM Fell DW Pica SC', serif;
  line-height: 0;
  margin-bottom: 40px;
  text-align: center;
}
#bottom_contents h2 span {
  display: block;
  line-height: 90px;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #767676;
  position: relative;
}
#bottom_contents h2 span:after {
  content: "";
  display: block;
  width: 150px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 4px solid #dfdfdf;
}
#bottom_contents h2 i {
  margin-right: 10px;
  color: #979797;
  font-size: 52px;
}
#bottom_contents .clearfix {
  margin-bottom: 105px;
}
#bottom_contents .item {
  width: 282px;
  float: left;
  margin-right: 24px;
}
#bottom_contents .item p span{
    display: block;
    border: 1px solid #767676;
    width: 50px;
    border-radius: 20px;
    color: #FFF;
    background: #767676;
    text-align: center;
    padding: 2px 0;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
#bottom_contents .item:last-child {
  margin-right: 0;
}
#bottom_contents .item a {
  color: #444444;
}
#bottom_contents .item img {
  margin-bottom: 6px;
  width: 282px;
  height: 180px;
}
#bottom_contents .item p {
  font-size: 16px;
  color: #444444;
  line-height: 1.2;
}

/* instagram */

#instagram {
  height: 340px;
  position: relative;
}
#instagram > div{
	margin-left: -40px;
}
#instagram .block_link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 70px;
	left: 0;
}
/* フッター footer
----------------------------------------------------- */

#footer {
	background-color: #f1f2f2;
}
#page_top {
	position: relative;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;
}
#page_top a {
	position: absolute;
	width: 60px;
	height: 60px;
	right: 0;
	top: -30px;
}

#footer_inner {
	background: url(/img/common/bg_footer.jpg) no-repeat center;
	width: 1200px;
	min-width: 1200px;
	padding: 135px 0 40px;
	margin: 0 auto;
}
#footer_inner > div.clearfix {
	margin-bottom: 155px;
}

#web_magazine {
	text-align: center;
	width: 600px;
	float: right;
}
#web_magazine .sub_title {
	color: #2e2e2e;
	font-size: 13px;
	font-weight: bold;
	line-height: 45px;
	margin-bottom: 0;
}
#web_magazine p {
	color: #2f2f2f;
	font-size: 16px;
	line-height: 40px;
  margin-bottom: 20px;
  font-weight: bold;
}

#footer_content {
	width: 600px;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
}
#footer_content .parent_item {
	float: left;
	width: 180px;
	position: relative;
}
#footer_content .parent_item.operations {
	width: 200px;
	text-align: right;
}
#footer_content .parent_item p {
	color: #767676;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 25px;
}
#footer_content .child_item {
	margin-bottom: 10px;
}
#footer_content .child_item a {
	color: #dfdfdf;
	font-size: 13px;
}
#footer_content .parent_item.operations .fb_iframe_widget {
	margin-bottom: 20px;
}
#footer_content .parent_item.operations form {
    position: relative;
}
#footer_content .parent_item.operations input {
	width: 200px;
	background: #f3f3f3;
	border-radius: 20px;
	border: none;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 10px 0 40px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#footer_content .parent_item.operations button {
    color: #cdcdcd;
    position: absolute;
    left: 15px;
    font-size: 18px;
    border: none;
    top: 10px;
    background: transparent;
}
#footer_content .parent_item.operations .social_list {
	padding: 0 33px;
}
#footer_content .parent_item.operations .social_list li {
	float: left;
	margin-left: 15px;
}
#footer_content .parent_item.operations .social_list li:first-child {
	margin-left: 0;
}
#footer_content .parent_item.operations .social_list li i {
	font-size: 25px;
	color: #979797;
}

#copyright {
	line-height: 1;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #2f2f2f;
	font-size: 13px;
}

/* utility
----------------------------------------------------- */
.text_30{
	margin-bottom: 60px;
}
.text_50{
	margin-bottom: 50px;
}
.mt0{margin-top: 0!important;}
.mt_05{margin-top: 5px!important;}
.mt_10{margin-top:10px!important;}
.mt_15{margin-top:15px!important;}
.mt_20{margin-top:20px!important;}
.mt_25{margin-top:25px!important;}
.mt_30{margin-top:30px!important;}
.mt_35{margin-top:35px!important;}
.mt_40{margin-top:40px!important;}
.mt_45{margin-top:45px!important;}
.mt_50{margin-top:50px!important;}
.mt_55{margin-top:55px!important;}
.mt_60{margin-top:60px!important;}

.mr0{margin-right: 0!important;}
.mr_05{margin-right: 5px!important;}
.mr_10{margin-right:10px!important;}
.mr_15{margin-right:15px!important;}
.mr_20{margin-right:20px!important;}
.mr_25{margin-right:25px!important;}
.mr_30{margin-right:30px!important;}
.mr_35{margin-right:35px!important;}
.mr_40{margin-right:40px!important;}
.mr_45{margin-right:45px!important;}
.mr_50{margin-right:50px!important;}
.mr_55{margin-right:55px!important;}
.mr_60{margin-right:60px!important;}

.mb0{margin-bottom: 0!important;}
.mb_05{margin-bottom: 5px!important;}
.mb_10{margin-bottom:10px!important;}
.mb_15{margin-bottom:15px!important;}
.mb_20{margin-bottom:20px!important;}
.mb_25{margin-bottom:25px!important;}
.mb_30{margin-bottom:30px!important;}
.mb_35{margin-bottom:35px!important;}
.mb_40{margin-bottom:40px!important;}
.mb_45{margin-bottom:45px!important;}
.mb_50{margin-bottom:50px!important;}
.mb_55{margin-bottom:55px!important;}
.mb_60{margin-bottom:60px!important;}

.ml0{margin-left: 0!important;}
.ml_05{margin-left: 5px!important;}
.ml_10{margin-left:10px!important;}
.ml_15{margin-left:15px!important;}
.ml_20{margin-left:20px!important;}
.ml_25{margin-left:25px!important;}
.ml_30{margin-left:30px!important;}
.ml_35{margin-left:35px!important;}
.ml_40{margin-left:40px!important;}
.ml_45{margin-left:45px!important;}
.ml_50{margin-left:50px!important;}
.ml_55{margin-left:55px!important;}
.ml_60{margin-left:60px!important;}

.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

.mv_sp {
     display: none!important;
}
.info_message{
	max-width: 1200px;
	box-sizing: border-box;
	margin: auto;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
	background-image: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  text-align: center;
  top: 115px;
  font-size: 16px;
  right: 0;
  left: 0;
}

#main > .translation {
	width: 1200px;
	position: relative;
	z-index: 2;
    margin: 0 auto;
}
#main > .translation p{
	/*text-align: center;*/
	background: #F1E66F;
	font-weight: bold;
	padding: 0.1em;
	width: 20%;
	margin: 0 auto;
	max-width: 1200px;
	position: absolute;
	right: 0;
}
#main > .translation p a{
	color: #018a9e;
	padding-left: 30px;
    font-size: 1.1em;
}
#main > .translation p span{
	display: inline-block;
	position: absolute;
	right: 20px;
	color: #000;
	font-weight: normal;
	cursor: pointer;
}