/* ===================================================================
CSS information
 file name  :  style.css
=================================================================== */
body {
	background-color:#FFF;
}
/* PC用のスタイル記述 */
#wrapper {
}

/***** header *****/
header{
	background:url(../img/header_bg.jpg) center top #d5d9dc no-repeat;
	height:478px;
	min-width:960px;
}

header div.logo{
	width:880px;
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:right;
}

header h1{
	width:960px;
	margin:90px auto 0;
	text-align:center;
}



/***** article section *****/
article{
	background:url(../img/line.png) left 15px repeat-x #bb1213;
	padding:50px 0;
}

section{
	width:910px;
	margin:0 auto;
	padding:0 25px;
	background:#FFF;
}

/* 共通 */
h2.section_title{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:5px 0 5px 10px;
	margin:0 0 30px;
}

#plan h2.section_title{
	background:url(../img/plan_title_icon.png) 98% center #0c6521 no-repeat;
}
#christmas h2.section_title{
	background:url(../img/christmas_title_icon.png) 98% center #0c6521 no-repeat;
}
#info h2.section_title{
	background:url(../img/cake_title_icon.png) 98% center #0c6521 no-repeat;
}

p.h2_txt{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}
p.term{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}


div.box_l{
	clear:both;
	float:left;
	width:440px;
}
div.box_r{
	float:right;
	width:440px;
}


div.box{
	overflow:hidden;
	margin:0 0 20px;
}

div.box h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	color:#0c6521;
	background:#f4f4f4;
	border-bottom:1px dashed #0c6521;
	border-top:1px dashed #0c6521;
	padding:10px 15px 5px;
	margin:0;
	/*height:57px;*/
	display:table-cell;
	vertical-align:middle;
	width:440px;
}

div.box h4{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px;
}

div.box h4.note{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 5px;
	line-height:1.3;
}

div.box h4 span{
	font-size:10px;
}



div.box .info{
	float:left;
	width:190px;
}

div.box .info p{
	font-size:12px;
	word-break:break-all;
	line-height:1.5;
	padding:0 0 20px;
}

div.box .info .to_link{
	text-align:center;
}

div.box .info .to_link a{
	display:block;
	background:#DEDAC8;
	color:#44270E;
	font-size:18px;
	font-weight:bold;
	border-radius:5px;
	text-decoration:none;
	padding:15px 0;
}


div.box .info .to_link a:hover{
	opacity:0.7;
}


div.box .img{
	float:right;
}

div.box .img p.note{
	font-size:10px;
	text-align:right;
	padding:10px 0 0;
}



.button{
}

.button a{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background:#bb1213;
	text-decoration:none;
	padding:10px 0;
	line-height:1;
}

.button a:hover{
	opacity:0.8;
}


.to_other_plan{
	clear:both;
	text-align:center;
}

.to_other_plan a{
	display:block;
	font-size:22px;
	font-weight:bold;
	color:#bb1213;
	text-decoration:none;
	border:1px solid #bb1213;
	width:355px;
	margin:0 auto;
	padding:10px 0;
}

.to_other_plan a:hover{
	opacity:0.7;
}

.to_other_plan span{
	background:url(../img/icon_arrow.png) right center no-repeat;
	padding:0 30px 0 0;
}


/* #train */
#train{
}

#train h2{
	font-size: 25px;
	color: #44270e;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:25px 0 15px 0;
	text-align:center;
	line-height: 1.5;
}

#train p.h2_txt{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}
	
#train .box{
	overflow:hidden;
	margin:0 0 10px;
}

#train .box .info{
	float:left;
	width:450px;
}

#train .box .info p{
	font-size:12px;
	line-height:2;
	padding:0 0 20px;
}

#train .box .info .csr{
	text-align:center;
}

#train .box .info .csr a:hover{
	opacity:0.7;
}


#train .box .img{
	float:right;
}

#train ul.img_list{
	text-align:left;
	margin:0 0 40px;
}

#train ul.img_list li{
	display:inline-block;
	padding:0 0 0 2px;
}

#train ul.menu{
	text-align:left;
	padding:0 0 40px;
}

#train ul.menu li{
	display:inline-block;
	padding:0;
}

/* #plan */
#plan{
	overflow:hidden;
	padding-bottom:50px;
}

/* #christmas */
#christmas{
	overflow:hidden;
	padding-bottom:50px;
}

/* #info */
#info{
	overflow:hidden;
	padding-bottom:50px;
}

/* #contact */
#contact{
	overflow:hidden;
	padding-bottom:50px;
}

#contact div.contact_box{
	border:1px solid #c2a253;
	padding:15px;
}

#contact div.contact_box h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
}

#contact div.contact_box ul{
}

#contact div.contact_box ul li{
	display:inline-block;
	font-size:12px;
	margin:0 5px 0 0;
}

#contact div.contact_box ul li a{
	background:url(../img/contact_arrow.png) left center no-repeat;
	color:#5f5030;
	padding:0 0 0 12px;
}


/***** footer *****/
footer{
	clear:both;
	padding:20px 0;
}

footer p.copy{
	font-size:12px;
	text-align:center;
}


@media screen and (max-width: 768px) {
/* スマホ用のスタイル記述 */
#wrapper {
}

/***** header *****/
header{
	background:url(../img/header_bg_sp.jpg) center top #d5d9dc no-repeat;
	height:auto;
	min-width:100%;
}

header div.logo{
	width:100%;
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:right;
}

header div.logo img{
	width:20%;
	height:inherit;
}

header h1{
	width:90%;
	margin:20px auto 0;
	text-align:center;
}

header h1 img{
	width:100%;
	height:inherit;
}




/***** article section *****/
article{
	background:url(../img/line.png) left 15px repeat-x #bb1213;
	padding:50px 0;
}

section{
	width:95%;
	margin:0 auto;
	padding:0 5px;
	background:#FFF;
}

/* 共通 */
h2.section_title{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:5px 0 5px 10px;
	margin:0 0 30px;
}

#plan h2.section_title{
	background:url(../img/plan_title_icon.png) 98% center #0c6521 no-repeat;
}
#christmas h2.section_title{
	background:url(../img/christmas_title_icon.png) 98% center #0c6521 no-repeat;
}
#info h2.section_title{
	background:url(../img/cake_title_icon.png) 98% center #0c6521 no-repeat;
}

p.h2_txt{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}
p.term{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}


div.box_l{
	clear:both;
	float:none;
	width:100%;
}
div.box_r{
	float:none;
	width:100%;
}


div.box{
	overflow:hidden;
	margin:0 0 20px;
}

div.box h3{
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	color:#0c6521;
	background:#f4f4f4;
	border-bottom:1px dashed #0c6521;
	border-top:1px dashed #0c6521;
	padding:0 15px;
	margin:0;
	height:57px;
	display:table-cell;
	vertical-align:middle;
	width:440px;
}

div.box h3 br{
	display:none;
}


div.box h4{
	font-size:12px;
	font-weight:bold;
	margin:10px 0 10px;
}

div.box h4.note{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 5px;
	line-height:1.3;
}

div.box h4 span{
	font-size:10px;
}



div.box .info{
	float:none;
	width:100%;
}

div.box .info p{
	font-size:12px;
	word-break:break-all;
	line-height:1.5;
	padding:0 0 20px;
}

div.box .info .csr{
	text-align:center;
}

div.box .info .csr a:hover{
	opacity:0.7;
}


div.box .img{
	float:none;
}

div.box .img img{
	width:100%;
	height:inherit;
}

div.box .img p.note{
	font-size:10px;
	text-align:right;
	padding:10px 0 0;
}



.button{
}

.button a{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	background:#bb1213;
	text-decoration:none;
	padding:10px 0;
	line-height:1;
	width:98%;
	margin:0 auto;
}

.button a:hover{
	opacity:0.8;
}


/* #train */
#train{
}

#train h2{
	font-size: 17px;
}

#train h2 img{
	width:90%;
	height:inherit;
}


#train p.h2_txt{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#bb1213;
	padding:0 0 20px 0;
}
	
#train .box{
	overflow:hidden;
	margin:0 0 10px;
}

#train .box img{
	width:100%;
	height:inherit;
}

#train .box .info{
	float:none;
	width:100%;
}

#train .box .info p{
	font-size:12px;
	line-height:2;
	padding:0 0 20px;
}

#train .box .info .csr{
	text-align:center;
}

#train .box .info .csr a:hover{
	opacity:0.7;
}


#train .box .img{
	float:none;
}

#train ul.img_list{
	text-align:left;
	margin:0 0 40px;
}

#train ul.img_list img{
	width:100%;
	height:inherit;
}


#train ul.img_list li{
	display: inline-block;
	padding:0 0 0 2px;
	width:48%;
}

#train ul.img_list li img{
	width:100%;
	height:inherit;
}


#train ul.menu{
	text-align:left;
	padding:0 0 40px;
}

#train ul.menu li{
	display:inline-block;
	padding:0;
	text-align:center;
	width:100%;
}

#train ul.menu li img{
	width:90%;
	height:inherit;
}

/* #plan */
#plan{
	overflow:hidden;
	padding-bottom:50px;
}

#plan .to_other_plan{
	clear:both;
	text-align:center;
}

#plan .to_other_plan a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#bb1213;
	text-decoration:none;
	border:1px solid #bb1213;
	width:98%;
	margin:0 auto;
	padding:10px 0;
}

#plan .to_other_plan a:hover{
	opacity:0.7;
}

#plan .to_other_plan span{
	background:url(../img/icon_arrow.png) right center no-repeat;
	padding:0 30px 0 0;
}

/* #christmas */
#christmas{
	overflow:hidden;
	padding-bottom:50px;
}

/* #info */
#info{
	overflow:hidden;
	padding-bottom:50px;
}

/* #contact */
#contact{
	overflow:hidden;
	padding-bottom:50px;
}

#contact div.contact_box{
	border:1px solid #c2a253;
	padding:15px;
}

#contact div.contact_box h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
}

#contact div.contact_box ul{
}

#contact div.contact_box ul li{
	display:inline-block;
	font-size:12px;
	margin:0 5px 0 0;
}

#contact div.contact_box ul li a{
	background:url(../img/contact_arrow.png) left center no-repeat;
	color:#5f5030;
	padding:0 0 0 12px;
}

/***** footer *****/
footer{
	clear:both;
	padding:20px 0;
}

footer p.copy{
	font-size:12px;
	text-align:center;
}


}