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
}

@font-face{
font-family:ume;src:url("css/ume-ugo5.woff");src:url("css/ume-ugo5.woff") format("embedded-opentype"),url("css/ume-ugo5.ttf") format("truetype"),url("css/ume-ugo5.ttf") format("truetype"),url("css/ume-ugo5.ttf") format("svg")
}

body{
-webkit-text-size-adjust:100%;color:#333;font:12px "F+UD-筑紫明朝 R","ヒラギノ明朝 Pro W6","HiraMinPro-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;line-height:1.8;font-weight:normal;background:#fff;width:100%;min-width:100%;max-width:100%;word-wrap:break-word
}

@media (max-width: 640px){
body{
width:640px
}


}

.en{
font-family:'Ledger'
}

.jp{
font-family:"F+UD-筑紫明朝 R"
}

.view_wrap{
background:#FFF;width:100%;height:100%
}

.wrapper{
width:100%;
margin:0 auto;
overflow: hidden;
}

a{
color:#633;text-decoration:none
}

a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5
}

a.img:hover{
border-bottom:none
}

::selection{
background:#6e2a3b
}

::-moz-selection{
background:#6e2a3b
}

strong{
font-weight:bold
}

.pc{
display:block
}

@media (max-width: 768px){
.pc{
display:none
}


}

@media (max-width: 640px){
.pc{
display:none
}


}

.tab{
display:none
}

@media (min-width: 641px) and (max-width: 768px){
.tab{
display:block
}


}

@media (max-width: 640px){
.tab{
display:none
}


}

.sp{
display:none
}

@media (max-width: 640px){
.sp{
display:block
}


}

.clearfix{
*zoom:1
}

.clearfix:after{
content:"";display:table;clear:both
}

hr{
height:0;margin:0;padding:0;border:0
}

input,button,textarea,select{
margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none
}

select::-ms-expand{
display:none
}

.fadein{
opacity:0
}

.fadein_mini{
opacity:0
}

.fade{
opacity:0
}

.fade_time{
opacity:0
}

.fade_first{
opacity:0
}

.fade_first_img{
opacity:0
}

.fadein.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp
}

.fadein_mini.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInUpMini;animation-name:fadeInUpMini
}

.fade.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:500ms;-ms-animation-duration:500ms;animation-duration:500ms
}

.fade_time.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.5s;-ms-animation-duration:1.5s;animation-duration:1.5s
}

.first.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp
}

.first_next.scrollin{
-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInUpMini;animation-name:fadeInUpMini
}

@-webkit-keyframes fadeIn{
from{
opacity:0
}

to{
opacity:1
}


}

@keyframes fadeIn{
from{
opacity:0
}

to{
opacity:1
}


}

@-webkit-keyframes fadeInUp{
from{
opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)
}

to{
opacity:1;-webkit-transform:none;transform:none
}


}

@keyframes fadeInUp{
from{
opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)
}

to{
opacity:1;-webkit-transform:none;transform:none
}


}

@-webkit-keyframes fadeInUpMini{
from{
opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)
}

to{
opacity:1;-webkit-transform:none;transform:none
}


}

@keyframes fadeInUpMini{
from{
opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)
}

to{
opacity:1;-webkit-transform:none;transform:none
}


}

header{
opacity:0.0
}

header .wrap{
position:relative;margin-bottom:15px
}

@media (min-width: 641px) and (max-width: 768px){
header .wrap{
margin-bottom:16px
}


}

@media (max-width: 640px){
header .wrap{
margin-bottom:18px
}


}

header .wrap h1{
text-align:center;margin-bottom:4px
}

@media (max-width: 640px){
header .wrap h1{
width:100%;margin:0 auto
}


}

@media (max-width: 496px){
header .wrap h1 img{
width:60%;height:auto
}


}

header .wrap #head_logo{
margin:56px 0 8px
}

@media (min-width: 641px) and (max-width: 768px){
header .wrap #head_logo{
margin:41px 0 8px
}


}

@media (max-width: 640px){
header .wrap #head_logo{
/*border-top:1px solid #ccc;*/
margin:47px 0 8px;
padding-top:32px
}


}

header .wrap p{
text-align:center
}

header .wrap p.description{
color:#633;letter-spacing:0.025em;margin-bottom:15px;margin-top:5px;font-size:117%;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

@media (max-width: 640px){
header .wrap p.description{
font-size:109%;margin-bottom:10px;
}


}

header .wrap p.tit_sub{
font-size:142%;letter-spacing:0.08em
}

@media (max-width: 640px){
header .wrap p.tit_sub{
font-size:150%
}


}

header .wrap #nav_lang{
font-size:109%;overflow:hidden;*zoom:1;position:absolute;right:10px;bottom:0
}

@media (min-width: 641px) and (max-width: 768px){
header .wrap #nav_lang{
bottom:0;top:-30px;right:15px
}


}

@media (max-width: 640px){
header .wrap #nav_lang{
bottom:0;top:-40px;right:20px;font-size:150%
}


}

header .wrap #nav_lang li{
float:left;letter-spacing:0.1em;line-height:1.8
}

