@charset "utf-8";
*{
	margin:0;
	padding:0;
	border:none;
	color:#000;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height:1.0;
}
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset{
	margin:0;
	padding:0;
}
*{box-sizing: border-box;}
.clear{clear:both;}
.red{color:#FF3300;}
.blue{color:#002060;}
.bold{font-weight:bold;}
.large{font-size:130%;}
.underline{text-decoration:underline;}
/***************************************************
PC用および共通設定 
***************************************************/
.pc{display:block;}
.sp{display:none;}
.br-sp{display:none;}
.pt3{padding-top:3%;}
.pb3{padding-bottom:3%;}
body{
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

a:hover img{opacity:0.6;}
/*ヘッダー*/
#wrp_header{
	width:100%;
	background:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u58635744/pc/gift/css/../images/bg.png") repeat-x center top;
	height:564px;/*バナーを挿入する場合、ここに高さを足す。684px*/
}

#box_header{
	background:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u58635744/pc/gift/css/../images/bg_main.jpg") no-repeat center top;
	background-size:cover;
	width:960px;
	margin:auto;
	padding:80px 0 80px 0;
	height:564px;
}

#box_header .title_main{
	margin-bottom:35px;
}

#box_header p{
	width:600px;
	margin:0 auto 30px;
	line-height:2;
	text-align:center;
	font-size:120%;
}

#box_header .bt_gift{
	margin-bottom: 25px;
}

#box_header .bt_mother{
	margin:0 auto;
}

/*#box_header .bt_mother img{
	width:520px;
	height: auto;
}*/



/*本文*/
ul#bt_menu {
	width:80%;
	margin:0 auto 0;
}

ul#bt_menu li{
	width:31%;
/*	border:2px solid #002060;*/
	background:#d4ebfd;
	text-align:left;
	margin:0 0 0 2%;
	list-style-type: none;
	float:left;
	position:relative;
}
ul#bt_menu li a:after{
	content:'▼';
	position:absolute;
	display:inline-block;
	width:1em;
	height:1em;
	left:88%;
	top:34%;
}

ul#bt_menu li a{
	display:block;
	padding:1.2em 0 1.2em 1em;
	color:#002060;
	font-size:110%;
	font-weight:bold;
	transition: all 0.7s;
}
ul#bt_menu li a:hover{
	background:#002060;
	color:#FFF;
}

ul.note li{
	list-style-type: desc;
	text-align:left;
	margin-left:1.5em;
	line-height:1.6;
}

/*安倍追加*/
ul.note li a{
	text-decoration:underline;
	color:#3399cc;
}

ul.note2 li{
	list-style-type: none;
	text-align:left;
	margin-left:0.2em;
	padding-left:1.5em;
	line-height:1.6;
	position:relative;
}
ul.note2 li:before{
	content:'※';
	position:absolute;
	top:0;
	left:0;
	width:1em;
	height:1em;

}
#wrp_contents{
	width:940px;
	padding-bottom:30px;
	margin:auto;
}
#wrp_contents p{
	text-align:left;
	line-height:1.6;
}
#wrp_contents p a{
	color:#3399cc;
	text-decoration:underline;
	position:relative;
	padding-left:0;
}
#wrp_contents p a:before{
	content:'▼';
	position:absolute;
	top:0.3em;
	right:-1.3em;
	width:1.3em;
	height:1.3em;

}
#wrp_contents p a.noicon:before{
	content:'';
}
#wrp_contents p a.noicon{
	padding-left:0;
}

footer{
	padding:20px 0;
}
div.line{
	border-top:1px solid #CCC;
	margin-top:5%;
}	

h2{
	color:#002060;
	font-size:150%;
	font-weight:bold;
	text-align:left;
	width:100%;
	border-bottom:1px solid #002060;
	padding:4% 0 0.5% 1%;
	margin:4% auto 4%;
}
h3{
	width:100%;
	padding:4% 0 0.5% 1%;
	margin:6% auto 4%;
}

h3 span{
	line-height:1.4;
	color:#002060;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}

.img img{
	margin:2% auto;
}
.capture img{
	margin:2% auto;
	border:1px solid #ccc;
}
.icon{
	text-align:center;
}
.icon img{
	margin:3% auto;
}

#bt_gotop{
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
}
#meisai #wrp_contents{
	padding-top:5%;
}
#meisai h2{
	margin-top:0;

}

#breadcrumb{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:100%;
	margin:8% auto 0;
	padding:0.8em;
	height:2.6em;
}
ul#breadcrumb li{
	list-style-type: none;
	float:left;
	margin-right:2em;
	position:relative;
}
ul#breadcrumb li a{
	text-decoration:underline;
	color:#3399cc;
}

ul#breadcrumb li:after{
	content:'＞';
	position:absolute;
	top:0;
	right:-1.7em;
	width:1em;
	height:1em;
}
ul#breadcrumb li:last-child:after{
	content:'';
}
	

/***************************************************
スマートフォン用 
***************************************************/
@media only screen and (max-width: 959px){

.br-sp{display:inline-block;}

.pc{display:none;}
.sp{display:block;}

img{width:100%;}
/*ヘッダー*/


#wrp_header{
	width:100%;
	height:100%;
	background:none;

}

#box_header{
	background:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u58635744/pc/gift/css/../images/bg_main.jpg") no-repeat center top;
	background-size:contain;
	width:100%;
	height:100%;
	margin:auto;
	padding:8% 0 2%;
}

#box_header .title_main{
	margin:0 auto 5%;
	width:90%;
}


#box_header p{
	font-size:100%;
	width:88%;
	margin:0 auto 4%;
	line-height:2.0;
	text-align:center;
}

#box_header .bt_gift{
	width:90%;
	margin:0 auto 2%;
}

#box_header .bt_mother{
	width:90%;
	margin:0 auto;
}


/*本文*/
ul#bt_menu {
	width:96%;
	margin:0 auto 4%;
}

ul#bt_menu li{
	width:100%;
/*	border:2px solid #002060;*/
	background:#d4ebfd;
	margin:0 auto 3%;
	text-align:left;
	list-style-type: none;
	float:left;
}
/*ul#bt_menu li:nth-child(2n){
	margin-right:0;
}*/
ul#bt_menu li a{
	padding:1.3em 0 1.3em 1em;
	font-size:90%;
}
ul#bt_menu li a:after{
	left:93%;
	top:40%;
}

#wrp_contents{
	width:94%;
	margin:auto;
	padding-bottom:2%;
}
.icon{
	width:30%;
	margin:5% auto;
	text-align:center;
}
h2{

	margin:6% auto 4%;
}
#bt_gotop{
	position:fixed;
	bottom:1%;
	right:1%;
	width:12%;
}

footer{
	padding:4% 12%;
	line-height:1.4;
	font-size:90%;
}

}