*{margin: 0;padding: 0;}
img{border: none;}
a{color: #f30660;}
a:link,a:visited{text-decoration:none;}
/*-------パンくず---------*/
#breadcrumb_nav{
position: relative;
overflow: hidden;
}
#breadcrumb_nav ol{
padding: 0;
}
#breadcrumb_nav li{
list-style-type: none;
float: left;
}
#breadcrumb_nav a{
color: #13B064;
}
/*-------ヘッダー---------*/
header#header {
text-align: center;
margin-bottom: 2em;
}
/*-------フッター---------*/
#footer{
text-align:center;
}
#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_line img{height: 40px;width: 40px;}
/*-------右側---------*/
#right_side{
padding-top: 0 !important;
float: right;
margin-left: 10px;
}
/*-------コンテンツ---------*/
body{
background: #d6f9e8;
font-size: 1.0em;
height:auto;
margin: 0;
padding: 0;
text-align: center;
width:100%;
}
body:after{
/*
background-color: #fff;
background: -moz-linear-gradient(top, #cccccc 10%, #ffffff 70%);
background: -webkit-linear-gradient(top, #cccccc 10%, #ffffff 70%);
background: linear-gradient(to bottom, #cccccc 10%, #ffffff 70%);
*/
content: "";
position: fixed;/* 背景固定（スクロールさせたいときはabsoluteに）*/
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#all_present{
margin: 0 auto 3%;
overflow: hidden;
width: 1280px;
}
/* ページタイトル */
#all_present #present_header h1{
background-color: #ffffff;
border-radius: 10px;
margin: 0 auto 2%;
text-align: center;
width:100%;
}
#all_present #present_header h1 img{
height: 100px;
}
/*---------------------プレゼント一覧ここから---------------------*/
/* 全賞品をまとめたdiv */
#present_list{
clear: both;
float: left;
line-height: 1.6em;
min-height: 900px;
width: 950px;
}
/* 賞品ひとつ分のdiv */
#present_list .pre_set{
background-color: #fff;
border: solid 1px #bebebe;
margin: 0 auto 3% auto;
padding: 4%;
position: relative;
text-align: left;
}
/* プレゼント無いとき */
#present_list .pre_set_close{
min-height: 900px;
padding: 5%;
text-align: center;
}
/* 賞品名 */
#present_list .pre_set h3.pre_name{
background-color: #666;
border-radius: 5px;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
padding: 2% 3%;
margin: 0 auto 3% auto;
}
/* 賞品詳細のdiv */
#present_list .pre_set .pre_detail{
overflow: hidden;
width: 100%;
}
/* 賞品画像＋説明文のdiv*/
#present_list .pre_set .pre_detail .pre_detail_top{
overflow: hidden;
padding-bottom: 3%;
width: 100%;
}
/* 締切＋応募ボタンのdiv*/
#present_list .pre_set .pre_detail .pre_detail_bottom{
clear: both;
overflow: hidden;
width: 100%;
}
/* 賞品画像 */
#present_list .pre_set .pre_detail .pre_detail_top .pre_pic{
float: left;
width:40%;
}
#present_list .pre_set .pre_detail .pre_detail_top .pre_pic img{
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
box-shadow: 1px 1px 5px #aaa;
width: 100%;
}
/* 説明文 */
#present_list .pre_set .pre_detail .pre_detail_top .pre_memo{
float: right;
width: 54%;
}
/* 締切 */
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_date{
float: left;
width:40%;
}
/* 応募締切 */
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_date span{
color: #fe3980;
display: block;
}
/* 応募ボタン */
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_btn a{
background: #ccc;
display: block;
}
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_btn a:link{
background-color: #ccc;
border-radius: 5px;
display: block;
float: right;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
padding: 2% 3%;
width: 48%;
}
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_btn a:link,
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_btn a:visited,
#present_list .pre_set .pre_detail .pre_detail_bottom .pre_btn a:hover{
color: #333;
text-decoration: none;
}
/*---------------------プレゼント一覧ここまで---------------------*/