@charset "utf-8";
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('http://www.peanutsdiner.jp/wp/wp-content/themes/peanuts_wp/font/NotoSansCJKjp-Regular.eot');
    src: url('http://www.peanutsdiner.jp/wp/wp-content/themes/peanuts_wp/font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('http://www.peanutsdiner.jp/wp/wp-content/themes/peanuts_wp/font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('http://www.peanutsdiner.jp/wp/wp-content/themes/peanuts_wp/font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
/* =======================================

	CommonElements

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

}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
body {
	font-size: 100%;
	line-height: 160%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #fff;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

a:link { text-decoration:underline; color: #000;}
a:visited { text-decoration:underline; color: #000;}
a:active { text-decoration:underline; color: #000;}
a:hover { text-decoration:none; color: #000;}

p {
	padding: 0 0 30px 0;
}
#pc_submenu{
	height:20px;
	width:100%;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #1A6BB7 25%, #1A6BB7 50%,
    #fff 50%, #fff 75%,
    #1A6BB7 75%, #1A6BB7
  );
  background-size: 20px 20px;
	margin-bottom:25px;
}
#pc_submenu_inner{
	width: 980px;
	margin:0 auto;
	position:relative;
}
#pc_submenu_inner p{
	color:#000;
	text-shadow:1px 1px 0px #fff;
	float:right;
	font-size:9px;
	padding-right:0px;
}
#pc_submenu ul{
	padding: 0px 0;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	padding-right:0px;
	position:absolute;
	right:0;
}
#pc_submenu ul li{
	float:left;
	margin-left:15px;
}
#pc_submenu ul li a{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	height:20px;
}
.online_open{
	position:absolute;
	right:25px;
	top:120px;
	width:220px;
}
.online_open img{
	width:100%;
	height:auto;
}
/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;

}
#pc_header{
	position: fixed;
	z-index:1000;
	top: 0;
	left: 0;
	width: 100%;
	background-color:rgba(255,255,255,0.9);
	height:110px;
}

/* .stageBase
--------------------------- */
.stageBase {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.stageBase .fieldWrap {
	padding: 100px 0 0 0;
	text-align: center;


}
#stage1 {background:none;}
#stage2 {background:#fff;}
#stage3 {background:#fff;}
#stage4 {background:#fff;}
#stage5 {background:#fff;}
#stage6 {background:#fff;}

#stage1 {
	background-image:none;
	background-size:cover;
	background-position:bottom;
}
#stage1_bg{
	position:absolute;
	width:100%;
	height:100%;
	background-image:none;
	background-size:cover;
	z-index:0;
	background-color:#FFFFFF;
}
	

/* .stageSlide
--------------------------- */
.stageSlide {
	position: relative;
	overflow: hidden;
	visibility: hidden;

}
.stageSlide .slideWrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
.stageSlide .slideWrap:before,
.stageSlide .slideWrap:after {
	content: " ";
	display: table;
}
.stageSlide .slideWrap:after {clear: both;}
.stageSlide .slideWrap {*zoom: 1;}

.stageSlide .slidePanel {
	float: left;
	overflow: hidden;
	position:relative;
	z-index:2;
}

.stageSlide .sdPrev,
.stageSlide .sdNext {
	margin-top: -13px;
	top:135px;
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	z-index: 99;

}
.stageSlide .sdPrev {
	left: 50%;
	margin-left:-550px;
	background: transparent url(../img/slide_prev.png) no-repeat left top;
	background-size:cover;
}
.stageSlide .sdNext {
	left: 50%;
	margin-left:510px;
	background: transparent url(../img/slide_next.png) no-repeat left top;
	background-size:cover;
}

.stageSlide .slideNav {
	bottom: 5%;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 98;
}
.stageSlide .slideNav a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	background: transparent url(../img/nav.png) no-repeat center center;
	display: inline-block;
	overflow: hidden;
}
.stageSlide .slideNav a.pnActive {
	background: transparent url(../img/nav_acv.png) no-repeat center center;
}

