/*全体*/
section{
	padding-top: 9.37%;/*90px*/
	padding-bottom: 9.37%;/*90px*/
}
.inner{
	padding:30px 10px;
}

/*インデックス、アバウト*/
#idx_about .inner{
	width: 90%;
}
#idx_about p.image{
	position: static;
	margin: 0 auto;
	width: 85%;
}
#idx_about .box_white{
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	margin-top: -30px;
	margin-bottom: -30px;
	width: 100%;
	height: auto;
}
#idx_about h3{
	margin-top: 30px;
	text-align: center;
}
#idx_about p.about_lead{
	width: 85%;
	margin: 0 auto; 
	padding-bottom: 20px;
} 
/*#idx_about ul{
	width: 85%;
	padding-bottom: 20px;
	margin: 0 auto;
}
#idx_about li span{
	line-height: 2rem;
	vertical-align: baseline;
}
#idx_about li .br_tb{
	display: none;
}
*/
/*インデックス、アバウト、リードモア*/
#idx_about p.more a{
	margin-right: 0;
}

/*インデックス、ニュース*/
#idx_news p.notes1{
	display: block;
}
#idx_news h2 span{
	margin-bottom: 40px;
}
#idx_news p{
	text-align: center;
	padding-bottom: 20px;
}
#idx_news p .jump{
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}
/*ニュース、インスタアイコンのみ常に見せる*/
#idx_news .news_link{
	opacity: 1;
	background-color: rgba(255,255,255,0);
}

/*インデックス、ニュース、ホバー要素内の矢印と文消す*/
#idx_news span.base i.fa-angle-right,
#idx_news span.base .jump{
	display: none;
}
#idx_news .news_link{
	/*インスタアイコン50px+下マージン10px+文字27px*/
	padding-top:calc(50% - 50px / 2) ; 
}

/*ニュース、アイフレーム上空の空箱調整*/
#idx_news span.base {
    /*インナー全体-インナーの左右パディング+iframeの右端のパディング*/
    width: calc(100% - 20px + 20px);
    /*「インナー全体」-「インナーの上下パディング」-「h2のheigit」-「pのheigit」-「下パディング」-「インスタ文章領域」*/
    height: calc(100% - 60px - 92px - 45px - 20px - 128px);
}

/*インデックス、メニュー*/
#idx_menu li a{
	font-size: 2.4rem;
	letter-spacing: 0.16em;
}

/*インデックス、インフォ*/
#idx_info{
	padding-top: 90px;
}
#idx_info .inner{
	width: 90%;
}
#idx_info dt{
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	width: 110px;
	height: 40px;
	line-height: 40px;
	padding-right: 18px;
}
#idx_info dd{
	font-size: 1.4rem;
/*	height: 40px;
	line-height: 40px;*/
	padding-left: 128px;
}

/*マップ*/
#idx_info #map{
	width: 90%;
	height: 420px;
}


/***************************************/
/*メニューユニット*/
div[class^="unit"]{
	width: calc(100% - 20px);
	max-width: 500px;
	min-width: auto;
	margin: 0 auto; 
}
.unit_coffee,.unit_others,.unit_kids,
.unit_pasty,
.unit_beans,.unit_chocolate{
	float: none;
	margin-right: auto;
}
.unit_smoothie,.unit_tea,.unit_my,
.unit_sweets,
.unit_tealeaf{
	float: none;
}
/*メニューユニット、グッズチョコラテ調整*/
.unit_chocolate dl{
	max-width: 400px;
	margin: 0 auto;
}
/*メニューユニット、画像*/
div[class^="unit"] img{
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 400px;
	min-width: auto;
}
.unit_my span.english{
	display: block;
	padding-top: 10px;
	line-height: 1.8rem;
}
/*メニューユニット、点線*/
.unit_pasty div.last,
.unit_tea div.last,
.unit_tealeaf div.last{
	padding-bottom: 100px;
	border-bottom: none;	
}



#about p.image,#about section ul{
	float: none;
	margin: 0 auto;
	width: 80%;
	max-width: 500px;
}
#about p.image{
	text-align: center;
	padding-bottom: 40px;
}

#about section li{
	width: 100%;
	margin-left: 0;
	padding-bottom: 20px;
}