@charset "utf-8";

/* iPhone6 */ @media screen and (min-width:375px) {}
/* iPads */ @media screen and (min-width:768px) {}
/* Desktop */ @media screen and (min-width:1024px) {}
/* Laptop */ @media screen and (min-width:1280px) {}

*{
margin:0;
padding:0;
border:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html{
height: 100%;
}

body{
width:100%;
height: 100%;
color: #1d1d1d /*#444*/;
font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Verdana, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
font-size: 14px;
line-height:1.6;
background: url("../img/bg.gif") center center / cover no-repeat fixed;
}

/**/

a{outline:none;}

a:link{color: #666;}
a:visited{color: #666;}
a:hover{color: #ba2636;}
a:active{color: #ba2636;}

a:link,a:visited,a:active{text-decoration:none;}
a:hover, a:active { outline: 0; text-decoration: underline; }
a:focus { outline: thin dotted; }
a img{border:none;text-decoration:none;}

::selection { background:#333; color:#FFF; text-shadow: none; }
::-moz-selection { background:#333; color:#FFF; text-shadow: none; }

/* */

img{vertical-align: bottom !important;}

figure {
-webkit-margin-before: 0 !important;
-webkit-margin-after: 0 !important;
-webkit-margin-start: 0 !important;
-webkit-margin-end: 0 !important;
}

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}

.img-responsive-overwrite{
	margin: 0 auto;
}

br.sp{display:inline;}
br.pc{display:none;}

/* Desktop */ @media screen and (min-width:768px) {
	br.sp{display:none !important;}
	br.pc{display:inline !important;}
}

/**/

.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

/**/

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.jp-serif{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color:#333;
	font-weight: 300;
	line-height: 1.2;
}

.serif{
	font-family: "EB Garamond", serif;
}

.sans-serif{
	font-family: "Montserrat", sans-serif;
}

/************************************************************************************************/ 

.contener{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.contener{width:90%;}
@media screen and (min-width:375px) {.contener{width:90%;}}
@media screen and (min-width:768px) {.contener{width:90%;}}
@media screen and (min-width:1024px) {.contener{width:1120px;}}


/* snippet */

.portfolio .thumbnail {
	position: relative;
}

.portfolio .thumbnail:hover {
	cursor: pointer;
}

.portfolio .caption {
	bottom: 0;
	position: absolute;
}

.portfolio .btn {
	opacity: 0.75;
}

/* No Gutter */

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}

/**/

.lang-btn{
	margin:0;
	padding:0;
	font-size:14px;
	top:20px;
	left:20px;
	position: absolute;
	z-index:9999;
	color:#000;
}

.lang-btn a{
	color:#000;
}

.lang-btn a:hover{
	color: #ba2636;
}

/**/

.navbar-header{
	float: none;
}

.navbar-brand{
	width: 100%;
	height:auto;
	margin:0;
	padding:0;
}

.foreign-language .navbar-brand{
		margin:50px 0 0;
}

.navbar-brand > img {
	width:15%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.navbar-brand {
		margin:50px 0;
	}
	.foreign-language .navbar-brand{
			margin:50px 0 20px;
	}
	.navbar-brand > img { width:120px; }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left:0;
	}
}

/**/

.navbar-toggle {
  border-color: #ddd;
}

.navbar-toggle .icon-bar {
  background-color: #888;
}

/**/

@media screen and (min-width: 768px) {
.navbar-collapse.collapse {
	float: none;
}
}
/**/

.navbar .nav li a:hover{
background-color:transparent;
}

@media screen and (min-width: 768px) {

.navbar .nav {
	margin: 0;
	display: table;
	width: 100%;
}

.navbar .nav li {
	display: table-cell;
	float: none;
}

.navbar .nav li a {
	font-weight:normal;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, .75);
	border-right: 1px solid rgba(0, 0, 0, .1);
}

.navbar .nav li:last-child a {
	border-right: 0;
	border-radius: 0 3px 3px 0;
}

}

/**/

.photo-image{
	width:100%;
	margin:0 0 50px;
	padding:0;
}

.photo-image img{
	width:100%;
}

/**/

.main-contents{
	margin-bottom:50px;
	padding:0;
}

.head-title{
	font-size:18px;
	line-height:1.4;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin:0 0 20px;
	padding:0;
}

.text{
	font-size:12px;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin:0 0 50px;
	padding:0;
}

@media screen and (min-width:768px) {
	.head-title{font-size:24px;}
	.text{font-size:13px;}
}

/**/

.twitter-box{
	width: 100%;
	margin: 0 auto 20px;
	padding:0;
	text-align: center;
}

.twitter-box > div{
	margin: 0 auto;
	text-align: center;
}

/**/

.message-title{
	font-size:14px;
	line-height:1.4;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin:0 0 30px;
	padding:0;
}

@media screen and (min-width:768px) {
	.message-title{font-size:18px;}
}

/**/

.lunchbox{
	padding:20px;
	background-color: rgba(223,214,184,0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77dfd6b8,EndColorStr=#77dfd6b8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77dfd6b8,EndColorStr=#77dfd6b8)";
}

.lunchbox:not(:target){
	filter: none;
	-ms-filter: none;
}

.lunchbox .table{
	margin-bottom:0;
}

.lunchbox .table td{
	border:none;
}

/* iPads */ @media screen and (min-width:768px) {
	.lunchbox .table{
		margin-bottom:20px;
	}
}

/**/

.shop-label{
	font-size:14px;
	margin:0;
	padding:5px 10px;
	color:#fff;
	background-color:#c8151d;
}

/**/

.form-title{
	font-size:10px;
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:#ccc solid 1px;
}

.form-title h5{
	margin:0;
	padding:0;
}

.form-memo{
	font-size:10px;
	color:#666;
}

/**/

.footer{
	margin:0;
	padding:0;
	font-size:12px;
}

.footer th{
	font-weight:normal;
	font-size:10px;
}

.map_wrapper {
  max-width: 640px;
  min-width: 280px;
  margin: 20px auto;
  padding: 4px;
  border: 1px solid #CCC;  
}
 
.googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.googlemap iframe,
.googlemap object,
.googlemap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/**/

.copy{
margin:0 auto;
padding:0;
text-align:center !important;
font-size:8px;
font-family: "Montserrat", sans-serif;
}


/************************************************************************************************/

.red{
color:red;
}

.pdfbtn a{
	display: block;
	width: 100%;
	height: 100%;
}


/***/

/***/

.instagram-thumbnail{
	width:88%;
	max-width:930px;
	margin:0 auto 2%;
	padding:2% 0 0.5%;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

.instagram_btn{
	padding:0;
	text-align:center;
}

@media screen and (max-width:768px){ .instagram_btn{ margin:0 0 50px 0; } }
@media screen and (min-width:769px){ .instagram_btn{ margin:0 0 4% 0; } }

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(http://badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(http://badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

.instagram-thumbnail img {
 width:auto;
}

.instagram-box{

}

@media screen and (max-width:768px){ .instagram-box{ margin:0 0 50px 0; } }
@media screen and (min-width:769px){ .instagram-box{ margin:0 0 4% 0; } }

/*  */


.youtubeplayer{
	  position: relative;
	  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	  height: 0;
	  overflow: hidden;
	  margin: 0 0 100px;
}
 
.youtubeplayer iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
}