/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}
html {
	width: 100%;
	height:100%;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 14px;
	line-height: 170%;
	color: #333;
	width: 100%;
	height: 100%;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table {
	border-collapse: collapse;
}
a:link,
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #FF6600;
}
.clear {
	clear: both;
}
br.pc_nowrap {
	display: none;
}
br.mobile_nowrap {
	display: inline;
}
.wrapper{
	width:100%;
	min-width: 1080px;
}
.wrapper .header_area{
	background:url(../img/bg02a.png) repeat-x top center;
	background-color:#CAF2FF;
}
.header_inner{
	background:url(../img/ttl_bg01.png) center top no-repeat;
	height:680px;
}
.inner_bloc01{
	width:971px;
	position:relative;
	margin:0 auto;
	height:694px;
}
.ttl01{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/ttl01.png) no-repeat center center;
	height:148px;
	padding:170px 0 0;
	margin:0 auto ;
}
.text_area{
	background:url(../img/bg01.png) center center no-repeat;
	position:relative;
	padding:40px 80px;
	height:307px;
	width:680px;
	margin:5px auto 0;
	box-sizing:border-box;
}
.text_area:after{
	content:"";
	position:absolute;
	right: -15px;
    top: -60px;
	z-index:2;
	width:175px;
	height:173px;
	background:url(../img/bg01b.png) no-repeat center center;
}
.text01{
	font-size: 23px;
	font-weight: bold;
	line-height: 1.7;
	color:#E65B00;
	position:relative;
	z-index:3;
}
.kirin01{
	position:absolute;
	background:url(../img/kirin01.png) no-repeat center;
	width:394px;
	height:399px;
	bottom:65px;
	left:-260px;
	opacity:0;
	transition:0.8s ease-out;
}
.kirin01.on{
	left:-180px;
	opacity:1;
}
.kaba01{
	position:absolute;
	background:url(../img/kaba01.png) no-repeat center;
	width:362px;
	height:222px;
	bottom:65px;
	right:-250px;
	transition:0.8s ease-out;
	opacity:0;
}
.kaba01.on{
	right:-170px;
	opacity:1;
}
.p_area{
	position:relative;
	background-color:#CAF2FF;
}
.dl_area{
	width:1109px;
	margin:-45px auto 0;
	position:relative;
}
.dl_list01{
	border-radius:5px;
	background:#00B6F2;
	padding:18px;
	display:flex;
	justify-content:space-between;
}
.dl_list01 li{
	width:346px;
}
.dl_list01 li .btn01{
	width:299px;
	margin:10px auto 20px;
	display:block;
	background:url(../img/btn_bg01.gif);
	border-radius:45px;
	box-sizing:border-box;
}
.dl_list01 li .btn01 a{
	width:291px;
	margin:10px auto 20px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height:48px;
	height:48px;
	border-radius:45px;
	background:url(../img/btn_bg01.gif);
	text-decoration:none;
	border:4px solid #FF6600;
}
.oub_list01{
	margin:30px 0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.oub_list01 dt{
	width:210px;
	border-radius:5px 0 0 5px;
	background-color:#FF9900;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 20px;
	height: 112px;
    padding-top: 10px;
	box-sizing:border-box;
	margin-bottom:15px;
}
.oub_list01 dd{
	width: 899px;
    border-radius: 0 5px 5px 0;
    background-color: #FFFFCC;
    display: flex;
    align-items: center;
    padding: 0 20px 0 30px;
    font-weight: normal;
    font-size: 17px;
    height: 112px;
    box-sizing: border-box;
    margin-bottom: 15px;
    line-height:2;
    padding-top: 10px;
}
.oub_list01 dt.line03,
.oub_list01 dd.line03{
	height:150px;
}
.caption01 [data-ruby]{
	display: inline-block;
    position: relative;	
}
.caption01 [data-ruby]:before{
	content: attr(data-ruby);
    position: absolute;
    top: -0.8em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.8px;
}
.caption02 [data-ruby]{
	display: inline-block;
    position: relative;	
}
.caption02 [data-ruby]:before{
	content: attr(data-ruby);
    position: absolute;
    top: -1.0em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.8px;
}
.caption02 dt [data-ruby]:before{
    top: -1.5em;
}
.pre_name{
	text-align:center;
	font-size: 18px;
	margin-top:10px;
}
.pre_name [data-ruby]{
	display: inline-block;
    position: relative;	
}
.pre_name [data-ruby]:before{
	content: attr(data-ruby);
    position: absolute;
    top: -1.4em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.8px;
}
.caution{
	font-weight: bold;
	color:#FF0000;
}
.present{
	padding:30px 0 100px;
	background-color:#99E6FF;
}
.present .ttl04{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/ttl04.png) no-repeat center center;
	width:699px;
	height:113px;
	margin:0 auto;
}
.item_image01{
	position:relative;
	z-index:3;
	margin-top:-20px;
	width:415px;
	margin-left:auto;
	margin-right:auto;
}
.sakuhin_area {
	background-color: #99E6FF;
	padding-top: 60px;
	padding-bottom: 100px;
	margin-top: 60px;
}
.sakuhin_area.kako {
	background-color: #CAF2FF;
	margin-top: 0px;
}
.sakuhin_area .ttl {
	text-align:center;
	margin-bottom:15px;
}
.sakuhin_area .sakuhin_list {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.sakuhin_area .sakuhin_list .item {
	margin: 14px;
}


@media screen and (max-width: 640px) {
	
.wrapper{
	width:640px;
	min-width: 100%;
	overflow:hidden;
}
.inner_bloc01{
	width:100%;
}
.ttl01{
	width:600px;
	background-size: contain;
	padding-top:10px;
}
.text_area{
	width:100%;
	background-size:cover;
	padding:50px 30px 35px;
	font-size: 18px;
	margin-top:240px;
	 z-index: 3;
}
.text01{
    line-height: 1.8;
}
.kirin01{
	top:115px;
}
.kirin01.on{
	left: -130px;
}
.kaba01{
	top:155px;
}
.kaba01.on{
	right: -80px;
}
.dl_area{
	width:580px;
	margin: -30px auto 0;
}
.dl_list01{
	padding:30px 30px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.dl_list01 li{
	width:100%;
}
.dl_list01 li img{
	width:100%;
	height:auto;
}
.dl_list01 li + li{
	margin-top:40px;
}
.dl_list01 li .btn01,
.dl_list01 li .btn01 a{
	width:350px;
}
.oub_list01{
	flex-direction:column;
}
.oub_list01 dt{
	width:100%;
	margin-bottom:0;
	border-radius:5px 5px 0 0;
	height:50px;
	padding-top:10px;
}
.oub_list01 dt.line03{
	height:50px;
}
.oub_list01 dd.line03{
	height:230px;
}

.oub_list01 dd{
	width:100%;
	margin-bottom:20px;
	border-radius:0 0 5px 5px;
	height:auto;
	padding:20px;
	font-size: 18px;
}
.present{
    padding: 60px 0 80px;
}
.present .ttl04{
	width: 620px;
    background-size: contain;
}
}
@media screen and (min-width: 641px) {
	.dl_list01 a:hover{
		opacity:0.6;
		transition:0.2s ease-out;
	}
}