@charset "utf-8";


*{
	padding: 0;
	margin: 0;
}
#wrap{
	background-image: url(../image/top/renga_pattern.png);
	background-attachment: fixed;

}



ul,li{
	list-style: none;
}
	
#main{
	width: 940px;
	margin: 0 auto;
	background-color: #fff;
	padding-top: 10px;
}

img{
	max-width: 100%;
	height: auto;
}

/*---------------------ヘッダー部分-------------------------*/
#header{
	width: 940px;
	margin: 0 auto;
		background-color: #FA5563;
		background: repeating-linear-gradient(-45deg,#FA5563 0px,#ffb4cd 100px,#fff 100px,#fff 110px);
	text-align: center;/*画像の中央寄せ*/
}
#header h1{
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	color: #732F0A;
	text-shadow: -2px -2px 5px #fff, 2px 2px 5px #fff;
}
#header img{
}
/*--------------------------ヘッダーここまで------------------------*/

/*-------------------------グローバルナビ部分-----------------------*/
#gnav ul:after{
	content:"";
	display:block;
	clear:both;
}

#gnav li{
	float: left;
	width: 235px;
	line-height: 80px;
	
}
#gnav li a{
	text-decoration: none;
	width: 235px;
	height: 80px;
	display: block;
	color: #3A1602;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff,-2px -2px 10px #fff, 2px 2px 10px #fff;

}
#gnav li a:hover{
	opacity: 0.5;
	
}

#gnav li.index a{
	background-image: url(../image/gnav/gnav_index.jpg);
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	background-blend-mode: lighten;
	text-align: center;
}
#gnav li.cake a{
	background-image: url(../image/gnav/gnav_cake.jpg);
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	background-blend-mode: lighten;
	text-align: center;
}
#gnav li.about a{
	background: url(../image/gnav/gnav_about.jpg);
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	background-blend-mode: lighten;
	text-align: center;
}
#gnav li.column a{
	background: url(../image/gnav/gnav_column.jpg);
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.5);
	background-blend-mode: lighten;
	text-align: center;
}

/*-----------------------------グローバルナビここまで------------------------------*/


/*---------------------グロナビのそれぞれのページ色分け----------------------------*/
.maintop #gnav .index a{
	color: #ff3514;
	background-color: rgba(255, 255, 255, 0);
	background-blend-mode: lighten;
}


.cakeindex #gnav .cake a, .cake_short #gnav .cake a, .cake_whole #gnav .cake a, .cake_chou #gnav .cake a{
	color: #ff3514;
	background-color: rgba(255, 255, 255, 0);
	background-blend-mode: lighten;
}

.columnindex #gnav .column a{
	color: #ff3514;
	background-color: rgba(255, 255, 255, 0);
	background-blend-mode: lighten;
}

.aboutindex #gnav .about a{
	color: #ff3514;
	background-color: rgba(255, 255, 255, 0);
	background-blend-mode: lighten;
}
/*------------------------------グロナビ色分けここまで--------------------*/

/*-------------------------スライドショー部分---------------------------*/
.slideShow {
	margin: 10px auto 10px auto;
	width: 940px;
	text-align: left;
	position: relative;
}

.slideShow ul {
	width: 100%;
}

.slideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}

.slideShow ul li img {
	width: 100%;
}

/*----------------------------スライドショーここまで----------------------*/

/*------------------------------更新情報部分------------------------------*/
#news{
	float: left;
	width: 430px;
	height: 300px;
	margin:10px 10px 20px 20px;
	padding-top: 10px;
	background: #F9C4F5;
	box-shadow: 0px 0px 0px 10px #F9C4F5;
	border: dashed 2px #F5383E;
	border-radius: 8px;
	box-sizing: border-box;
}

#news table th{
		font-size: 1.1em;
	padding: 10px 0px 10px 0;;
}
#news table caption{
	font-size: 1.3em;
	color: #FF0000;
}
#news tr{
	font-size: 15px;
	padding: 10px;
}
#news td{
	padding: 30px 10px 10px 30px;
	font-size: 1.2em;
}
/*---------------------------------更新情報ここまで---------------------------*/

