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 明朝","方正楷体_GBK","FZKai-Z03",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: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho";}


.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:26px}

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

}

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

}

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

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

}

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

}

header .wrap p{
text-align:center}

header .wrap p#head_logo{
margin:28px 0 2px}

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

}

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

}

header .wrap p.description{
color:#633;
letter-spacing:0.025em;
margin-bottom:15px;
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:117%;
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:-10px}

@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:-33px;
right:22px;
font-size:150%}

}

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

@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;
}
#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;
}
#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_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;
padding:40px 0}

@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{
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;
}