@charset "UTF-8";
/* CSS Document */

/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section2 img{
	margin-right:1em;
	vertical-align: middle;
}

.lt_sp01{
	letter-spacing: 0.5em;
}
.honbun{
	
	
	
	color: #635d59;
	text-align: center;
	line-height: 2rem;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.1rem;
}

.honbun1_5{
	
	
	
	color: #635d59;
	text-align: left;
	line-height: 1.8em;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.1rem;
}


.kadomaru{
	
	
	border-radius: 20px;
}

.kadomaru2{
	
	
	border-radius: 20px 20px 0 0;
}
.tate {

 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-jusstify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.tate2 {
    position: relative;
    
 
	padding-top:130px;
	
    
}

.contents_logo{
margin: 0;
	padding: 0;
text-align: center;
background-image: url("img/logo_back.png");

background-repeat: repeat-x;
background-color: #f6f4c1;


}


.btn a{width: 100%;
display: block;
padding: 0.5em 0;
text-align: center;
background-color: #635d59;
	text-decoration: none;
	border-radius: 20px;

	
	color: #FFF;
	
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.1rem;
}

.btn_w a{width: 100%;
display: block;

text-align: center;
background-color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.1rem;
	padding: 1em;
}


.btn a:hover
,.btn_w a:hover{
	opacity: 0.5;
}

.contents_top{padding:0 0 4em 0;}
.contents{padding: 4em 0;}
.contents_doga{width:100%;
	padding: 0;
}
.contents_inner{
	width:1200px;
	margin: 0 auto;
	
}

.contents_header{
	
	padding:0.3em 0;
	background-color: #635d59;
	/*background-color: #99b7db;*/
	margin: 0;
}

.contents_header a{
	color:#fff;
	text-decoration: none;
	font-weight: 800;
}

.bg_wht{
	
	background-color: #FFF;
}


.chit_blue{
	
	background-color: #99b7db;
}

.chit_ylw{
	
	background-color: #f6f4c1;
}

.title{
	
	font-weight: 900;
	font-size:240%;
	color: #635d59;
	text-align: center;
}

.subtitle{
	
	font-weight: 500;
	font-size:1.5rem;
	color: #635d59;
	text-align: center;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.2em;
}


.subtitle_eh{
	
	font-weight: 500;
	font-size:1.0rem;
	color: #635d59;
	text-align: center;
	margin-bottom: 1rem;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.2em;
}


.menu_title{
	
	font-weight: 500;
	font-size:1.5rem;
	color: #635d59;
	text-align: center;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.05rem;
	margin-bottom: 0.3em;
}


.menu_title2{
	
	font-weight: 500;
	font-size:1.3rem;
	color: #635d59;
	text-align: center;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	line-height: 1em;
	margin-bottom: 0.3em;
}



.menu_en{
	

	font-size:0.8rem;
		/*color: #635d59;*/
	text-align: center;
	font-family: Helvetica;
	margin-bottom: 0.3em;
}

.menu_tc{
	
	font-weight: 500;
	font-size:0.8rem;
	/*color: #635d59;*/
	text-align: center;
	font-family: "Times New Roman", Times, "serif",Yu Mincho,游明朝,游明朝体;
	letter-spacing: 0.05rem;
	margin-bottom: 0.3em;
}



.responsive {
width: 100%;
aspect-ratio: 16/7;
}

.responsive iframe {
width: 100%;
height: 100%;
}



.video-container {
 width: 100%;
  height: 0;
  padding-bottom: 40%;
  position: relative;
  overflow: hidden;
}

.ocha-container,.coffee-container {
 width: 100%;
  height: 0;
  padding-bottom: 25%;
  position: relative;
  overflow: hidden;
}


.ocha-container img {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;

}

.coffee-container img {
	position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;

}


video {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;
 
}

.wht{color:#FFF;
	font-weight: 300;
}
.red{color:#ab1f22;
	font-weight: 600;
}

.al_left{
	text-align:left;
}


.al_center{
	text-align:center;
}

.al_right{
	text-align:right;
}


.pad1{
	padding:1em;
}

.pad2{
	padding:2em;
}


.pad3{
	padding:3em;
}

.pad3112{
	padding:0 0 2em 0 ;
}

.pad2233{
	padding:2em 3em ;
}

.pad_b4{
	padding:0 0 0 4em; ;
}


.mar_t1{
	margin-top:1em;
}

.mar_t2{
	margin-top:2em;
}

.mar_t4{
	margin-top:4em;
}
.mar_b1{
	margin-bottom:1em;
}
.mar_b2{
	margin-bottom:2em;
}


.mar_b4{
	margin-bottom:4em;
}




.flex0{
	
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
	 align-items: center;
}

.flex1{
	
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
}


.flex2{
	
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
}


.flex3{
	
	display:flex;
	flex-flow: row wrap;
	
	

}

.border_wht{border: 5px solid #FFF;}
.shadow{box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);}

.bold600{font-weight:600;}
.bold700{font-weight:700;}
.bold800{font-weight:800;}
.bold900{font-weight:900;}


.child5{width:5%;}
.child10{width:10%;}
.child14{width:14%;}
.child15{width:15%;}
.child20{width:20%;}
.child20b{width:20%;}
.child25{width:25%;}
.child30{width:30%;}
.child31{width:31%;}
.child32{width:32%;}
.child33{width:33%;}
.child40{width:40%;}

.child43{width:43%;}
.child45{width:45%;}
.child48{width:48%;}
.child50{width:50%;}
.child55{width:55%;}
.child60{width:60%;}
.child65{width:65%;}
.child70{width:70%;}
.child75{width:75%;}
.child80{width:80%;}
.child90{width:90%;}

.img100{width:100%;}
.img90{width:90%;}
.img80{width:80%;}
.img70{width:70%;}
.img60{width:60%;}
.img50{width:50%;}

.font200{font-size:2rem;}
.font180{font-size:1.8rem;}
.font140{font-size:1.4rem;}
.font120{font-size:1.2rem;}
.font90{font-size:0.9rem;}
.font80{font-size:0.8rem;}



.single-item .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  background: #fff;
}
.single-item .card p {
  font-size: 2rem;
}


.lh15{
	line-height: 1.5em;
}

@media (max-width: 767px) {
	
	
	.btn:nth-of-type(2),.btn:nth-of-type(3){margin-top: 1em;}
	
	
	.contents_inner{width: 96%;
	
	margin: 0 auto;
	
}
	
	
	
	
	.child5{width:100%;}
.child10{width:100%;}
	.child13{width:48%;}
.child14{width:100%;}
.child15{width:100%;}
.child20{width:100%;}
	.child20b{width:24%;}
.child25{width:100%;}
.child30{width:100%;}
.child31{width:100%;}
.child32{width:100%;}
.child33{width:100%;}
.child40{width:100%;}

.child43{width:100%;}
.child45{width:100%;}
.child48{width:100%;}
.child50{width:100%;}
.child55{width:100%;}
.child60{width:100%;}
.child65{width:100%;}
.child70{width:100%;}
.child80{width:100%;}
.child90{width:100%;}
	
	

	
	
}



body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
html {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img {
	border: 0;
}