/*全体*/
section{
	padding-top: 13.84%;/*90px*/
	padding-bottom: 13.84%;/*90px*/
}
#idx #idx_news{
	padding-top: 9.37%;
	padding-bottom: 20%;
}
/*グローバルメニューの高さ分全体を下げる*/
header{
	padding-top: 60px;
}
/*インデックス、トップ画像*/
#idx .hero{
	height: 600px;
}
#idx .hero h1{
	padding-top: 50px;
	height: 100%;
}
#idx .hero h1 img{
	height: 80%;
}

p.lead .br_sp{
	display: inline;
}

/*グローバルナビ、メディアクエリ*/
#idx main{
	padding-top: 0;
}
.mainvisual{
	margin-top: 0;
}
nav.sp_gnav,.hamburger{
	display: block;
}
.gnav{
	display: none;
}
a.sp_gnav {
	display: block;
	width: calc(100% - 65px);
	position: fixed;
	z-index:101; 
	margin-left: 65px;
	height: 60px;
	text-align: center;
	padding-top: 18px;
	padding-right: 40px;
}
a.sp_gnav img{
	max-height: 20px;
	width: auto;
}

/*インデックス、アバウト*/
#idx_about .inner{
	width: calc(100% - 20px);
}
#idx_about .box_white{
	padding: 20px;
	width: 100%;
}
#idx_about p.image{
	position: static;
	margin: 0 auto;
	width: 100%;
}
#idx_about h3{
    font-size: 1.8rem;
    letter-spacing: -0.05em;
}

/*アバウトreadmore*/
#idx_about p.more{
margin-bottom: 20px;
}

/*インデックス、ニュース*/
#sp{
	display: block;
}
#pc_tb{
	display: none;
}
#idx_news p.notes2{
	display: block;
	line-height: 2rem;
	margin-top: -15px;
}
#idx_news p.notes2 .br_sp480{
	display: none;
}
@media screen and (max-width: 480px) {
	#idx_news p.notes2 .br_sp480{
	display: block;
	}
}

/*ニュース、アイフレーム上空の空箱調整*/
#idx_news span.base {
    /*インナー全体-インナーの左右パディング+iframeの右端のパディング*/
    width: calc(100% - 20px + 10px);

    /*「インナー全体」-「インナーの上下パディング」-「h2のheigit」-「pのheigit」*/
    height: calc(100% - 60px - 92px - 45px);
}
/*ニュース、さらに上空a要素の調整*/
#idx_news span.base a {
	 /*3分の1-右パディング*/
	width: calc(33% - 5px);
	 /*全体-下パディング*/
	height: calc(100% - 7px);
	margin-right: 5px;
}

/*インデックス、メニュー*/
#idx_menu{
	height: 360px;
}
#idx_menu li{
	height: 200px;
	font-size: 1.6rem;
	font-weight: 400;
}
#idx_menu li a{
	font-size: 1.6rem;
}
#idx_menu h2 span{
	margin-bottom: 20px;
}

/*メニュー、枠*/
#idx_menu span.box_move{
	top:42.5%;/*85px÷200px*/
	left:5%;/*10px÷200px*/
	width: 90%;/*180px÷200px*/
	height: 30px;
	line-height: 2.6rem;
	border-width: 2px;
}

/*インデックス、インフォ*/
#idx_info .inner{
	width: calc(100% - 40px);
}
#idx_info dl{
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0;
}
#idx_info dt{
	float: none;
	margin: 0 auto;
	text-align: center;
	width: 110px;
	height: 20px;
	line-height: 20px;
	border-right: none;
	padding-right: 0;
	background-color: #eee;
}
#idx_info dd{
	height: auto;
	line-height: 2.6rem;
	padding: 10px 0 30px 0;
}
#idx_info .open{
	float: left;
}
#idx_info .close{
	float: right;
}
#idx_info .open_close{
	width: 240px;
	margin: 0  auto;
}

/*住所だけ行高く→同じ高さに*/
#idx_info dl dt:nth-of-type(3n){
	height: 20px;
}
#idx_info dt:nth-of-type(3n)+dd{
	height: auto;
}
#idx_info .br_sp{
	display: inline;
}

/*住所の英語の位置調整*/
#idx_info dd span.address_english{
	padding-top: 10px;
}
/*英語だけカーニング*/
#idx_info dl>dt:nth-of-type(2n)+dd{
	letter-spacing: 0.05em;
}
/*マップ*/
#idx_info #map{
	width: 100%;
	height: 320px;
}

/*フッター*/



/***************************************/
/*メニュー、アバウトトップ画像*/
#menu .mainvisual,
#about .mainvisual{
	height: 270px;
}
#menu .mainvisual h1.ttl,
#about .mainvisual h1.ttl{
	padding-top: calc(270px / 2 - 25px);
}
/*スクロールアニメ*/
a.scroll{
	display: none;
}
/*メニューナビ*/
#menu .menu_nav .inner{
	padding-top: 40px;
}
.menu_nav li{
	width: 20%;  /*170px*/
	height: 36px;
/*	line-height: 32px;
	text-align: center;*/
	font-size: 1.6rem;
/*	font-weight: 400;*/
	letter-spacing: 0.08em;
/*	border:2px solid #C4A65C;*/
	margin-right: calc(20% / 3);
/*	text-indent: 0.2em;*/
}

/*メニューナビ、スティッキー*/
.menu_nav.sticky{
	top: 60px;
}

/*メニューセクション*/
#menu #tab_panels h2{
	margin-bottom: 60px;
}
#tab_panels {
    padding-top: 106px;
}
.unit_sweets dl.spot dd.rose{
	letter-spacing: -0.14em; 
}
dl.spot dd.rose span.english{
	letter-spacing: 0.05em;
	padding-left: 10px;
}
dt.narrow_005{
	letter-spacing: -0.05em;
}
dt.narrow_010{
	letter-spacing: -0.1em;
}
dt.narrow_012{
	letter-spacing: -0.12em;
}



/*アバウト*/
#about #about_intro{
	padding-top:20px; 
}
#about section{
	padding-bottom: 30px;
}
/*アバウトh2*/
#about .about_ttl{
	font-size: 1.8rem;
	font-weight: bold;
	}
#about p.about_lead{
	width: 88%;
}

#about .br_sp{
	display: block;
}
#about h4{
	padding-bottom: 30px;
	font-size: 2rem;
}
#about h4:after{
	width: 300px;
	height: 30px;
	top:-24px;
}
#about p.image,#about section ul{
	width: 88%;
}
#about p.image img{
	width: 88%;
}
#about section#idx_info{
	padding-top:90px; 
}