@media (max-width: 640px){
header .wrap #nav_lang li{
letter-spacing:0.15em
}


}

header .wrap #nav_lang li a{
display:inline-block
}

header .wrap #nav_lang li.en a{
margin-top:1px
}

@media (max-width: 768px){
header .wrap #nav_lang li.en a{
margin-top:0
}


}

header .wrap #nav_lang li a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5
}

header .wrap #nav_lang li.l_op{
margin:0 3px
}

header .wrap #nav_lang li.current a{
color:#f00
}

header .wrap #nav_lang li.l04:after{
content:""
}

.cont_main #cont_view{
margin-bottom:185px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view{
margin-bottom:138px
}


}

@media (max-width: 640px){
.cont_main #cont_view{
margin-bottom:82px
}


}

.cont_main #cont_view .wrap{
width:70%;margin:0 auto
}

@media (max-width: 768px){
.cont_main #cont_view .wrap{
width:100%
}


}

.cont_main #cont_view .box{
width:100%;margin-bottom:94px;position:relative
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box{
margin-bottom:74px
}


}

@media (max-width: 640px){
.cont_main #cont_view .box{
margin-bottom:93px
}


}


/*
.cont_main #cont_view .box .view_img img{
width:100%;
height:auto
}
*/



@media (min-width: 769px){
.cont_main #cont_view .box .view_img img{
width:100%;
height:auto;
}
}

@media (max-width: 768px){
#view_first img{
width:150%;
margin:0 0 0 -22%;
height:auto;
}
.kameyalogo{
width:105px!important;
margin:0 auto!important;
}
#view_second img{
width:106%;
height:auto;
}
#view_third img{
width:100%;
height:auto;
}
#view_fourth img{
width:100%;
height:auto;
}
#view_fifth img{
width:100%;
height:auto;
}
}

@media (max-width: 640px){
#view_first img{
width:160%;
margin:0 0 0 -26%;
height:auto;
}
.kameyalogo{
width:105px!important;
margin:0 auto!important;
}
#view_second img{
width:106%;
height:auto;
}
#view_third img{
width:100%;
height:auto;
}
#view_fourth img{
width:100%;
height:auto;
}
#view_fifth img{
width:100%;
height:auto;
}
}



.cont_main #cont_view .box .view_txt,.cont_main #cont_view .box .view_txt_bg{
position:absolute;top:0;right:0;height:100%;width:394px;box-sizing:border-box;padding:36px 40px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box .view_txt,.cont_main #cont_view .box .view_txt_bg{
background:none;width:76%;margin:28px auto 0;position:relative;height:auto;padding:0
}


}

@media (max-width: 640px){
.cont_main #cont_view .box .view_txt,.cont_main #cont_view .box .view_txt_bg{
background:none;position:relative;height:auto;padding:0;width:92%;margin:26px auto 0
}


}

.cont_main #cont_view .box .view_txt .inner,.cont_main #cont_view .box .view_txt_bg .inner{
width:100%
}

.cont_main #cont_view .box .view_txt .inner h2,.cont_main #cont_view .box .view_txt_bg .inner h2{
width:100%;font-size:167%;text-align:center;letter-spacing:0.025em;margin-bottom:12px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box .view_txt .inner h2,.cont_main #cont_view .box .view_txt_bg .inner h2{
font-size:159%;letter-spacing:0.075em
}


}

@media (max-width: 640px){
.cont_main #cont_view .box .view_txt .inner h2,.cont_main #cont_view .box .view_txt_bg .inner h2{
font-size:200%;letter-spacing:0.1em
}


}

.cont_main #cont_view .box .view_txt .inner h2 span,.cont_main #cont_view .box .view_txt_bg .inner h2 span{
display:block;font-size:14px;margin-bottom:5px
}

@media (max-width: 640px){
.cont_main #cont_view .box .view_txt .inner h2 span,.cont_main #cont_view .box .view_txt_bg .inner h2 span{
font-size:20px;letter-spacing:0
}


}

.cont_main #cont_view .box .view_txt .inner .description,.cont_main #cont_view .box .view_txt_bg .inner .description{
width:100%;font-size:117%;line-height:2;letter-spacing:0.075em
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box .view_txt .inner .description,.cont_main #cont_view .box .view_txt_bg .inner .description{
font-size:100%;letter-spacing:0.1em
}


}

@media (max-width: 640px){
.cont_main #cont_view .box .view_txt .inner .description,.cont_main #cont_view .box .view_txt_bg .inner .description{
font-size:167%
}


}

.cont_main #cont_view .box .view_txt_bg{
background-image:url("images/bg_opacity.png");background-repeat:repeat;background-position:left top;background-size:auto
}

@media (max-width: 768px){
.cont_main #cont_view .box .view_txt_bg{
background:none;display:none
}


}

.cont_main #cont_view .box#view_first{
margin-top:800px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_first{
margin-bottom:80px
}


}

@media (max-width: 640px){
.cont_main #cont_view .box#view_first{
margin-bottom:90px
}


}