/* #pageNav
--------------------------- */
#pageNav {
	top: 0;
	right: 0.9%;
	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 60;
}
#pageNav ul {
	width: 15px;
	display: block;
}
#pageNav ul li {
	padding-bottom: 5px;
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
	background: transparent url(../img/nav.png) no-repeat center center;
	display: block;
}
#pageNav ul li.activeStage a {
	background: transparent url(../img/nav_acv.png) no-repeat center center;
}

/* #pageDown
--------------------------- */
#pageDown {
	bottom: 0.5%;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	position: fixed;
	overflow: hidden;
	z-index: 100;
}
#pageDown {
	-webkit-animation-name:fuwafuwa; /* */
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -8px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -8px);}
	100% {-moz-transform:translate(0, 0);}
}
#pageDown a {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: transparent url(../img/next_arw.png) no-repeat center center;
	display: block;
}
#stage1{
	position:relative;

}
#stage1_inner{
	position:absolute;
	bottom:0px;
	width:100%;
	height:80%;
	display:block;
	text-align:center;
}
#stage1_inner img{
	position:relative;
	bottom:0px;
	height:100%;
	margin:0 auto;
}
#pc_top_snoopy{
	position:absolute;
	bottom:5px;
	left:15%;
	height:15%;
}
#pc_top_text{
	position:absolute;
	top:25%;
	right:13%;
	height:20%
}
#pc_gnavi{
	width:980px;
	margin:0 auto;
	position:relative;
	background-color:#FFFFFF;
}
#pc_logo{
	position:absolute;
	left:0;
	/*width: 400px;
	padding-top: 7px;*/
	width: 340px;
	padding-top: 12px;
}
#pc_gnavi_outer{
	background-color:#FFFFFF;
	width:100%;
	position:relative;
}
#pc_gnavi ul{
	position:absolute;
	right:0px;
	top:15px;
	font-size:16px;
	font-weight:400;
}
ul#sns_menu{
		position:absolute;
	right:0px;
	top:-15px;
	font-size:16px;
	font-weight:400;
	
}

#pc_gnavi ul li{
	float:left;
	margin-left:30px;
	font-family: 'Open Sans', sans-serif;
}
ul#sns_menu li{
	float:left;
	margin-left:10px;
	
}
#pc_gnavi ul li a::before {
    color: #000;
    text-shadow: 0 0 0px rgba(152,152,152,0.3);
    content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}
#pc_gnavi ul li a, #pc_gnavi ul li a:after, #pc_gnavi ul li a::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#pc_gnavi ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #000;
    opacity: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
}
#pc_gnavi ul li a {
    color: #d0cfcf;
    text-shadow: none;
    padding: 10px 0;
    text-decoration: none;
}
a {

}
#pc_gnavi ul li a {
    position: relative;
    display: inline-block;
    outline: none;
    color: #868585;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing:normal;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 14px;

}
#pc_gnavi ul li a:hover::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

#pc_gnavi ul li a:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
#pc_top_topics_box{
	position:absolute;
	right:45px;
	bottom:5px;
}
#pc_top_topics_box ul li img{
width:154px;
height:98px;
}
#pc_top_topics_box h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	margin-bottom:15px;
	background-color:rgba(255,255,255,0.9);
	padding-top:3px;
	padding-bottom:3px;
	font-weight:600;
 

}
#pc_top_topics li{
	margin-bottom:15px;
}
#pc_concept_text{

	margin-left:-415px;
	    font-family: 'Noto Sans Japanese', serif;
		width:750px;
		font-size:14px;
		line-height:1.7;
	background-repeat:no-repeat, no-repeat;
	background-color:rgba(255,255,255,0.8);
		width:750px;
	padding:20px 40px 20px 40px;
	margin-top:0px;

}
#pc_concept_text_shopimg{
	position:absolute;
	bottom:50px;
	background-image:url(../img/pc_concept_text_back.jpg);
	height:450px;
	width:100%;
	z-index:25;
}
#pc_concept_text_box{
	z-index:30;
	position:absolute;
	top:15%;
	left:50%;
	padding:30px 20px 20px 20px;

}

