.containerfull{margin:0 auto; min-height:10px;width:980px}
.fullw{width:980px}
.centercntw{width:775px;}
h1{color:#888aaa;}
body {margin:0;padding:0;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%; 
}
#ankodate{width:780px;}
img{max-width:100%;}
/* 共通 *********************************************************/
.bg01{background:url(images/bg01.jpg) no-repeat;height:460px;}
.bg02{background:url(images/bg01.jpg) repeat;}
.bg03{background:url(images/bg02.jpg) repeat;height:217px;}
.bg04{background:url(images/bg03.jpg) no-repeat; background-position: 90% 20%; background-size: contain;}

.headtop{position:relative;width:100%;height:690px;}
.headtopimg{position:absolute;top:0;left:0;}
.headbottomimg{/*position:absolute;top:500px;left:45%;margin-left:-360px; padding: 0 100px; font-size: 20px;*/
padding: 20px 175px; font-size: 20px;}

.logo{padding:0 150px;font-size:20px;}
.logo img{float:left;margin:0 10px;}

.centerarea{position:relative;width:100%;min-height:1160px; top: 150px;}

.centerareaimg{position:absolute;top:30px;/*left:50%;margin-left:-388px;z-index:100;*/}
.centerareabotimg{position:absolute;bottom:0px;left:50%;margin-left:-490px;z-index:99;}
.centerareacnt{position:absolute;top:88px;left:50%;margin-left:-388px;background:#9B0001;z-index:90;width:775px;padding-bottom:15px;}
.centerareapiecel,.centerareapiecer{width:47.5%;float:left;margin-bottom10px;padding:15px 0px 0 13px;}
.centerareapiecel .content,.centerareapiecer .content{background:#ffffff;min-height:327px;}
.centerareapiecel .content p,.centerareapiecer .content p{background:#ffffff;padding:10px;margin:0;font-size:1.2em;}



.maparea{min-height:850px;}
.mtido{margin-top: 75px; padding: 30px 0 0 0;}
#ankodate{padding:0 100px;}



.bottomarea {padding:50px 0; font-size: 1.4em; position: relative; width: 100%; min-height: 380px;}
.bottomareaimg {/*position: absolute; top: 50px; left: 48%; margin-left: -388px; z-index: 90;*/
padding: 0 40px; text-align: center;}
.bottomareaimgl {position: absolute; top: 100px; left: 70px; z-index: 100;}


.bottomareacnt {margin-top: 90px; margin-left: 130px;}

.bottomareacnt .spaceblock {width: 80px; height: 90px; float: left;}
.bottomareacnt .spaceblock:after, ..bottomareacnt .spaceblock:before {clear: both;}
.bottomareacnt p {padding: 40px 40px 0;}
.bottomareacnt p span {color: #9B0001; font-weight: bold; font-size: 1.1em; font-style: oblique;}




.bottomareacnt ul {list-style: none;}
.bottomareacnt ul li {background-image: url(images/anko/icon_azuki.jpg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 30px; padding-left: 55px;}
.bottomareacnt a {background: #9B0001; border: 1px solid #9B0001; color: #ffffff; text-decoration: none; padding: 0 30px;}

.bottomareacnt .btn {position: absolute; bottom: 80px; right: 110px;}


div.thx, div.attention {text-align: center; font-weight: bold;}

div.thx{font-size:1.5em;padding:10px 0;border-top:dotted 8px red;border-bottom:dotted 8px red; margin: 25px 0 50px;}

div.attention {color: #9B0001; border:#9B0001 solid 1px;width:80%;padding:10px;margin:0 auto;}
div.attention span{display:block;}
div.attention:empty {display: none;}
.inbox{border:3px solid #D6CFBA; margin:0 auto 50px;}
.inbox h5{color:#9B0001;font-size:1.3em;line-height:3em; background:#D6CFBA;margin:0 0 20px;padding:0 20px;}
.inbox form{padding:5px;}
.inbox form div {display: inline-block; width: 45%; margin-bottom: 20px; margin-left: 25px; font-weight: bold;}
.inbox form div.w100 {width: 100%;}
.inbox form div.cnt {text-align: center; margin-left: 0;}
.inbox form input[type="text"] {height: 30px;}
.inbox form div select {width: 93%; height: 35px; border-width: 2px;}
.inbox form label{display:block; font-size:0.9em;}
.inbox form textarea {border-width: 2px; width:92%;}
.inbox form input[type="text"], .inbox form div select, .inbox form textarea {border-style: solid; border-color: #D6CFBA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px;}
.inbox form input[type="text"]:focus, .inbox form div select:focus, .inbox form textarea:focus {border-color: #9B0001; outline: 0;}
.inbox form input[type="submit"] {border-color: #9B0001; outline: 0; padding: 10px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; color: #9B0001; font-weight: bold; font-size: 1.1em; width: 20%;}
.inbox span.attention {color: #9B0001;}

footer address {text-align: center; color: #ffffff; font-style:normal; line-height: 0.5em; font-size: 1.1em; /*font-family: "ＭＳ ゴシック",sans-serif;*/ }
footer address .company {font-size: 1.5em; display: block; padding: 2.3em 0 1em 0;}
footer address a {text-decoration: none; color: #ffffff;}


/* modal */
.modal-content {width: 50%; margin: 0; padding: 10px 20px; position: fixed; display: none; z-index: 100;}
#modal-overlay {z-index: 1 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120% ;}




.product_date{margin:30px auto;word-wrap: break-word;border:3px solid #9B0001 ; 
 border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
 background:#ffffff;padding:15px; opacity: 0.85; display: table-cell; font-size: 1.5em;}
/*.ankodate p,.ankodate h4{width:100%;}*/
.product_date h4{width:100%;color:#9B0001;font-size:1.3em; display: initial;}
.product_date .anko_icon {float: right; width: 10%;}
.product_date .anko_icon:befor, .product_date .anko_icon:after {clear: both;}



/* sp */
.sp .modal-content {width: 85%;}

.sp .headbottomimg {font-size: 1.6em; padding: 20px 150px;}

.sp .centerareaimg img {width: 100%;}
.sp .centerarea {min-height: 4000px;}

.sp .mtido {margin-top: 15px;}

.sp .inbox h5 {text-align: center; font-size: 2.5em;}
.sp .fullw .inbox form div {width: 100%; font-size: 2em; margin-top: 0.5em;}
.sp .fullw .inbox form input[type="text"], .sp .fullw .inbox form textarea {width: 90%;}
.sp .fullw .inbox form input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; background: #9B0001; color: #ffffff; width: 35%;}

.sp .fullw .inbox {border: 5px solid #D6CFBA;}
.sp .fullw .inbox div.attention span {font-size: 1.5em;}
.sp .fullw .inbox form input[type="text"] {height: 60px;}
.sp .fullw .inbox form div select {height: 70px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; position: relative; z-index: 1;}
.sp .fullw .inbox form div.selectbox {position: relative;}
.sp .fullw .inbox form div.selectbox select option {font-size: 20px;}
.sp .fullw .inbox form div.selectbox:before {content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; width: 30px;}
.sp .fullw .inbox form div.selectbox:after {content: ''; position: absolute; z-index: 0; top: 30px; bottom: 0; margin: auto 0; right: 90px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #D6CFBA transparent transparent transparent;}
.sp .inbox form input[type="text"], .sp .inbox form div select, .sp .inbox form textarea {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.1em;}

.sp .bottomarea {padding: 30px 0 50px; text-align: center;}
.sp .bottomarea .bottomareaimg {position: absolute; bottom: -50px; right: 0; width: 32%;}
.sp .bottomarea .bottomareaimg img {width: 100%;}
.sp .bottomarea .bottomareaimgtop img, .sp .bottomarea .bottomareaimgbottom img {width: 95%;}
.sp .bottomarea .bottomareaimgbottom  {margin-top: 30px;}

.sp .centercntw {width: 99%;}

@media screen and (min-width: 767px) {
	.product_date {font-size: 2em;}
}




/* dorayaki style ****************/
.dorayaki .bg01{background:url(images/dorayaki/dorayaki_bg01.jpg) no-repeat; height:100%;}
.dorayaki .bg02{background: url(images/dorayaki/dorayaki_bg03.jpg) no-repeat; height:700px; text-align:center; margin:70px auto 0px;}

.dorayaki .headtop{height:560px;}
.dorayaki .headbottomimg {text-align: center; margin-bottom: 30px; padding: 0;}
.dorayaki .centerarea{min-height: 1000px; top: 450px;}
.dorayaki .centerareaimg{top:-85px; width: 100%; text-align: center;}

.dorayaki .centerareatext{width:775px; margin:50px auto; border:#9B0001 10px solid; background:url(images/dorayaki/dorayaki_bg02.jpg) no-repeat; background-position:bottom right;}
.dorayaki .centerareatext ul{padding:20px 40px 0;}
.dorayaki .centerareatext li{background:url(images/icon/dorayaki_icon.jpg) no-repeat left; padding: 5px 0 0 65px; margin-bottom:30px; font-weight:bold; font-size:24px; list-style:none; vertical-align:middle;}
.dorayaki .centerareatext li:lastchild{margin:0;}
.dorayaki .centerareatext span{display:block;}

.dorayaki .maparea {position:relative;}


.dorayaki .centerareabotimg{top:530px;}
.dorayaki .bottomarea {margin:0 auto; text-align:center; margin-top: 300px;}
.dorayaki.zh-tw .bottomarea img {margin-right: 50px;}

/* sp */
.sp.dorayaki .centerareaimg img {width: 70%;}




/* zh anko */
.zh-anko .headbottomimg p {text-align: center; font-weight: bold; font-size: 1.15em;}
.zh-anko .inbox h5 {font-size: 1.5em; font-weight: normal;}
.zh-anko .inbox form label {font-size: 1em;}
.zh-anko .inbox span.attention {font-weight: normal;}

.sp.zh-anko .inbox h5 {font-size: 2.5em; font-weight: bold;}


.zh-anko.tw .bottomarea {margin-top: -60px; padding: 0 0 50px 0;}

.sp.zh-anko.tw .bottomarea {margin-top: 20px;}


/* お問合せ to pagetop */
#page-top {font-size: 15px;}
a#page-top {
    text-decoration: none;
    color: #9B0001;
    padding: 10px 20px;
    text-align: center;
}
a#page-top:hover {text-decoration: none; background: #f2eae0;}