@charset "UTF-8";

#main {
	max-width:980px;
	min-width:688px;
	margin:0 auto;
	font-size:75%;
	line-height: 1.5;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#module_breadcrumbs {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#module_titleArea{
  z-index:10;
}
#category_title { float: left; padding-top: 10px; }
#extra_nav .text { float: left; padding: 13px 0 0 15px; }

#headline{
	position:relative;
}
#headline p{
	max-width:697px;
	max-height:118px;
	padding-right:270px;
	padding-left: 13px;
}
#headline p img{
	width:100%;
}
#headline .banner{
	position:absolute;
	top:46px;
	right:0;
}
#chk{
	visibility:hidden;
	position:absolute;
	top:0;
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
    body {
        font-size: 100% !important;
        font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    }
    #module_titleArea {
        padding: 0 13px;
        height: 38px !important;
    }
    #module_breadcrumbs {
        display: block;
    }
    #module_breadcrumbs ul {
        font-size: 12px;
    }
    .sp_only {
        display: none;
    }
}

/* switch
 -------------------------------------------------- */
#switch{
	background:url(../img/bg_switch.gif) repeat-x left bottom;
	max-width:980px;
	min-width:688px;
	margin-top:-27px;
	height:49px;
	position:relative;
}
#switch li{
	width:129px;
	height:49px;
}
#switch li#new{
	position:absolute;
	bottom:0;
	right:184px;
}
#switch li#deadline{
	position:absolute;
	bottom:0;
	_bottom:-1px;
	right:55px;
}
#switch li a{
	display:block;
	height:0px;
	padding-top:49px;
	overflow:hidden;
}
#switch li#new a{
	background:url(../img/switch01.png) no-repeat left top;
}
#switch li#deadline a{
	background:url(../img/switch02.png) no-repeat left top;
}
#switch li.current a{
	background-position:left -49px!important;
}

/* campaign
 -------------------------------------------------- */
#campaign{
	background:url(../img/bg_campaign.gif) repeat-x left top;
	padding:0 30px 40px;
}
#campaignWrap{
	position:relative;
}
.item{
	width:48%;
	padding:0 1%;
	margin-top:20px;
}
.itemR{
	float:right;
}
.itemL{
	clear:both;
	float:left;
}
.item .wrap{
	background:url(../img/bg_item.gif) repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:8px;
	_zoom:1;
}
.item .entry{
	background-color:#fff;
	padding:18px 10px;
	_zoom:1;
}
.item .entry .inner{
	width:100%;
	max-width:382px;
	margin:0 auto;
}
.item .head{
	margin-bottom:20px;
	text-align:center;
}
.item .head img{
	width:100%;
	vertical-align:top;
}
.item .txt{
	width:54%;
	float:left;
}
.item .txt_full{
	width:100%;
}
.item .img{
	width:42%;
	float:right;
	max-width:160px;
}
.item .img img{
	width:100%;
}
.item .icon{
	margin-bottom:10px;
}
.item .icon li{
	display:inline;
	padding-right:5px;
}
.item h2{
	font-weight:bold;
	margin-bottom:15px;
}
.item .txt p{
	margin-bottom:15px;
}
.item .txt_full p{
	margin-bottom:15px;
}
.item .txt .date{
	font-size:83.3%;
	margin-bottom:10px;
}
.item .txt_full  .date{
	font-size:83.3%;
	margin-bottom:10px;
}
.item .btn{
	clear:both;
	float:left;
}
.item .btn a{
	display:block;
	width:202px;
	height:0;
	padding-top:30px;
	background:url(../img/btn_detail.png) no-repeat;
	overflow:hidden;
}

#campaign.break{
	padding-top:20px;
}
.break .item{
	margin-top:0;
	margin-bottom:20px;
	margin:0 auto 20px;
	width: 100%;
}
.break .itemR{
	float:none;
}
.break .itemL{
	float:none;
}
.break .item .txt{
	width:61%;
}
.break .item .img{
	width:34%;
}

/*
 SNS Buttons
---------------------------------------------------*/
.social_wrap {
	margin-top:20px;
	line-height:1.231;
}
.social_wrap .container{
	margin:0 auto;
	max-width:980px;
	min-width:668px;
	background-color:#f2f2f2;
	padding:10px 10px 5px;
	text-align:right;
	overflow:hidden;
}
.social_wrap ul {
	display:inline-block;
}
.social_wrap li {
	float:left;
	width:100px;
	overflow:hidden;
	margin-left: 15px;
}

/* PageTop
 -------------------------------------------------- */
.pagetop {
	margin:10px 0 20px;
	text-align: right;
}
.pagetop .container{
	margin:0 auto;
	max-width:980px;
	min-width:688px;
	padding:0;
}
.pagetop a {
	display:inline-block;
	padding:0 12px;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	font-size:75%;
}


