@charset "utf-8";

/* common */
html,body{}
body{font-size:85%;font-family:"FOT-筑紫Aオールド明朝 Pr6 L","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;color:#3F3000;margin:0;padding:0;text-align:center;}
body{-webkit-text-size-adjust:none;}

@media screen and (max-width:480px){
body{font-size:80%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;}
p,ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.7em;margin:0 0 1.5em;}

img{border:none;max-width:100%;height:auto;}

/* コンテンツ向け 見出しスタイル */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;}
ul.normal li{margin-bottom:5px;}
ul.none{list-style:none;}

ol.normal{padding-left:15px;margin-left:15px;}
ol.normal li{margin-bottom:5px;}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:none;color:#7E6B59;}
a:visited{text-decoration:none;color:#7E6B59;}
a:hover{text-decoration:underline;color:#7E6B59;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

img{max-width:100%;}

.bdr{border:solid 1px #E3E6EC;}

/* ヘッダー */
#header{background:url("../images/header_bg01.png") no-repeat 50% 5px;background-size:100%;}
#header .inner{width:885px;margin:0 auto;padding:100px 0 0;text-align:center;position:relative;}
#logo{}

#facebook{position:absolute;top:144px;left:0;}
#facebook a{display:block;width:62px;height:59px;background:url("../images/ico_facebook.png") no-repeat;text-indent:-999em;overflow:hidden;}
#facebook a:hover{background:url("../images/ico_facebook_on.png") no-repeat;}

#mail{position:absolute;top:148px;right:0;}
#mail a{display:block;width:76px;height:55px;background:url("../images/ico_mail.png") no-repeat;text-indent:-999em;overflow:hidden;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#mail a:hover{background:url("../images/ico_mail_on.png") no-repeat;}

@media screen and (max-width:900px){
#header .inner{width:95%;margin:0 2.5%;padding:80px 0 10px;}
#logo{width:60%;margin:0 20%;}
#facebook{top:100px;left:0;}
#mail{top:104px;right:0;}
}
@media screen and (max-width:768px){
#header .inner{width:95%;margin:0 2.5%;padding:60px 0 0;}
#logo{width:60%;margin:0 20%;}
#facebook{top:70px;left:0;}
#mail{top:74px;right:0;}
}
@media screen and (max-width:480px){
#header .inner{width:95%;margin:0 2.5%;padding:50px 0 0;}
#logo{width:70%;margin:0 15%;}
#facebook{top:50px;left:0;}
#facebook a{display:block;width:40px;height:38px;background-size:40px;}
#facebook a:hover{background-size:40px;}
#mail{top:54px;right:0;}
#mail a{display:block;width:49px;height:35px;background-size:49px;}
#mail a:hover{background-size:49px;}
}
@media screen and (max-width:380px){
#logo{width:60%;margin:0 20%;}
}

/* フッター */
#footer{background:#d9d6cc;padding:15px;}
#copy{text-align:center;margin:0;font-size:80%;}

@media screen and (max-width:480px){
#copy{font-size:70%;}
}

/* コンテンツ */
.navi{text-align:center;padding:25px 0 0;margin:0 0 20px;line-height:1em;font-size:140%;}
.navi li{display:inline-block;margin:0 10px 0 0;padding:0 15px 0 0;border:solid #B38600;border-width:0 1px 0 0;}
.navi li.last{border:none;margin:0;}

.navi li a:hover{color:#D3BD94 !important;text-decoration:none !important;
text-shadow:0 0 10px #e8dab2;}

#smf_menu{display:none;}

@media screen and (max-width:900px){
#smf_menu{display:block;padding:25px 0 0;}
#smf_menu a{display:inline-block;height:31px;line-height:31px;vertical-align:middle;background:url("../images/smf_menu.png") no-repeat 0 50%;padding:0 0 0 38px;color:#4C3900;font-size:130%;}
.navi{padding:0;line-height:1.5em;font-size:115%;display:none;}
.navi li{width:100%;background:#4C3900;color:#ffffff;padding:10px;border:solid #FFFFFF;border-width:0 0 1px;}
.navi li a{color:#ffffff;}
.navi li a:hover{color:#ffffff !important;}
}


#main{width:100%;position:relative;padding:0 0 70px;}
#main .img{width:100%;position:relative;z-index:1;}
#main .img img{width:100%;}

#main .pickup{position:absolute;left:19%;bottom:5px;z-index:3;}
#main .pickup_r{position:absolute;right:19%;bottom:5px;z-index:3;}
#main .scroll{position:absolute;left:0;bottom:120px;z-index:2;width:100%;text-align:center;}

/* video用 */
#main .video{width:100%;}
#main .videobox{position:relative;}
#main .videobox .topbdr{position:absolute;top:-10px;width:100%;}
#main .videobox .topbdr img{width:100%;}
#main .videobox .btmbdr{position:absolute;bottom:-26px;width:100%;}
#main .videobox .btmbdr img{width:100%;}

@media screen and (max-width:900px){
#main .pickup{left:5%;width:200px;}
#main .pickup_r{right:5%;width:200px;}

#main .videobox .topbdr{top:-11px;width:100%;}
#main .videobox .btmbdr{bottom:-26px;width:100%;}
}
@media screen and (max-width:768px){
#main .pickup,
#main .pickup_r{width:150px;}
#main .scroll img{width:70px;}

#main .videobox .topbdr{top:-12px;width:100%;}
#main .videobox .btmbdr{bottom:-26px;width:100%;}
}
@media screen and (max-width:640px){
#main .scroll{bottom:90px;}

#main .videobox .topbdr{top:-13px;width:100%;}
#main .videobox .btmbdr{bottom:-26px;width:100%;}
}
@media screen and (max-width:480px){
#main .pickup{left:2.5%;width:120px;}
#main .pickup_r{right:2.5%;width:120px;}
#main .scroll{display:none;}

#main .videobox .topbdr{top:-13px;width:100%;}
#main .videobox .btmbdr{bottom:-23px;width:100%;}
}

.ex_txt{font-size:160%;text-align:center;padding-left:20px;}

@media screen and (max-width:480px){
.ex_txt{font-size:150%;}
}


#store{margin:0;}
#store .prd_list{width:750px;margin:0 auto 50px;}
#store .prd_list li{float:left;margin-left:-1px;position:relative;}
#store .prd_list li .new{position:absolute;right:15px;top:-35px;}

@media screen and (max-width:900px){
#store .prd_list{width:500px;margin:0 auto 50px;}
}
@media screen and (max-width:520px){
#store .prd_list{width:95%;margin:0 2.5% 30px;}
#store .prd_list li{width:50%;}

#store .prd_list li .new{position:absolute;right:10px;top:-20px;width:40px;}
}

#policy{margin:0;}
#policy h2{width:1200px;height:850px;margin:0 auto;padding:720px 0 0;text-align:center;position:relative;background:url("../images/policy_img01.jpg") no-repeat;}
#policy h3{font-size:220%;text-align:center;}

#policy .cont{width:800px;margin:0 auto;text-align:left;}

@media screen and (max-width:900px){
#policy h2{width:100%;height:620px;background-size:100%;padding:0;position:relative;}
#policy h2 img{position:absolute;bottom:30px;left:0;}

#policy .cont{width:95%;margin:0 2.5%;}

#policy .w300.fl{margin-right:15px;}
#policy .w300.fr{margin-left:15px;}
#policy .w465{float:none !important;width:auto !important;}
}
@media screen and (max-width:768px){
#policy h2{height:520px;background-size:100%;}
#policy h2 img{bottom:30px;}

#policy .w300{width:200px !important;}
#policy .w300.fl{margin-right:10px;}
#policy .w300.fr{margin-left:10px;}

#policy .w300 p{margin-bottom:10px !important;}
}
@media screen and (max-width:640px){
#policy h2{height:450px;background-size:100%;}
#policy h2 img{bottom:40px;}

#policy h3{font-size:180%;}
}
@media screen and (max-width:480px){
#policy h2{height:360px;background-size:100%;}
#policy h2 img{bottom:30px;}

#policy h3{font-size:150%;}

#policy .w300{width:150px !important;}
}
@media screen and (max-width:380px){
#policy h2{height:300px;background-size:100%;}
#policy h2 img{bottom:40px;}

#policy .w300{width:120px !important;}
}


#vege{margin:0 0 50px;}
#vege h2{width:1085px;height:335px;margin:0 auto 30px;padding:220px 0 0;text-align:center;position:relative;background:url("../images/vege_img01.jpg") no-repeat;}
#vege h2 span{font-size:160%;text-align:center;display:block;margin:15px 0 0;}

#vege h3{font-size:180%;}

#vege .cont{width:800px;margin:0 auto;text-align:left;}
#vege .cont1000{width:1000px;margin:0 auto;text-align:left;background:url("../images/tab_bdr.png") no-repeat bottom;}

#vege .link{font-size:150%;}

#vege #tab{background:url("../images/tab_bdr.png") no-repeat bottom;padding:0 0 5px;height:79px;text-align:center;}
#vege #tab li{display:inline-block;margin:0 5px;width:227px;height:74px;}
#vege #tab li a{display:block;width:100%;height:100%;text-indent:-999em;overflow:hidden;}

#vege #tab li#tab01 a{background:url("../images/tab01.png") no-repeat 50% 50%;}
#vege #tab li#tab02 a{background:url("../images/tab02.png") no-repeat 50% 50%;}
#vege #tab li#tab03 a{background:url("../images/tab04.png") no-repeat 50% 50%;}
#vege #tab li#tab04 a{background:url("../images/tab04.png") no-repeat 50% 50%;}

#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a{background:url("../images/tab01on.png") no-repeat 50% 50%;}
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a{background:url("../images/tab02on.png") no-repeat 50% 50%;}
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a{background:url("../images/tab04on.png") no-repeat 50% 50%;}
#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background:url("../images/tab04on.png") no-repeat 50% 50%;}

#vege #vege02,
#vege #vege03,
#vege #vege04{display:none;}

#vege .smoothie dt{
	width:120px;float:left;
}
#vege .smoothie dd{
	width:250px;float:left;
}

@media screen and (max-width:900px){
#vege h2{width:100%;height:335px;padding:200px 0 0;background-size:100%;}
#vege .cont{width:95%;margin:0 2.5%;}
#vege .cont1000{width:95%;margin:0 2.5%;}

#vege #tab{height:54px;}
#vege #tab li{margin:0 5px;width:165px;height:49px;}

#vege #tab li#tab01 a,
#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a,
#vege #tab li#tab02 a,
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a,
#vege #tab li#tab03 a,
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a,
#vege #tab li#tab04 a,#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background-size:200px;}

#vege .fr{margin-left:15px;margin-bottom:0;}
#vege .w465{float:none !important;width:auto !important;}
}

@media screen and (max-width:768px){
#vege h2{width:100%;height:280px;padding:180px 0 0;background-size:100%;}

#vege #tab{height:54px;}
#vege #tab li{margin:0 5px;width:130px;height:49px;}

#vege #tab li#tab01 a,
#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a,
#vege #tab li#tab02 a,
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a,
#vege #tab li#tab03 a,
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a,
#vege #tab li#tab04 a,#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background-size:160px;}

#vege .fr{width:300px;margin-left:10px;}
}
@media screen and (max-width:640px){
#vege h2{width:100%;height:250px;padding:160px 0 0;background-size:100%;}
#vege h2 img{width:80%;}

#vege #tab{height:44px;}
#vege #tab li{margin:0 3px;width:100px;height:39px;}

#vege #tab li#tab01 a,
#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a,
#vege #tab li#tab02 a,
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a,
#vege #tab li#tab03 a,
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a,
#vege #tab li#tab04 a,#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background-size:130px;}

#vege .fr{width:250px;}
}
@media screen and (max-width:480px){
#vege{margin:0 0 30px;}

#vege h2{width:100%;height:200px;padding:120px 0 0;background-size:100%;}
#vege h3{font-size:150%;}

#vege #tab{height:40px;}
#vege #tab li{margin:0 1px;width:80px;height:35px;}

#vege #tab li#tab01 a,
#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a,
#vege #tab li#tab02 a,
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a,
#vege #tab li#tab03 a,
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a,
#vege #tab li#tab04 a,#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background-size:100px;}

#vege .fr{float:none !important;width:auto;margin-left:0;margin-bottom:10px;}

#vege .link{font-size:120%;}
}
@media screen and (max-width:380px){
#vege h2{width:100%;height:160px;padding:100px 0 0;background-size:100%;}

#vege #tab{height:30px;}
#vege #tab li{margin:0 1px;width:65px;height:25px;}

#vege #tab li#tab01 a,
#vege #tab li#tab01 a:hover,
#vege #tab li#tab01.current a,
#vege #tab li#tab02 a,
#vege #tab li#tab02 a:hover,
#vege #tab li#tab02.current a,
#vege #tab li#tab03 a,
#vege #tab li#tab03 a:hover,
#vege #tab li#tab03.current a,
#vege #tab li#tab04 a,#vege #tab li#tab04 a:hover,
#vege #tab li#tab04.current a{background-size:80px;}
}


#prof{}
#prof .cont{width:700px;margin:0 auto;}
#prof #prof_h01{width:100%;height:33px;background:url("../images/prof_h01.png") repeat-x center;text-indent:-999em;overflow:hidden;}
#prof .cont2{width:840px;margin:0 auto;text-align:left;}

#prof .bdr_box{border:solid #e8e8e5 1px;padding:10px;text-align:left;}
#prof .bdr_box .green_box{border:solid #8A8A7B;border-width:1px 0 0;padding:10px 0 0;color:#99C79D;}
#prof .bdr_box .green_box h4{font-size:150%;}
#prof .bdr_box .green_box p{margin:0;}

@media screen and (max-width:900px){
#prof .cont{width:95%;margin:0 2.5%;}
#prof .cont2{width:95%;margin:0 2.5%;}
#prof .cont2 .fl{float:none !important;text-align:center;}
#prof .cont2 .fr{float:none !important;text-align:center;}
#prof .cont2 .fr .mb10{margin-right:10px;margin-bottom:auto !important;}
#prof .cont2 .fr br{display:none;}
}
@media screen and (max-width:768px){
#prof #prof_h01{background:url("../images/prof_h01s.png") no-repeat center;}
}
@media screen and (max-width:540px){
#prof .cont2 .fl{margin-bottom:10px;}
#prof .cont2 .fr img{width:49%;}
#prof .cont2 .fr .mb10{margin-right:2%;}
}
@media screen and (max-width:380px){
#prof #prof_h01{height:24px;background-size:500px;}
}


/* */
#garlic #header{background:url("../images/garlic_main01.jpg") no-repeat 50% 50%;background-size:cover;display:table;width:100%;height:235px;margin:0 0 50px;}
#garlic #header .inner{width:100%;height:100%;padding:0;display:table-cell;vertical-align:middle;}
#garlic #logo{margin:0 auto;}

#garlic #header .back{position:absolute;right:0;top:0;background:#000000;margin:0;font-size:115%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#garlic #header .back:hover{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
#garlic #header .back a{display:block;width:100%;height:100%;color:#ffffff;padding:5px 10px;}
#garlic #header .back a:hover{text-decoration:none;}


#garlic h2{text-align:center;}
#garlic h3{font-size:220%;text-align:center;background:#EBEAE5;padding:5px;margin:0 0 40px;}

#garlic .cont{width:900px;margin:0 auto;text-align:left;}
#garlic .cont p{line-height:2em;font-size:115%;}
#garlic .cont p.txt_large{font-size:220%;text-align:center;}

#garlic .cont .shop_btn{margin:0 0 50px;text-align:center;}
#garlic .cont .bnr{margin:0 0 50px;}

@media screen and (max-width:900px){
#garlic #logo{width:70%;}
	
#garlic .cont{width:95%;margin:0 2.5%;}
#garlic .w350.fr,
#garlic .w400.fr{margin-left:15px;}

#garlic .w465,
#garlic .w540{float:none !important;width:auto !important;}

#garlic .cont .shop_btn img{max-width:50%;}
}
@media screen and (max-width:768px){
#garlic #header{height:180px;margin:0 0 40px;}
	
#garlic .w350,
#garlic .w400{width:200px !important;}
#garlic .w350.fr,
#garlic .w400.fr.fr{margin-left:10px;}
}
@media screen and (max-width:640px){
#garlic #header .back{font-size:100%;}
	
#garlic .cont p{font-size:100%;}
	
#garlic .cont p.txt_large,
#garlic h3{font-size:180%;}

#garlic h3{margin:0 0 30px;}
#garlic .cont .shop_btn{margin:0 0 30px;}
#garlic .cont .bnr{margin:0 0 30px;}

#garlic .cf.mb30{margin-bottom:10px !important;}
}
@media screen and (max-width:480px){
#garlic #header{height:150px;margin:0 0 30px;}
	
#garlic .cont p.txt_large,
#garlic h3{font-size:150%;}

#garlic .w350,
#garlic .w400{width:150px !important;}
}
@media screen and (max-width:380px){
#garlic #header{height:120px;margin:0 0 30px;}

#garlic .w350,
#garlic .w400{width:120px !important;}
}



/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:115% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh15{line-height:1.5em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.ind01{text-indent:1em !important;}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#ff0000 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w465{width:465px !important;}
.w480{width:480px !important;}
.w540{width:540px !important;}

.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0; !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0; !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px; !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px; !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */