@charset "utf-8";
@media screen and (max-width: 768px) {
	
body {
	min-width:640px; /* iPadで横にしたときに背景が切れるバグを回避してレスポ化　*/
}

.txtBnrDetailW220 a {
	width:100%;
}
	 
/*===========================
fonts
===========================*/

.minchouFontClass {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}


/*===========================
general
===========================*/



.wrapper , .wrapperWide4lay {
 width: 100%;
 margin: 0 auto;
 box-sizing: border-box;
}

.wrapper2 {
 width: 100%;
 margin: 0 auto;
 box-sizing: border-box;
}

.wrapper3 {
 width: 100%;
 margin: 0 auto;
 box-sizing: border-box;
}

h2 {
 font-size: 2em;
}

h2.h2Catch1 {
	font-size: 2em;
	line-height:1.3em;
	margin-bottom:0.8em;
}



h3 {
	font-size:1.3em;
}


h3.h3Catch1 {
	font-size: 1.8em;
	line-height:1.2em;
	margin-bottom:0.6em;
}

.catch1 {
	font-size:1.7em;
	line-height:1.6em;
}


.catch2 , .catch2Red  , .catch2YG {
	font-size:1.4em;
	line-height:1.4em;
}
.catchS {
	font-size:1.2em;
	margin-bottom:0.4em;
}



.content-title-small {
	font-size:1.2em;
}




h4 {
	font-size: 1.1em;
}


.imgFloatRightTabletCenter , .imgFloatLeftTabletCenter {
	float:none;
	text-align:center;
}





/*===========================
header
===========================*/


/* header */
#top-head {
	position: fixed;
	min-width:320px;
	text-align:center;
	height:140px;
	padding:0;
}

#top-head .logo img {
	position:relative;
	height:120px;

}
 
#top-head .logo {
   /* float:none; */
	padding:10px 0 0 0 ;
}

/* ------------------ */
/* ハンバーガーボタン */
/* ------------------ */


/*ナビのスタイル*/
nav.NavMenu{
	position: fixed;
	z-index: 12;
	top: 0;
	left: 0;
	/* background: rgba(255,255,255,.9); */
	background-image:url(../img/gnavi/sp_navi_back.png);
	text-align: center;
	width: 100%;
	height: 100%;
	display: none;
	box-sizing: border-box;
	margin:0;

}

nav.NavMenu ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	box-sizing: border-box;

}

nav.NavMenu ul li {
	/* font-size: 24px; */
	margin:0;
	list-style-type: none;
	width: 100%;
	padding-bottom: 0px;
	height: auto;
	border-top:#dadada 1px solid;
	border-left:none;
	background-color:rgba(254,247,229,0.9);
}

a .naviJDeco {
	margin-bottom:0.6em;
}

/*
nav.NavMenu ul li:last-child {
	border-top:none;
}
*/

nav.NavMenu ul li a {
	display: block;
	color: #fff;
	padding: 15px 0;
	font-size: 18px;
	height: auto;
}

nav.NavMenu li.headSns {
	border-right:none;
}

.pcNavi li.headSns a {
	padding: 15px;
}

nav.NavMenu ul li a:hover {
	cursor:pointer;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)"; 
    -moz-opacity:0.6;
    -khtml-opacity: 0.6; 
    opacity:0.6;
    zoom:1;	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


/*ボタンのスタイル*/
.Toggle {
	position: fixed;
	right:3%;
	top: 55px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 13;
	display: block;
}

.Toggle span {
	display: block;
	position: absolute;
	width: 20px;
	border-bottom: solid 2px #999999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}

.Toggle span:nth-child(1) {
	top: 7px;
}

.Toggle span:nth-child(2) {
	top: 14px;
}

.Toggle span:nth-child(3) {
	top: 21px;
}

.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 3px #C1C1C1;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 3px #C1C1C1;
}


/* ------------------ */
/* ナビ               */
/* ------------------ */


.pcNavi {
	floa:none;
}

.pcNavi li {
}

.pcNavi li a {
}

a .naviJ {
	font-size:1em;
	margin-bottom:0.3em;
}

a .naviE  {
		font-size:0.6em;
}




 
/*===========================
gnav
===========================*/




 


/*===========================
mainimage
===========================*/


#mainimage {
	background-attachment:scroll;
	padding-top:140px;	 /* #top-head　height　と揃える　*/
	min-width:640px; /* iPadで横にしたときに背景が切れるバグを回避してレスポ化　*/
}