.boxgrid	{ 
	width: 154px; 
	background: #161613; 
	height: 98px;
	margin-bottom: 20px; 
	overflow: hidden; 
	position: relative;
	border:2px #fff solid;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0;
}
.boxgrid h3{ 
	padding: 10px 10px 0px 10px; 
	color: #fff; 
	font-weight:bold; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color: #fff; 
	font-weight:bold; 
}	
.boxcaption{
	text-align:left;
	font-size:10px;
	color:#fff;
	float: left; 
	position: absolute; 
	background: #000; 
	height: 98px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption a{
	color:#fff;
}
.captionfull .boxcaption {
	top: 98px;
	left: 0;
}
.caption .boxcaption {
	top: 98px;
	left: 0;
}
/* #pageDown
--------------------------- */
.menu_outer{
}
.grid {
	max-width: 1280px;
	height:100%;
	margin:0 auto;
	list-style: none;
	text-align: center;
	padding-top:0.5%;
}

.grid li {
	display: inline-block;
	max-width: 440px;
	min-width:320px;

	width:auto;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:   border-box;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
	min-height:220px;


}
.grid figure a{

}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2c3f52;
	color: #ed4e6e;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border:#333333 1px solid;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #000;
}

.grid figcaption span:before {
	content: ' ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
	font-weight:normal;
}
.grid figcaption a:hover{
	background-color:#999999;
}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
	margin-top: 5%;
	margin-bottom:10px;
		font-family: 'Noto Sans Japanese', serif;
		font-weight:600;
}

.cs-style-1 figcaption span {
	display: block;
	text-align:left;
}

.cs-style-1 figcaption a {
	margin-top: 30px;
	text-decoration:none;
}
.cs-style-1 figcaption a strong{
	font-family: 'Open Sans', sans-serif;
}
figcaption.fig1{
	background-image:url(../img/pc_food_img_back_1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:cover;
}
figcaption.fig2{
	background-image:url(../img/pc_food_img_back_2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
}
figcaption.fig3{
	background-image:url(../img/pc_food_img_back_1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:cover;
}
figcaption.fig4{
	background-image:url(../img/pc_food_img_back_2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
}
figcaption.fig5{
	background-image:url(../img/pc_food_img_back_1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:cover;
}
figcaption.fig6{
	background-image:url(../img/pc_food_img_back_2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:cover;
}
#gotoonline{
	font-size:16px;
	margin:0 auto;
	margin-top:0px;




}
#gotoonline a{
	text-decoration:none;
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	padding:10px;
	display:block;
	text-indent:0px;

}
#gotoonline a:hover{
}
p#goods_ex{
	padding-bottom:0px;
}
}
.button {
	background-color:#000;
	color: #fff;
}
.button:hover {
	background-color:#666;
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#pc_access{
	position:absolute;
	top:20%;
	left:50%;
	margin-bottom:0px;
	width:700px;
	margin-left:-350px;
}
#map1{
	position:absolute;
	bottom:8%;
}
img#access_logo{
	width:auto;
	min-height:110px;
}
#pc_access ul li{

	font-family: 'Noto Sans Japanese', serif;
}
#pc_access ul li span{
	color:#666666;
}
.pcacess_last{
	margin-left:5px;
}
#pc_access p img{
}
li.smaller{
		font-size:14px;
}
li.larger{
	font-size:14px;
	line-height:1.3;
}
p#gotogmap{
	font-size:14px;
	width:300px;
	margin:0 auto;
	margin-top:0px;
	padding-bottom:10px;


}
#gotogmap a{
	text-decoration:none;
	color:#fff;
	width:300px;
	background-color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	padding:10px;
	display:block;
	text-indent:0px;

}
#gotogmap a:hover{
	background-color:#666;
}
#pc_footer{
	position:absolute;
	bottom:0px;
	left:50%;
	background-image:url(../img/pc_footer_line.png);
	width:980px;
	background-repeat:no-repeat;
	background-position: center top;
	height:40px;
	margin:0 auto;
	margin-left:-490px;
}
#pc_footer p{
	padding-top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}
body[data-page="2"] #gnavi_2 a::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

body[data-page="2"] #gnavi_2 a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
body[data-page="3"] #gnavi_3 a::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

body[data-page="3"] #gnavi_3 a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
body[data-page="4"] #gnavi_4 a::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

body[data-page="4"] #gnavi_4 a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
body[data-page="5"] #gnavi_5 a::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

body[data-page="5"] #gnavi_5 a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
body[data-page="6"] #gnavi_6 a::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

body[data-page="6"] #gnavi_6 a::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.hash_insta{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:24px;
	color:#14a83b;
	margin:0 auto;
	height:30px;
	text-align:center;
	margin-bottom:30px;
}
.top_instagram{
	margin:0 auto;
	width:1120px;
	overflow:hidden;
}
.top_instagram img{


}
.top_instagram_outer{
	margin-top:0%;
}
.top_instagram .instagram-placeholder{
	width:206px;
	height:206px;
	border:1px solid #ccc;
	float:left;
	background-color:#FFFFFF;
	margin-right:16px;
	margin-bottom:16px;
}
.instagram-placeholder:hover{
	background-color:#e6e3e5;
}
.instagram-image{
	width:196px;
	height:196px;
	margin-top:4px;
	margin-left:2px;
}
#instagram_zone{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-560px;
	margin-top:-265px;
}
	
#instagram_title{
	position:relative;
	margin-top:4%;
	font-size:24px;
	font-weight:600;
	line-height:1.3;
}
.food_img_outer{
	width:980px;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}
.food_img{
	width:1140px;
}
.food_img ul li{
	float:left;
	width:282px;
	font-size:14px;
	border:2px solid #000;
	padding:7px;
	margin-right:40px;
	color:#000;
	display:block;
	line-height:0.9;
	background-color:#fff;
}
.food_img ul li a{

}
.food_img_outer{
}
.food_img_bg_1{
	position:relative;
	z-index:5;


}
.food_img_bg_1{

	background-size:cover;
	background-position:bottom;
}
.food_img_bg_2{

	background-size:cover;
	background-position:bottom;
}
.food_img_bg_3{

	background-size:cover;
	background-position:bottom;
}
.food_img_bg_1 li.food{
	float:left;
	border:2px solid #000;
	margin-right:40px;
	color:#fff;
	display:block;
	background-color:#000;
}
.food_img_bg_2 li.cafe{
	float:left;
	border:2px solid #000;
	margin-right:40px;
	color:#fff;
	display:block;
	background-color:#000;
}
.food_img_bg_3 li.night{
	float:left;
	border:2px solid #000;
	margin-right:40px;
	color:#fff;
	display:block;
	background-color:#000;
}
#food_img_bg_1_on{
	background-color:rgba(255,255,255,0.7);
	height:100%;
}
#food_img_bg_2_on{
	background-color:rgba(255,255,255,0.7);
	height:100%;
}
#food_img_bg_3_on{
	background-color:rgba(255,255,255,0.7);
	height:100%;
}
#slider_outer{
	width:100%;
	padding-top:15px;
}
#lean_overlay{
  position: fixed; 
  z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 102;
}
#pc_reservation a{
	width:334px;
	height:35px;
	background-color:#c20312;
	display:block;
	text-align:center;
	font-size:20px;
	color:#fff;
	padding-top:0px;
	font-family: 'Noto Sans Japanese', serif;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:30px;
	border:2px #d80000 solid;
	text-decoration:none;
	padding-top:10px;
}
#pc_reservation_b{
	padding-bottom:15px;
}
#pc_reservation_b a{
	width:334px;
	height:35px;
	background-color:#FF9900;
	display:block;
	text-align:center;
	font-size:20px;
	color:#fff;
	padding-top:0px;
	font-family: 'Noto Sans Japanese', serif;
	margin:0 auto;
	margin-bottom:0px;
	margin-top:0px;
	border:2px #FF9900 solid;
	text-decoration:none;
	padding-top:10px;

}
#pc_reservation_b a:hover{
	width:334px;
	height:35px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#000;
	border:2px #000 solid;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
}
#pc_reservation{
	padding-bottom:0px;
}
#just_reserved{
	padding-bottom:10px;
}
#just_reserved span{
	background-color:#666;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	font-family: 'Noto Sans Japanese', serif;
	padding-top:5px;
	padding-bottom:5px;
}