.cont_main #cont_view .box#view_first .view_img{
opacity:0
}

.cont_main #cont_view .box#view_first .view_txt,.cont_main #cont_view .box#view_first .view_txt_bg{
width:452px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_first .view_txt,.cont_main #cont_view .box#view_first .view_txt_bg{
width:76%;margin:28px auto 0
}


}

@media (max-width: 640px){
.cont_main #cont_view .box#view_first .view_txt,.cont_main #cont_view .box#view_first .view_txt_bg{
width:92%;margin:28px auto 0
}


}

.cont_main #cont_view .box#view_first .view_txt h2 span,.cont_main #cont_view .box#view_first .view_txt_bg h2 span{
margin-bottom:13px
}

.cont_main #cont_view .box#view_first .view_txt_bg{
opacity:0
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_third .view_txt h2,.cont_main #cont_view .box#view_third .view_txt_bg h2{
margin-bottom:5px
}


}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_third .view_txt .description,.cont_main #cont_view .box#view_third .view_txt_bg .description{
line-height:2.2
}


}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_fourth{
margin-bottom:34px
}


}

@media (max-width: 640px){
.cont_main #cont_view .box#view_fourth{
margin-bottom:36px
}


}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_view .box#view_fourth .view_txt .description,.cont_main #cont_view .box#view_fourth .view_txt_bg .description{
line-height:2.1
}


}

@media (max-width: 640px){
.cont_main #cont_view .box#view_fifth{
margin-bottom:82px
}


}

@media (max-width: 768px){
.cont_main #cont_view .box#view_fifth .view_txt,.cont_main #cont_view .box#view_fifth .view_txt_bg{
margin:12px auto 0
}


}

.cont_main #cont_wagashi{
width:95%;margin:0 auto 106px
}

@media (min-width: 1400px){
.cont_main #cont_wagashi{
width:1320px
}


}

@media (min-width: 641px) and (max-width: 1389px){
.cont_main #cont_wagashi{
width:890px
}


}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi{
width:95%;margin:0 auto 110px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi{
width:92%;margin:0 auto 60px
}


}

.cont_main #cont_wagashi .box{
width:100%;margin-bottom:46px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi .box{
margin-bottom:50px
}


}

.cont_main #cont_wagashi .box h3{
font-size:200%;letter-spacing:0.15em;margin-bottom:40px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi .box h3{
font-size:167%;margin-bottom:32px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box h3{
font-size:28px;margin-bottom:32px
}


}

.cont_main #cont_wagashi .box .ul_list{
overflow:hidden;*zoom:1
}

.cont_main #cont_wagashi .box .ul_list li{
float:left;margin-right:30px;margin-bottom:38px
}

@media (max-width: 768px){
.cont_main #cont_wagashi .box .ul_list li{
margin-right:28px;margin-bottom:36px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li{
margin-right:22px;margin-bottom:35px
}


}

.cont_main #cont_wagashi .box .ul_list li a{
color:#333;display:block
}

.cont_main #cont_wagashi .box .ul_list li:nth-child(6n){
margin-right:0
}

@media (min-width: 641px) and (max-width: 1389px){
.cont_main #cont_wagashi .box .ul_list li:nth-child(6n){
margin-right:30px
}


}

@media (max-width: 768px){
.cont_main #cont_wagashi .box .ul_list li:nth-child(6n){
margin-right:28px
}


}

@media (min-width: 641px) and (max-width: 1389px){
.cont_main #cont_wagashi .box .ul_list li:nth-child(4n){
margin-right:0
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li:nth-child(4n){
margin-right:22px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li:nth-child(3n){
margin-right:0
}


}

.cont_main #cont_wagashi .box .ul_list li p.txt{
text-align:center;margin-top:8px;letter-spacing:0.15em
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi .box .ul_list li p.txt{
margin-top:2px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt{
line-height:1.5;margin-top:12px
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt span{
display:block
}


}

.cont_main #cont_wagashi .box .ul_list li p.txt span.month{
font-size:100%
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.month{
font-size:74%
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.month{
font-size:117%
}


}

.cont_main #cont_wagashi .box .ul_list li p.txt span.month:after{
content:"|";margin:0 3px;
}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.month:after{
content:"";margin:0
}


}

.cont_main #cont_wagashi .box .ul_list li p.txt span.tit{
font-size:117%
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.tit{
font-size:100%
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.tit{
font-size:150%
}


}

@media (max-width: 640px){
.cont_main #cont_wagashi .box .ul_list li p.txt span.tit.sp_mini{
font-size:134%;letter-spacing:0.01em
}


}

.cont_main #cont_company .box{
width:100%;overflow:hidden;*zoom:1;position:relative
}

.cont_main #cont_company .box .view_img img{
width:100%;height:auto
}

.cont_main #cont_company .box .view_txt,.cont_main #cont_company .box .view_txt_bg{
position:absolute;top:0;height:100%;width:50%;box-sizing:border-box
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_company .box .view_txt,.cont_main #cont_company .box .view_txt_bg{
position:relative;height:auto;width:76%;padding:0;margin:32px auto
}


}

@media (max-width: 640px){
.cont_main #cont_company .box .view_txt,.cont_main #cont_company .box .view_txt_bg{
position:relative;height:auto;width:92%;padding:0;margin:32px auto
}


}

@media (max-width: 768px){
.cont_main #cont_company .box .view_txt .inner,.cont_main #cont_company .box .view_txt_bg .inner{
max-width:100%;margin:0 auto
}


}

.cont_main #cont_company .box .view_txt h4,.cont_main #cont_company .box .view_txt_bg h4{
text-align:center;margin-bottom:20px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_company .box .view_txt h4,.cont_main #cont_company .box .view_txt_bg h4{
margin-bottom:10px
}


}

@media (max-width: 640px){
.cont_main #cont_company .box .view_txt h4,.cont_main #cont_company .box .view_txt_bg h4{
margin-bottom:14px
}


}

.cont_main #cont_company .box .view_txt .description,.cont_main #cont_company .box .view_txt_bg .description{
font-size:117%;line-height:2;letter-spacing:0.075em
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_company .box .view_txt .description,.cont_main #cont_company .box .view_txt_bg .description{
font-size:100%;line-height:2.2
}


}

@media (max-width: 640px){
.cont_main #cont_company .box .view_txt .description,.cont_main #cont_company .box .view_txt_bg .description{
font-size:167%;letter-spacing:0.01em
}


}

.cont_main #cont_company .box .view_txt_bg{
background-image:url("images/bg_opacity.png");background-repeat:repeat;background-position:left top;background-size:auto
}

@media (max-width: 768px){
.cont_main #cont_company .box .view_txt_bg{
background:none;display:none
}


}

.cont_main #cont_company .box#company_sousou{
margin-bottom:92px
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_company .box#company_sousou{
margin-bottom:40px
}


}

@media (max-width: 640px){
.cont_main #cont_company .box#company_sousou{
margin-bottom:58px
}


}

.cont_main #cont_company .box#company_sousou .view_txt,.cont_main #cont_company .box#company_sousou .view_txt_bg{
right:0
}

.cont_main #cont_company .box#company_kameya .view_txt,.cont_main #cont_company .box#company_kameya .view_txt_bg{
left:0
}

@media (min-width: 641px) and (max-width: 768px){
.cont_main #cont_company .box#company_kameya .view_txt h4,.cont_main #cont_company .box#company_kameya .view_txt_bg h4{
margin-bottom:16px
}


}

footer{
color:#FFF;font-family:"游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;margin-top:200px
}

@media (min-width: 641px) and (max-width: 768px){
footer{
margin-top:110px
}


}

@media (max-width: 640px){
footer{
margin-top:108px
}


}

footer .wrap p{
text-align:center
}

footer .wrap p#foot_logo{
margin-bottom:22px
}

@media (max-width: 640px){
footer .wrap p#foot_logo{
margin-bottom:30px
}


}

footer .wrap p.description{
background:#6e2a3b;padding:24px
}

@media (max-width: 640px){
footer .wrap p.description{
font-size:134%;padding:16px
}


}

.fl{
float:left
}

.fr{
float:right
}

.fn{
float:none
}

.cb{
clear:both
}

br.visible_sp{
display:none
}

@media (max-width: 768px){
br.visible_sp{
display:block
}


}

img.img_opacity{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5
}

@media (max-width: 768px){
.ma0{
margin:0px !important
}

.pa0{
padding:0px !important
}


}

.mt0{
margin-top:0px !important
}

@media (max-width: 768px){
.mt0.sp_none{
margin-top:0 !important
}


}

.mb0{
margin-bottom:0px !important
}

@media (max-width: 768px){
.mb0.sp_none{
margin-bottom:0 !important
}


}

.ml0{
margin-left:0px !important
}

@media (max-width: 768px){
.ml0.sp_none{
margin-left:0 !important
}


}

.mr0{
margin-right:0px !important
}

@media (max-width: 768px){
.mr0.sp_none{
margin-right:0 !important
}


}

.pt0{
padding-top:0px !important
}

@media (max-width: 768px){
.pt0.sp_none{
padding-top:0 !important
}


}

.pb0{
padding-bottom:0px !important
}

@media (max-width: 768px){
.pb0.sp_none{
padding-bottom:0 !important
}


}

.pl0{
padding-left:0px !important
}

@media (max-width: 768px){
.pl0.sp_none{
padding-left:0 !important
}


}

.pr0{
padding-right:0px !important
}

@media (max-width: 768px){
.pr0.sp_none{
padding-right:0 !important
}


}

.mt3{
margin-top:3px !important
}

@media (max-width: 768px){
.mt3.sp_none{
margin-top:0 !important
}


}

.mb3{
margin-bottom:3px !important
}

@media (max-width: 768px){
.mb3.sp_none{
margin-bottom:0 !important
}


}

.ml3{
margin-left:3px !important
}

@media (max-width: 768px){
.ml3.sp_none{
margin-left:0 !important
}


}

.mr3{
margin-right:3px !important
}

