@charset "utf-8";

/* =========================================================
　カテゴリー内共通スタイル
========================================================= */

/* ヘッダー
--------------------------------------------------------- */
.gnav_calendar a {
	background: url(../common/images/gnav_calendar_o.png) no-repeat left top;
}
.category {
	background: url(images/h2_bg.png) no-repeat center top;
}
.category_title {
	background: url(images/h2.png) no-repeat center 45px;
}
.ie7 .category_title {
	background: url(images/h2.png) no-repeat 420px 45px;
}

/* 640px以下の追加指定（ヘッダー）
--------------------------------------------------------- */
@media screen and (max-width:640px) {
.category {
		background: url(images/h2_bg.png) no-repeat center top;
		background-size: 620px 64px;
}
.category_title {
		background: url(images/h2.png) no-repeat center 25px;
		background-size: 100px 25px;
}
}

/* メイン
--------------------------------------------------------- */
.main-box-box{
	width:100%;
	padding-top:10px;
	padding-bottom:30px;
}
.main-box-box p {
	text-align:center;
	background: #fff;/* androidの標準ブラウザでの横幅対策 */
}
/*タイトルとコピー*/
.sec_title{
	text-align:center;
	max-width:1052px;
	margin:0 auto;
	padding:0;
}
.sec_title img{
	width:100%;
}
/*スライダー*/
.calendar_slider_wrap{
	width:100%;
	background-color:#FFE7DF;
	overflow:visible;
}
#calendar_slider{
	max-width:1200px;
	margin:0 auto;
	list-style:none;
	padding:0;
}
#calendar_slider li{
	width:100%;
	max-width:1200px !important;
	margin:0 auto !important;
}
/*bxsliderリセット*/
.bx-wrapper .bx-viewport{
	background: none;
	border: none;
	left: 0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

/*月ごとポックス*/
.month_box{
	text-align:center;
	max-width:940px;
	margin:0 auto 30px;
}
.month_box p{
	margin:50px 0 0;
	padding:0;
}
.month_box p:first-child{
	margin:0;
}
.month_box img{
	width:100%;
}


/* 640px以下の追加指定（ヘッダー）
--------------------------------------------------------- */
@media screen and (max-width:640px) {
.main-box-box {
	width:100%;
}
.main-box-box img{
	width:100%;
}
.main-box-box ul{
}
/*月ごとポックス*/
.month_box{
	width:100%;
	margin:0px auto 0px;
}
.month_box p,.month_box p:first-child{
	margin:0 0 15px;
	padding:0;
}
}

