@charset "utf-8";
/*-------------------------*/
#breadcrumb_nav {
margin: 0 auto;
width: 1000px;
}
#breadcrumb_nav ol {
color: #fff;
}
#breadcrumb_nav ol a {
color: #fff;
}
h2 img{
box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.6);
max-width: 1000px;
}
.brk{
display: block;
width: 100%;
}
.f_right{
text-align: right;
}
.f_wb{
text-shadow:
2px  2px 1px #ffffff,-2px  2px 1px #ffffff,2px -2px 1px #ffffff,-2px -2px 1px #ffffff,
2px  0px 1px #ffffff,0px  2px 1px #ffffff,-2px  0px 1px #ffffff,0px -2px 1px #ffffff;
}
#preall{
margin: 0 auto;
padding: 20px;
width: 1000px;
}
#boxSticker{
width: 1000px;
}
#boxSticker img{
width: 100%;
}
#boxSticker .img img{
box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.6);
}
#boxMail {
background: #ea1616;
border-radius: 8px;
box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.6);
color: #fff;
margin: 10px auto 30px;
padding: 20px;
position: relative;
}
#boxMail h3 {
border-bottom: dotted #ffd5d5 4px;
padding: 0 0 12px;
margin: 0 0 20px;
}
#boxMail ul {
display: block;
font-size: 1.6em;
line-height: 1.5em;
margin: 10px auto;
overflow: hidden;
text-align: center;
width: 100%;
}
#boxMail li{
float: left;
font-weight: bold;
list-style: none;
text-align: left;
text-decoration: none;
}
#boxMail .add{
background: #fff1f1;
border-radius: 15px;
color: #333;
display: block;
font-size: 1.7em;
font-weight: bold;
line-height: 1.5em;
padding: 20px 0 20px 12%;
text-align: left;
}
#boxMail dl{
font-size: 1.2em;
font-weight: bold;
margin: 5px auto;
overflow: hidden;
width: 65%;
}
#boxMail dt{
box-sizing: border-box;
float: left;
text-align: left;
width: 60%;
}
#boxMail dd{
margin-left: 40%;
text-align: left;
}
#boxMail dd:after{
display: block;
content: "";
clear: both;
}
#boxMail ul li span {
font-size: 70%;
}
.present{
display: flex;
margin: -4px 0 10px;
}
.preImg {
/*margin: 0 5%;*/
margin: 0 1%;
/*width: 40%;*/
}
.preImg img{
width: 100%;
}
.itembox{
background: #fff32c;
border-radius: 5px;
font-weight: bold;
margin: 8px 0 0 0;
min-height: 50px;
text-align: center;
width: 100%;
}
.itemName1 {
padding: 12px 0;
}
.itemName2 {
line-height: 50px;
padding: 12px 0;
}
#boxMore {
background: #ffffff;
box-shadow: 4px 4px 10px -6px rgba(0,0,0,0.6);
border-radius: 8px;
color: #333;
margin: 10px auto 30px;
padding: 20px;
position: relative;
}
#boxMore .present{
display: block;
margin: 0 auto;
width: 50%; /*1つのとき */
}
.midashi{
font-size: 1.5em;
font-weight: bold;
margin: 15px 0;
}
.cap{
line-height: 1.5em;
margin: 15px 0 0;
}

/* TAB  -------------------------------------------------- */
@media screen and (max-width:900px) {



}
@media screen and (max-width: 640px) {/* 640以下 */
	body {
	background: #fff url("../images/back.jpg") no-repeat center top fixed !important;
	}
	h2{
	margin: 10px auto;
	width : 95%;
	}
	h2 img{
	width: 100%;
	}
	h3{
	border-bottom: dotted #ffd5d5 4px;
	padding: 0 0 12px;
	margin: 0 0 20px;
	}
	#breadcrumb_nav{
	background: #6992fe;
	color: #fff!important;
	width: 100%;
	}
	#breadcrumb_nav ol {
	color: #fff!important;
	}
	#breadcrumb_nav ol a {
	color: #fff!important;
	}
	.brk{
	font-size: 90%;
	margin: 0 auto;
	}
	#preall{
	box-sizing: border-box;
	width : 100%;
	}
	#boxSticker {
	margin: 0 auto;
	width: 95%;
	}
	#boxMail{
	box-sizing: border-box;
	margin: 30px auto 30px;
	padding: 20px;
	width: 90%;
	}
	#boxMail h3 {
	border:none;
	margin: 0;
	padding: 0;
	}
	#boxMail ul {
	font-size: 1.4em;
	}
	#boxMail ul li span {
	font-size: 70%;
	}
	#boxMail .add {
	font-size: 1.4em;
	margin: 8px 0;
	padding: 10px 3% 10px 7%;
	}
	#boxMail dl{
	width: 100%;
	}
	#boxMail dt{
	width: 100%;
	float: none;
	}
	#boxMail dd{
	margin-left: auto;
	border-left: none;
	text-align: right;
	}
	.present {
	display: block;
	margin: 0 auto;
	width: 95%;
	}
	.preImg {
	margin: 0 auto 30px;
	width: 90%;
	}
	.preImg img {
	max-width: 400px;
	}
	.midashi{
	font-size: 1.4em;
	line-height: 1.5em;
	}
	#boxMore{
	box-sizing: border-box;
	margin: 30px auto;
	width: 90%;
	}
	#boxMore .present{
	width: 100%;
	}
}