/*===========================
pageTitle
===========================*/




#pageTitle {
	padding-top:140px;
	background-position:center 140px;
	height:350px;
	min-width:320px;
}

#pageTitleTxtWrap {
	margin-top:30px;
}

#pageTitleTxt h1 {
	font-size: 2.2em;
	line-height:1.5em;
	margin-bottom: 10px;
}





/*===========================
onOff
===========================*/


.pcONtabletOFF {
	display:none;
}

.pcOFFtabletON {
	display:block;
}

.pcONtabletOFFspON {
	display:none;
}



/*===========================
footer
===========================*/



footer {
}


.footData {
	width:100%;
}


.footLeft {
	display:block;
	width:100%;
	text-align:center;
	margin:0 0 20px 0;
}

.footRight {
	display:block;
	width:60%;
	margin:0 auto;
}

.footSns {
	text-align:center;
}



/*===========================
other
===========================*/


 .pagetop {
 position: fixed;
 bottom: 30px;
 right: 1%;
}
 .pagetop img {
 width:80%;
}
 .dataArea {
 padding:20px 0 30px 0;
}
 .dataArea .data {
 float:none;
 margin-right:0;
 text-align:center;
}



.txtIconWant {
	font-size:1em;
	padding:0.1em 1em 0.1em 1em;
	margin-bottom:10px;
}



/*===========================
top
===========================*/

.bnrUl {
	margin:0 auto;
	width:510px;
}


 .topContent1 {
 padding:20px 0 0 0;
}
 .topContent1 ul li {
 width:100%;
 float:left;
 margin-right:0;
 margin-bottom:1em;
}
 .topContent1 ul li.pic1 p, .topContent1 ul li.pic2 p {
 width:100%;
 padding:10px 0 10px 0;
 background-color:rgba(17, 89, 144, 0.8);
 color:#FFF;
 font-size:16px;
 margin-top:30%;
 text-align:center;
}
 .btn {
 text-align:center;
}
 .sp {
 display:block;
}
 .topContent2 .news {
 width:100%;
 float:none;
 margin:0 0;
}
 .topContent2 .news dl {
 width:100%;
 height:auto;
 overflow:visible;
}
.topContent2 .news dl dt {
 float:none;
 padding:1em 0 0.2em 0;
 clear:both;
 width:auto;
}
.topContent2 .news dl dd {
 padding:0 0 1em 0;
 border-bottom:1px solid #1f6ca6;
 margin-right:0;
}
 .topContent2 .photo {
 width:100%;
 float:none;
 margin:0 0%;
}
.topContent2 .photo p {
 width:50%;
 float:left;
 margin-right:0;
 margin-bottom:0;
}
 .btn1 {
 display:none;
}
 .arrow {
}

.externalBnrWrap {
	width:100%;
}





/*===========================
content
===========================*/



.catchOrange {
	font-size:1.6em;
}

.catchSkyblue {
	font-size:1.6em;
}



.contPad5 {
	width:90%;
	margin:0 auto;
}

.contPad70pTab100p {
	width:100%;
	margin:0 auto;
}



/* 新レイアウト */

.div1-5 {
	 width:47%;
	 margin:0 1% 2em 1%;
}


/* 2カラム */

.lay2,.lay2R {
 width:100%;
 float:none;
 margin:0 0 2em 0;
}

 .partition_even {
 margin-right:0;
 padding-right:0;
 border-right:none;
}


/* 3カラム */

.lay3 , .lay3R {
 width:100%;
 float:none;
 margin:2em 0;
 padding:0;
 border:none;
}


 .floatr {
 float:none;
 margin:0 0 1em 0;
 text-align:center;
}


/* 2カラム　複数 */


.lay2PluralTablet2 {
 float:none;
 width:100%;
 margin:0 0 1em 0;
 text-align:center;
}


/* 3カラム　複数 inlineB */

.inlineB3 {
	width:100%;
	font-size:0px;
	text-align: center;
}

.inlineB3 li {
	width:310px;
	margin:10px;
	display:inline-block;
	text-align: center;
}

/* 3カラム　複数 */

.lay3InlineTab2 {
	width:45%;
	display:inline-block;
}

/* インラインレイアウト */ 
.lay2InlineTablet {
	 width:100%;
	 margin:0 0 2em 0;
}









