/*===================================================
	
	全サイズ用
	
===================================================*/

/* =======================================
	共通
======================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	font-style: normal;
}
body {
	color: #000000;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	opacity: 0;
}
body.arrival {opacity: 1;}
p {
	line-height: 1.6em;
	font-size: 0.875em;
}
img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
small {
	display: block;
	max-width: 940px;
	text-align: center;
	margin: 8% auto;
	font-size: 0.75em;
}
span.square {border: #f39a50 solid 3px;}
span.line {border-bottom: #f39a50 solid 3px;}

/* リンク文字色
--------------------------------------- */
a:link {
    color: #F3295C;
    text-decoration: underline;
}
a:visited {
    color: #F3295C;
    text-decoration: underline;
}
a:hover {
    color: #F3295C;
    text-decoration: none;
}
a:active {
    color: #F3295C;
    text-decoration: none;
}

/* コンテンツ
--------------------------------------- */
#column_container {
	border-top: #f8427d solid 6px; 
	background: #ffffff url(../../../images/vc/season/season20171002/column/column_bg.gif) repeat;
	background-size: 3%;
	width: 100%;
}
#column_container .column_ic {
	width: 40%;
	float: right;
	max-width: 446px;
}
#column_container .inner {
	max-width: 960px; /*余白の基準となる親要素*/
	margin: 0 auto;
}
#column_container .inner .inner-padding {
	padding: 4% 2%;
}
#contents1 .inner .inner-padding {
	padding: 4% 2% 0;
}

/* 見出し
--------------------------------------- */
#column_container h2 {
	padding: 4% 0 2%;
	margin: 0 auto;
}
#column_container h2 img {
	max-width: 460px;
}

/* バナー
--------------------------------------- */
.banner {
	width: 96%;
	margin: 0 auto;
	text-align: center;
}
.banner img {
	max-width: 600px;
}

/* =======================================
	タイトル
======================================= */

#title {
	text-align: center;
}
#title h1 {
	width: 96%;
	margin: 0 auto;
	padding: 0 0 6%;
}
#title h1 img {
	max-width: 912px;
	margin-top: -3%;
}
#title p {
	width: 96%;
	margin: 0 auto;
	max-width: 740px;
	padding: 0;
}

/* =======================================
	コンテンツ1/コンテンツ2共通
======================================= */

#column_contents {
	max-width: 940px;
	margin: 0 auto;
}
.contents_ic {
	width: 40%;
}
.contents_ic img {
	max-width: 191px;
}
.contents_bg {
	background:  url(../../../images/vc/season/season20171002/column/contents_bg_sp.png) repeat;
	width: 96%;
	padding: 4% 2%;
}
.contents_img {
	text-align: center;
	padding: 4% 0;
}
.contents_img img {
	max-width: 330px;
	
}

/*===================================================
	
	タブレット縦用(表示領域が750px以上の場合に適用)
	
===================================================*/

@media screen and (min-width: 750px) {

/* =======================================
	共通
======================================= */

p {
	line-height: 1.8em;
	font-size: 1em;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* =======================================
	コンテンツ1/コンテンツ2共通
======================================= */

.h2_txt {
	width: 60%;
}
.contents_img {
	width: 38%;
	padding: 0;
}
	#contents1 .h2_txt {
		float: right;
	}
	#contents1 .contents_img {
		float: left;
	}
	#contents2 .h2_txt {
		float: left;
	}
	#contents2 .contents_img {
		float: right;
	}

	
/* ----------------------------------------------- */
}


/*===================================================
	
	デスクトップ用(表示領域が961px以上の場合に適用)
	
===================================================*/

@media screen and (min-width: 961px) {
	
/* =======================================
	共通
======================================= */


/* コンテンツ
--------------------------------------- */
#column_container {
	background: #ffffff url(../../../images/vc/season/season20171002/column/column_bg.gif) repeat;
	background-size: normal;
}
	
/* 見出し
--------------------------------------- */
#column_container h2 {
	padding: 20px 0 40px;
}
	
/* =======================================
	タイトル
======================================= */

#title h1 {
	padding: 0 0 35px;
}
#title h1 img {
	margin-top: -33px;
}
	
/* =======================================
	コンテンツ1/コンテンツ2共通
======================================= */

.contents_ic {
	margin-left: 40px;
}
.contents_bg {
	background: url(../../../images/vc/season/season20171002/column/contents_bg.png) no-repeat;
	width: 792px;
	height: 441px;
	padding: 40px 50px;
}
.h2_txt {
	width: 450px;
}
.contents_img {
	width: 330px;
}


/* ----------------------------------------------- */
}