/*reset
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section{margin: 0;padding: 0;}
ul,ul li {list-style-type: none;}
input,textarea,select {font-size: 1rem;}
form,input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
caption,th {text-align: left;}
div {margin: 0;padding: 0;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
*/

/*clearfix
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*/

/*body
body {background: #fff;color: #333;margin: 0 auto;padding: 0;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;
-webkit-text-size-adjust: 100%;letter-spacing: .02rem;}
a:link {color: #0645ad;text-decoration: underline;} a:visited {color: #0664ad;text-decoration: underline;} a:hover,a:active {color: #e40; text-decoration: none;}
*/

/*PC・SP切替、アンカー*/
.w-pc {/*max-width: 100%;margin: 0 auto;*/}
.w-sp {display: none !important;}
a.anc {display: block;padding-top: 25px;margin-top: -25px;}
@media screen and (max-width: 640px){
.w-pc {display: none !important;}
.w-sp {display: block !important;}
a.anc {display: block;padding-top: 10px;margin-top: -10px;}
}

/*全体囲み・ヘッダー*/
#wrapper {margin: 0 auto;width: 100%;height: 100%;}
@media screen and (max-width: 640px){
#wrapper {min-width: 320px;}
.wrapper {padding-top: 0px;}
}
/*section*/
div.bg {margin: 0 auto;width: 100%;}
div.bg.c1 {background-color: #fff;}
div.bg.c2 {background-color: #fffee2;}
section {width: 100%;max-width: 1200px;margin: 0 auto;padding: 5px 0;z-index: 1;}
div.bg section {padding: 30px 0;}
section.cont picture img {margin: 0 auto;display: block;}
@media screen and (max-width: 640px){
div.bg section {padding: 10px 0;}
section {max-width: 100%;min-width: 300px;}
section.cont picture img {width: 90%;}
}

/*メインメニュー・問い合わせボタン フラッグ型*/
.floating-banner {position: fixed;z-index: 999;top: 20px;right: 20px;width: 100%;max-width: 140px;height: auto;}
.floating-banner img {width: 100%;height: auto;}
@media screen and (max-width: 641px){
.floating-banner {top: unset;bottom: 0;left: 0;max-width: 100%;z-index: 999;background-color: rgba(255,255,255,0.8);padding: 10px 18% 15px;}
}


/*コンテンツ*/
#content {width: 100%;margin: 0 auto;padding: 0;}
@media screen and (max-width: 640px){
#content {width: auto;}
}

/*トップページ*/
.top-mv {width: 100%;max-width: 900px;margin: 0 auto;padding-top: 30px;}
.top-mv img {width: 100%;}
@media screen and (max-width: 640px){
.top-mv {padding-top: 15px;}
}

/*ページ内リンク*/
.lst-c {width: 80%;margin: 30px auto 40px;padding: 0;}
.lst-c li {float: left;display: inline-block;list-style: none;}
.lst-c.w2 li {width: 50%;}
.lst-c.w4 li {width: 25%;}
.lst-c li a {width: 96%;float: left;display: inline-block;vertical-align: top;margin: 0 1%;padding: 1rem 1%;
box-sizing: border-box;line-height: 1;text-align: center;border: 2px solid #ff640a;border-radius: 3.2rem;letter-spacing: 0.05rem;background-color: #fff;text-decoration: none;color: #ff640a;
box-shadow: 0 0 12px 0 rgba(255,150,0,0.5);}
.lst-c.w2 li a {font-size: 1.4rem;}
.lst-c.w4 li a {font-size: 1.2rem;}
.lst-c li a:after {font-family: FontAwesome;content: '\f063';margin-left: 6px;color: #ff640a;font-size: 85%;font-weight: 100;vertical-align: 2px;}
.lst-c li a:hover {background: #fffee2;transition: .5s;opacity: 0.9;
box-shadow: 0 0 10px 0 rgba(255,150,0,0.0);}	
.lst-c li:last-child {float: none;}
@media screen and (max-width: 640px){
.lst-c {width: 94%;margin: 20px auto 15px;}
.lst-c.w2 li {width: 100%;}
.lst-c.w4 li {width: 50%;}
.lst-c li a {width: 96%;float: none;display: block;margin: 0 auto 10px;padding: 1.1rem 2%;}
.lst-c.w2 li a {font-size: 1.5rem;}
.lst-c.w4 li a {font-size: .9rem;letter-spacing: 0.01rem;}
}

/*見出し*/
/*h2 {text-align: center;font-size: 46px;line-height: 1.3;letter-spacing: 0.05rem;font-weight: 800;margin: 0 auto 30px;padding: 0;width: 96%;font-family: NeueMontreal,Arial,sans-serif;}*/
h2.ttl {margin: 0 auto;padding: 0;display: block;}
h2.ttl img {display: block;}
h2.ttl.top01 img {width: 86.666%;max-width: 780px;margin: 0 auto 10px;}
h2.ttl.top02 img {width: 66.666%;max-width: 600px;margin: 20px auto 40px;}
h2.ttl.top02-1 img {width: 83.333%;max-width: 750px;margin: 0 auto 20px;}
h2.ttl.top03 img {width: 66.666%;max-width: 600px;margin: 20px auto 40px;}
h2.ttl.top03-1 img {width: 83.333%;max-width: 750px;margin: 0 auto 20px;}
@media screen and (max-width: 640px){
h2.ttl.top01 img,h2.ttl.top02 img,h2.ttl.top02-1 img,h2.ttl.top03 img,h2.ttl.top03-1 img,h2.ttl.top04 img {width: 96%;}
h2.ttl.top01 img {margin: 15px auto 10px;}
h2.ttl.top02 img {margin: 15px auto 20px;}
h2.ttl.top03 img {margin: 15px auto 20px;}
}

h3.ttl-best {text-align: center;font-size: 2.8rem;line-height: 1.3;letter-spacing: .1rem;font-weight: 400;margin: 0 auto 30px;padding: 0;width: 96%;color: #ff640a;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
h3.ttl-best strong {font-size: 2.4rem;font-weight: 800;background: linear-gradient(transparent 60%, #fffc82 60%);margin-right: 10px;}
@media only screen and (max-width: 640px) {
h3.ttl-best {font-size: 2.1rem;}
h3.ttl-best strong {font-size: 2.4rem;margin-right: 0px;}
h3.ttl-best strong.pleats-t {font-size: 2rem;}
}

/*ElementAnimation*/
.js-animation {opacity: 0;visibility: hidden;transform: translateY(100px);transition: all 1.5s;}
.js-animation.is-show {opacity: 1;visibility: visible;transform: translateY(0px);}
.element.js-animation {margin: 0px auto 0px;}
.element.js-animation img, .element.js-animation.is-show img {display: block;width: 100%;margin: 0 auto 5px;max-width: 800px;}
@media only screen and (max-width: 640px) {
.element.js-animation img, .element.js-animation.is-show img {width: 90%;margin: 0 auto 5px;}
}

p.txt01 {text-align: center;width: 96%;font-size: .85rem;line-height: 1.8;color: #555;margin: 20px auto 0;padding: 0 0 20px;letter-spacing: .03rem;}
@media only screen and (max-width: 640px) {
p.txt01 {text-align: left;width: 86%;font-size: .8rem;text-align: justify;text-justify: inter-ideograph;}
}

/*ボタン*/
a.btn01 {width: 40rem;display: block;margin: 20px auto 30px;padding: 1.4rem .5rem;font-size: 1.6rem;line-height: 1.1;letter-spacing: .03rem;font-weight: 800;color: #ff640a;background-color: #fff;
text-align: center;text-decoration: none;border-radius: 4.4rem;box-shadow: 1px 5px 0px rgba(255, 150, 0, 0.3);border: solid 2px #ff640a;}
a.btn01:hover, a.btn01:active {-webkit-transform: translateY(2px);transform: translateY(2px);
transition: .1s;box-shadow: inset 0 0 3px rgba(128, 128, 128, 0.3);opacity: 0.9;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";text-decoration: none;}
a.btn01::after {font-family: FontAwesome;content: '\f08e';padding-left: .4rem;font-size: 92%;font-weight: normal;}
@media only screen and (max-width: 640px) {
a.btn01 {width: 88%;font-size: .95rem;margin: 10px auto 25px;padding: 1.3rem .2rem;border-radius: 2.7rem;}
}

/*商品リンク*/
.item-lst {width: 100%;max-width: 800px;margin: 20px auto;}
.item-lst li {display: inline-block;float: left;margin: 0 .5% 20px;padding: 0;font-size: .75rem;line-height: 1.5;text-align: center;letter-spacing: .01rem;vertical-align: top;}
.item-lst.wi4 li {width: 24%;}
.item-lst.wi3 li {width: 32.333%;}
.item-lst li a {color: #ff640a;text-decoration: none;}
.item-lst li a strong {color: #777;font-weight: normal;font-size: .95rem;}
.item-lst li a:hover {text-decoration: underline;}
.item-lst li:last-child {float: none;}
.item-lst li img {width: 100%;margin: 0 auto 10px;border: solid 1px #ff640a;}
.item-lst li img:hover {opacity: .7;}
@media only screen and (max-width: 640px) {
.item-lst {width: 86%;}
.item-lst li,.item-lst.wi3 li,.item-lst.wi4 li {display: block;float: none;width: 100%;margin: 0 auto 15px;padding: 0;font-size: .95rem;}
}

/*フッター
footer {border-top: 1px solid #ddd;margin: 0 auto;padding: 25px 0 70px;text-align: center;line-height: 2;color: #555;width: 100%;background-color: #fff;}
address {font-size: .75rem;letter-spacing: .05rem;color: #605555;text-align: center;margin: 0 auto;padding: 5px 0;font-style: normal;width: 100%;}
@media screen and (max-width: 640px){
footer {width: 96%;height: 100%;padding: 20px 0 90px;}
address {font-size: .7rem;}
}
*/

/*ページトップ*/
#page-top {position: fixed;bottom: 5px;right: 35px;z-index: 999;}
/*#page-top a {background: #ffbb00;text-decoration: none;color: #fff;padding: 15px;text-align: center;display: block;border-radius: 30px;font-size: 15px;line-height: 1;opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}*/
#page-top a img {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
#page-top a img:hover,#page-top a img:active {opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "alpha(opacity=60)";}
#page-top a img:visited {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
@media screen and (max-width: 480px){
#page-top {bottom: 9px;right: 9px;}
#page-top a img {width: auto;height: auto;height: 60px;}
}