/*-----------------------------店舗情報部分--------------------------------*/
#tenpo{
	float: right;
	width: 430px;
	height: 300px;
	margin:10px 20px 20px 10px;
	background: #9BFB80;
	box-shadow: 0px 0px 0px 10px #9BFB80;
	border: dashed 2px #612E0A;
	border-radius: 8px;
	box-sizing: border-box;
}
#tenpo table{
	width: 450px;
}

#tenpo td{
	padding: 20px;
}

/*---------------------------------店舗情報ここまで--------------------------*/

/*-----------------------------------フッター部分---------------------------*/
#footer{
	clear: both;
	padding: 20px;
	background-color: #FA5563;
}

#footer p.toplink{
	float: right;
}
/*-----------------------------フッターここまで-------------------------*/

/*---------------------------ケーキ紹介ここから------------------------*/
#cakenav ul{
	text-align: center;
}

#cakenav li{
	margin: 10px auto;
	line-height: 50px;	
	display: inline-block;
	width:225px;
	height: 50px;
	background: #B1E030;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #708E20;/*線色*/
}

#cakenav li a{
	text-decoration: none;
	font-size: 20px;
	display: block;

	width: 233px;
	height: 50px;
	text-align: center;

}
#cakenav li a:hover{
	text-decoration: underline;
}

#cakemenu h2{
	clear: both;
	font-size: 25px;
	margin-bottom: 25px;
	text-align: center;
	background-color: #960d49; 
	padding: 10px;
	color: #fff;
}

#cakemenu p{
	font-size: 0.9em;
	margin: 10px;
}

.click_tap{
	text-align: center;
}

.cake_s{
	border: #960d49 10px solid;
	border-radius: 8px;
		box-sizing: border-box;
	background-image: url(../image/logo_toumei.png);
	background-size: 270px 135px;
	background-position: center bottom;
	background-repeat: repeat-x;
	width: 450px;
	margin: 10px;
	padding:10px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #782C0C;
	overflow: auto;
}

.cake_s h3{
	text-align: center;
}

.cake_image{
	text-align: center;
}

.cakeindex .cake_s{
		height: 400px;
}

.cake_short .cake_s{
		height: 400px;
}

.cake_whole .cake_s{
		height: 350px;
}

.cake_chou .cake_s{
		height: 380px;
}

.caption{
	color: #960d49;
	text-align: center;
}
/*--------------------------ケーキ紹介ここまで-----------------------*/

/*----------------------ケーキコラムここから----------------------*/

.chapter{
	border: #A92225 10px solid;
	background-image: url(../image/logo_toumei.png);
	background-size: 270px 135px;
	background-position: center bottom;
	background-repeat: repeat-x;
	margin: 10px auto;
	padding: 10px;
	width: 90%;
	border-radius: 8px;
	box-sizing: border-box;
}

.chapter li{
	text-align: center;
	font-size: 15px;
	padding: 5px;
	margin: 10px;
}

.columnindex h2{
	clear: both;
	background-color: #E3FD93;
	margin-top: 50px;
	padding: 10px;
	text-align: center;
}
.columnindex h3{
	background-color: #FEED4F;
	margin-top: 50px;
	text-align: center;
}

#column_main{
	margin-top: 90px;
}


/*--------------------------ケーキコラムここまで---------------------*/

/*-----------------------お店についてここから-----------------------*/
#tenpo_ad table{
	width: 400px;
	border-collapse: collapse;
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
}

#tenpo_ad td{
	padding: 24px;
	border: #3C170C 2px solid;
	background-color: #FFFFBB;
}

#tenpo_about p{
	margin-top: 100px;
	padding: 20px;
	margin-bottom: 70px;
	text-align: center;
	font-size: 18px;
	color: #AC0C22;
}
#tenpo_about img{
	float: left;
	margin: 10px;
}

#map{
	text-align: center;
}
/*--------------------お店についてここまで---------------------------*/

/*---------------------------レスポンシブ対応-----------------------------*/

