html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.clearfix{zoom:1}.clearfix:after{content:'';display:block;clear:both}.dn{display:none}@media only screen and (min-width: 800px){.mobileDn{display:block}}@media only screen and (min-width: 480px) and (max-width: 799px){.mobileDn{display:none}}@media only screen and (max-width: 479px){.mobileDn{display:none}}@media only screen and (min-width: 800px){.mobileOn{display:none}}@media only screen and (min-width: 480px) and (max-width: 799px){.mobileOn{display:block}}@media only screen and (max-width: 479px){.mobileOn{display:block}}.box-sizeing{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.textCenter{text-align:center !important}.textRight{text-align:right !important}.textLeft{text-align:left !important}.floatLeft{float:left !important}.floatRight{float:right !important}.fontBold{font-weight:bold !important}.underline{text-decoration:underline !important}.marginCenter{margin:0px auto !important}.marginTop0{margin-top:0px !important}.colorRed{color:#ed1c24 !important}.colorGray{color:#666 !important}.colorLightGray{color:#999 !important}.colorGreen{color:#8cc63f !important}.colorVividGreen{color:#39b54a !important}.listStyleTypeNone{list-style-type:none !important}.table{display:table}.tr{display:table-row}.td{display:table-cell}.w5{width:5px !important}.w10{width:10px !important}.w15{width:15px !important}.w20{width:20px !important}.w25{width:25px !important}.w30{width:30px !important}.w35{width:35px !important}.w40{width:40px !important}.w45{width:45px !important}.w50{width:50px !important}.w55{width:55px !important}.w60{width:60px !important}.w65{width:65px !important}.w70{width:70px !important}.w75{width:75px !important}.w80{width:80px !important}.w85{width:85px !important}.w90{width:90px !important}.w95{width:95px !important}.w100{width:100px !important}.w105{width:105px !important}.w110{width:110px !important}.w115{width:115px !important}.w120{width:120px !important}.w125{width:125px !important}.w130{width:130px !important}.w135{width:135px !important}.w140{width:140px !important}.w145{width:145px !important}.w150{width:150px !important}.w155{width:155px !important}.w160{width:160px !important}.w165{width:165px !important}.w170{width:170px !important}.w175{width:175px !important}.w180{width:180px !important}.w185{width:185px !important}.w190{width:190px !important}.w195{width:195px !important}.w200{width:200px !important}.w205{width:205px !important}.w210{width:210px !important}.w215{width:215px !important}.w220{width:220px !important}.w225{width:225px !important}.w230{width:230px !important}.w235{width:235px !important}.w240{width:240px !important}.w245{width:245px !important}.w250{width:250px !important}.w255{width:255px !important}.w260{width:260px !important}.w265{width:265px !important}.w270{width:270px !important}.w275{width:275px !important}.w280{width:280px !important}.w285{width:285px !important}.w290{width:290px !important}.w295{width:295px !important}.w300{width:300px !important}.w305{width:305px !important}.w310{width:310px !important}.w315{width:315px !important}.w320{width:320px !important}.w325{width:325px !important}.w330{width:330px !important}.w335{width:335px !important}.w340{width:340px !important}.w345{width:345px !important}.w350{width:350px !important}.w355{width:355px !important}.w360{width:360px !important}.w365{width:365px !important}.w370{width:370px !important}.w375{width:375px !important}.w380{width:380px !important}.w385{width:385px !important}.w390{width:390px !important}.w395{width:395px !important}.w400{width:400px !important}.w405{width:405px !important}.w410{width:410px !important}.w415{width:415px !important}.w420{width:420px !important}.w425{width:425px !important}.w430{width:430px !important}.w435{width:435px !important}.w440{width:440px !important}.w445{width:445px !important}.w450{width:450px !important}.w455{width:455px !important}.w460{width:460px !important}.w465{width:465px !important}.w470{width:470px !important}.w475{width:475px !important}.w480{width:480px !important}.w485{width:485px !important}.w490{width:490px !important}.w495{width:495px !important}.w500{width:500px !important}.font12{font-size:12px !important}.font13{font-size:13px !important}.font14{font-size:14px !important}.font15{font-size:15px !important}.font16{font-size:16px !important}.font17{font-size:17px !important}.font18{font-size:18px !important}.font19{font-size:19px !important}.font20{font-size:20px !important}.font21{font-size:21px !important}.font22{font-size:22px !important}.font23{font-size:23px !important}.font24{font-size:24px !important}.font25{font-size:25px !important}.font26{font-size:26px !important}.font27{font-size:27px !important}.font28{font-size:28px !important}.font29{font-size:29px !important}.font30{font-size:30px !important}.font31{font-size:31px !important}.font32{font-size:32px !important}.font33{font-size:33px !important}.font34{font-size:34px !important}.font35{font-size:35px !important}.font36{font-size:36px !important}.font37{font-size:37px !important}.font38{font-size:38px !important}.font39{font-size:39px !important}.font40{font-size:40px !important}.font41{font-size:41px !important}.font42{font-size:42px !important}.font43{font-size:43px !important}.font44{font-size:44px !important}.font45{font-size:45px !important}.font46{font-size:46px !important}.font47{font-size:47px !important}.font48{font-size:48px !important}.marginTop5{margin-top:5px !important}.marginBottom5{margin-bottom:5px !important}.paddingTop5{padding-top:5px !important}.paddingBottom5{padding-bottom:5px !important}.marginTop10{margin-top:10px !important}.marginBottom10{margin-bottom:10px !important}.paddingTop10{padding-top:10px !important}.paddingBottom10{padding-bottom:10px !important}.marginTop15{margin-top:15px !important}.marginBottom15{margin-bottom:15px !important}.paddingTop15{padding-top:15px !important}.paddingBottom15{padding-bottom:15px !important}.marginTop20{margin-top:20px !important}.marginBottom20{margin-bottom:20px !important}.paddingTop20{padding-top:20px !important}.paddingBottom20{padding-bottom:20px !important}.marginTop25{margin-top:25px !important}.marginBottom25{margin-bottom:25px !important}.paddingTop25{padding-top:25px !important}.paddingBottom25{padding-bottom:25px !important}.marginTop30{margin-top:30px !important}.marginBottom30{margin-bottom:30px !important}.paddingTop30{padding-top:30px !important}.paddingBottom30{padding-bottom:30px !important}.marginTop35{margin-top:35px !important}.marginBottom35{margin-bottom:35px !important}.paddingTop35{padding-top:35px !important}.paddingBottom35{padding-bottom:35px !important}.marginTop40{margin-top:40px !important}.marginBottom40{margin-bottom:40px !important}.paddingTop40{padding-top:40px !important}.paddingBottom40{padding-bottom:40px !important}.marginTop45{margin-top:45px !important}.marginBottom45{margin-bottom:45px !important}.paddingTop45{padding-top:45px !important}.paddingBottom45{padding-bottom:45px !important}.marginTop50{margin-top:50px !important}.marginBottom50{margin-bottom:50px !important}.paddingTop50{padding-top:50px !important}.paddingBottom50{padding-bottom:50px !important}.marginTop55{margin-top:55px !important}.marginBottom55{margin-bottom:55px !important}.paddingTop55{padding-top:55px !important}.paddingBottom55{padding-bottom:55px !important}.marginTop60{margin-top:60px !important}.marginBottom60{margin-bottom:60px !important}.paddingTop60{padding-top:60px !important}.paddingBottom60{padding-bottom:60px !important}.marginTop65{margin-top:65px !important}.marginBottom65{margin-bottom:65px !important}.paddingTop65{padding-top:65px !important}.paddingBottom65{padding-bottom:65px !important}.marginTop70{margin-top:70px !important}.marginBottom70{margin-bottom:70px !important}.paddingTop70{padding-top:70px !important}.paddingBottom70{padding-bottom:70px !important}.marginTop75{margin-top:75px !important}.marginBottom75{margin-bottom:75px !important}.paddingTop75{padding-top:75px !important}.paddingBottom75{padding-bottom:75px !important}.marginTop80{margin-top:80px !important}.marginBottom80{margin-bottom:80px !important}.paddingTop80{padding-top:80px !important}.paddingBottom80{padding-bottom:80px !important}.marginTop85{margin-top:85px !important}.marginBottom85{margin-bottom:85px !important}.paddingTop85{padding-top:85px !important}.paddingBottom85{padding-bottom:85px !important}.marginTop90{margin-top:90px !important}.marginBottom90{margin-bottom:90px !important}.paddingTop90{padding-top:90px !important}.paddingBottom90{padding-bottom:90px !important}.marginTop95{margin-top:95px !important}.marginBottom95{margin-bottom:95px !important}.paddingTop95{padding-top:95px !important}.paddingBottom95{padding-bottom:95px !important}.marginTop100{margin-top:100px !important}.marginBottom100{margin-bottom:100px !important}.paddingTop100{padding-top:100px !important}.paddingBottom100{padding-bottom:100px !important}.marginTop105{margin-top:105px !important}.marginBottom105{margin-bottom:105px !important}.paddingTop105{padding-top:105px !important}.paddingBottom105{padding-bottom:105px !important}.marginTop110{margin-top:110px !important}.marginBottom110{margin-bottom:110px !important}.paddingTop110{padding-top:110px !important}.paddingBottom110{padding-bottom:110px !important}.marginTop115{margin-top:115px !important}.marginBottom115{margin-bottom:115px !important}.paddingTop115{padding-top:115px !important}.paddingBottom115{padding-bottom:115px !important}.marginTop120{margin-top:120px !important}.marginBottom120{margin-bottom:120px !important}.paddingTop120{padding-top:120px !important}.paddingBottom120{padding-bottom:120px !important}.marginTop125{margin-top:125px !important}.marginBottom125{margin-bottom:125px !important}.paddingTop125{padding-top:125px !important}.paddingBottom125{padding-bottom:125px !important}.marginTop130{margin-top:130px !important}.marginBottom130{margin-bottom:130px !important}.paddingTop130{padding-top:130px !important}.paddingBottom130{padding-bottom:130px !important}.marginTop135{margin-top:135px !important}.marginBottom135{margin-bottom:135px !important}.paddingTop135{padding-top:135px !important}.paddingBottom135{padding-bottom:135px !important}.marginTop140{margin-top:140px !important}.marginBottom140{margin-bottom:140px !important}.paddingTop140{padding-top:140px !important}.paddingBottom140{padding-bottom:140px !important}.marginTop145{margin-top:145px !important}.marginBottom145{margin-bottom:145px !important}.paddingTop145{padding-top:145px !important}.paddingBottom145{padding-bottom:145px !important}.marginTop150{margin-top:150px !important}.marginBottom150{margin-bottom:150px !important}.paddingTop150{padding-top:150px !important}.paddingBottom150{padding-bottom:150px !important}.marginTop155{margin-top:155px !important}.marginBottom155{margin-bottom:155px !important}.paddingTop155{padding-top:155px !important}.paddingBottom155{padding-bottom:155px !important}.marginTop160{margin-top:160px !important}.marginBottom160{margin-bottom:160px !important}.paddingTop160{padding-top:160px !important}.paddingBottom160{padding-bottom:160px !important}.marginTop165{margin-top:165px !important}.marginBottom165{margin-bottom:165px !important}.paddingTop165{padding-top:165px !important}.paddingBottom165{padding-bottom:165px !important}.marginTop170{margin-top:170px !important}.marginBottom170{margin-bottom:170px !important}.paddingTop170{padding-top:170px !important}.paddingBottom170{padding-bottom:170px !important}.marginTop175{margin-top:175px !important}.marginBottom175{margin-bottom:175px !important}.paddingTop175{padding-top:175px !important}.paddingBottom175{padding-bottom:175px !important}.marginTop180{margin-top:180px !important}.marginBottom180{margin-bottom:180px !important}.paddingTop180{padding-top:180px !important}.paddingBottom180{padding-bottom:180px !important}.marginTop185{margin-top:185px !important}.marginBottom185{margin-bottom:185px !important}.paddingTop185{padding-top:185px !important}.paddingBottom185{padding-bottom:185px !important}.marginTop190{margin-top:190px !important}.marginBottom190{margin-bottom:190px !important}.paddingTop190{padding-top:190px !important}.paddingBottom190{padding-bottom:190px !important}.marginTop195{margin-top:195px !important}.marginBottom195{margin-bottom:195px !important}.paddingTop195{padding-top:195px !important}.paddingBottom195{padding-bottom:195px !important}.marginTop200{margin-top:200px !important}.marginBottom200{margin-bottom:200px !important}.paddingTop200{padding-top:200px !important}.paddingBottom200{padding-bottom:200px !important}.marginTop205{margin-top:205px !important}.marginBottom205{margin-bottom:205px !important}.paddingTop205{padding-top:205px !important}.paddingBottom205{padding-bottom:205px !important}.marginTop210{margin-top:210px !important}.marginBottom210{margin-bottom:210px !important}.paddingTop210{padding-top:210px !important}.paddingBottom210{padding-bottom:210px !important}.marginTop215{margin-top:215px !important}.marginBottom215{margin-bottom:215px !important}.paddingTop215{padding-top:215px !important}.paddingBottom215{padding-bottom:215px !important}.marginTop220{margin-top:220px !important}.marginBottom220{margin-bottom:220px !important}.paddingTop220{padding-top:220px !important}.paddingBottom220{padding-bottom:220px !important}.marginTop225{margin-top:225px !important}.marginBottom225{margin-bottom:225px !important}.paddingTop225{padding-top:225px !important}.paddingBottom225{padding-bottom:225px !important}.marginTop230{margin-top:230px !important}.marginBottom230{margin-bottom:230px !important}.paddingTop230{padding-top:230px !important}.paddingBottom230{padding-bottom:230px !important}.marginTop235{margin-top:235px !important}.marginBottom235{margin-bottom:235px !important}.paddingTop235{padding-top:235px !important}.paddingBottom235{padding-bottom:235px !important}.marginTop240{margin-top:240px !important}.marginBottom240{margin-bottom:240px !important}.paddingTop240{padding-top:240px !important}.paddingBottom240{padding-bottom:240px !important}.marginTop245{margin-top:245px !important}.marginBottom245{margin-bottom:245px !important}.paddingTop245{padding-top:245px !important}.paddingBottom245{padding-bottom:245px !important}.marginTop250{margin-top:250px !important}.marginBottom250{margin-bottom:250px !important}.paddingTop250{padding-top:250px !important}.paddingBottom250{padding-bottom:250px !important}.marginTop255{margin-top:255px !important}.marginBottom255{margin-bottom:255px !important}.paddingTop255{padding-top:255px !important}.paddingBottom255{padding-bottom:255px !important}.marginTop260{margin-top:260px !important}.marginBottom260{margin-bottom:260px !important}.paddingTop260{padding-top:260px !important}.paddingBottom260{padding-bottom:260px !important}.marginTop265{margin-top:265px !important}.marginBottom265{margin-bottom:265px !important}.paddingTop265{padding-top:265px !important}.paddingBottom265{padding-bottom:265px !important}.marginTop270{margin-top:270px !important}.marginBottom270{margin-bottom:270px !important}.paddingTop270{padding-top:270px !important}.paddingBottom270{padding-bottom:270px !important}.marginTop275{margin-top:275px !important}.marginBottom275{margin-bottom:275px !important}.paddingTop275{padding-top:275px !important}.paddingBottom275{padding-bottom:275px !important}.marginTop280{margin-top:280px !important}.marginBottom280{margin-bottom:280px !important}.paddingTop280{padding-top:280px !important}.paddingBottom280{padding-bottom:280px !important}.marginTop285{margin-top:285px !important}.marginBottom285{margin-bottom:285px !important}.paddingTop285{padding-top:285px !important}.paddingBottom285{padding-bottom:285px !important}.marginTop290{margin-top:290px !important}.marginBottom290{margin-bottom:290px !important}.paddingTop290{padding-top:290px !important}.paddingBottom290{padding-bottom:290px !important}.marginTop295{margin-top:295px !important}.marginBottom295{margin-bottom:295px !important}.paddingTop295{padding-top:295px !important}.paddingBottom295{padding-bottom:295px !important}.marginTop300{margin-top:300px !important}.marginBottom300{margin-bottom:300px !important}.paddingTop300{padding-top:300px !important}.paddingBottom300{padding-bottom:300px !important}.marginTop305{margin-top:305px !important}.marginBottom305{margin-bottom:305px !important}.paddingTop305{padding-top:305px !important}.paddingBottom305{padding-bottom:305px !important}.marginTop310{margin-top:310px !important}.marginBottom310{margin-bottom:310px !important}.paddingTop310{padding-top:310px !important}.paddingBottom310{padding-bottom:310px !important}.marginTop315{margin-top:315px !important}.marginBottom315{margin-bottom:315px !important}.paddingTop315{padding-top:315px !important}.paddingBottom315{padding-bottom:315px !important}.marginTop320{margin-top:320px !important}.marginBottom320{margin-bottom:320px !important}.paddingTop320{padding-top:320px !important}.paddingBottom320{padding-bottom:320px !important}.marginTop325{margin-top:325px !important}.marginBottom325{margin-bottom:325px !important}.paddingTop325{padding-top:325px !important}.paddingBottom325{padding-bottom:325px !important}.marginTop330{margin-top:330px !important}.marginBottom330{margin-bottom:330px !important}.paddingTop330{padding-top:330px !important}.paddingBottom330{padding-bottom:330px !important}.marginTop335{margin-top:335px !important}.marginBottom335{margin-bottom:335px !important}.paddingTop335{padding-top:335px !important}.paddingBottom335{padding-bottom:335px !important}.marginTop340{margin-top:340px !important}.marginBottom340{margin-bottom:340px !important}.paddingTop340{padding-top:340px !important}.paddingBottom340{padding-bottom:340px !important}.marginTop345{margin-top:345px !important}.marginBottom345{margin-bottom:345px !important}.paddingTop345{padding-top:345px !important}.paddingBottom345{padding-bottom:345px !important}.marginTop350{margin-top:350px !important}.marginBottom350{margin-bottom:350px !important}.paddingTop350{padding-top:350px !important}.paddingBottom350{padding-bottom:350px !important}.marginTop355{margin-top:355px !important}.marginBottom355{margin-bottom:355px !important}.paddingTop355{padding-top:355px !important}.paddingBottom355{padding-bottom:355px !important}.marginTop360{margin-top:360px !important}.marginBottom360{margin-bottom:360px !important}.paddingTop360{padding-top:360px !important}.paddingBottom360{padding-bottom:360px !important}.marginTop365{margin-top:365px !important}.marginBottom365{margin-bottom:365px !important}.paddingTop365{padding-top:365px !important}.paddingBottom365{padding-bottom:365px !important}.marginTop370{margin-top:370px !important}.marginBottom370{margin-bottom:370px !important}.paddingTop370{padding-top:370px !important}.paddingBottom370{padding-bottom:370px !important}.marginTop375{margin-top:375px !important}.marginBottom375{margin-bottom:375px !important}.paddingTop375{padding-top:375px !important}.paddingBottom375{padding-bottom:375px !important}.marginTop380{margin-top:380px !important}.marginBottom380{margin-bottom:380px !important}.paddingTop380{padding-top:380px !important}.paddingBottom380{padding-bottom:380px !important}.marginTop385{margin-top:385px !important}.marginBottom385{margin-bottom:385px !important}.paddingTop385{padding-top:385px !important}.paddingBottom385{padding-bottom:385px !important}.marginTop390{margin-top:390px !important}.marginBottom390{margin-bottom:390px !important}.paddingTop390{padding-top:390px !important}.paddingBottom390{padding-bottom:390px !important}.marginTop395{margin-top:395px !important}.marginBottom395{margin-bottom:395px !important}.paddingTop395{padding-top:395px !important}.paddingBottom395{padding-bottom:395px !important}.marginTop400{margin-top:400px !important}.marginBottom400{margin-bottom:400px !important}.paddingTop400{padding-top:400px !important}.paddingBottom400{padding-bottom:400px !important}.marginTop405{margin-top:405px !important}.marginBottom405{margin-bottom:405px !important}.paddingTop405{padding-top:405px !important}.paddingBottom405{padding-bottom:405px !important}.marginTop410{margin-top:410px !important}.marginBottom410{margin-bottom:410px !important}.paddingTop410{padding-top:410px !important}.paddingBottom410{padding-bottom:410px !important}.marginTop415{margin-top:415px !important}.marginBottom415{margin-bottom:415px !important}.paddingTop415{padding-top:415px !important}.paddingBottom415{padding-bottom:415px !important}.marginTop420{margin-top:420px !important}.marginBottom420{margin-bottom:420px !important}.paddingTop420{padding-top:420px !important}.paddingBottom420{padding-bottom:420px !important}.marginTop425{margin-top:425px !important}.marginBottom425{margin-bottom:425px !important}.paddingTop425{padding-top:425px !important}.paddingBottom425{padding-bottom:425px !important}.marginTop430{margin-top:430px !important}.marginBottom430{margin-bottom:430px !important}.paddingTop430{padding-top:430px !important}.paddingBottom430{padding-bottom:430px !important}.marginTop435{margin-top:435px !important}.marginBottom435{margin-bottom:435px !important}.paddingTop435{padding-top:435px !important}.paddingBottom435{padding-bottom:435px !important}.marginTop440{margin-top:440px !important}.marginBottom440{margin-bottom:440px !important}.paddingTop440{padding-top:440px !important}.paddingBottom440{padding-bottom:440px !important}.marginTop445{margin-top:445px !important}.marginBottom445{margin-bottom:445px !important}.paddingTop445{padding-top:445px !important}.paddingBottom445{padding-bottom:445px !important}.marginTop450{margin-top:450px !important}.marginBottom450{margin-bottom:450px !important}.paddingTop450{padding-top:450px !important}.paddingBottom450{padding-bottom:450px !important}.marginTop455{margin-top:455px !important}.marginBottom455{margin-bottom:455px !important}.paddingTop455{padding-top:455px !important}.paddingBottom455{padding-bottom:455px !important}.marginTop460{margin-top:460px !important}.marginBottom460{margin-bottom:460px !important}.paddingTop460{padding-top:460px !important}.paddingBottom460{padding-bottom:460px !important}.marginTop465{margin-top:465px !important}.marginBottom465{margin-bottom:465px !important}.paddingTop465{padding-top:465px !important}.paddingBottom465{padding-bottom:465px !important}.marginTop470{margin-top:470px !important}.marginBottom470{margin-bottom:470px !important}.paddingTop470{padding-top:470px !important}.paddingBottom470{padding-bottom:470px !important}.marginTop475{margin-top:475px !important}.marginBottom475{margin-bottom:475px !important}.paddingTop475{padding-top:475px !important}.paddingBottom475{padding-bottom:475px !important}.marginTop480{margin-top:480px !important}.marginBottom480{margin-bottom:480px !important}.paddingTop480{padding-top:480px !important}.paddingBottom480{padding-bottom:480px !important}.marginTop485{margin-top:485px !important}.marginBottom485{margin-bottom:485px !important}.paddingTop485{padding-top:485px !important}.paddingBottom485{padding-bottom:485px !important}.marginTop490{margin-top:490px !important}.marginBottom490{margin-bottom:490px !important}.paddingTop490{padding-top:490px !important}.paddingBottom490{padding-bottom:490px !important}.marginTop495{margin-top:495px !important}.marginBottom495{margin-bottom:495px !important}.paddingTop495{padding-top:495px !important}.paddingBottom495{padding-bottom:495px !important}.marginTop500{margin-top:500px !important}.marginBottom500{margin-bottom:500px !important}.paddingTop500{padding-top:500px !important}.paddingBottom500{padding-bottom:500px !important}
*,*:before,*:after{
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
}
body{
font-family:"arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
a{
color:#4c4c4c;text-decoration:none
}
a:hover{
text-decoration:none
}
p{
font-size:15px;color:#606060;line-height:160%
}
@media only screen and (min-width: 800px){
.l-container
{
/* width:1024px; */
width:90%;
margin:0px auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-container
{
width:100%;padding:0px 20px
}
}
@media only screen and (max-width: 479px){
.l-container
{
width:100%;padding:0px 20px
}
}
@media only screen and (min-width: 800px){
.l-col2-main
{
width:773px;float:right
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-col2-main
{
width:100%;margin-bottom:15px
}
}
@media only screen and (max-width: 479px){
.l-col2-main
{
width:100%;margin-bottom:15px
}
}
@media only screen and (min-width: 800px){
.l-col2-sub
{
width:227px;float:left
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-col2-sub
{
width:100%
}
}
@media only screen and (max-width: 479px){
.l-col2-sub
{
width:100%
}
}
.l-col2-sub__box{
margin-top:15px
}
.l-col2-sub__box:first-child{
margin-top:0
}
@media only screen and (min-width: 800px){
.l-col3-main
{
width:524px;float:left;margin-left:250px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-col3-main
{
width:100%;margin-bottom:15px
}
}
@media only screen and (max-width: 479px){
.l-col3-main
{
width:100%;margin-bottom:15px
}
}
@media only screen and (min-width: 800px){
.l-col3-sub__left
{
width:227px;position:absolute;left:0;top:0
}
}
@media only screen and (min-width: 800px){
.l-col3-sub__right
{
width:227px;float:right
}
}
.l-col3-sub__box{
margin-top:15px
}
.l-col3-sub__box:first-child{
margin-top:0
}
.h-logo{
float:left
}
@media only screen and (min-width: 800px){
.h-logo
{
max-width:286px;margin-top:20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.h-logo
{
max-width:210px;margin:10px 0
}
}
@media only screen and (max-width: 479px){
.h-logo{max-width:210px;margin:10px 0}
}
.h-sub{
float:right
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.h-sub
{
margin:10px 70px 10px 0
}
}
@media only screen and (max-width: 479px){
.h-sub
{
margin:10px 70px 10px 0
}
}
.h-sub__tel-fax{
max-width:327px;margin-left:auto;padding:11px 0
}
.h-sub__tel-fax__btn{
float:left;
/* max-width:160px */
}
.h-sub__tel-fax__btn:first-child{
border-right:1px solid #666666;padding-right:15px
}
.h-sub__tel-fax__btn a{
text-decoration:none;display:block;padding:0 6px;text-align:center
}
.h-sub__tel-fax__btn a .icon{
font-size:26px
}
.h-sub__tel-fax__btn a .txt{
font-size:16px;font-weight:bold
}
.h-sub__cart{
margin-top:10px
}
.h-sub__cart p{
float:left;vertical-align:middle;margin:10px 20px 0 0
}
.h-sub__cart__btn{
float:left;width:160px;margin-right:5px
}
.h-sub__cart__btn:last-child{
margin-right:0
}
.h-sub__cart__btn a{
max-width:100%;color:#fff;border-radius:5px;padding:6px 0;display:block;text-decoration:none;text-align:center
}
.h-sub__cart__btn a .icon{
font-size:30px
}
.h-sub__cart__btn a .txt{
font-size:14px
}
.h-sub__sm{
margin-top:10px
}
.h-sub__sm p{
float:left;vertical-align:middle;margin:10px 20px 0 0
}
.h-sub__sm__btn{
float:left;width:30px;margin-right:5px
}
.h-sub__sm__btn:last-child{
margin-right:0
}
.h-sub__sm__btn a{
max-width:100%;color:#fff;border-radius:5px;padding:6px 0;display:block;text-decoration:none;text-align:center
}
.h-sub__sm__btn a .icon{
font-size:30px
}
.mobileMenu{
max-width:50px;position:absolute;right:10px;top:15px
}
.globalNavi__item,.gNav__item--flower,.gNav__item--about,.gNav__item--item,.gNav__item--recipe,.gNav__item--voice,.gNav__item--qa,.gNav__item--company{
display:block;
}
.globalNavi__item a,.gNav__item--flower a,.gNav__item--about a,.gNav__item--item a,.gNav__item--recipe a,.gNav__item--voice a,.gNav__item--qa a,.gNav__item--company a{
display:block
}
.gNav {
width: 1024px;
margin: 10px auto 0;
display: flex; /* Flexbox を有効にする */
justify-content: center; /* 水平方向に中央揃え */
}
.gNav__item--flower,
.gNav__item--about,
.gNav__item--item,
.gNav__item--recipe,
.gNav__item--voice,
.gNav__item--qa,
.gNav__item--company {
display: block; /* float: left; は不要 */
/* margin: 0 10px; 各要素間の間隔を調整（必要に応じて） */
}
/* float: left; は削除 */
.gNav__item--flower a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:195px,auto;-o-background-size:195px,auto;-webkit-background-size:195px,auto;background-size:195px,auto;background-repeat:no-repeat;overflow:hidden;width:195px;height:74px;background-position:0 -148px
}
.gNav__item--about a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:100px,auto;-o-background-size:100px,auto;-webkit-background-size:100px,auto;background-size:100px,auto;background-repeat:no-repeat;overflow:hidden;width:100px;height:74px;background-position:0 0px
}
.gNav__item--item a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:185px,auto;-o-background-size:185px,auto;-webkit-background-size:185px,auto;background-size:185px,auto;background-repeat:no-repeat;overflow:hidden;width:185px;height:74px;background-position:0 -222px
}
.gNav__item--recipe a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:210px,auto;-o-background-size:210px,auto;-webkit-background-size:210px,auto;background-size:210px,auto;background-repeat:no-repeat;overflow:hidden;width:210px;height:74px;background-position:0 -370px
}
.gNav__item--voice a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:100px,auto;-o-background-size:100px,auto;-webkit-background-size:100px,auto;background-size:100px,auto;background-repeat:no-repeat;overflow:hidden;width:100px;height:74px;background-position:0 -444px
}
.gNav__item--qa a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:100px,auto;-o-background-size:100px,auto;-webkit-background-size:100px,auto;background-size:100px,auto;background-repeat:no-repeat;overflow:hidden;width:100px;height:74px;background-position:0 -296px
}
.gNav__item--company a{
background:url('../img/common/sprite-s3bb58cd6bc.png');-moz-background-size:100px,auto;-o-background-size:100px,auto;-webkit-background-size:100px,auto;background-size:100px,auto;background-repeat:no-repeat;overflow:hidden;width:100px;height:74px;background-position:0 -74px
}
.main-box{
/* margin-bottom:100px; */
position:relative;
}
.l-col3-sub__right .sub-right--feature{
border:1px solid #606060;box-sizing:border-box;margin-top:15px
}
@media only screen and (min-width: 800px){
.l-col3-sub__right .sub-right--feature
{
min-height:180px
}
.l-col3-sub__right .sub-right--feature:first-child{
margin-top:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-col3-sub__right .sub-right--feature
{
float:left;width:49%;margin-left:2%;padding-bottom:10px
}
.l-col3-sub__right .sub-right--feature:nth-child(2n-1){
margin-left:0
}
}
@media only screen and (max-width: 479px){
.l-col3-sub__right .sub-right--feature
{
padding-bottom:10px
}
}
.l-col3-sub__right .sub-right--feature a{
color:#606060;text-decoration:none;font-size:14px;font-weight:bold
}
.l-col3-sub__right .sub-right--feature__h2{
border-bottom:1px solid #606060;max-width:40px;margin:3px;padding-bottom:3px
}
.l-col3-sub__right .sub-right--feature__txt{
margin:3px 0;padding:0 3px;font-size:13px;line-height:14px
}
.l-col3-sub__right .my-page__btn{
color:#fff;text-align:center;padding:14px 0;display:block;text-decoration:none
}
.l-col3-sub__right .my-page__btn .icon{
font-size:32px
}
.l-col3-sub__right .my-page__btn .txt{
font-size:18px;font-weight:bold
}
.l-col3-sub__right .shopping-basket{
border:1px solid #606060;box-sizing:border-box
}
.l-col3-sub__right .shopping-basket__h2{
color:#606060;padding:9px 0;text-align:center
}
.l-col3-sub__right .shopping-basket__h2 .icon{
font-size:25px
}
.l-col3-sub__right .shopping-basket__h2 .txt{
font-size:16px;font-weight:bold
}
.l-col3-sub__right .shopping-basket__list{
padding:0 10px;margin-top:10px
}
.l-col3-sub__right .shopping-basket__list li{
border-top:1px dashed #606060;padding:10px 0;position:relative
}
.l-col3-sub__right .shopping-basket__list li:first-child{
border:0
}
.l-col3-sub__right .shopping-basket__list li .heading{
float:left
}
.l-col3-sub__right .shopping-basket__list li .value{
float:right
}
.l-col3-sub__right .shopping-basket__btn{
font-size:15px;font-weight:bold;color:#fff;display:block;text-align:center;text-decoration:none;padding:9px 0;max-width:210px;margin:10px auto
}
.l-col3-sub__right .search{
padding:14px 10px
}
.l-col3-sub__right .search h2{
text-align:center;font-size:17px;font-weight:bold;color:#606060
}
.l-col3-sub__right .search .searchform{
margin:15px auto 0;display:block;height:38px;position:relative
}
.l-col3-sub__right .search .keywords{
width:100%;height:38px;position:absolute;border:1px solid #000
}
.l-col3-sub__right .search .searchBtn{
position:absolute;max-width:26px;top:6px;right:10px
}
.l-col3-sub__right .information h2{
text-align:center;font-size:16px;font-weight:bold;background-color:#a5797f/*#878b5a*/ !important; color: #fff !important;padding:15px 0
}
.l-col3-sub__right .information__list{
padding:0 10px
}
.l-col3-sub__right .information__list li{
border-top:1px dashed #606060;padding:10px 0;position:relative
}
.l-col3-sub__right .information__list li:first-child{
border:0
}
.l-col3-sub__right .information__list li .icon{
/* float:left;color:#a5797f;font-size:35px */
float:left;color:#a5797f/*#878b5a*/;font-size:35px
}
.l-col3-sub__right .information__list li .txt{
float:right;font-size:13px;font-weight:bold;color:#606060;line-height:35px
}
.l-col2-sub .guidance,.l-col3-sub__left .guidance{
padding:14px 11px
}
.l-col2-sub .guidance h2,.l-col3-sub__left .guidance h2{
font-size:18px;text-align:center;color:#606060
}
.l-col2-sub .guidance h2 span,.l-col3-sub__left .guidance h2 span{
font-size:14px;display:block;margin-bottom:5px
}
.l-col2-sub .guidance h2::after,.l-col3-sub__left .guidance h2::after{
content:'';display:block;border-bottom:1px solid #666;max-width:48px;margin:15px auto 0
}
.l-col2-sub .guidance a,.l-col3-sub__left .guidance a{
display:block;border-radius:15px;text-decoration:none;position:relative;text-align:center;font-size:15px;padding:9px 0
}
.l-col2-sub .guidance a .icon,.l-col3-sub__left .guidance a .icon{
position:absolute;left:10px;font-size:20px;top:50%;margin-top:-10px
}
.l-col2-sub .guidance a.beginners,.l-col3-sub__left .guidance a.beginners{
color:#606060
}
.l-col2-sub .guidance a.beginners .icon,.l-col3-sub__left .guidance a.beginners .icon{
color:#efeaca
}
.l-col2-sub .guidance a.member,.l-col3-sub__left .guidance a.member{
color:#fff
}
.l-col2-sub .guidance a .icon--arrow,.l-col3-sub__left .guidance a .icon--arrow{
vertical-align:middle;position:absolute;right:25px;font-size:12px;top:50%;margin-top:-6px
}
.l-col2-sub .ranking h2,.l-col3-sub__left .ranking h2{
font-size:17px;padding-left:10px;color:#606060;border-left:5px solid #dbdcdc
}
.l-col2-sub .ranking__list li,.l-col3-sub__left .ranking__list li{
border-bottom:1px dashed #606060;position:relative;padding-left:40px;background-repeat:no-repeat;background-position:center left;background-size:34px 28px
}
.l-col2-sub .ranking__list li:nth-child(1),.l-col3-sub__left .ranking__list li:nth-child(1){
background-image:url(../img/common/ranking1.png)
}
.l-col2-sub .ranking__list li:nth-child(2),.l-col3-sub__left .ranking__list li:nth-child(2){
background-image:url(../img/common/ranking2.png)
}
.l-col2-sub .ranking__list li:nth-child(3),.l-col3-sub__left .ranking__list li:nth-child(3){
background-image:url(../img/common/ranking3.png)
}
.l-col2-sub .ranking__list li:nth-child(4),.l-col3-sub__left .ranking__list li:nth-child(4){
background-image:url(../img/common/ranking4.png)
}
.l-col2-sub .ranking__list li:nth-child(5),.l-col3-sub__left .ranking__list li:nth-child(5){
background-image:url(../img/common/ranking5.png)
}
.l-col2-sub .ranking__list li a,.l-col3-sub__left .ranking__list li a{
text-decoration:none;display:block;padding:21px 0;font-size:12px
}
.l-col2-sub .ranking__list .ranking--item,.l-col3-sub__left .ranking__list .ranking--item{
max-width:40px;position:absolute;top:50%;right:0;display:block;margin-top:-21px
}
.l-col2-sub .ranking__list .ranking--item img,.l-col3-sub__left .ranking__list .ranking--item img{
width:100%;height:auto
}
.l-col2-sub .contact h2,.l-col3-sub__left .contact h2{
font-size:17px;padding-left:10px;color:#606060;border-left:5px solid #dbdcdc
}
.l-col2-sub .contact__list li,.l-col3-sub__left .contact__list li{
color:#606060;font-size:14px;margin-top:5px
}
.l-col2-sub .contact__list li:first-child,.l-col3-sub__left .contact__list li:first-child{
margin-top:0
}
.l-col2-sub .contact__list li a,.l-col3-sub__left .contact__list li a{
text-decoration:none;display:block;position:relative
}
.l-col2-sub .contact__list li .icon--first,.l-col3-sub__left .contact__list li .icon--first{
font-size:30px
}
.l-col2-sub .contact__list li .icon--arrow,.l-col3-sub__left .contact__list li .icon--arrow{
font-size:15px;position:absolute;top:50%;right:0;margin-top:-7px
}
.l-col2-sub .calendar__box,.l-col3-sub__left .calendar__box{
display:block;max-width:100%;padding:13px 0;background-color:#eaeaea
}
.l-col2-sub .calendar__box #biz_calendar,.l-col3-sub__left .calendar__box #biz_calendar{
max-width:100%
}
.l-col2-sub .calendar__box #biz_calendar th:first-child,.l-col3-sub__left .calendar__box #biz_calendar th:first-child{
color:#e73828
}
.l-col2-sub .calendar__box #biz_calendar th:last-child,.l-col3-sub__left .calendar__box #biz_calendar th:last-child{
color:#1fb2d2
}
.l-col2-sub .calendar__box .heading,.l-col3-sub__left .calendar__box .heading{
position:relative
}
.l-col2-sub .calendar__box .heading .month,.l-col3-sub__left .calendar__box .heading .month{
position:absolute;top:50%;margin-top:-7px;font-size:14px;color:#606060;text-decoration:none;cursor:pointer
}
.l-col2-sub .calendar__box .heading .prev,.l-col3-sub__left .calendar__box .heading .prev{
left:5px
}
.l-col2-sub .calendar__box .heading .next,.l-col3-sub__left .calendar__box .heading .next{
right:5px
}
.l-col2-sub .calendar__box .heading h2,.l-col3-sub__left .calendar__box .heading h2{
text-align:center;color:#606060
}
.l-col2-sub .calendar__box .heading h2 span,.l-col3-sub__left .calendar__box .heading h2 span{
vertical-align:middle;font-size:12px
}
.l-col2-sub .calendar__box .heading h2 .month-number,.l-col3-sub__left .calendar__box .heading h2 .month-number{
font-size:30px
}
.l-col2-sub .calendar__box .sideCalendar,.l-col3-sub__left .calendar__box .sideCalendar{
color:#666;font-size:14px;border-collapse:collapse;border-spacing:0
}
@media only screen and (min-width: 800px){
.l-col2-sub .calendar__box .sideCalendar,.l-col3-sub__left .calendar__box .sideCalendar
{
max-width:187px;margin:15px auto 0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.l-col2-sub .calendar__box .sideCalendar,.l-col3-sub__left .calendar__box .sideCalendar
{
max-width:100%;width:100%
}
}
@media only screen and (max-width: 479px){
.l-col2-sub .calendar__box .sideCalendar,.l-col3-sub__left .calendar__box .sideCalendar
{
max-width:100%;width:100%
}
}
.l-col2-sub .calendar__box .sideCalendar th,.l-col3-sub__left .calendar__box .sideCalendar th{
display:table-cell;text-align:center;padding:5px;vertical-align:middle;font-size:10px
}
.l-col2-sub .calendar__box .sideCalendar td,.l-col3-sub__left .calendar__box .sideCalendar td{
display:table-cell;padding:5px;vertical-align:middle;text-align:center;font-weight:bold
}
.l-col2-sub .calendar__box .sunday,.l-col3-sub__left .calendar__box .sunday{
color:#e73828
}
.l-col2-sub .calendar__box .saturday,.l-col3-sub__left .calendar__box .saturday{
color:#1fb2d2
}
.l-col2-sub .calendar p .holiday,.l-col3-sub__left .calendar p .holiday{
font-size:35px;color:#fc7a7a;vertical-align:text-bottom
}
.l-col2-sub .calendar p .holiday-txt,.l-col3-sub__left .calendar p .holiday-txt{
color:#606060;font-size:14px;font-weight:bold
}
.f-top{
position:relative;border-bottom:1px solid #fff;padding-top:25px
}
.f-top__logo{
max-width:286px;padding-bottom:10px
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.f-top__logo
{
margin:0 auto
}
}
@media only screen and (max-width: 479px){
.f-top__logo
{
margin:0 auto
}
}
@media only screen and (min-width: 800px){
.f-top__sns
{
position:absolute;bottom:0;right:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.f-top__sns
{
width:100px;margin:0 auto
}
}
@media only screen and (max-width: 479px){
.f-top__sns
{
width:100px;margin:0 auto
}
}
.f-top__sns li{
float:left
}
.f-top__sns li a{
text-decoration:none;font-size:40px;color:#606060
}
.f-bottom{
margin-top:35px;padding-bottom:65px
}
@media only screen and (min-width: 800px){
.f-bottom__address
{
float:left
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.f-bottom__address
{
text-align:center
}
}
@media only screen and (max-width: 479px){
.f-bottom__address
{
text-align:center
}
}
.f-bottom__address p{
font-size:18px
}
.f-bottom__menu{
float:right
}
.f-bottom__menu ul{
float:left;/*margin-left:40px*/
}
.f-bottom__menu ul:first-child{
margin-left:0
}
.f-bottom__menu ul li{
margin-top:15px
}
.f-bottom__menu ul li:first-child{
margin-top:0
}
.f-bottom__menu ul li a{
text-decoration:none;font-size:17px;color:#606060
}
.f-bottom__menu ul li a .icon{
font-size:10px
}
.copy{
color:#fff;font-size:13px;text-align:center;padding:9px 0
}
.page-topBox{
position:relative
}
.page-topBox #page-top{
max-width:54px;position:fixed;right:20px;cursor:pointer
}
.slider .bx-wrapper{
background:none;box-shadow:none;border:0;margin-bottom:0
}
.slider .main-img li{
display:block
}
@media only screen and (min-width: 800px){
.slider .main-img li
{
height:450px
}
}
.slider .main-img li img{
display:block
}
.top-recommend h2{
font-size:18px;text-align:center;color:#606060
}
.top-recommend h2 span{
font-size:14px;display:block;margin-bottom:5px
}
.top-recommend__slider{
margin-top:15px
}
.top-recommend__slider .bx-wrapper{
background:none;box-shadow:none;border:0;margin-bottom:0
}
.top-recommend__slider .bx-wrapper ul{
margin-left:-30px
}
.top-recommend__slider .bx-wrapper ul li{
width:117px !important
}
.top-recommend__slider .bx-wrapper ul li a{
display:block
}
.top-recommend__slider .bx-wrapper .bx-controls-direction a{
text-indent:0;text-decoration:none;background:rgba(255,255,255,0.3);color:#606060;width:20px;height:20px;margin-top:-10px;font-size:20px;text-align:center
}
.top-recommend__slider .bx-wrapper .bx-prev{
left:0
}
.top-recommend__slider .bx-wrapper .bx-next{
right:0
}
.top-recipe{
max-width:524px
}
@media only screen and (min-width: 800px){
.top-recipe
{
margin-top:15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.top-recipe
{
margin:15px auto 0
}
}
@media only screen and (max-width: 479px){
.top-recipe
{
margin:15px auto 0
}
}
.top-news{
margin-top:25px
}
.top-news h2, .top-instagram h2{
font-size:18px;text-align:center;color:#606060
}
.top-news h2 span{
font-size:14px;display:block;margin-bottom:5px
}
.top-news__btn{
text-align:right;display:block;color:#939393;font-size:13px
}
.top-news__list{
margin-top:5px;border-top:1px solid #606060;padding-top:5px
}
.top-news__list li{
margin-top:10px
}
.top-news__list .news--img{
float:left;width:80px
}
.top-news__list .news--txt{
float:left;width:100%;margin-left:-80px;padding-left:90px;box-sizing:border-box
}
.top-news__list .news--txt .news--data{
display:block;font-size:14px;color:#4c4c4c;padding:3px 0
}
.top-news__list .news--txt .news--title{
font-size:14px;font-weight:bold;color:#4c4c4c;margin-top:5px
}
.top-news__list .news--txt .news--cont{
color:#939393;margin-top:5px;font-size:13px
}
.top-flower{
/* max-width:524px */
}
@media only screen and (min-width: 800px){
.top-flower
{
margin-top:15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.top-flower
{
margin:15px auto 0
}
}
@media only screen and (max-width: 479px){
.top-flower
{
margin:15px auto 0
}
}
.top-voice{
max-width:524px
}
@media only screen and (min-width: 800px){
.top-voice
{
margin-top:15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.top-voice
{
margin:15px auto 0
}
}
@media only screen and (max-width: 479px){
.top-voice
{
margin:15px auto 0
}
}
.flower-use-list{
margin-top:25px
}
.flower-use-list__img{
float:left;margin-left:12px;width:116px
}
.flower-use-list__img:first-child{
margin-left:0
}
@media only screen and (max-width: 559px){
.flower-use-list__img
{
margin-left:2.6%;width:23%
}
}
.about-flowerFlow h4{
color:#606060;line-height:160%;margin:25px 0;font-size:18px
}
.about-flowerFlow__left{
float:left;width:52%
}
.about-flowerFlow__left p{
font-size:15px;margin-top:10px
}
.about-flowerFlow__right{
float:right;width:45%
}
.qa-list{
margin-top:25px
}
.qa-list__box{
margin-top:50px
}
.qa-list__box:first-child{
margin-top:40px
}
.qa-list__q{
position:relative
}
.qa-list__q span{
color:#fff;font-size:20px;padding:5px 8px;position:absolute;left:0
}
.qa-list__q h3{
font-size:17px;font-weight:bold;color:#606060;margin-left:40px
}
@media only screen and (min-width: 800px){
.qa-list__q h3
{
line-height:30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.qa-list__q h3
{
line-height:160%
}
}
@media only screen and (max-width: 479px){
.qa-list__q h3
{
line-height:160%
}
}
.qa-list__a{
position:relative;border:1px solid #c9c9c9;box-sizing:border-box;margin-top:20px;padding:0 10px 20px 50px
}
.qa-list__a span{
font-size:22px;padding:9px 13px;position:absolute;left:0;top:0
}
.qa-list__a h3{
font-size:17px;font-weight:bold;color:#606060;border-bottom:1px solid #c9c9c9
}
@media only screen and (min-width: 800px){
.qa-list__a h3
{
line-height:40px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.qa-list__a h3
{
line-height:160%;margin-top:7px
}
}
@media only screen and (max-width: 479px){
.qa-list__a h3
{
line-height:160%;margin-top:7px
}
}
.qa-list__a p{
margin-top:20px
}
.history-list li{
margin-top:5px;position:relative
}
.history-list li:first-child{
margin-top:0
}
.history-list li data{
position:absolute;width:85px
}
.history-list li span{
margin-left:85px;display:block
}
.service-list li{
margin-top:5px
}
.service-list li:first-child{
margin-top:0
}
.textBox-01{
border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:35px
}
@media only screen and (min-width: 800px){
.textBox-01
{
width:325px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.textBox-01
{
width:90%
}
}
@media only screen and (max-width: 479px){
.textBox-01
{
width:100%
}
}
.textBox-02{
border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:5px;height:35px
}
@media only screen and (min-width: 800px){
.textBox-02
{
width:125px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.textBox-02
{
width:37%
}
}
@media only screen and (max-width: 479px){
.textBox-02
{
width:35%
}
}
.textBox-03{
border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0px auto;width:200px;height:35px
}
.textarea{
border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:168px
}
@media only screen and (min-width: 800px){
.textarea
{
width:325px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.textarea
{
width:90%
}
}
@media only screen and (max-width: 479px){
.textarea
{
width:100%
}
}
.txt-formSub{
font-size:13px;color:#999
}
.numBox{
width:210px;margin:0px auto;display:block
}
.btn_box{
max-width:350px;margin:35px auto 0px auto
}
.btn_contactleft{
display:block;float:left
}
@media only screen and (min-width: 800px){
.btn_contactleft
{
width:170px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn_contactleft
{
width:170px
}
}
@media only screen and (max-width: 479px){
.btn_contactleft
{
width:48.5%
}
}
.btn_contactRight{
display:block;float:right
}
@media only screen and (min-width: 800px){
.btn_contactRight
{
width:170px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn_contactRight
{
width:170px
}
}
@media only screen and (max-width: 479px){
.btn_contactRight
{
width:48.5%;margin-left:3%
}
}
.btn--contact01{
display:block;color:#e5e5e1;text-align:center;padding:17px 20px;text-decoration:none;border:0;width:100%;cursor:pointer;border-radius:3px
}
@media only screen and (min-width: 800px){
.btn--contact01
{
font-size:17px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn--contact01
{
font-size:17px
}
}
@media only screen and (max-width: 479px){
.btn--contact01
{
font-size:16px
}
}
.btn--contact02{
display:block;color:#fff;text-align:center;padding:17px 20px;text-decoration:none;border:0;width:100%;cursor:pointer;border-radius:3px
}
@media only screen and (min-width: 800px){
.btn--contact02
{
font-size:17px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn--contact02
{
font-size:17px
}
}
@media only screen and (max-width: 479px){
.btn--contact02
{
font-size:16px
}
}
.use-btn a{
display:block;border-radius:15px;text-decoration:none;position:relative;text-align:center;font-size:20px;padding:9px 0;color:#fff;width:260px;margin:25px auto 0
}
.use-btn a .icon{
position:absolute;left:10px;font-size:25px;top:50%;margin-top:-12px
}
.use-btn a .icon--arrow{
vertical-align:middle;position:absolute;right:25px;font-size:12px;top:50%;margin-top:-6px
}
.shopping-flow{
padding:0 10px
}
.shopping-flow li{
margin-top:15px;position:relative
}
.shopping-flow li p{
font-size:15px
}
.shopping-flow li .num{
position:absolute;left:0
}
.shopping-flow li .description{
margin-left:20px
}
.delivery{
max-width:680px;margin:10px auto 0
}
.delivery .nekoposu{
position:relative;padding:15px;margin-top:15px
}
.delivery .nekoposu::before{
font-family:'icomoon' !important;content:"\e901";position:absolute;color:#60c0bd;font-size:50px;left:15px
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.delivery .nekoposu::before
{
top:50%;margin-top:-25px
}
}
@media only screen and (max-width: 479px){
.delivery .nekoposu::before
{
top:50%;margin-top:-25px
}
}
.delivery .nekoposu p{
font-size:14px;margin-left:70px
}
.fee-list li{
margin-top:5px;color:#606060
}
.card__list{
margin-top:20px
}
.card__list li{
margin-left:5px;float:left
}
.card__description li{
position:relative;margin-top:10px
}
.card__description li span{
position:absolute;left:0;line-height:160%;font-size:14px
}
.card__description li p{
margin-left:15px;font-size:14px
}
.electronic__list{
margin-top:10px
}
.electronic__list li{
margin-left:15px;float:left
}
.electronic__description li{
position:relative;margin-top:5px
}
.electronic__description li span{
position:absolute;left:0;line-height:160%;font-size:14px
}
.electronic__description li p{
margin-left:15px;font-size:14px
}
.banking__list{
margin-top:10px
}
.banking__list li{
margin-left:5px;float:left
}
.banking__description li{
position:relative;margin-top:5px
}
.banking__description li span{
position:absolute;left:0;line-height:160%;font-size:14px
}
.banking__description li p{
margin-left:15px;font-size:14px
}
.news-list{
margin-top:35px
}
.news-list li{
margin-top:50px;position:relative
}
.news-list li:first-child{
margin-top:0
}
.news-list li a{
display:block;text-decoration:none
}
.news-list__img{
position:absolute;left:0;top:0
}
@media only screen and (min-width: 800px){
.news-list__img
{
width:148px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-list__img
{
width:114px
}
}
@media only screen and (max-width: 479px){
.news-list__img
{
width:80px
}
}
.news-list__img img{
width:100%;height:auto
}
@media only screen and (min-width: 800px){
.news-list__content
{
margin-left:170px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-list__content
{
margin-left:134px
}
}
@media only screen and (max-width: 479px){
.news-list__content
{
margin-left:100px
}
}
.news-list__content data{
display:block;color:#4c4c4c;font-size:14px;padding:8px 0 8px 12px
}
.news-list__content h3{
line-height:160%
}
@media only screen and (min-width: 800px){
.news-list__content h3
{
font-size:20px;margin:20px 0 20px 5px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-list__content h3
{
font-size:16px;margin:10px 0 10px 5px
}
}
@media only screen and (max-width: 479px){
.news-list__content h3
{
font-size:16px;margin:10px 0 10px 5px
}
}
.news-list__content p{
color:#939393
}
@media only screen and (min-width: 800px){
.news-list__content p
{
font-size:17px;margin:15px 0 15px 5px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-list__content p
{
font-size:14px;margin-left:5px
}
}
@media only screen and (max-width: 479px){
.news-list__content p
{
font-size:14px;margin-left:5px
}
}
.pagination{
text-align:center;font-size:14px
}
.pagination .prev,.pagination .next,.pagination .disabled,.pagination .number{
display:inline-block;margin:0px 3px;text-align:center
}
.pagination a{
display:inline-block;padding:6px 9px;text-decoration:none;color:#000
}
.pagination .number{
border:1px #606060 solid
}
.pagination .number a{
display:inline-block;padding:6px 9px;text-decoration:none;color:#000
}
.pagination .number a:hover{
color:#fff;background-color:#606060
}
.pagination span.current{
padding:6px 9px;background-color:#606060;border:1px #606060 solid;color:#fff
}
.pagination span.disabled{
padding:6px 9px;color:#606060
}
.pagination .pagination-icon{
font-size:10px
}
.news-detail-h2{
border-left:20px solid #60c0bd;margin-top:40px;position:relative
}
@media only screen and (min-width: 800px){
.news-detail-h2
{
padding:15px 120px 15px 15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-detail-h2
{
padding:15px
}
}
@media only screen and (max-width: 479px){
.news-detail-h2
{
padding:10px
}
}
.news-detail-h2 .news-title{
font-weight:bold;color:#606060;line-height:160%
}
@media only screen and (min-width: 800px){
.news-detail-h2 .news-title
{
font-size:20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-detail-h2 .news-title
{
font-size:18px;margin-top:10px
}
}
@media only screen and (max-width: 479px){
.news-detail-h2 .news-title
{
font-size:16px;margin-top:5px
}
}
.news-detail-h2 data{
color:#606060
}
@media only screen and (min-width: 800px){
.news-detail-h2 data
{
font-size:20px;position:absolute;right:5px;top:50%;margin-top:-10px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-detail-h2 data
{
margin-bottom:15px
}
}
@media only screen and (max-width: 479px){
.news-detail-h2 data
{
margin-bottom:15px
}
}
@media only screen and (min-width: 800px){
.news-content p
{
margin-top:35px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.news-content p
{
margin-top:15px
}
}
@media only screen and (max-width: 479px){
.news-content p
{
margin-top:15px
}
}
.news-content img{
max-width:100%;height:auto
}
.recipe__title{
margin-top:40px;color:#606060
}
.recipe__title .icon{
font-size:46px
}
.recipe__title .txt{
font-size:24px
}
.recipe__comment{
margin-top:25px;border-bottom:3px solid #60c0bd;padding-bottom:20px
}
.recipe__comment p{
font-size:17px
}
@media only screen and (min-width: 800px){
.recipe__img
{
float:left;width:350px
}
}
.recipe__material{
color:#606060
}
@media only screen and (min-width: 800px){
.recipe__material
{
float:right;width:334px;padding:12px 19px
}
}
.recipe__material h3{
line-height:160%;font-weight:bold
}
@media only screen and (min-width: 800px){
.recipe__material h3
{
font-size:18px
}
}
.recipe__material li{
line-height:160%
}
@media only screen and (min-width: 800px){
.recipe__material li
{
font-size:17px;margin-top:13px
}
}
.recipe__flow{
margin-top:35px
}
.recipe__flow .recipe--box{
border-bottom:1px dashed #606060
}
.recipe__flow .recipe--box:first-child{
border-top:1px dashed #606060
}
.recipe__flow .recipe--box:nth-child(n+10) .recipe--work p{
margin-left:45px
}
@media only screen and (min-width: 800px){
.recipe__flow .recipe--box
{
padding:12px 50px 12px 15px
}
}
.recipe__flow .recipe--box .recipe--work{
position:relative
}
@media only screen and (min-width: 800px){
.recipe__flow .recipe--box .recipe--work
{
float:left;width:425px
}
}
.recipe__flow .recipe--box .recipe--work span{
position:absolute;left:0;line-height:160%;font-size:17px;color:#606060;font-weight:bold
}
.recipe__flow .recipe--box .recipe--work p{
margin-left:25px;font-size:17px
}
@media only screen and (min-width: 800px){
.recipe__flow .recipe--box .recipe--img
{
float:right;width:190px
}
}
.recipe__point{
padding:25px 11px 25px 19px;border-radius:15px;margin-top:30px
}
.recipe__point h3{
color:#606060
}
.recipe__point h3 .icon{
font-size:33px
}
.recipe__point h3 .txt{
font-size:18px
}
.recipe__point p{
margin-top:10px
}
@media only screen and (max-width: 799px) and (min-width: 691px){
.recipe__img
{
float:left;width:50%
}
.recipe__material{
float:right;width:48%;padding:12px
}
.recipe__material h3{
font-size:16px
}
.recipe__material li{
font-size:14px;margin-top:8px
}
.recipe__flow .recipe--box{
padding:12px
}
.recipe__flow .recipe--box .recipe--work{
width:65%;float:left
}
.recipe__flow .recipe--box .recipe--img{
float:right;width:190px
}
}
@media only screen and (max-width: 690px){
.recipe__material
{
padding:12px;margin-top:10px
}
.recipe__material h3{
font-size:16px
}
.recipe__material li{
font-size:14px
}
.recipe__flow .recipe--box{
padding:12px 0
}
.recipe__flow .recipe--box .recipe--img{
width:190px;margin-top:10px
}
}
.language .language-list-bg{
/* background:url(../img/language/bg.jpg);margin-top:40px */
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.language .language-list-bg .language-list
{
max-width:505px;margin:0 auto
}
}
.language .language-list-bg .language-list__box{
position:relative
}
@media only screen and (min-width: 800px){
.language .language-list-bg .language-list__box
{
width:237px;float:left;margin:45px 0 0 16px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.language .language-list-bg .language-list__box
{
width:47%;float:left;margin:8% 0 0 3%
}
.language .language-list-bg .language-list__box:nth-child(2n-1){
margin-left:0;clear:both
}
}
@media only screen and (max-width: 479px){
.language .language-list-bg .language-list__box
{
width:48%;float:left;margin:8% 0 0 2%
}
.language .language-list-bg .language-list__box:nth-child(2n-1){
margin-left:0;clear:both
}
}
.language .language-list-bg .language-list__sub{
position:absolute;left:-10px;top:-10px
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.language .language-list-bg .language-list__sub img
{
width:60px;height:auto
}
}
@media only screen and (max-width: 479px){
.language .language-list-bg .language-list__sub img
{
width:31%;height:auto
}
}
.language .language-list-bg .language-list__txtBox{
background-color:#fff;padding:10px 0;text-align:center;margin-top:23px
}
.language .language-list-bg .language-list__txt{
margin:0 10px
}
.language .language-list-bg .language-list__txt h2{
font-weight:normal;padding-bottom:10px;border-bottom:1px solid #dbdcdc
}
@media only screen and (min-width: 800px){
.language .language-list-bg .language-list__txt h2
{
font-size:21px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.language .language-list-bg .language-list__txt h2
{
font-size:19px
}
}
@media only screen and (max-width: 479px){
.language .language-list-bg .language-list__txt h2
{
font-size:19px
}
}
.language .language-list-bg .language-list__txt p{
margin-top:5px
}
.language .flower-btn{
margin-top:35px
}
@media only screen and (min-width: 800px){
.language .flower-btn__img
{
float:left;width:386px
}
}
.language .flower-btn__img img{
display:block
}
.language .flower-btn__txt{
text-align:center;padding:14px 0
}
@media only screen and (min-width: 800px){
.language .flower-btn__txt
{
float:right;width:386px
}
}
.language .flower-btn__txt p{
font-size:22px;color:#fff
}
.language .flower-btn__txt a{
border:1px solid #fff;color:#fff;text-decoration:none;font-size:17px;display:inline-block;padding:10px 14px;margin-top:12px
}
.language .pickup{
margin-top:55px
}
.language .pickup h2{
font-size:20px;border-bottom:5px solid #e5e5e1;padding-bottom:10px;color:#606060
}
.language .pickup h2 span{
color:#eac7c7
}
.language .pickup__list{
max-width:713px;margin:38px auto 0
}
.language .pickup__item{
color:#606060;float:left
}
@media only screen and (min-width: 800px){
.language .pickup__item
{
width:154px;margin-left:32px
}
.language .pickup__item:first-child{
margin-left:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.language .pickup__item
{
width:23%;margin-left:2.6%
}
.language .pickup__item:first-child{
margin-left:0
}
}
@media only screen and (max-width: 479px){
.language .pickup__item
{
width:48%;margin:15px 0 0 4%
}
.language .pickup__item:nth-child(2n-1){
margin-left:0;clear:both
}
.language .pickup__item:nth-child(-n+2){
margin-top:0
}
}
.language .pickup__item h3{
font-size:14px;margin-top:5px
}
.language .pickup__item p{
font-size:13px;margin-top:5px
}
.policy{
font-size:16px
}
.policy h3{
margin-top:35px;color:#606060;font-weight:bold
}
.policy p{
margin-top:10px
}
.product{
margin-top:25px
}
.product__heading{
color:#606060;position:relative;padding:10px
}
.product__heading h2{
font-size:18px
}
.product__sort{
position:absolute;top:50%;right:5px;margin-top:-8px
}
.product__sort li{
float:left;border-left:1px solid #606060
}
.product__sort li:first-child{
border:0
}
.product__sort li a{
text-decoration:none;font-size:14px;display:inline-block;padding:0 10px
}
.product__item{
float:left;color:#606060
}
@media only screen and (min-width: 800px){
.product__item
{
width:154px;margin:70px 0 0 31px
}
.product__item:nth-child(3n+1){
margin-left:0;clear:both
}
.product__item:nth-child(-n+3){
margin-top:25px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.product__item
{
width:23%;margin:8% 0 0 2.6%
}
.product__item:nth-child(4n+1){
margin-left:0;clear:both
}
.product__item:nth-child(-n+4){
margin-top:4%
}
}
@media only screen and (max-width: 479px){
.product__item
{
width:48%;margin:8% 0 0 4%
}
.product__item:nth-child(2n-1){
margin-left:0;clear:both
}
.product__item:nth-child(-n+2){
margin-top:4%
}
}
.product__item h3{
font-size:14px;margin-top:5px
}
.product__item p{
font-size:13px;margin-top:5px
}
.product-detail{
margin-top:20px
}
.product-detail .main-slider{
max-width:400px;margin:0 auto
}
.product-detail .main-slider .bx-wrapper{
margin-bottom:0;box-shadow:none;border:1px solid #e5e5e1;background:none
}
.product-detail .main-slider .bx-wrapper img{
display:block;width:100%;height:auto
}
.product-detail .main-slider .bx-wrapper .bx-controls-direction a{
margin-top:-33px;padding:24px 0;min-height:66px;font-size:18px;text-decoration:none;text-align:center;text-indent:0;background:rgba(255,255,255,0.85)
}
.product-detail .main-slider .bx-wrapper .bx-prev{
left:-1px;border-radius:0 10px 10px 0
}
.product-detail .main-slider .bx-wrapper .bx-next{
right:-1px;border-radius:10px 0 0 10px
}
.product-detail .slider-thumbnail{
max-width:400px;margin:20px auto 0
}
.product-detail .slider-thumbnail li{
float:left;box-sizing:border-box
}
.product-detail .slider-thumbnail li:first-child{
margin-left:0
}
@media only screen and (min-width: 800px){
.product-detail .slider-thumbnail li
{
width:118px;margin-left:23px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.product-detail .slider-thumbnail li
{
width:32%;margin-left:2%
}
}
@media only screen and (max-width: 479px){
.product-detail .slider-thumbnail li
{
width:32%;margin-left:2%
}
}
.product-detail .slider-thumbnail li img{
display:block;width:100%;height:auto
}
.product-detail .product-content{
margin-top:50px
}
.product-detail .product-content h1{
color:#606060;font-size:22px;border-bottom:1px dashed #606060;padding:0 0 15px 10px
}
.product-detail .product-content .product-cart{
width:313px;margin:10px 0 0 10px
}
.product-detail .product-content .product-cart .price{
font-size:16px
}
.product-detail .product-content .product-cart .price span{
font-size:26px;font-weight:bold
}
.product-detail .product-content .product-cart .color-select{
padding:5px 5px 5px 10px;margin-top:10px
}
.product-detail .product-content .product-cart .color-select .heading{
float:left;font-size:16px;font-weight:bold;line-height:29px
}
.product-detail .product-content .product-cart .color-select .input{
float:right
}
.product-detail .product-content .product-cart .color-select .input select{
-webkit-appearance:none;-moz-appearance:none;appearance:none;width:228px;padding:2px 8px;font-size:15px;background:url(../img/product/item_select.png) right center no-repeat #fff;background-size:28px
}
.product-detail .product-content .product-cart .quantity-basket{
margin-top:20px
}
.product-detail .product-content .product-cart .quantity-basket button{
display:block;float:left;font-weight:bold;font-size:22px;color:#606060;border:0;padding:5px 11px;border-radius:0;margin-right:10px
}
.product-detail .product-content .product-cart .quantity-basket p{
float:left;border:1px solid #e5e5e1;padding:4px 13px;font-size:17px;margin-right:10px
}
.product-detail .product-content .product-cart .quantity-basket a{
color:#fff;display:block;float:left;text-decoration:none;padding:5px 18px
}
.product-detail .product-content .product-cart .quantity-basket a .icon{
font-size:28px
}
.product-detail .product-content .product-cart .quantity-basket a .txt{
font-size:17px
}
.product-detail .product-content .product-txt{
margin-top:35px
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.feature-main-box
{
margin-bottom:100px
}
}
@media only screen and (max-width: 479px){
.feature-main-box
{
margin-bottom:100px
}
}
.use{
margin-top:40px
}
@media only screen and (min-width: 800px){
.use
{
padding:30px 35px 65px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.use
{
padding:30px
}
}
@media only screen and (max-width: 479px){
.use
{
padding:30px
}
}
.use h2{
color:#606060;font-size:19px;font-weight:normal;border-bottom:5px solid #fff;padding:0 0 10px 15px;margin-top:55px;position:relative
}
.use h2:first-child{
margin-top:0
}
.use h2::before{
content:'■';position:absolute;left:0;top:50%;margin-top:-15px;color:#e5bebe
}
.use .use-list{
margin-top:40px
}
.use .use-list__box{
float:left
}
@media only screen and (min-width: 800px){
.use .use-list__box
{
width:161px;margin-left:19px
}
.use .use-list__box:first-child{
margin-left:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.use .use-list__box
{
width:23%;margin-left:2.6%
}
.use .use-list__box:first-child{
margin-left:0
}
}
@media only screen and (max-width: 479px){
.use .use-list__box
{
width:48%;margin:0 0 15px 4%
}
.use .use-list__box:nth-child(2n-1){
margin-left:0;clear:both
}
}
.use .use-list__box h3{
font-size:15px;color:#606060;font-weight:normal;margin-top:20px;line-height:160%
}
.use .sweets{
margin-top:40px
}
@media only screen and (min-width: 800px){
.use .sweets__box
{
float:left;width:320px;margin-left:63px
}
.use .sweets__box:first-child{
margin-left:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.use .sweets__box
{
float:left;width:47%;margin-left:6%
}
.use .sweets__box:first-child{
margin-left:0
}
}
@media only screen and (max-width: 479px){
.use .sweets__box
{
width:100%;margin-bottom:30px
}
}
.use .sweets__box h3{
font-size:17px;color:#606060;font-weight:normal;margin-top:15px
}
.use .pickup{
margin-top:40px
}
.use .pickup h2{
font-size:20px;border-bottom:5px solid #e5e5e1;padding-bottom:10px;color:#606060
}
.use .pickup h2 span{
color:#eac7c7
}
.use .pickup__list{
max-width:713px;margin:38px auto 0
}
.use .pickup__item{
float:left;color:#606060
}
@media only screen and (min-width: 800px){
.use .pickup__item
{
width:154px;margin-left:29px
}
.use .pickup__item:first-child{
margin-left:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.use .pickup__item
{
width:23%;margin-left:2.6%
}
.use .pickup__item:first-child{
margin-left:0
}
}
@media only screen and (max-width: 479px){
.use .pickup__item
{
width:48%;margin:0 0 15px 4%
}
.use .pickup__item:nth-child(2n-1){
margin-left:0;clear:both
}
}
.use .pickup__item h3{
font-size:14px;margin-top:5px
}
.use .pickup__item p{
font-size:13px;margin-top:5px
}
@media only screen and (min-width: 800px){
.recommend-feature
{
padding:40px 50px 95px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.recommend-feature
{
padding:40px
}
}
@media only screen and (max-width: 479px){
.recommend-feature
{
padding:40px
}
}
.recommend-feature h2{
font-size:21px;color:#606060;position:relative;text-align:center;font-weight:bold
}
.recommend-feature h2::after{
content:'';display:block;margin:25px auto 0;border-bottom:1px solid #606060;width:66px
}
.recommend-feature__list{
margin-top:40px
}
.recommend-feature__box{
border:1px solid #606060;box-sizing:border-box;background-color:#fff
}
@media only screen and (min-width: 800px){
.recommend-feature__box
{
width:300px;float:left;min-height:180px;margin-left:73px
}
.recommend-feature__box:first-child{
margin-left:0
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.recommend-feature__box
{
margin-top:30px
}
}
@media only screen and (max-width: 479px){
.recommend-feature__box
{
margin-top:30px
}
}
.recommend-feature__box a{
color:#606060;text-decoration:none;font-size:14px;font-weight:bold
}
.recommend-feature__h3{
border-bottom:2px solid #606060;width:40px;margin:8px 0 0 10px;padding-bottom:3px;font-size:18px
}
.recommend-feature__txt{
margin:5px 0;padding:0 10px;font-size:17px
}
.commerce{
margin-top:25px;font-size:16px;line-height:160%
}
.commerce__box{
border-bottom:1px solid #e5e5e1;padding:19px 0
}
.commerce__box:first-child{
border-top:1px solid #e5e5e1
}
.commerce__box h3{
color:#606060;font-weight:bold
}
.commerce__box p{
font-size:16px
}
.commerce__box a{
font-size:14px
}
.voice-h3{
border-left:20px solid #60c0bd;margin-top:40px;position:relative
}
@media only screen and (min-width: 800px){
.voice-h3
{
padding:15px 140px 15px 15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.voice-h3
{
padding:15px
}
}
@media only screen and (max-width: 479px){
.voice-h3
{
padding:10px
}
}
.voice-h3 .customer--title{
font-weight:bold;color:#606060;line-height:160%
}
@media only screen and (min-width: 800px){
.voice-h3 .customer--title
{
font-size:20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.voice-h3 .customer--title
{
font-size:18px;margin-top:10px
}
}
@media only screen and (max-width: 479px){
.voice-h3 .customer--title
{
font-size:16px;margin-top:5px
}
}
.voice-h3 .customer--name{
color:#606060
}
@media only screen and (min-width: 800px){
.voice-h3 .customer--name
{
position:absolute;right:15px;font-weight:normal;font-size:17px;top:50%;margin-top:-8px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.voice-h3 .customer--name
{
width:100%;margin-bottom:15px
}
}
@media only screen and (max-width: 479px){
.voice-h3 .customer--name
{
width:100%;margin-bottom:15px
}
}
.img--fit{
width:100%;height:auto;
padding-bottom: 20px;
}
.img--verticalBottom{
vertical-align:text-bottom
}
.list--disc{
margin-left:20px
}
.list--disc>li{
list-style-type:disc
}
.list--decimal{
margin-left:20px
}
.list--decimal>li{
list-style-type:decimal
}
.dn{
display:none
}
@media only screen and (min-width: 800px){
.spDn
{
display:block
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.spDn
{
display:block
}
}
@media only screen and (max-width: 479px){
.spDn
{
display:none
}
}
@media only screen and (min-width: 800px){
.spOn
{
display:none
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.spOn
{
display:none
}
}
@media only screen and (max-width: 479px){
.spOn
{
display:block
}
}
@media only screen and (min-width: 800px){
.pcDn
{
display:none
}
}
@media only screen and (min-width: 480px) and (max-width: 1029px){ /*799px*/
.pcDn
{
display:block
}
}
@media only screen and (max-width: 479px){
.pcDn
{
display:block
}
}
@media only screen and (min-width: 800px){
.pcOn
{
display:block
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.pcOn
{
display:none
}
}
@media only screen and (max-width: 479px){
.pcOn
{
display:none
}
}
.color--white{
color:#fff
}
.color--glay{
/* color:#878b5a */
color:#a5797f
}
.color--red{
color:#ff0000
}
.color--green{
color:#60c0bd
}
.color--pink{
color:#ed8a8a
}
.bg--main{
background-color:#e5e5e1 !important
}
.bg--white{
background-color:#fff !important
}
.bg--glay1{
background-color:#666 !important
}
.bg--glay2{
background-color:#e5e5e5 !important
}
.bg--hazel{
background-color:#a5797f !important
}
.bg--green{
background-color:#60c0bd !important
}
.bg--pink1{
background-color:#fc7a7a !important
}
.bg--pink2{
background-color:#f9e1e1 !important
}
.bg--yellow1{
background-color:#fffed9 !important
}
.bg--yellow2{
background-color:#efeaca !important
}
.icon,.txt{
vertical-align:middle
}
.breadcrumb li,
.breadcrumb span{
float:left;font-size:13px
}
.breadcrumb li a{
color:#60c0bd
}
.detail--type01{
padding:0 12px
}
@media only screen and (min-width: 800px){
.detail--type02
{
padding:0 36px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.detail--type02
{
padding:0 23px
}
}
@media only screen and (max-width: 479px){
.detail--type02
{
padding:0 10px
}
}
.h2--type01{
font-size:23px;position:relative;text-align:center;margin-top:45px;color:#606060
}
.h2--type01 span{
font-size:17px;display:block;margin-bottom:10px
}
.h2--type01::after{
content:'';display:block;width:56px;border-bottom:3px solid #60c0bd;margin:20px auto 0
}
.h2--type02{
font-size:20px;border-left:20px solid #60c0bd;padding:15px;font-weight:bold;margin-top:40px;position:relative;color:#606060
}
.h3--type01{
font-size:20px;border-left:20px solid #60c0bd;padding:15px;font-weight:bold;margin-top:40px;position:relative;color:#606060
}
.h4--type01{
font-size:17px;font-weight:bold;margin:35px 0 10px;color:#606060
}
.txt-box--type01{
margin-top:25px
}
.txt-box--type01 p{
font-size:17px;text-align:center
}
.txt-box--type02{
margin-top:25px
}
.txt-box--type02 p{
font-size:17px
}
.table--type01{
color:#606060;width:100%
}
@media only screen and (min-width: 800px){
.table--type01
{
display:table;margin:0px auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type01
{
display:table
}
}
@media only screen and (max-width: 479px){
.table--type01
{
display:block;border:1px solid #666666
}
}
@media only screen and (min-width: 800px){
.table--type01,.table--type01 .th,.table--type01 .td
{
border-top:1px solid #666666;border-bottom:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type01,.table--type01 .th,.table--type01 .td
{
border:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 800px){
.table--type01 .row
{
display:table-row
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type01 .row
{
display:table-row
}
}
@media only screen and (max-width: 479px){
.table--type01 .row
{
display:block
}
}
.table--type01 .th{
background-color:#e5e5e1;font-weight:bold;font-size:16px;line-height:130%;text-align:center
}
@media only screen and (min-width: 800px){
.table--type01 .th
{
padding:19px 10px 19px 14px;display:table-cell;vertical-align:middle;width:23%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type01 .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%
}
}
@media only screen and (max-width: 479px){
.table--type01 .th
{
padding:19px 8px 19px 8px;text-align:center;width:100%;display:block;border-bottom:1px solid #666666
}
}
.table--type01 .td{
font-size:16px;line-height:130%
}
@media only screen and (min-width: 800px){
.table--type01 .td
{
padding:19px 20px 19px 16px;display:table-cell;vertical-align:middle;width:77%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type01 .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%
}
}
@media only screen and (max-width: 479px){
.table--type01 .td
{
padding:19px 15px 19px 15px;width:100%;display:block;border-bottom:1px solid #666666
}
}
.table--type02{
color:#333333;width:100%
}
@media only screen and (min-width: 800px){
.table--type02
{
display:table;margin:0px auto;table-layout:fixed
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type02
{
display:table;table-layout:fixed
}
}
@media only screen and (max-width: 479px){
.table--type02
{
display:block;border:1px solid #666666
}
}
@media only screen and (min-width: 800px){
.table--type02,.table--type02 .th,.table--type02 .td
{
border:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type02,.table--type02 .th,.table--type02 .td
{
border:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 800px){
.table--type02 .row
{
display:table-row
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type02 .row
{
display:table-row
}
}
@media only screen and (max-width: 479px){
.table--type02 .row
{
display:block
}
}
.table--type02 .th{
border-right:0;background-color:#e5e5e1;font-weight:bold;font-size:15px;line-height:130%
}
@media only screen and (min-width: 800px){
.table--type02 .th
{
padding:19px 10px 19px 17px;display:table-cell;vertical-align:middle;width:30%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type02 .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%
}
}
@media only screen and (max-width: 479px){
.table--type02 .th
{
padding:19px 8px 19px 8px;text-align:center;width:100%;display:block;border-bottom:1px solid #666666
}
}
.table--type02 .td{
border-left:0;font-size:15px;line-height:130%
}
@media only screen and (min-width: 800px){
.table--type02 .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:70%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type02 .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%
}
}
@media only screen and (max-width: 479px){
.table--type02 .td
{
padding:19px 15px 19px 15px;width:100%;display:block;border-bottom:1px solid #666666
}
}
.table--type03{
width:100%
}
@media only screen and (min-width: 800px){
.table--type03
{
display:table;margin:0px auto;table-layout:fixed
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03
{
display:table;table-layout:fixed
}
}
@media only screen and (max-width: 479px){
.table--type03
{
display:block;border:1px solid #c9c9c9
}
}
@media only screen and (min-width: 800px){
.table--type03,.table--type03 .th,.table--type03 .td
{
border-collapse:collapse
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03,.table--type03 .th,.table--type03 .td
{
border-collapse:collapse
}
}
.table--type03 .row:nth-child(2n-1){
background-color:#e5e5e1
}
@media only screen and (min-width: 800px){
.table--type03 .row
{
display:table-row
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03 .row
{
display:table-row
}
}
@media only screen and (max-width: 479px){
.table--type03 .row
{
display:block
}
}
.table--type03 .th{
background-color:#606060;font-weight:bold;font-size:15px;line-height:130%;color:#fff;text-align:center
}
@media only screen and (min-width: 800px){
.table--type03 .th
{
padding:10px 12px;display:table-cell;vertical-align:middle;width:21%;border:1px solid #fff
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03 .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%;border:1px solid #fff
}
}
@media only screen and (max-width: 479px){
.table--type03 .th
{
padding:19px 8px 19px 8px;text-align:center;width:100%;display:block;border-bottom:1px solid #c9c9c9
}
}
.table--type03 .td{
font-size:15px;line-height:130%;text-align:center
}
@media only screen and (min-width: 800px){
.table--type03 .td
{
padding:20px 10px 20px 10px;display:table-cell;vertical-align:middle;width:79%;border:1px solid #c9c9c9
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03 .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%;border:1px solid #c9c9c9
}
}
@media only screen and (max-width: 479px){
.table--type03 .td
{
padding:19px 15px 19px 15px;width:100%;display:block;border-bottom:1px solid #c9c9c9
}
}
.table--type03-sub{
width:100%
}
@media only screen and (min-width: 800px){
.table--type03-sub
{
display:table;margin:0px auto;table-layout:fixed
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03-sub
{
display:table;table-layout:fixed
}
}
@media only screen and (max-width: 479px){
.table--type03-sub
{
display:table;table-layout:fixed
}
}
.table--type03-sub,.table--type03-sub .th,.table--type03-sub .td{
border-collapse:collapse
}
.table--type03-sub .row{
display:table-row
}
.table--type03-sub .row:nth-child(2n-1){
background-color:#e5e5e1
}
.table--type03-sub .th{
background-color:#606060;font-weight:bold;font-size:15px;line-height:130%;color:#fff;text-align:center
}
@media only screen and (min-width: 800px){
.table--type03-sub .th
{
padding:10px 12px;display:table-cell;vertical-align:middle;width:21%;border:1px solid #fff
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03-sub .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%;border:1px solid #fff
}
}
@media only screen and (max-width: 479px){
.table--type03-sub .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%;border:1px solid #fff
}
}
.table--type03-sub .td{
font-size:15px;line-height:130%;text-align:center
}
@media only screen and (min-width: 800px){
.table--type03-sub .td
{
padding:20px 10px 20px 10px;display:table-cell;vertical-align:middle;width:79%;border:1px solid #c9c9c9
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type03-sub .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%;border:1px solid #c9c9c9
}
}
@media only screen and (max-width: 479px){
.table--type03-sub .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%;border:1px solid #c9c9c9
}
}
.table--type04{
color:#606060;width:100%
}
@media only screen and (min-width: 800px){
.table--type04
{
display:table;margin:0px auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type04
{
display:table
}
}
@media only screen and (max-width: 479px){
.table--type04
{
display:block;border:1px solid #666666
}
}
@media only screen and (min-width: 800px){
.table--type04,.table--type04 .th,.table--type04 .td
{
border-top:1px solid #666666;border-bottom:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type04,.table--type04 .th,.table--type04 .td
{
border:1px solid #666666;border-collapse:collapse
}
}
@media only screen and (min-width: 800px){
.table--type04 .row
{
display:table-row
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type04 .row
{
display:table-row
}
}
@media only screen and (max-width: 479px){
.table--type04 .row
{
display:block
}
}
.table--type04 .th{
background-color:#e5e5e1;font-weight:bold;font-size:15px;line-height:130%
}
@media only screen and (min-width: 800px){
.table--type04 .th
{
padding:7px 10px 7px 14px;display:table-cell;vertical-align:middle;width:23%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type04 .th
{
padding:19px 8px 19px 8px;display:table-cell;vertical-align:middle;width:27%
}
}
@media only screen and (max-width: 479px){
.table--type04 .th
{
padding:19px 8px 19px 8px;text-align:center;width:100%;display:block;border-bottom:1px solid #666666
}
}
.table--type04 .td{
font-size:15px;line-height:130%
}
@media only screen and (min-width: 800px){
.table--type04 .td
{
padding:7px 20px 7px 16px;display:table-cell;vertical-align:middle;width:77%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.table--type04 .td
{
padding:19px 10px 19px 10px;display:table-cell;vertical-align:middle;width:73%
}
}
@media only screen and (max-width: 479px){
.table--type04 .td
{
padding:19px 15px 19px 15px;width:100%;display:block;border-bottom:1px solid #666666
}
}
@media only screen and (min-width: 800px){
.btn--type01
{
margin-top:60px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn--type01
{
margin-top:25px
}
}
@media only screen and (max-width: 479px){
.btn--type01
{
margin-top:25px
}
}
.btn--type01 a{
display:inline-block;background-color:#606060;color:#fff;font-size:15px;padding:15px 20px;width:100%;max-width:300px;text-decoration:none
}
.btn--type01 a::after{
font-family:'icomoon';content:"\e902";font-size:14px;color:#fff;margin-left:8px
}
@media only screen and (min-width: 800px){
.btn--type02
{
margin-top:60px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px){
.btn--type02
{
margin-top:25px
}
}
@media only screen and (max-width: 479px){
.btn--type02
{
margin-top:25px
}
}
.btn--type02 a{
display:inline-block;background-color:#606060;color:#fff;font-size:15px;padding:15px 20px;width:100%;max-width:300px;text-decoration:none
}
.btn--type02 a::after{
font-family:'icomoon';content:"\e913";font-size:14px;color:#fff;margin-left:8px
}
.img--resize{
display:block;overflow:hidden;position:relative;width:100%;height:100%
}
.img--resize img{
width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)
}
body {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l-col3-sub__left {
position: inherit;
width: auto;
left: inherit;
top: inherit;
width: 48%;
margin: 0 1%;
}
.l-col3-sub__right {
width: 48%;
margin: 0 1%;
float: inherit;
}
.footer_top {
display: flex;
flex-wrap: wrap;
/* max-width: 1024px; */
max-width: 90%;
margin: 0 auto;
}
.l-col2-main {
width: 100%;
float: none;
}
.l-col2-sub {
display: none;
}
.two-column {
max-width: 500px;
margin: 0;
width: 100%;
}
#memberpages div.loginbox {
width: 260px !important;
max-width: 320px !important;
}
h2.footer_contact {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff !important;
padding: 15px 0;
/* background: #878b5a !important; */
background: #a5797f !important;
font-size: 16px !important;
padding-left: 0 !important;
}
.l-col3-sub__right .information__list li {
padding: 6px 0;
}
.contact__list.marginTop20 {
margin-top: 10px !important;
}
ul.contact__list.marginTop20 li {
margin-bottom: 14px;
}
.footer_top {
margin: 50px auto;
}
.product__list.clearfix {
display: flex;
flex-wrap: wrap;
}
.product__item {
width: 23%;
margin: 1% !important;
}
.product__item a img {
width: 100%;
height: auto;
}
.f-bottom {
display: flex;
flex-wrap: wrap;
}
.pcOn {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.f-top__logo {
max-width: 100%;
padding-bottom: 10px;
width: 18%;
/* margin-right: 18%; */
}
footer.bg--glay2 {
padding-top: 10px;
background: #fff/*eae0c4*/ !important;
border-top: solid 3px #a5797f/*#878b5a*/;
}
.f-bottom__address {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.f-bottom__address {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
margin: 0 auto;
}
.f-bottom__address p:nth-child(2) {
margin-left: 20px;
}
.f-bottom__address p {
font-size: 14px;
}
.f-bottom {
padding-bottom: 15px;
}
.right_items {
width: 50%;
margin-left: 10%;
}
.color--green {
color: #a5797f !important;
}
.f-bottom__menu ul {
padding-top: 10px;
padding-left: 15px;
}
.f-top__sns a span {
font-size: 40px;
color: #9e9e9f;
}
.f-top__sns ul {
display: flex;
flex-wrap: wrap;
align-items: baseline;
padding-bottom: 4px;
}
.gNav li a {
background: transparent !important;
text-decoration: underline;
}
.gNav li a .dn {
display: block;
margin-top: 14px;
font-size: 18px;
color: #fff;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-weight: 500;
letter-spacing: 1px;
}
.gNav li a {
background: transparent !important;
text-decoration: none !important;
text-align: center;
line-height: 25px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 13px;
font-weight: 500;
color: #fff;
}
.gNav li a span {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.gNav li {
border-left: 1px solid #fff;
box-sizing: border-box;
}
.gNav li:last-child {
border-right: 1px solid #fff;
}
.gNav {
display: flex;
}
ul#recommenditem li a .text_box {
border-left: solid 2px #a5797f/*#878b5a*/;
}
.icon-play1::before {
color: #a5797f/*#878b5a*/ !important;
}
.f-bottom__menu ul li a {
font-size: 14px;
letter-spacing: 2px;
}
/* .h3--type01, .h2--type01::after, .voice-h3 {
border-color: #fff;
} */
.bg--green {
background: #a5797f/*#878b5a*/ !important;
}
.qa-list__a h3 {
margin-bottom: 14px;
}
.qa-list__a {
line-height: 1.6;
}
.bg--main {
/* background-color: #737a44 !important; */
background-color: #a5797f !important;
}
body {
/* background: #eae0c4; */
background: #fff;
}
header {
background-color: #fff;
}
.pcOn.h-sub__tel-fax.bg--main.clearfix {
background: transparent !important;
}
.h-sub__tel-fax {
/* max-width: 293px; */
}
.bg--hazel {
/* background-color: #737A44 !important; */
background-color: #a5797f !important;
}
ul#recommenditem li a .text_box span.price {
display: block;
text-align: right;
letter-spacing: 1px;
font-size: 0.9rem;
color: #4c4c4c;
}
.read_more a {
letter-spacing: 1px;
}
.breadcrumb li a {
color: #a5797f/*#878b5a*/;
}
ul.slider li img {
/* padding: 0 10px !important; */
}
.slick-next::before, .slick-prev::before {
font-size: 34px !important;
opacity: .3 !important;
color: #000 !important;
}
.slick-prev {
left: 138px !important;
z-index: 9999 !important;
}
.slick-next {
right: 151px !important;
z-index: 9999 !important;
}
.topics.flex .top-flower {
margin: 1%;
}
.top_mv {
margin: 20px auto;
/* max-width: 1024px; */
max-width: 90%;
width: 100%;
}
.top_mv img {
display: block;
width: 100%;
}
.top-news {
padding-top: 4em;
padding-bottom: 4em;
width: 90%; /* 全体の幅を90%に設定 */
max-width: 800px; /* 最大幅を800pxに設定 */
margin: 0 auto; /* 中央寄せ */
}
.top-news .top-news__list .news--txt {
width: 80%;
}
.top-news .top-news__list .news--img {
width: 12%;
}
.gNav li {
max-width: 230px;
}
.l-col2-sub .contact h2, .l-col3-sub__left .contact h2 {
/* border-left: #878b5a !important; */
border-left: #a5797f !important;
}
header {
background-color: transparent;
}
.page-topBox #page-top {
bottom: 85px !important;
}
.language-list.clearfix {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px;
}
.language .language-list-bg .language-list__box {
width: 31.33%;
margin: 1%;
}
.language .language-list-bg .language-list__txt h2 {
font-weight: normal;
padding-bottom: 12px;
border-bottom: 1px solid #dbdcdc;
margin-bottom: 5px !important;
}
@media screen and (max-width: 767px){
.top_mv {
margin-top: 0;
}
.pcDn.h-sub__sm.clearfix {
margin-top: 0;
}
.mobileMenu {
top: 10px;
}
.top-news .top-news__list .news--img {
width: 100%;
margin: 10px 0;
}
.top-news .top-news__list .news--txt {
width: 100%;
padding-left: inherit;
}
.topics.flex .top-flower {
margin: 1% auto;
}
.l-col3-sub__left {
position: inherit;
width: auto;
left: inherit;
top: inherit;
width: 100%;
margin: 0 1% 30px;
}
.l-col3-sub__right {
width: 100%;
}
.footer_top {
padding: 0 20px;
}
.f-top__logo {
width: 100%;
text-align: center;
margin-right: 0;
}
.f-top__logo a img {
width: 150px;
}
.right_items {
width: 100%;
margin-left: 0;
}
.f-top__sns {
width: 100%;
margin: 0 auto;
}
.f-bottom__menu ul {
float: inherit;
margin-left: 0;
}
.f-top {
position: relative;
border-bottom: 1px solid #fff;
padding-top: 0;
}
.content.hanamusubi {
width: 100%;
}
section#sec03 {
margin-bottom: 0;
}
#sec03.secter .text_box:nth-child(4) {
width: 100%;
margin-bottom: 0;
}
#sec03.secter .img_box img {
position: inherit;
}
section#sec03 .img_box {
text-align: center;
margin: 28px;
}
.product__item {
width: 48%;
}
.recipe_c .mv {
width: 100%;
}
.archive_recipe .box {
width: 50%;
}
div#recipe_content {
width: 100%;
}
.recipe_detail_left, .recipe_detail_right {
width: 100%;
margin-bottom: 50px;
}
.single_recipe_content .flex {
flex-direction: column-reverse;
}
.single_recipe .archive_recipe {
padding: 20px 0;
}
.l-container.clearfix {
margin-top: 0 !important;
}
.archive_recipe .box .img {
height: 185px;
}
table.ingredients {
width: 100%;
}
.box.n1 {
margin-bottom: 50px;
}
.mv {
margin-bottom: 30px;
}
.single_recipe .recipe_title, .single_botsu .botsu_title {
font-size: 1.3rem;
}
.single_recipe .recipe_copy, .single_botsu .botsu_copy {
font-size: 14px;
}
.craft .mv h2 img {
width: 100%;
}
.craft #sec02 img.pop_up {
display: none;
}
.craft section.secter#sec02 {
margin-bottom: 0;
}
.secter .img_box img {
width: 100%;
}
.secter .img_box img.pop_up {
display: none;
}
.product-detail .product-content h1 {
font-size: 1rem;
}
.product-detail .product-content .product-cart .price span {
font-size: 1.2rem;
}
.txt-box--type01 {
line-height: 1.5;
}
.recipe_detail_left .box.n2 ol .item, .recipe_detail_left .item {
flex-wrap: wrap;
}
.recipe_detail_left .box.n2 ol .item .text, .recipe_detail_left .item .text {
margin-bottom: 20px;
}
.recipe_detail_left .box.n2 ol .item .img_box, .recipe_detail_left .item .img_box {
margin-bottom: 20px;
width: 100%;
max-width: 100%;
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
display: none;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
display: none;
}
.slick-next, .slick-prev {
display: none !important;
}
.language .language-list-bg .language-list {
max-width: 100%;
}
.language .language-list-bg .language-list__box {
width: 48%;
}
.language .language-list-bg .language-list__txt {
font-size: 14px;
line-height: 1.2;
}
.language .pickup__list {
max-width: 100%;
margin: 38px auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.language .pickup__item {
width: 48%;
margin-left: 0;
}
.language .pickup__item a img {
width: 100%;
height: auto;
}
.delivery>.pcOn {
width: inherit;
display: block;
overflow-x: scroll;
}
.table--type03 {
display: table-column;
}
.table--type03 .row {
width: inherit;
}
}
@media screen and (max-width: 480px) {
.mobileMenu {
top: 18px;
max-width: 35px;
}
.h-logo {
max-width: 200px;
}
.secter .policy_box .text_box p {
font-size: 13px;
}
.policy_box {
padding: 30px 14px;
}
.secter .policy_box .text_box p.st {
font-weight: bold;
font-size: 1.5rem;
letter-spacing: 7px;
}
.hanamusubi .secter .text_box {
margin-bottom: 50px;
}
.content.hanamusubi .mv h2 img {
width: 100%;
}
.number_title {
font-size: 1.3rem;
margin-bottom: 30px;
color: #a5797f/*#878b5a*/;
}
.secter .text_box h4 {
font-size: 1rem;
}
.product__item h3 {
font-size: 13px;
}
.archive_recipe .box {
width: 100%;
}
.breadcrumb li {
margin-bottom: 10px;
}
.mv h2 span {
font-size: 14px;
}
.language .language-list-bg .language-list__box {
width: 100%;
}
}
.top_i {
position: relative;
margin: 20px auto 50px auto;
max-width: 90%;
width: 100%;
}
.top_i_image {
display: block;
width: 100%;
height: auto;
padding-bottom: 50%; /* アスペクト比 16:9 の場合 */
background-size: cover;
background-position: center;
background-image: url('https://store-tom.com/wp/wp-content/themes/tom_store/img/mv1.jpg');
}
@media (max-width: 600px) { /* モバイル向けのブレークポイント */
.top_i_image {
background-image: url('https://store-tom.com/wp/wp-content/themes/tom_store/img/mv1_m.jpg');
height: 100vh; /* モバイルでは高さを100%に設定 */
padding-bottom: 46.15%; /* アスペクト比 9:19.5 */
background-position: top;
}
}
nav.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100; /* 他の要素よりも前面に表示 */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 必要に応じて影を追加 */
}
/* 必要に応じて、固定されたナビゲーションの背景色やその他のスタイルを調整 */
nav.fixed ul.gNav {
/* 例: 背景色を少し変更 */
background-color: #your-fixed-nav-background-color;
}
.product-detail-container {
display: flex; /* Flexboxを使用 */
flex-wrap: wrap; /* 必要に応じて折り返し */
}
.product-images {
width: 50%; /* 画像スライダー部分の幅 */
padding-right: 20px; /* 必要に応じて右側の余白 */
}
.product-content {
width: 50%; /* 商品コンテンツ部分の幅 */
padding-left: 20px; /* 必要に応じて左側の余白 */
}
/* レスポンシブデザインの例 */
@media (max-width: 768px) {
.product-images,
.product-content {
width: 100%; /* モバイルでは縦に並べる */
padding: 0;
}
}
/* .top_i p {
position: absolute;
top: 40%;
left: 70%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #4d4d4d;
margin: 0 !important;
padding: 0 !important;
}
.top_i .master {
font-size: 2.0vw;
position: absolute;
top: -10vw;
left: 5vw;
}
.top_i .craftsman {
font-size: 4.0vw;
position: absolute;
top: -5vw;
left: 5vw;
}
.top_i .ship {
font-size: 4.0vw;
position: absolute;
top: 0vw;
left: 5vw;
}
.top_i .japanese-1 {
font-size: 2vw;
position: absolute;
bottom: -10vw;
left: 5vw;
white-space: nowrap;
font-weight: bold;
}
.top_i .japanese-2 {
font-size: 2vw;
position: absolute;
bottom: -13vw;
left: 5vw;
white-space: nowrap;
font-weight: bold;
} */