@media (max-width: 768px){
.mr3.sp_none{
margin-right:0 !important
}


}

.pt3{
padding-top:3px !important
}

@media (max-width: 768px){
.pt3.sp_none{
padding-top:0 !important
}


}

.pb3{
padding-bottom:3px !important
}

@media (max-width: 768px){
.pb3.sp_none{
padding-bottom:0 !important
}


}

.pl3{
padding-left:3px !important
}

@media (max-width: 768px){
.pl3.sp_none{
padding-left:0 !important
}


}

.pr3{
padding-right:3px !important
}

@media (max-width: 768px){
.pr3.sp_none{
padding-right:0 !important
}


}

.mt7{
margin-top:7px !important
}

@media (max-width: 768px){
.mt7.sp_none{
margin-top:0 !important
}


}

.mb7{
margin-bottom:7px !important
}

@media (max-width: 768px){
.mb7.sp_none{
margin-bottom:0 !important
}


}

.ml7{
margin-left:7px !important
}

@media (max-width: 768px){
.ml7.sp_none{
margin-left:0 !important
}


}

.mr7{
margin-right:7px !important
}

@media (max-width: 768px){
.mr7.sp_none{
margin-right:0 !important
}


}

.pt7{
padding-top:7px !important
}

@media (max-width: 768px){
.pt7.sp_none{
padding-top:0 !important
}


}

.pb7{
padding-bottom:7px !important
}

@media (max-width: 768px){
.pb7.sp_none{
padding-bottom:0 !important
}


}

.pl7{
padding-left:7px !important
}

@media (max-width: 768px){
.pl7.sp_none{
padding-left:0 !important
}


}

.pr7{
padding-right:7px !important
}

@media (max-width: 768px){
.pr7.sp_none{
padding-right:0 !important
}


}

.mt90{
margin-top:90px !important
}

@media (max-width: 768px){
.mt90.sp_none{
margin-top:0 !important
}


}

.mb90{
margin-bottom:90px !important
}

@media (max-width: 768px){
.mb90.sp_none{
margin-bottom:0 !important
}


}

.ml90{
margin-left:90px !important
}

@media (max-width: 768px){
.ml90.sp_none{
margin-left:0 !important
}


}

.mr90{
margin-right:90px !important
}

@media (max-width: 768px){
.mr90.sp_none{
margin-right:0 !important
}


}

.pt90{
padding-top:90px !important
}

@media (max-width: 768px){
.pt90.sp_none{
padding-top:0 !important
}


}

.pb90{
padding-bottom:90px !important
}

@media (max-width: 768px){
.pb90.sp_none{
padding-bottom:0 !important
}


}

.pl90{
padding-left:90px !important
}

@media (max-width: 768px){
.pl90.sp_none{
padding-left:0 !important
}


}

.pr90{
padding-right:90px !important
}

@media (max-width: 768px){
.pr90.sp_none{
padding-right:0 !important
}


}

.mt100{
margin-top:100px !important
}

@media (max-width: 768px){
.mt100.sp_none{
margin-top:0 !important
}


}

.mb100{
margin-bottom:100px !important
}

@media (max-width: 768px){
.mb100.sp_none{
margin-bottom:0 !important
}


}

.ml100{
margin-left:100px !important
}

@media (max-width: 768px){
.ml100.sp_none{
margin-left:0 !important
}


}

.mr100{
margin-right:100px !important
}

@media (max-width: 768px){
.mr100.sp_none{
margin-right:0 !important
}


}

.pt100{
padding-top:100px !important
}

@media (max-width: 768px){
.pt100.sp_none{
padding-top:0 !important
}


}

.pb100{
padding-bottom:100px !important
}

@media (max-width: 768px){
.pb100.sp_none{
padding-bottom:0 !important
}


}

.pl100{
padding-left:100px !important
}

@media (max-width: 768px){
.pl100.sp_none{
padding-left:0 !important
}


}

.pr100{
padding-right:100px !important
}

@media (max-width: 768px){
.pr100.sp_none{
padding-right:0 !important
}


}

.mt5{
margin-top:5px !important
}

@media (max-width: 768px){
.mt5.sp_none{
margin-top:0 !important
}


}

.mb5{
margin-bottom:5px !important
}

@media (max-width: 768px){
.mb5.sp_none{
margin-bottom:0 !important
}


}

.ml5{
margin-left:5px !important
}

@media (max-width: 768px){
.ml5.sp_none{
margin-left:0 !important
}


}

.mr5{
margin-right:5px !important
}

@media (max-width: 768px){
.mr5.sp_none{
margin-right:0 !important
}


}

.pt5{
padding-top:5px !important
}

@media (max-width: 768px){
.pt5.sp_none{
padding-top:0 !important
}


}

.pb5{
padding-bottom:5px !important
}

@media (max-width: 768px){
.pb5.sp_none{
padding-bottom:0 !important
}


}

.pl5{
padding-left:5px !important
}

@media (max-width: 768px){
.pl5.sp_none{
padding-left:0 !important
}


}

.pr5{
padding-right:5px !important
}

