#winter{background-color: #fff;}
#winter .row{max-width: 900px;margin: auto;position: relative;}
#contentInner{width: 100%;text-align: center; padding: 0;}

.happyoukai-bg{background-color: rgba(255, 153, 153, 0.08);}
.christmas-bg{background-color: rgba(151, 208, 119, 0.08);}



.bg_img{width: 100%;text-align: center;background:#FAF7E6 url(https://d3t0ae4e2cnggp.cloudfront.net/resource/20161006/b04.gif);margin-bottom: 30px;}
.bg_img img{max-width: 100%;height: auto;}
.event_item{text-align: center;}
.title_text{text-align: center;}

h2.h2_bgtitle{color: #fff; font-size: 32px;font-weight: bold;text-align: center;padding: 10px 0;background-color: #f99;margin:40px auto;clear: both;}
h2.winter{color: #fff; background-color: #97d077;font-size: 32px;font-weight: bold;text-align: center;padding: 10px 0;margin:0 auto 40px ;clear: both;}

.tc{text-align: center;margin:auto;}
.read{font-size: 18px;
    font-weight: bold;
    color: #5389d6;
    padding-bottom: 1em;
    
}
.evh3{display: inline-block;vertical-align: top;margin:0 10px;}
.evh3 h3{padding: 10px 0;text-align: center;font-size: 21px;font-weight: bold;background-color: #fff;width: 100%;}
.evh3 h3.red{color: #ff9999;}
.evh3 h3.blue{color: #5389d6;}

.happyoukai,
.christmas
{text-align: center;position: relative;}
.happyoukai .row
{border: 5px solid #FF9999;border-radius: 15px;padding: 10px 0 20px 0;}
.christmas .row
{border: 5px solid #97d077;border-radius: 15px;padding: 10px 0 20px 0;}



.happyoukai h2.pink
{font-size: 21px;font-weight: bold;color: #f99;text-align: center;display: inline-block;margin: 40px auto 0 auto;}
.christmas h2.blue{
font-size: 21px;font-weight: bold;color: #97d077;text-align: center;display: inline-block;margin: 40px auto 0 auto;
}
.happyoukai p.title_text,
.christmas p.title_text
{font-size: 14px;color: #000;text-align: center;margin-bottom:1em;}


.item-tbl{display: table;}
.item-tbl .item{display: table-cell;width: 33.333%;padding: 3%;text-align: center;}
.christmas .item-tbl .item{}
.christmas .item-tbl .item p.pos img{max-width: 282px;}
.item-tbl .item h3{text-align: center;}
.item-tbl .item p.pos{position: relative;margin: 0;padding: 0;}
.item-tbl .item .btnarea{margin-top: 1em;}
.item-tbl .item .btnarea div{
    padding-top: 6px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 5px;   
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.item-tbl .item .btnarea a{display: inline-block;vertical-align: middle;margin-bottom: 0.5em;font-size: 13px;max-width: 200px;}
.christmas .item-tbl .item .btnarea a{}

.down{
	font-family: 'FontAwesome';
    content: '\f08e';
    font-size: 0.9em;
    margin: 0 3px 0 2px;
}

h3.item-name{text-align: center;color: #ff8410;font-size: 18px;}
.description{text-align: center;line-height: 1.5em;margin-bottom: 1em;    font-size: 16px; color: #3aab98; font-weight: bold; padding: 15px 0;}
.code{font-size: 13px;font-weight: bold;text-align: left;cursor: pointer;}

.code-tags{text-align: left;line-height: 1em;}
.code-tags span{border: 1px solid #eee;font-size: 11px;padding: 2px 6px;display: inline-block;border-radius: 3px;margin-bottom: 4px;background-color: #fff;}

#winter .on{display: block;}

.pdf{position: absolute;left: 0;top: 0;background: #f99;color: #fff;font-weight: bold; font-size: 22px;padding:10px 1em;   border-bottom-right-radius: 10px;}
.pdf i{font-size: 11px;}
.pdf_dl{padding: 30px;}

.christmas .pdf{background-color:#97d077; }

.msg{display: block; font-size: 12px;text-align: left;}

#winter .lp_price{text-align: center;}
.lp_price .RE{color: #ff0000;font-size: 16px;}
#winter .lp_price small{font-size: 13px;}


#winter .sw-item{padding: 1em 5em;width: 30%;text-align: center;margin: 20px auto;display: inline-block;vertical-align: top;position: relative;}
#winter .onecols{margin-right: 50%;}

.evh3 img,
img.WT300{ width: auto;height: 250px;display: block;margin-left: auto;margin-right: auto;border: 1px solid #eee;background-color: #fff;}

.various{
	display: block;
	position: relative;
}
img.zoom-icon{position: absolute;top: 0;right: 0;max-width: 24px!important;height: auto;background-color: rgba(0,0,0,0.2);padding: 5px;transform: rotate(0deg);}
img.zoom-icon2{position: absolute;top: 0;right: 4.4em;max-width: 24px!important;height: auto;background-color: rgba(0,0,0,0.2);padding: 5px;transform: rotate(0deg);}

.various:hover img.zoom-icon{z-index: 10;display: block;}
.paybtn{display: block; max-width: 290px;margin:10px auto;text-align: center;}



@media screen and (max-width: 768px) {

	body#winter{min-width: auto;}
	


	#content {
	width:100%;
	margin:0 auto;
	position:relative;
	}

	#contentInner {
		width:auto;
		margin:0 auto;
		position:relative;
		padding:0;
	}

	#main_contents{
		width:auto;
		/*width:74.5%;*/
		float:none;
	}

	#main_contents.full_size{
		width:100%;
		float:none;
	}

	#leftColumn {
	    float: none;
	    width: none;
		width:auto;
	}


	.sidebar_box{
		width:auto;
		margin-bottom:20px;
		border: solid 1px #cccccc;
	}

	.sidebar_box .sidebar_box_contents{
		/*width:199px;*/
		margin:0 auto;
		padding:0 9px;
		padding-bottom:10px;
		padding-top:8px;
	}

}

@media screen and (max-width: 600px) {

	#header,
	#header_bottom_full,
	#fil,
	#footer_nav,
	#footer
	{display: none;}

	.happyoukai h2.pink,
.christmas h2.blue{margin-top: 60px;font-size: 16px;}

	#winter .row{padding: 0;margin: 0 0.5em;}

.read{font-size: 14px;padding-top: 1em;}

h2.h2_bgtitle{ font-size: 22px;padding: 5px 0;margin:20px auto;}
h2.winter{color: #fff;font-size: 22px;padding: 5px 0;margin:20px auto;}

.evh3{display: inline-block;vertical-align: top;margin:0 auto;width: 45%;}
.evh3 img{max-width: 100%;height: auto;}
.evh3 h3{padding: 10px 0;text-align: center;font-size: 16px;}
.evh3 h3.red{color: #ff9999;font-size: 13px;}
.evh3 h3.blue{color: #5389d6;font-size: 13px;}

.happyoukai p.title_text, .christmas p.title_text{padding: 0 2em;}
.happyoukai, .christmas{margin-bottom: 20px;}

#winter .sw-item{width: 94%;padding: 2%;}
#winter .onecols{margin-right: auto;}


.christmas .item-tbl .item p.pos img,
.bg_img img{max-width: 100%;height: auto;}


.item-tbl{display: block;padding: 1em;}
.item-tbl .item{display: block;width: 100%;padding:20px 0; text-align: center;margin: 0;}
.item-tbl .item h3{text-align: center;}
.item-tbl .item p.pos{position: relative;margin: 0;padding: 0;}

.item-tbl .item .btnarea{margin-top: 1em;}
.item-tbl .item .btnarea a{display: inline-block;vertical-align: middle;width: 45%;margin-bottom: 0.5em;font-size: 13px;}

.christmas .item-tbl .item .btnarea a{width: 46%;}

img.zoom-icon2{right: 0;}

}

@media screen and (max-width: 415px) {

}

@media screen and (max-width: 380px) {

}

@media screen and (max-width: 320px) {

}
#fil {
    display: none;
}

@media (max-width: 648px) {
	#loginBar{display:none;}
	body{line-height: 0.1;}
	.item-tbl .item h3{background:none; text-shadow:none; color:#000;}
	h2.pink{text-shadow:none; background:none;}
	h1{background:none;}
	.read{background: none; text-shadow:none;}
	h3{text-shadow:none; background: none;}

}