@media screen and (max-width: 640px){
/*全体的なもの*/
	img{
		border: 0;
		max-width: 100%;
		height: auto;
	}
	#wrap{
		max-width: 940px;
		margin: auto;
		overflow: hidden;
		
	}
	#header{
		width: 100%;
	}
	#main{
		width: 100%;
		background-image: url(../image/top/renga_pattern.png);
		background-attachment: fixed;
	}	
	#gnav{
		width: 100%;
		background-color: #fff;
	}
	#gnav li{
		width: 50%;
	}
	#gnav li a{
		width: 100%;
		font-size: 23px;
		overflow: hidden;
	}
	#gnav li.index a,
	#gnav li.cake a,
	#gnav li.about a,
	#gnav li.column a{
		background-size:cover;
	}
	#footer p.toplink{
	float: none;
	}
/*index.html*/
	.slideShow{
		max-width: 100%;
		clear: both;
	}	
	#news{
		width: 90%;
				overflow: auto;
	}	
	#news table{
		width: 100%;
		clear: both;
		margin: 0 auto;
	}
	#news table td, #news table th{
		display: block;
		padding: 3px;
		text-align: center;
		font-size: 20px;
	}
	#tenpo{
		width: 90%;
		float: none;
		clear: both;
		margin-left: 20px;
				overflow: auto;
	}
	#tenpo table{
	width: 100%;
	max-width:100%;
		float: none;
		margin: 10px auto;
	}
	#tenpo table td, #tenpo table th{
		display: block;
		padding: 3px;
		text-align: center;
		font-size: 18px;
	}
/*cake.html */
	#cakenav{
		width: 100%;
		background-size:cover;
		text-align: center;
	}	
	#cakenav li a{
		
	}
	.cake_s{
		clear: both;
		width: 100%;
		position: relative;
		overflow: auto;
		margin: 10px 0;
		background-color: #fff;
	}
	#cakemenu h2, #cakemenu p.caption{
		max-width: 100%;
	}	
	.click_tap{
		background-color: #fff;
		max-width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
	}
	.caption{
		background-color: #fff;
		text-align: center;
		line-height: 25px;
		padding: 10px;
	}
/*column.html*/
	.chapter{
		width: 100%;
		background-color: #fff;
	}
	#column_main{
	max-width: 100%;
	}
	.columnindex h2{
		border-top: #fff 20px solid;
		border-bottom: #fff 20px solid;
	}
	.columnindex h3{
		border-top: #fff 20px solid;
		border-bottom: #fff 20px solid;
	}
/*about.html*/	

	#tenpo_about{
		clear: both;
		max-width: 100%;
	}
	#tenpo_about p{
		font-size: 15px;
	background-color: #fff;
	padding: 50px;
	}
	#tenpo_about img{
		float: none;
		margin: 0 auto;
	}
	#gaikan{
		text-align: center;
	}
	#tenpo_ad table{
		max-width:100%;
		float: none;
		margin: 10px auto;
		display:block;
	}
	#map iframe{
		max-width: 100%;
	}		
}

/*モーダルウィンドウ*/
#mdOverlay {
	top: 0;
	left: 0;
	width: 100%;
	position: fixed;
	z-index: 97;
	background: #000;
	display: none;
}

#mdWindow {
	margin-top: -200px;
	margin-left: -250px;
	top: 50%;
	left: 50%;
	width: 490px;
	height: 400px;
	position: fixed;
	z-index: 98;
	background: #fff;
	display: none;
}

#mdWindow > .mdClose {
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 1.5em;
	background: #757575;
	border-radius: 30px;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	box-shadow: 0 0 3px 0 #000;
}

.modalBtn:hover {
	opacity: 0.7;
}

#modalInclude {
	display: none;
}

#contWrap {
	margin: 30px auto;
	padding: 0 20px;
	width: 100%;
	height: 340px;
	box-sizing: border-box;
	overflow-y: auto;
}
#whole011,#short002,#whole009,#short001,#short003,#short004,#short005,#short006,#short007,#short008,#short009,#short010,#short011,#short012,#whole001,#whole002,#whole003,#whole004,#whole005,#whole006,#whole007,#whole008,#whole010,#whole012,#whole013,#whole014,#whole015,#chou002,#chou003,#chou004,#chou005,#chou006,#chou007,#chou008{
	display: none;
}
/*--------------------モーダルウィンドウここまで-------------------*/