@charset "UTF-8";
 .tsMain{
display:block;
padding:0;
position:relative;
padding:70px 0 0 0;
clear:both;
}
.tsMainSp{
display:none;
}
.topMainTxt{
float:left;
width:4.5%;
margin:12% 0 0 10%;
animation-name:fadeInTopAnime;
animation-duration:4s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInTopAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#swiperWrap{
float:right;
width:76%!important;
margin:0!important;
position:relative;
}
.topMainTel{
position:absolute;
width:40%;
right:0;
bottom:15%;
z-index:400;
animation: SlideSideIn 1.5s forwards;
}
@keyframes SlideSideIn {
0% {
opacity: 0;
transform: translateX(64px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.topConUp{
position:absolute;
right:0;
bottom:-300px;
}
.topSpConUp{
display:none;
}
@media screen and (max-width: 1160px){
.topMainTxt{
width:5%;
margin:14% 0 0 10%;
}
.topConUp {
bottom: -200px;
width: 80%;
}
}
@media screen and (max-width: 1000px){
.tsMain {
padding: 0;
}
}
@media screen and (max-width: 770px){
.tsMain{
display:none;
}
.tsMainSp{
display:block;
padding:0;
position:relative;
padding:0;
}
#swiperWrap{
float:none;
width:100%!important;
margin:0 auto!important;
}
.topSpConUp{
display:block!important;
position: absolute;
z-index: -1;
width: 55%;
right: 0;
margin: 0 0 500px 0;
}
} .topMidashi{
font-size:180%;
font-weight:600;
margin:0 0 40px 0;
letter-spacing:1px;
color:#92c41d;
position:relative;
text-align:center;
}
.topUp p{
font-size:110%;
text-align:center;
}
.topMidashi2{
font-size:180%;
font-weight:600;
margin:0 0 40px 0;
letter-spacing:3px;
color:#92c41d;
position:relative;
text-align:center;
}
.topMidashi2 span{
display:block;
font-weight:400;
font-size:50%;
color:#231815;
}
.topJigyoGift{
width:100%;
margin:0 auto 100px auto;
overflow:hidden;
}
.topJigyoGiftL{
float:left;
width:50%;
}
.topJigyoGiftL img{
max-width:100%;
display:block;
height:auto;
margin:0 auto;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
}
.topJigyoGiftR{
float:right;
width:45%;
padding:2% 0 0 0;
}
.topJigyoGiftR2{
float:right;
width:50%;
}
.topJigyoGiftR2 img{
max-width:100%;
display:block;
height:auto;
margin:0 auto;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
}
.topJigyoGiftL2{
float:left;
width:45%;
padding:2% 0 0 0;
}
.topJigyoGiftRNaka{
border-left: 1px solid #9dc814;
width:96%;
padding:0 0 0 4%;
}
.topShopName{
clear:both;
font-size: 150%;
position: relative;
border-bottom: 5px solid #d1e398;
padding:0 0 10px 0;
color:#92c41d;
font-weight:500;
margin:0 auto 25px auto;
}
.marker{
background:linear-gradient(transparent 85%, #f25c64 85%);
font-weight:600;
}
.shppLnkBtn{
width:60%;
margin:60px auto 0 auto;
overflow:hidden;
}
.shppLnkBtn a{
display:block;
border:1px solid #68b82e; 
width:94%;
padding:15px 2%;
text-decoration:none;
color:#68b82e;
text-align:center;
overflow:hidden;
line-height:150%;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
display: flex;
justify-content: center;
align-items: center;
transition:.3s;
background:#fff;
}
.shppLnkBtn a:hover{
border:1px solid #68b82e; 
color:#fff;
background:#68b82e; 
}
.lineBtn{
width:50%;
margin:30px auto 0 auto;
overflow:hidden;
}
.slbLogo{
float:left;
width:15%;
margin:0 0 0 3%;
}
.slbLogo img{
max-width:100%;
margin:0 auto;
display:block;
height:auto;
}
.slbName{
float:right;
width:77%;
}
.shppLnkBtn a:hover .slbLogo img{
opacity:1!important;
-webkit-opacity:1!important;
-moz-opacity:1!important;
}
.tennaiPic{
clear:both;
width:100%;
margin:0 auto;
overflow:hidden;
padding:80px 0 0 0;
}
.tennaiPicOne{
float:left;
width:32%;
margin:0 2% 0 0;
}
.tennaiPicOne:nth-child(3n){
float:right;
margin:0;
}
.tennaiPicOne img{
max-width:100%;
margin:0 auto;
display:block;
height:auto;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
}
.topInfo{
width:100%;
margin:0 auto;
overflow:hidden;
}
.topInfoNaka{
margin:0 auto;
overflow:hidden;
width:100%;
text-align:center;
position:relative;
z-index:300;
}
.topInfoBtnTxt{
text-align:center;
margin:0 auto 20px auto;
}
.topInfoBtn{
width:40%;
margin:0 auto;
}
.topInfoBtn a{
display:block;
width:90%;
margin:0 auto;
background:#1050ad;
color:#fff;
text-decoration:none;
padding:7px 5%;
text-align:center;
transition:.3s;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-size:95%;
}
.topInfoBtn a i{
padding:0 0 0 3%;
}
.topInfoBtn a:hover{
background:#4a86ce;
}
.topInfo ul{
width:100%;
padding:0 0 30px 0;
}
.topInfo ul li{
width:100%;
overflow:hidden;
border-bottom:1px dashed #ccc;
padding:2% 0;
}
.topInfo ul li:first-child{
padding:0 0 2% 0;
}
.infoDate{
display:block;
width:16%;
float:left;
font-size:90%;
text-align:right;
padding:0 5% 0 0;
}
.infottl{
display:block;
width:76%;
float:right;
}
.infottl a{
color:#323232;
}
.topInfoMore{
width:30%;
margin:20px auto;
}
.topInfoMore a {
display:block;
width:98%;
color: #231815;
background:transparent;
font-size:90%;
padding: 8px 0;
border: 1px solid #231815;
position: relative;
z-index: 1;
transition: .3s;
text-align:center;
text-decoration:none;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
}
.topInfoMore a:hover {
color:#fff;
background:#231815;
}
.topLay1{
z-index:2000;
}
.topMiddle{
background:#f4f8e9;
padding:55%;
position:absolute;
bottom:0;
z-index:-100;
border-radius:0 55% 0 0;
-moz-border-radius:0 55% 0 0;
-webkit-border-radius:0 55% 0 0;
}
.topAccess{
width:100%;
margin:0 auto;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.topAccessL{
float:left;
width:50%;
}
.topAccessR{
float:right;
width:40%;
padding:2% 5%;
}
.topGm{
position: relative;
padding-bottom: 62.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width:auto;
}
.topGm iframe,
.topGm object,
.topGm embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.topAcL{
float:left;
width:15%;
}
.topAcR{
float:right;
width:76%;
}
.topAcLOne{
width:100%;
margin:25px auto;
overflow:hidden;
}
.topAccessTtl{
color:#231815;
font-size:140%;
margin:0 0 40px 0;
line-height:130%;
border-bottom:1px solid #231815;
padding:0 0 5px 0;
}
.topAccessTtl span{
font-size:65%;
display:block;
font-weight:400;
}
.topAccessLogo{
width:50%;
margin:0 0 30px 0;
}
.topAccessLogo img{
max-width:100%;
margin:0 auto;
display:block;
height:auto;
}
.topAccessAdd{
margin:0 0 20px 0;
}
@media screen and (max-width: 1500px){
.topJigyoGiftR {
padding:0;
}
.topJigyoGiftL2{
padding:0;
}
.topGm {
padding-bottom: 70.25%;
}
}
@media screen and (max-width: 1340px){
.shppLnkBtn {
width: 70%;
margin: 40px auto 0 auto;
}
.lineBtn{
width:60%;
}
.topGm {
padding-bottom: 77.25%;
}
.topAccessLogo{
width:60%;
}
}
@media screen and (max-width: 1280px){
.topMidashi{
font-size:160%;
margin:0 0 30px 0;
}
.topMidashi2{
font-size:160%;
margin:0 0 30px 0;
letter-spacing:2px;
}
.topMidashi2 span{
display:block;
font-size:60%;
}
.topUp p {
font-size: 100%;
}
.topShopName{
font-size: 130%;
border-bottom: 3px solid #d1e398;
}
.topJigyoGift{
margin:0 auto 70px auto;
}
.topAccessTtl {
margin: 0 0 30px 0;
}
.footerUpMidashi {
font-size: 130%;
margin: 0 0 30px 0;
}
.footerUpTxt {
font-size: 110%;
}
}
@media screen and (max-width: 1160px){
.topJigyoGiftL{
width:45%;
}
.topJigyoGiftR{
width:50%;
}
.topJigyoGiftR2{
width:45%;
}
.topJigyoGiftL2{
width:50%;
}
.topGm {
padding-bottom: 82.25%;
}
.topAccessLogo{
width:70%;
margin:0 0 20px 0;
}
}
@media screen and (max-width: 1000px){
.shppLnkBtn {
width: 80%;
margin: 60px auto 10px auto;
}
.topInfoMore{
width:50%;
}
.topAccessL{
width:45%;
}
.topAccessR{
float:right;
width:45%;
padding:2% 5%;
}
.topGm {
padding-bottom: 110.25%;
}
}
@media screen and (max-width: 800px){
.topAccess {
display: block!important;
}
.topAccessL{
float:none;
width:100%;
}
.topAccessR{
float:none;
width:90%;
padding:5%;
overflow:hidden;
}
.topGm {
padding-bottom: 46.25%;
}
.topAccessTtl {
font-size: 130%;
margin: 0 0 25px 0;
}
.topAccessLogo {
width: 50%;
}
}
@media screen and (max-width: 770px){
.topUp p{
text-align:left;
}
.topMidashi{
font-size:140%;
margin:0 0 25px 0;
}
.topMidashi2{
font-size:140%;
letter-spacing:1px;
}
.topJigyoGift{
margin:0 auto 50px auto;
}
.topJigyoGiftL{
float:none;
width:100%;
}
.topJigyoGiftR{
float:none;
width:100%;
margin:0 auto 60px auto;
overflow:hidden;
}
.topJigyoGiftR2{
float:none;
width:100%;
}
.topJigyoGiftL2{
float:none;
width:100%;
margin:0 auto 60px auto;
overflow:hidden;
}
.shppLnkBtn {
width: 60%;
}
.lineBtn{
width:55%;
margin:20px auto 0 auto;
}
.shppLnkBtn a{
padding:10px 2%;
}
.tennaiPic {
padding: 30px 0 0 0;
}
.tennaiPicOne {
float: none;
width: 100%;
margin: 0 auto 4% auto;
}
.tennaiPicOne:last-child {
margin: 0 auto;
}
.infoDate{
display:block;
width:100%;
float:none;
font-size:80%;
font-weight:600;
text-align:left;
padding:0;
}
.infottl{
width:100%;
float:none;
}
.topAccessAdd {
margin: 0;
}
.topGm {
padding-bottom: 56.25%;
}
}
@media screen and (max-width: 640px){
.topAccessLogo {
width: 60%;
}
.topAccessR{
padding:8% 5%;
}
}
@media screen and (max-width: 540px){
.shppLnkBtn {
width: 90%;
}
.lineBtn{
width:90%;
}
.topInfoMore{
width:90%;
margin:0 auto 15px auto;
}
}
@media screen and (max-width: 480px){
.topAccessLogo {
width: 50%;
}
.topAcL {
float:none;
width: 100%;
margin:0 auto 40px auto;
overflow:hidden;
}
.topAcR {
clear:both;
float:none;
width: 100%;
margin:0 auto ;
}
.topAcLOne {
float:left;
width:24%;
margin: 0 13%;
}
.topGm {
padding-bottom: 64.25%;
}
}
@media screen and (max-width: 380px){
.topAccessLogo {
width: 60%;
}
}