#pc_reservation a:hover{
	width:334px;
	height:35px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#000;
	border:2px #000 solid;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
}
#pc_reservation_en a{
	width:162px;
	height:40px;
	background-color:#000;
	display:block;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding-top:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	margin:0 auto;
	margin-bottom:10px;
	border:1px #000 solid;
	text-decoration:none;
	padding-top:5px;


}
li#pc_reservation_en{
	padding-bottom:10px;
	width:162px;
	height:50px;
	margin-right:10px;
	float:left;
}
#pc_reservation_en a:hover{
	width:162px;
	height:40px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#c20312;
	border:1px #c20312 solid;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
}
#pc_reservation_chi a{
	width:162px;
	height:40px;
	background-color:#000;
	display:block;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding-top:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	margin:0 auto;
	margin-bottom:10px;
	border:1px #000 solid;
	text-decoration:none;
	padding-top:5px;

}
li#pc_reservation_chi{
	padding-bottom:10px;
	width:162px;
	height:50px;
	float:left;
}
#pc_reservation_chi a:hover{
	width:162px;
	height:40px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#c20312;
	border:1px #c20312 solid;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
}
#pc_reservation_2 a{
	width:200px;
	height:18px;
	background-color:#c20312;
	display:block;
	text-align:center;
	font-size:12px;
	color:#fff;
	padding-top:0px;
	font-family: 'Noto Sans Japanese', serif;
	margin:0 auto;
	margin-bottom:10px;

	border:2px #c20312 solid;
	text-decoration:none;
	padding-top:0px;
}
#foreign_res{
	width:334px;
	margin:0 auto;
	margin-bottom:0px;
}
	
#pc_reservation_2{
	padding-bottom:10px;
	position:absolute;
	top:-6px;
	right:70px;
}
#pc_reservation_2 a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#000;
	border:2px #000 solid;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;
}
#ex_1{
	text-align:center;
	width:450px;
	margin:0 auto;
	font-family: 'Noto Sans Japanese', serif;
	font-size:14px;
	margin-bottom:10px;
	line-height:1.2;
	padding-bottom:10px;
}
#ex_3{
		border-top:#000 2px solid;
	border-bottom:#000 2px solid;
	text-align:center;
	width:450px;
	margin:0 auto;
	font-family: 'Noto Sans Japanese', serif;
	font-size:14px;
	margin-bottom:10px;
	line-height:1.2;
	padding-top:5px;
	padding-bottom:5px;
}
#ex_3 a{
	text-decoration:none;

}
#ex_3 a:hover{
  color:#FF9900;
}
#ex_2{
	text-align:center;
	margin:0 auto;
	font-family: 'Noto Sans Japanese', serif;
	width:450px;
	line-height:1.2;
	padding-bottom:10px;
}
body#pc_otherpage{
	overflow:visible;
	visibility:visible;
}
#pc_footer_otherpage{
	position:relative;
	bottom:0px;
	left:50%;
	background-image:url(../img/pc_footer_line.png);
	width:980px;
	background-repeat:no-repeat;
	background-position: center top;
	height:40px;
	margin:0 auto;
	margin-left:-490px;
}
#pc_footer_otherpage p{
	padding-top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	padding-bottom:0px;
}
#topics_content{
	padding-top:150px;
	margin:0 auto;
	width:1080px;
	padding-bottom:0px;
}
#topics_content_inner{
	width:1280px;
	overflow:hidden;
}
#topics_content dl{
	float:left;
	margin-right:30px;
	margin-bottom:40px;
}
#topics_content dl dt img{
	width:340px;
	height:auto;
}
#topics_content dl dd{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
}
#topics_content dl dd p{
	line-height:1;
	padding-top:5px;
	padding-bottom:0;
}
#topics_content dl dd h2{
	width:340px;
}
#topics_content dl dd h2 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.col1{
}
.col2{

}
.col1on{
	cursor:pointer;
}
.col1on dd h2{
	text-decoration:underline;

}
.col1on dt img{
	opacity:0.7;
}
.article_inner{
	width:358px;
	border:1px solid #969595;
	padding:15px;
	background-color:#FFFFFF;
	position:relative;
	top:-5px;
	left:-2px;
transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    -o-transition: .1s linear;
    -ms-transition: .1s linear;

}
.col1on .article_inner{
		border:6px solid #00457d;
				padding:10px;

}
.col2on .article_inner_2{

}
#topics_single_content{
	padding-top:150px;
	margin:0 auto;
	width:980px;
	padding-bottom:0px;
}
#topics_single_content_inner{
	width:980px;
	margin:0 auto;
}
#topics_single_content_left{
	float:left;
	width:650px;
	margin-right:60px;
	text-align:left;
}
#topics_single_header{
position:relative;
}
#topics_single_content_left #topics_single_header h2{
	font-size:24px;
	width:650px;
	border-bottom:1px #000000 solid;
	line-height:1.4;
}
#topics_single_content_left #topics_single_header p{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
}



