*{margin: 0;paddng: 0;}
img{border: none;}
a:link,a:visited{
color: #F30660;
text-decoration:none;
}
a:hover{
color: #F30660;
}

/*-------コンテンツ---------*/
body{
/*background: #f6881c url(../../images/back_naname_red.jpg) repeat;*/
background-image: linear-gradient(135deg, #f6881c 25%, transparent 25%, transparent 50%, #f6881c 50%, #f6881c 75%, transparent 75%, transparent);
background-size: 10px 10px;
background-color: #ff9c38;
font-size: 1.0em;
height:auto;
margin: 0;
padding: 0;
text-align: center;
width:100%;
}
body:after{
content: "";
position: fixed;/* 背景固定（スクロールさせたいときはabsoluteに）*/
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
/*-------パンくず---------*/
#breadcrumb_nav{
position: relative;
overflow: hidden;
}
#breadcrumb_nav ol{
padding: 0;
}
#breadcrumb_nav li{
list-style-type: none;
float: left;
}
#breadcrumb_nav,#breadcrumb_nav a{
color :#fff;
}
/*-------ヘッダー---------*/
header#header {
text-align: center;
margin-bottom: 2em;
}
/*-------フッター---------*/
#footer{
background: #d30c0c;
text-align:center;
}
#footer a{
color: #fff;
}
#sns_button {
text-align: center;
}
.btn_sns{
margin: 0 2px;
}
.btn_hatebu{
display:block;
posiiton: relative;
top: -20px;
}
.btn_twitter img,.btn_facebook img,.btn_hatebu img,.btn_line img{
height: 40px;
width: 40px;
}
/*-------右側---------*/
#right_side{
padding-top: 0 !important;
float: right;
margin-left: 10px;
}

#all{
margin: 0 auto 3%;
overflow: hidden;
width: 1280px;
}
/* ページタイトル */
#all #inHeader h1{
background-color: #fff;
border-radius: 10px;
margin: 0 auto 2%;
text-align: center;
padding: 20px 0px 10px;
width:100%;
}
/*---------------------プレゼント一覧ここから---------------------*/
/* 全賞品をまとめたdiv */
#formlist{
background-color: #fff;
min-height: 900px;
float: left;
clear: both;
line-height: 1.6em;
width: 950px;
}
/* 賞品ひとつ分のdiv */
#formlist .pre_set{
background-color: #fff;
border: solid 1px #bebebe;
margin: 50px auto 3%;
padding: 30px 4%;
position: relative;
text-align: left;
width: 88%;
}
/* プレゼント無いとき */
#formlist .pre_set_close{
padding: 5%;
text-align: center;
min-height: 900px;
}
/* 賞品名 */
#formlist .pre_set h3.pre_name{
background-color: #f61c1b;
border-radius: 5px;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
margin: -60px auto 20px;
padding: 2% 3%;
}
/* 賞品詳細のdiv */
#formlist .pre_set .pre_detail{
overflow: hidden;
width: 100%;
}
/* 賞品画像＋説明文のdiv*/
#formlist .pre_set .pre_detail .pre_detail_top{
overflow: hidden;
padding-bottom: 3%;
width: 100%;
}
/* 締切＋応募ボタンのdiv*/
#formlist .pre_set .pre_detail .pre_detail_bottom{
clear: both;
overflow: hidden;
width: 100%;
}
/* 賞品画像 */
#formlist .pre_set .pre_detail .pre_detail_top .pre_pic{
float: left;
width:40%;
}
#formlist .pre_set .pre_detail .pre_detail_top .pre_pic img{
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
box-shadow: 1px 1px 5px #aaaaaa;
width: 100%;
}
/* 説明文 */
#formlist .pre_set .pre_detail .pre_detail_top .pre_memo{
width: 54%;
float: right;
}
/* 締切 */
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_date{
width:40%;
float: left;
}
/* 応募締切 */
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_date span{
display: block;
color: #fe3980;
}
/* 応募ボタン */
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a{
background: #fa9801;
color: #fff;
display: block;
}
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a:link{
background-color: #FA9801;
border-radius: 5px;
color: #fff;
display: block;
float: right;
font-size: 1.2em;
line-height: 1.2em;
padding: 2% 3%;
text-align: center;
width: 48%;
}
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a:link,
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a:visited,
#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a:hover{
color: #333;
text-decoration: none;
}
/*---------------------プレゼント一覧ここまで---------------------*/
#mxId{
margin: 3% auto 5%;
text-align: center;
}
#mxId img{
border-radius: 10px;
height: auto;
max-width: 100%;
}

@media (max-width: 480px) {
	body{
	-webkit-text-size-adjust: 100%;
	}
	header#header{
	margin: 0;
	}
	/*-------パンくず---------*/
	#breadcrumb_nav{
	font-size: 3.5vw;
	padding: 5px 0;
	}
	#breadcrumb_nav li{
	font-size: 0.7em;
	}
	/*-------フッター---------*/
	#footer{
	margin-top: 5%;
	}
	.btn_twitter img,.btn_facebook img,.btn_hatebu img,.btn_line img{
	height: 50px;
	width: 50px;
	}
	/*-------右側---------*/
	#right_side{
	margin: auto;
	width: 95%;
	}
	#all{
	margin: 1% auto;
	width: 90%;
	}
	/*-------コンテンツ---------*/
	/* ページタイトル */
	#all #inHeader h1{
	margin-bottom: 3%;
	padding: 15px 0 0;
	}
	#all #inHeader h1 img{
	height: auto;
    margin: 0 auto;
	max-width: 360px;
	width: 80%;
	}

	/*---------------------プレゼント一覧ここから---------------------*/
	/* 全賞品をまとめたdiv */
	#formlist{
	min-height: auto;
	width: 100%;
	}
	/* 賞品ひとつ分のdiv */
	#formlist .pre_set{
	margin: 0 auto 5%;
	padding: 4%;
	}
	/* プレゼント無いとき */
	#formlist .pre_set_close{
	font-size: 3.0vw;
	}
	/* 賞品名 */
	#formlist .pre_set h3.pre_name{
	margin: 0 auto 3%;
	font-size: 0.9em;
	}
	/* 賞品画像 */
	#formlist .pre_set .pre_detail .pre_detail_top .pre_pic{
	float: none;
	margin: 0 auto 3%;
	width:80%;
	}
	/* 説明文 */
	#formlist .pre_set .pre_detail .pre_detail_top .pre_memo{
	float: none;
	font-size: 0.9rem;
	line-height: 1.2;
    width: 100%;
	}
	/* 締切 */
	#formlist .pre_set .pre_detail .pre_detail_bottom .pre_date{
	float: none;
	text-align: center;
	}
	/* 応募締切 */
	#formlist .pre_set .pre_detail .pre_detail_bottom .pre_date span{
	margin: 0 auto 3%;
	}
	/* 応募ボタン */
	#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a{
	background: #fa9801;
	}
	#formlist .pre_set .pre_detail .pre_detail_bottom .pre_btn a:link{
	padding: 3% 0;
	width: 100%;
	}
	/*---------------------プレゼント一覧ここまで---------------------*/
	#mxId{
	margin: 3% auto 2%;
	text-align: center;
	width: 95%;
	}
}