/*-------------------------
 * max-width: 640px
--------------------------*/
@media only screen and (max-width: 640px) {
body{
	font-size:14px !important;
}
#main {
	width:auto;
	max-width:none;
	min-width:inherit;
	margin:0 10px;
	font-size:100%;
}
#module_titleArea {
	width:100%;
	min-width:100%;
}
#category_title {
	padding:20px 0 0;
}
#extra_nav .text {
	display:none;
}

#headline{
	position:static;
	top:inherit;
}
#headline p{
	margin-top:0;
	padding-right:0;
	padding-left: 0;
	width:280px;
	height:101px;
	background:url(../img/sp/headline.png) no-repeat;
	background-size:280px auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#headline p img{
	display:none;
}
.note{
	color:#ff3537;
	font-size:85.7%;
	padding:5px 10px;
	border:1px solid #ff3537;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:10px 0;
}

/* switch
 -------------------------------------------------- */
#switch{
	margin-top:20px;
	padding-left:0;
	text-align:center;
	width:auto;
  max-width:none;
  min-width:inherit;
	background:url(../img/bg_switch.gif) repeat-x left bottom;
	height:44px;
}
#switch li{
	width:126px;
	height:44px;
}
#switch li#new{
	bottom:1px;
	right:50%;
}
#switch li#deadline{
	bottom:1px;
	left:50%;
}
#switch li a{
	padding-top:44px;
	float:none;
	vertical-align:bottom;
}
#switch li#new a{
	background:url(../img/sp/switch01.png) no-repeat left top;
	background-size:126px auto;
}
#switch li#deadline a{
	background:url(../img/sp/switch02.png) no-repeat left top;
	background-size:126px auto;
}
#switch li.current a{
	background-position:left -44px!important;
}

/* campaign
 -------------------------------------------------- */
#campaign{
	background:none;
	padding:0;
}
#campaign.break{
	padding-top:0;
}
.item{
	width:100%;
	margin-top:0;
	margin-bottom:2px!important;
	padding:0;
}
.itemR,
.itemL{
	float:none;
}
.item .wrap{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:0 0 6px 0;
}
.item:last-child {
	margin-bottom:0;
}
.item:last-child .wrap {
	padding-bottom: 0;
	background: none;
}
.item .entry{
	padding:8px 0 24px;
}
.item .txt{
	width:61%;
}
.item .img{
	width:34%;
}
.item .btn{
	clear:both;
	float:none;
	padding:0 15px;
}
.item .btn a{
	margin:0 auto;
	color:#fff;
	width:auto;
	height:auto;
	/* SVG as background image (IE9/Chrome/Safari/Opera) */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFMTM5M0QiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMTJFMzQiIG9mZnNldD0iMC40Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0NGMTcxRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NSkiIC8+Cjwvc3ZnPg==);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e1393d),
		color-stop(0.4, #e12e34),
		color-stop(1, #cf171f)
	);
	background-image: -o-linear-gradient(bottom, #e1393d 0%, #e12e34 40%, #cf171f 100%);
	background-image: -moz-linear-gradient(bottom, #e1393d 0%, #e12e34 40%, #cf171f 100%);
	background-image: -webkit-linear-gradient(bottom, #e1393d 0%, #e12e34 40%, #cf171f 100%);
	background-image: -ms-linear-gradient(bottom, #e1393d 0%, #e12e34 40%, #cf171f 100%);
	background-image: linear-gradient(to bottom, #e1393d 0%, #e12e34 40%, #cf171f 100%);
	border:1px solid #ff7e7f;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 5px;
	text-align:center;
	text-indent:inherit;
	white-space:normal;
	text-decoration:none;
}
.item .btn a span:before{
	content : "";
	display:inline-block;
	vertical-align:text-top;
	width:18px;
	height:13px;
	background: url(../img/sp/arw_circle.png) no-repeat left bottom;
	background-size:13px auto;
}
.item .btn a.pc:after{
	content : "";
	display:inline-block;
	width:18px;
	height:12px;
	background: url(../img/sp/icon_pc.png) no-repeat right bottom;
	background-size:15px auto;
}

/* banner
 -------------------------------------------------- */
.banner.sp_only{
	background-color:#f1ede7;
	text-align:center;
	padding:13px 0;
}

/*
 SNS Buttons
---------------------------------------------------*/
.social_wrap{
	border-top:1px solid #dedede;
	margin-top:0;
}
.social_wrap .container{
	width:auto;
  max-width:none;
  min-width:inherit;
	text-align:center;
}
.social_wrap ul{
	width:auto;
}
.social_wrap li {
	margin: 0;
}

/* PageTop
 -------------------------------------------------- */
.pagetop{
	margin:15px 10px;
}
.pagetop .container{
	width:auto;
	  max-width:none;
	  min-width:inherit;
}
.pagetop a{
	font-size:85.7%;
}

/* Other Style
 -------------------------------------------------- */
.indent{
	padding-left:0;
}
}


@media screen and (orientation: portrait) {
.note{
	text-align:left;
}
}
@media screen and (orientation: landscape) {
.note{
	text-align:center;
}
}