#topics_single_content_left img{
	max-width:650px;
	height:auto;
}
#pc_topics_article p{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
}
#pc_topics_article{
	padding-bottom:30px;
}	
#pc_topics_article h2{
	font-weight:bold;
	font-size:16px;
	border-left:10px solid #edc218;
	padding-left:15px;

}	
#pc_topics_article ul{
	margin-bottom:50px;

}
.ancher_title{
		padding-top:110px;
	margin-top:-110px;
}
#pc_topics_article ul li{
	color:#fff;
	float:left;
    width: -webkit-calc((100% - 80px)/ 2);
    width: calc((100% - 80px) / 2);
	text-align:center;
	background-color:#960202;
	padding:5px 15px;

} 
#pc_topics_article ul li a{
	color:#fff;
}
#pc_topics_article ul li:first-child{
    margin-right: 20px;
}
#topics_single_content_right{
	float:right;
	width:260px;
}
#topics_single_content_right h3{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	padding-bottom:10px;
}
#topics_single_content_right img{
	max-width:260px;
}
#topics_single_content_right dl{
	text-align:left;
	margin-bottom:30px;
}
#topics_single_content_right dl p{
	font-family: 'Open Sans', sans-serif;

}
#topics_single_content_right dl h4 a{
	font-size:12px;
	text-decoration:none;
	font-weight:600;
}
.gotop{
    position: absolute;
    right: 30px;
	bottom:0px;
	padding-bottom:0px;
}
#topics_single_content_right .col1on dd h4 a{
	text-decoration:underline;

}
.gotop a{
	background-image:url(../img/cm_n_pagetop.png);
	width:40px;
	height:40px;
	text-indent:-9999px;
	display:block;
}

.gotop a:hover{
	background-position:0 -40px;
}
.fb-like{
	float:left;
}
#sns_zone_tw{
	margin-left:10px;
	float:left;
}
#pc_sns_zone{
	margin-bottom:15px;
	position:absolute;
	right:0;
	bottom:0;
}
#pc_footersns_inner{
	text-align:center;
	padding-top:10px;
	
}
#pc_footersns_inner p{
	padding-bottom:10px;
}
.stripe_underline {
    position: relative;
    z-index: 10;
}
.stripe_underline:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 10px;
    background: repeating-linear-gradient(45deg, #FAEF36, #FAEF36 6px, white 6px, white 12px);
    z-index: -1;
}
.under_link a{
	text-decoration:none;
	
}
@media screen and (max-height: 800px) {
   /* 高さ900px以下の場合 */
.cs-style-1 figcaption span {
	font-size:11px;
	line-height:1.4;
}
}