@media (max-width: 768px){
.pr5.sp_none{
padding-right:0 !important
}


}

.mt10{
margin-top:10px !important
}

@media (max-width: 768px){
.mt10.sp_none{
margin-top:0 !important
}


}

.mb10{
margin-bottom:10px !important
}

@media (max-width: 768px){
.mb10.sp_none{
margin-bottom:0 !important
}


}

.ml10{
margin-left:10px !important
}

@media (max-width: 768px){
.ml10.sp_none{
margin-left:0 !important
}


}

.mr10{
margin-right:10px !important
}

@media (max-width: 768px){
.mr10.sp_none{
margin-right:0 !important
}


}

.pt10{
padding-top:10px !important
}

@media (max-width: 768px){
.pt10.sp_none{
padding-top:0 !important
}


}

.pb10{
padding-bottom:10px !important
}

@media (max-width: 768px){
.pb10.sp_none{
padding-bottom:0 !important
}


}

.pl10{
padding-left:10px !important
}

@media (max-width: 768px){
.pl10.sp_none{
padding-left:0 !important
}


}

.pr10{
padding-right:10px !important
}

@media (max-width: 768px){
.pr10.sp_none{
padding-right:0 !important
}


}

.mt15{
margin-top:15px !important
}

@media (max-width: 768px){
.mt15.sp_none{
margin-top:0 !important
}


}

.mb15{
margin-bottom:15px !important
}

@media (max-width: 768px){
.mb15.sp_none{
margin-bottom:0 !important
}


}

.ml15{
margin-left:15px !important
}

@media (max-width: 768px){
.ml15.sp_none{
margin-left:0 !important
}


}

.mr15{
margin-right:15px !important
}

@media (max-width: 768px){
.mr15.sp_none{
margin-right:0 !important
}


}

.pt15{
padding-top:15px !important
}

@media (max-width: 768px){
.pt15.sp_none{
padding-top:0 !important
}


}

.pb15{
padding-bottom:15px !important
}

@media (max-width: 768px){
.pb15.sp_none{
padding-bottom:0 !important
}


}

.pl15{
padding-left:15px !important
}

@media (max-width: 768px){
.pl15.sp_none{
padding-left:0 !important
}


}

.pr15{
padding-right:15px !important
}

@media (max-width: 768px){
.pr15.sp_none{
padding-right:0 !important
}


}

.mt20{
margin-top:20px !important
}

@media (max-width: 768px){
.mt20.sp_none{
margin-top:0 !important
}


}

.mb20{
margin-bottom:20px !important
}

@media (max-width: 768px){
.mb20.sp_none{
margin-bottom:0 !important
}


}

.ml20{
margin-left:20px !important
}

@media (max-width: 768px){
.ml20.sp_none{
margin-left:0 !important
}


}

.mr20{
margin-right:20px !important
}

@media (max-width: 768px){
.mr20.sp_none{
margin-right:0 !important
}


}

.pt20{
padding-top:20px !important
}

@media (max-width: 768px){
.pt20.sp_none{
padding-top:0 !important
}


}

.pb20{
padding-bottom:20px !important
}

@media (max-width: 768px){
.pb20.sp_none{
padding-bottom:0 !important
}


}

.pl20{
padding-left:20px !important
}

@media (max-width: 768px){
.pl20.sp_none{
padding-left:0 !important
}


}

.pr20{
padding-right:20px !important
}

@media (max-width: 768px){
.pr20.sp_none{
padding-right:0 !important
}


}

.mt25{
margin-top:25px !important
}

@media (max-width: 768px){
.mt25.sp_none{
margin-top:0 !important
}


}

.mb25{
margin-bottom:25px !important
}

@media (max-width: 768px){
.mb25.sp_none{
margin-bottom:0 !important
}


}

.ml25{
margin-left:25px !important
}

@media (max-width: 768px){
.ml25.sp_none{
margin-left:0 !important
}


}

.mr25{
margin-right:25px !important
}

@media (max-width: 768px){
.mr25.sp_none{
margin-right:0 !important
}


}

.pt25{
padding-top:25px !important
}

@media (max-width: 768px){
.pt25.sp_none{
padding-top:0 !important
}


}

.pb25{
padding-bottom:25px !important
}

@media (max-width: 768px){
.pb25.sp_none{
padding-bottom:0 !important
}


}

.pl25{
padding-left:25px !important
}

@media (max-width: 768px){
.pl25.sp_none{
padding-left:0 !important
}


}

.pr25{
padding-right:25px !important
}

@media (max-width: 768px){
.pr25.sp_none{
padding-right:0 !important
}


}

.mt30{
margin-top:30px !important
}

@media (max-width: 768px){
.mt30.sp_none{
margin-top:0 !important
}


}

.mb30{
margin-bottom:30px !important
}

@media (max-width: 768px){
.mb30.sp_none{
margin-bottom:0 !important
}


}

.ml30{
margin-left:30px !important
}

@media (max-width: 768px){
.ml30.sp_none{
margin-left:0 !important
}


}

.mr30{
margin-right:30px !important
}