/* talbe */

 table.table1 {
 width: 100%;
 margin: 0 0 3% 0;
 padding: 10px
}
table.table1 tr {
 display: block;
}
table.table1 th {
 display: list-item;
 padding: 0;
 border-bottom: none;
 text-align: left;
 font-weight: normal;
 vertical-align: top;
 width: 100%;
 line-height: 1em;
 font-weight:bold;
 color:#25456d;
}
table.table1 td {
 display: list-item;
 width: 100%;
 padding-bottom: 3%;
 margin-bottom: 3%;
 border-bottom: 1px #25456d solid;
 font-weight: normal;
 padding: 5px 0 3% 0;
}
 
 
/* table1の変更バージョン */

table.table1_2 {
	width:100%;
	padding:0 30px 30px 30px;
	border-collapse: collapse;
}
table.table1_2 tr {
}
table.table1_2 th {
	padding:7px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	color:#155E9F;
}
table.table1_2 td {
	padding:5px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
}

 



/* TableScroll スクロール　スライド　*/

.tableScrollTablet {
    border-right: 3px solid #4f4d47;
	overflow-x: scroll;
    -webkit-overflow-scrolling: touch;	
}





/* フロー */

/* フローCenter */

.area_flowC {
	padding:0 1em;
}
.area_flowC .inner_flow {
	padding:1em 2em;
}





.area_flowC .inner_flow .largeTxt {
	font-size:1.4em;
	padding-bottom:0.2em;
	margin-bottom:0.4em;
}



.area_flowC .inner_flow .txtWrap {
	/* padding:24px 30px; */ 
	padding:0 1em;
}

.area_flowC .inner_flow p.flowImg {
	text-align:center;
	margin:0.5em auto;
}


.area_flowC .arrow {
}

/* リスト追加 */


ul.liReseterFloat3Div  {
	line-height:1.8em;
	margin-left:2em;
}

ul.liReseterFloat3Div li {
	width:46%;
}


dl.info dt {
	width: 8em;
	padding: 1.4em 0 1.4em 0.5em;
}

dl.info dd {
	padding: 1.4em 0 1.4em  8.5em;
}


ul.liWoodFlaot {
	margin-left:0;
}

ul.liWoodFlaot li {
	list-style-type: none;
	list-style-position: outside;
	padding:0.2em 2em 0.2em 1.2em;
	font-size:1.1em;
	background-position:0 0.4em;
	float:left;
	text-align:left;
}


/* BeforeAfter */

.BeforeAfter {
	width:55%;
	height:auto;
	margin:0 auto 3em auto;
}


.baDiv {
	width:100%;
	float:none;
	margin:0 1% 2% 1%;
	text-align:center;
}

.baArrowWrap {
	width:100%;
	float:none;
	margin:0 auto 2% auto;
	
}


.baArrow {
	background-image:url(../img/common/arrow_down.png);
	width:80px;
	height:52px;
	text-indent:-7777px;
	background-repeat:repeat;
	margin:0 auto;
}

 
 /* アクセス */


	 #map_canvas {
 width:100%;
 height:250px;
 margin:0 auto;
 padding:0 0 0 0;
 margin-bottom:0;
}
 #map_area .inner {
 width:100%;
 margin:0 auto;
 height:auto;
 position:relative;
 top:0;
 z-index:0;
}
 #map_area .map_data {
 padding:1em;
 position:relative;
}
 #map_area .map_data h3, #map_area .map_data h4, #map_area .map_data .address {
 display:none;
}



dl.history dt {
	width: 8em;
	padding: 7px 0 8px 0.5;
}

dl.history dd {
	padding: 7px 0 8px 8.5em;
}

.telBig {
	font-size:1.6em;
}


.catchCopy {
	text-align:center;
	font-size:1.2em;
	line-height:2em;
}

/*===========================
ページ内リンク直し
===========================*/

#anch01, #anch02 , #anch03 , #anch04 , #anch05 , #petit , #baked  , #gift  {
	margin-top:-140px;
	padding-top:140px;
}





/*===========================
index
===========================*/


/*===========================
decorated
===========================*/

.decorated_pt {
	background-position: top 140px right -480px !important;
}

p.decoratedName {
	font-size:1em;
}


/*===========================
cake
===========================*/

.cake_pt {
}


/*===========================
reserve
===========================*/

.reserve_pt {
	background-position: top 140px right -480px !important;
}



/*===========================
contact
===========================*/

.contact_pt {
		background-position: top 140px left -400px !important;
}



/*  privacy */

.privacy h3 {
	font-size:1.2em;
}

.privacy p {
	padding:0 0.2em 1em 0.2em;
}






}