@media (max-width: 768px){
.mr30.sp_none{
margin-right:0 !important
}


}

.pt30{
padding-top:30px !important
}

@media (max-width: 768px){
.pt30.sp_none{
padding-top:0 !important
}


}

.pb30{
padding-bottom:30px !important
}

@media (max-width: 768px){
.pb30.sp_none{
padding-bottom:0 !important
}


}

.pl30{
padding-left:30px !important
}

@media (max-width: 768px){
.pl30.sp_none{
padding-left:0 !important
}


}

.pr30{
padding-right:30px !important
}

@media (max-width: 768px){
.pr30.sp_none{
padding-right:0 !important
}


}

.mt35{
margin-top:35px !important
}

@media (max-width: 768px){
.mt35.sp_none{
margin-top:0 !important
}


}

.mb35{
margin-bottom:35px !important
}

@media (max-width: 768px){
.mb35.sp_none{
margin-bottom:0 !important
}


}

.ml35{
margin-left:35px !important
}

@media (max-width: 768px){
.ml35.sp_none{
margin-left:0 !important
}


}

.mr35{
margin-right:35px !important
}

@media (max-width: 768px){
.mr35.sp_none{
margin-right:0 !important
}


}

.pt35{
padding-top:35px !important
}

@media (max-width: 768px){
.pt35.sp_none{
padding-top:0 !important
}


}

.pb35{
padding-bottom:35px !important
}

@media (max-width: 768px){
.pb35.sp_none{
padding-bottom:0 !important
}


}

.pl35{
padding-left:35px !important
}

@media (max-width: 768px){
.pl35.sp_none{
padding-left:0 !important
}


}

.pr35{
padding-right:35px !important
}

@media (max-width: 768px){
.pr35.sp_none{
padding-right:0 !important
}


}

.mt40{
margin-top:40px !important
}

@media (max-width: 768px){
.mt40.sp_none{
margin-top:0 !important
}


}

.mb40{
margin-bottom:40px !important
}

@media (max-width: 768px){
.mb40.sp_none{
margin-bottom:0 !important
}


}

.ml40{
margin-left:40px !important
}

@media (max-width: 768px){
.ml40.sp_none{
margin-left:0 !important
}


}

.mr40{
margin-right:40px !important
}

@media (max-width: 768px){
.mr40.sp_none{
margin-right:0 !important
}


}

.pt40{
padding-top:40px !important
}

@media (max-width: 768px){
.pt40.sp_none{
padding-top:0 !important
}


}

.pb40{
padding-bottom:40px !important
}

@media (max-width: 768px){
.pb40.sp_none{
padding-bottom:0 !important
}


}

.pl40{
padding-left:40px !important
}

@media (max-width: 768px){
.pl40.sp_none{
padding-left:0 !important
}


}

.pr40{
padding-right:40px !important
}

@media (max-width: 768px){
.pr40.sp_none{
padding-right:0 !important
}


}

.mt45{
margin-top:45px !important
}

@media (max-width: 768px){
.mt45.sp_none{
margin-top:0 !important
}


}

.mb45{
margin-bottom:45px !important
}

@media (max-width: 768px){
.mb45.sp_none{
margin-bottom:0 !important
}


}

.ml45{
margin-left:45px !important
}

@media (max-width: 768px){
.ml45.sp_none{
margin-left:0 !important
}


}

.mr45{
margin-right:45px !important
}

@media (max-width: 768px){
.mr45.sp_none{
margin-right:0 !important
}


}

.pt45{
padding-top:45px !important
}

@media (max-width: 768px){
.pt45.sp_none{
padding-top:0 !important
}


}

.pb45{
padding-bottom:45px !important
}

@media (max-width: 768px){
.pb45.sp_none{
padding-bottom:0 !important
}


}

.pl45{
padding-left:45px !important
}

@media (max-width: 768px){
.pl45.sp_none{
padding-left:0 !important
}


}

.pr45{
padding-right:45px !important
}

@media (max-width: 768px){
.pr45.sp_none{
padding-right:0 !important
}


}

.mt50{
margin-top:50px !important
}

@media (max-width: 768px){
.mt50.sp_none{
margin-top:0 !important
}


}

.mb50{
margin-bottom:50px !important
}

@media (max-width: 768px){
.mb50.sp_none{
margin-bottom:0 !important
}


}

.ml50{
margin-left:50px !important
}

@media (max-width: 768px){
.ml50.sp_none{
margin-left:0 !important
}


}

.mr50{
margin-right:50px !important
}

@media (max-width: 768px){
.mr50.sp_none{
margin-right:0 !important
}


}

.pt50{
padding-top:50px !important
}

@media (max-width: 768px){
.pt50.sp_none{
padding-top:0 !important
}


}

.pb50{
padding-bottom:50px !important
}

@media (max-width: 768px){
.pb50.sp_none{
padding-bottom:0 !important
}


}

.pl50{
padding-left:50px !important
}

@media (max-width: 768px){
.pl50.sp_none{
padding-left:0 !important
}


}

.pr50{
padding-right:50px !important
}

@media (max-width: 768px){
.pr50.sp_none{
padding-right:0 !important
}


}

.mt55{
margin-top:55px !important
}

@media (max-width: 768px){
.mt55.sp_none{
margin-top:0 !important
}


}

.mb55{
margin-bottom:55px !important
}

@media (max-width: 768px){
.mb55.sp_none{
margin-bottom:0 !important
}


}

.ml55{
margin-left:55px !important
}

@media (max-width: 768px){
.ml55.sp_none{
margin-left:0 !important
}


}

.mr55{
margin-right:55px !important
}

@media (max-width: 768px){
.mr55.sp_none{
margin-right:0 !important
}


}

.pt55{
padding-top:55px !important
}

@media (max-width: 768px){
.pt55.sp_none{
padding-top:0 !important
}


}

.pb55{
padding-bottom:55px !important
}

@media (max-width: 768px){
.pb55.sp_none{
padding-bottom:0 !important
}


}

.pl55{
padding-left:55px !important
}

@media (max-width: 768px){
.pl55.sp_none{
padding-left:0 !important
}


}

.pr55{
padding-right:55px !important
}

@media (max-width: 768px){
.pr55.sp_none{
padding-right:0 !important
}


}

.mt60{
margin-top:60px !important
}

@media (max-width: 768px){
.mt60.sp_none{
margin-top:0 !important
}


}

.mb60{
margin-bottom:60px !important
}

@media (max-width: 768px){
.mb60.sp_none{
margin-bottom:0 !important
}


}

.ml60{
margin-left:60px !important
}

@media (max-width: 768px){
.ml60.sp_none{
margin-left:0 !important
}


}

.mr60{
margin-right:60px !important
}

@media (max-width: 768px){
.mr60.sp_none{
margin-right:0 !important
}


}

.pt60{
padding-top:60px !important
}

@media (max-width: 768px){
.pt60.sp_none{
padding-top:0 !important
}


}

.pb60{
padding-bottom:60px !important
}

@media (max-width: 768px){
.pb60.sp_none{
padding-bottom:0 !important
}


}

.pl60{
padding-left:60px !important
}

@media (max-width: 768px){
.pl60.sp_none{
padding-left:0 !important
}


}

.pr60{
padding-right:60px !important
}

@media (max-width: 768px){
.pr60.sp_none{
padding-right:0 !important
}


}

.txt8{
font-size:8px !important
}

.txt9{
font-size:9px !important
}

.txt10{
font-size:10px !important
}

.txt11{
font-size:11px !important
}

.txt12{
font-size:12px !important
}

.txt13{
font-size:13px !important
}

.txt14{
font-size:14px !important
}

.txt15{
font-size:15px !important
}

.txt16{
font-size:16px !important
}

.txt17{
font-size:17px !important
}

.txt18{
font-size:18px !important
}

.txt19{
font-size:19px !important
}

.txt20{
font-size:20px !important
}

.txt21{
font-size:21px !important
}

.txt22{
font-size:22px !important
}

.txt23{
font-size:23px !important
}

.txt24{
font-size:24px !important
}

.txt25{
font-size:25px !important
}

.txt26{
font-size:26px !important
}

.txt27{
font-size:27px !important
}

.txt28{
font-size:28px !important
}

.txt29{
font-size:29px !important
}

.txt30{
font-size:30px !important
}

.txt31{
font-size:31px !important
}

.txt32{
font-size:32px !important
}

.txt33{
font-size:33px !important
}

.txt34{
font-size:34px !important
}

.txt35{
font-size:35px !important
}

.txt36{
font-size:36px !important
}

.txt37{
font-size:37px !important
}

.txt38{
font-size:38px !important
}

.txt39{
font-size:39px !important
}

.txt40{
font-size:40px !important
}

.txt41{
font-size:41px !important
}

.txt42{
font-size:42px !important
}

.txt43{
font-size:43px !important
}

.txt44{
font-size:44px !important
}

.txt45{
font-size:45px !important
}

.txt46{
font-size:46px !important
}

.txt47{
font-size:47px !important
}

.txt48{
font-size:48px !important
}

.txt49{
font-size:49px !important
}

.txt50{
font-size:50px !important
}

@media (max-width: 768px){
.sp_fn{
float:none
}


}




/* google webfont */
.en2 {
font-family: 'Amethysta', serif;
}



/* sns button */
.sns {
width: 100%;margin:0 auto -1px auto;padding-top:30px;background-color:#6e2a3b;
}


@media (max-width: 640px){
.snsb {
transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6);
}

.sns {
padding:50px 0 20px 0;
}


}


.sns .logo_net {
float:left;width:201px;height:55px;margin-top:16px;
}


.sns .logo_net img {
width:201px;height:55px;
}


.sns .logo_sns {
width: 201px;height: 55px;margin: 0 auto;
}


.snsb {
position: relative;
}


.snsb ul {
position: relative;left: 50%;float: left;
}


.snsb li {
position: relative;float: left;left: -50%;margin-left: 10px;list-style:none;
}


.snsb iframe {
margin: 0 !important;
}