@charset "utf-8";

/*
-----------------------------------------------
Jam Design RESET CSS 1.6
▼しろまるひめCSS 2019.2
----------------------------------------------- */

@font-face {
font-family:"Hiragino Sans";
src:local(HiraginoSans-W4);
font-weight:normal;
}
@font-face {
font-family:"Hiragino Sans";
src:local(HiraginoSans-W6);
font-weight:bold;
}

* {
box-sizing:border-box;
font-synthesis:none;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
line-break:strict;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
body {
-webkit-text-size-adjust:100%;
font-family:"Hiragino Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-size:16px;
line-height:1.7;
color:#333;
font-feature-settings:"palt";
}

article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select,textarea {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
font-family:"游ゴシック","Yu Gothic","メイリオ",sans-serif;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#333;
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a img {
transition:opacity 0.5s ease-in-out;
}
a:hover img {
opacity:0.8;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}

.sponly {display:none;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.center {text-align:center;}
.soroe {text-align:justify;}
.nowrap {white-space:nowrap;}
.hidden {overflow:hidden;}
.imgL {float:left; margin:0 16px 0 0;}
.imgR {float:right; margin:0 0 0 16px;}
.btm8 {margin-bottom:8px;}
.btm16 {margin-bottom:16px;}
.btm24 {margin-bottom:24px;}
.btm32 {margin-bottom:32px;}
.btm48 {margin-bottom:48px;}
.btm64 {margin-bottom:64px;}
.btm64pc {margin-bottom:64px;}
.btm76 {margin-bottom:76px;}
.btm88 {margin-bottom:88px;}
.pb16{padding-bottom: 16px;}
.pb28{padding-bottom: 28px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f20 {font-size:20px;}
.inL {display:inline-block;}
.pccenter {text-align:center;}
.kome {
padding-left:1em;
text-indent:-1em;
}
.inblk {
width:1200px;
margin-left:auto;
margin-right:auto;
}
.footinblk,
.inblk2 {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.inblk3 {
width:700px;
margin-left:auto;
margin-right:auto;
}
.inblk4 {
width:1000px;
margin-left:auto;
margin-right:auto;
}
@media (max-width:1032px){
.footinblk,
.inblk2,
.inblk4 {
width:auto;
margin-left:16px;
margin-right:16px;
}
}

@media (max-width:1000px){
.inblk {
width:auto;
margin-left:16px;
margin-right:16px;
}
#header .imgL {
float:none;
margin:0 0 12px;
}
}

@media (max-width:767px){
.footinblk,
.inblk,
.inblk2,
.inblk4 {
margin-left:14px;
margin-right:14px;
}
.btm64pc {margin-bottom:80px;}
.btm76 {margin-bottom:48px;}
.btm88 {margin-bottom:48px;}
}

@media (max-width:500px) and (orientation:portrait) {
.imgL {float:none; margin:0 0 12px;}
.imgR {float:none; margin:0 0 12px;}
.inblk4 .col3 .col {
width:100%;
}
}

/*
-----------------------------------------------
▼スマホ基本
----------------------------------------------- */
#wrapper {
overflow-x:hidden;
}
@media (max-width:767px){
body {
font-family:sans-serif;
overflow-x:hidden;
font-feature-settings:"palt";
}
#wrapper {
overflow-x:hidden;
}
img {
max-width:100%;
height:auto;
}
.pconly {display:none;}
.sponly {display:block;}
.pccenter {text-align:justify;}
}

/*
-----------------------------------------------
▼ row設定
----------------------------------------------- */
.row {
margin-right:-12px;
margin-left:-12px;
font-size:0;
}
.col {
display:inline-block;
vertical-align:top;
font-size:16px;
position:relative;
min-height:1px;
padding:0 12px 24px;
}
.col2 .col {
width:50%;
}
.col3 .col {
width:33.333%;
}
.col4 .col {
width:25%;
}
.col5 .col {
width:20%;
}
.row img {
max-width:100%;
height:auto;
}

@media (max-width:736px) {
.col4 .col,
.col5 .col {
font-size:14px;
width:33.3333%;
}
.row img {
display:block;
margin-right:auto;
margin-left:auto;
}
}

@media (max-width:500px) and (orientation:portrait) {
.col2 .col {
width:100%;
}
.col3 .col,
.col4 .col,
.col5 .col {
width:50%;
}
}

/*
-----------------------------------------------
▼バーガーメニュー
----------------------------------------------- */
#spmenu {
display:none;
}

/* ▼スマホ用ナビ設定 */
@media (max-width:1000px) {
#spmenu {
display:block;
position:absolute;
top:0;
right:0;
z-index:70;
width:52px;
}
#spmenu.on {
background:url(../img/spmenu_on.png) no-repeat 0 0;
background-size:52px auto;
}
#spmenu.on img {
opacity:0;
}
#spmenu a img {
transition:opacity 0.5s ease-in-out;
opacity:0.7;
}
#spmenu a:hover img {
opacity:1;
}
#spmenu.on a:hover img {
opacity:0;
}

#nav {
display:none;
position:fixed;
top:0;
left:0;
padding-right:52px;
text-align:left;
min-width:160px;
width:100%;
height:100%;
z-index:60;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}
#topnav {
display:block;
text-align:left;
background:rgba(0,0,0,0.8);
}
#topnav.imgR {
float:none;
margin:0;
}
#topnav li {
display:block;
}
#topnav a {
display:block;
padding:10px 28px 10px 14px;
color:#fff;
font-size:16px;
font-weight:bold;
line-height:1.4;
width:100%;
position:relative;
border-bottom:solid #ccc 1px;
text-decoration:none;
}
#topnav br {
display:none;
}
#topnav a:after {
content:"";
display:block;
position:absolute;
right:16px;
top:50%;
margin-top:-7px;
width:10px;
height:10px;
border-top:4px solid #ccc;
border-right:4px solid #ccc;
transform:rotate(45deg);
}

#topnav .accd {
padding:10px 28px 10px 14px;
color:#fff;
font-size:16px;
font-weight:bold;
line-height:1.4;
border-bottom:solid #ccc 1px;
position:relative;
background:rgba(255,255,255,0.4);
}
#topnav .accd:after {
content:"";
display:block;
position:absolute;
right:16px;
top:50%;
margin-top:-10px;
width:10px;
height:10px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(135deg);
transition:transform 0.5s ease-in-out;
}
#topnav .accd.open:after {
margin-top:-4px;
transform:rotate(-45deg);
}
#topnav .accd_ul a {
padding:14px 28px 14px 32px;
background:rgba(255,255,255,0.1);
font-size:14px;
}
}

/*
-----------------------------------------------
▼header
----------------------------------------------- */
#header {
padding-top:16px;
padding-bottom:16px;
}
/* ▼PC用ナビ設定 */
@media (min-width:1001px) {
#header img {
padding-top:10px;
}
#topnav {
display:flex;
margin-bottom:12px;
flex-direction:row;
align-content:stretch;
}
#topnav > li {
border-right:dotted #ccc 2px;
position:relative;
}
#topnav > li:last-child {
border-right:none;
}
#topnav a.sponly {
display:none;
}
#topnav > li a {
height:100%;
padding:8px 12px 0;
font-size:14px;
line-height:1.3;
text-align:center;
display:block;
}
#topnav > li a:hover {
text-decoration:none;
background:#fff6f9;
}
#topnav01:before,
#topnav02:before,
#topnav03:before,
#topnav04:before,
#topnav05:before,
#topnav06:before,
#topnav07:before,
#topnav08:before {
content:'';
display:block;
margin:0 auto 4px;
background-image:url(img/head_icn.png);
background-repeat:no-repeat;
background-size:320px auto;
height:35px;
}

#topnav01:before {
width:32px;
}
#topnav02:before {
width:32px;
background-position:-40px 0;
}
#topnav03:before {
width:32px;
background-position:-80px 0;
}
#topnav04:before {
width:32px;
background-position:-120px 0;
}
#topnav05:before {
width:32px;
background-position:-160px 0;
}
#topnav06:before {
width:32px;
background-position:-200px 0;
}
#topnav07:before {
width:32px;
background-position:-240px 0;
}
#topnav08:before {
width:32px;
background-position:-280px 0;
}

#topnav li ul {
position:absolute;
top:94px;
left:0;
z-index:5;
width:240px;
box-shadow:2px 2px 6px rgba(0, 0, 0, .2);
}
#topnav li ul li a {
display:block;
position:relative;
background:#fff;
background:rgba(255,2550,255,0.9);
z-index:5;
text-align:left;
padding:12px 8px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#ccc;
transition:opacity .1s ease-in-out;
white-space:nowrap;
}
#topnav li ul li a:hover {
background:#ed729d;
color:#fff;
}

#topnav li ul li:first-child a {
border-top:solid #ccc 1px;
}

#topnav .accd {
position:relative;
}
#topnav .accd:after {
content:"";
display:block;
position:absolute;
left:50%;
top:88px;
margin-left:-3px;
width:6px;
height:6px;
border-top:2px solid #ed729d;
border-right:2px solid #ed729d;
transform:rotate(135deg);
transition:transform 0.5s ease-in-out;
}
#topnav .accd.open:after {
transform:rotate(-45deg);
}
}

@media (max-width:767px) {
#header.btm64 {
margin-bottom:24px;
}
}
@media (max-width:500px) and (orientation:portrait) {
#header h1 {
padding-left:0;
width:240px;
}
}

/*
-----------------------------------------------
▼トップページ用
----------------------------------------------- */
.chara {
background:url(img/uneune.png) 0 0 no-repeat;
height:594px;
width:1240px;
animation:sprite1 4s infinite ease;
}
@keyframes sprite1 {
0% {transform:scale(1,1);}
20% {transform:scale(1.02,1) rotate(1deg);}
50% {transform:scale(0.98,1.05);}
80% {transform:scale(1.03,1) rotate(-1deg);}
100% {transform:scale(1,1);}
}
.topanime {
height:594px;
width:1240px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.topanime .chgimg {
position:relative;
margin:0 auto;
position:absolute;
top:11px;
left:20px;
}
.relative {
position:relative;
}
.flw01,
.flw03 {
position:absolute;
animation:sprite2 8s infinite linear;
}
.flw02,
.flw04 {
position:absolute;
animation:sprite3 8s infinite linear;
}
@keyframes sprite2 {
50% {transform:rotate(180deg) translateY(30px);}
100% {transform:rotate(360deg) translateY(0px);}
}
@keyframes sprite3 {
50% {transform:rotate(-180deg) translateY(-30px);}
100% {transform:rotate(-360deg) translateY(0px);}
}
.flw01 {
top:55px;
left:0;
}
.flw02 {
top:464px;
left:90px;
}
.flw03 {
top:84px;
left:1118px;
}
.flw04 {
top:474px;
left:1008px;
}

#flw05,
#flw06,
#flw07,
#flw08,
#flw09,
#flw10,
#flw11,
#flw12,
#flw13,
#flw14 {
animation:sprite5 16s infinite linear;
}
@keyframes sprite5 {
100% {transform:rotate(360deg);}
}

#flw05 {
position:absolute;
top:0px;
left:-90px;
z-index:50;
}
#flw06 {
position:absolute;
top:0;
left:900px;
z-index:50;
}
#flw07 {
position:absolute;
top:0;
left:-90px;
z-index:50;
}
#flw08 {
position:absolute;
top:0;
left:1200px;
z-index:50;
}
#flw09 {
position:absolute;
top:0;
left:-150px;
z-index:50;
}
#flw10 {
position:absolute;
top:0;
left:1220px;
z-index:50;
}

#flw11 {
position:absolute;
top:0;
left:-90px;
z-index:50;
}
#flw12 {
position:absolute;
top:0;
left:980px;
z-index:50;
}
#flw13 {
position:absolute;
top:0;
left:1000px;
z-index:50;
}
#flw14 {
position:absolute;
top:0;
left:-90px;
z-index:50;
}


#topblk01 {
position:relative;
}
#top_ttl01 {
margin-right:auto;
margin-left:auto;
background:url(../img/ribon_01.png) no-repeat 50% 0;
font-size:20px;
line-height:1;
background-size:contain;
max-width:379px;
height:0;
padding-top:19.53%;
overflow:hidden;
color:#fff;
}
.topcopy01 {
margin-right:auto;
margin-left:auto;
max-width:400px;
}
a.top_btn01 {
display:block;
margin-right:auto;
margin-left:auto;
background:url(img/more_bl.png) no-repeat 50% 0;
background-size:cover;
width:177px;
height:0;
padding-top:55px;
overflow:hidden;
}
a.top_btn01:hover {
background-position:center 100%;
}

#top_ttl02 {
margin-right:auto;
margin-left:auto;
background:url(../img/ribon_02.png) no-repeat 50% 0;
font-size:20px;
line-height:1;
background-size:contain;
max-width:399px;
height:0;
padding-top:14%;
overflow:hidden;
color:#fff;
}

#topblk02 {
background:url(../img/mizutama.png) repeat 50% 0;
padding:32px 0;
position:relative;
}

#topnav2 {
display:flex;
box-direction:normal;
box-orient:horizontal;
flex-direction:row;
}
#topnav2 li a {
display:inline-block;
width:240px;
height:190px;
padding:0 10px;
overflow:hidden;
}
#topnav10:before,
#topnav11:before,
#topnav12:before,
#topnav13:before,
#topnav14:before {
content:'';
display:block;
margin:0 auto 4px;
background-image:url(../img/tano_btn.png);
background-position:center 0;
background-repeat:no-repeat;
background-size:998px auto;
width:190px;
height:190px;
}
#topnav10:before {
background-position:0 -190px;
}
#topnav11:before {
background-position:-205px -190px;
}
#topnav12:before {
background-position:-410px -190px;
}
#topnav13:before {
background-position:-615px -190px;
}
#topnav14:before {
background-position:-820px -190px;
}

#topnav10:hover:before {
background-position:0 0;
}
#topnav11:hover:before {
background-position:-205px 0;
}
#topnav12:hover:before {
background-position:-410px 0;
}
#topnav13:hover:before {
background-position:-615px 0;
}
#topnav14:hover:before {
background-position:-820px 0;
}
.shosailink {
text-align:right;
}
.shosailink a {
background:url(img/kuwa_dot.png) no-repeat 0 1px;
background-size:18px auto;
padding:2px 0 2px 24px;
font-weight:bold;
}
#fb_area {
text-align:center;
}


@media (max-width:1200px) {
.chara {
background-size:contain;
height:0;
width:auto;
padding-top:48%;
}
.topanime {
width:auto;
height:auto;
margin-left:14px;
margin-right:14px;
}
.topanime .chgimg {
width:100%;
height:auto;
margin:0;
top:0;
left:0;
}
.flw01,
.flw03,
.flw02,
.flw04,
#flw05 img,
#flw06 img,
#flw07 img,
#flw08 img,
#flw09 img,
#flw10 img,
#flw11 img,
#flw12 img,
#flw13 img,
#flw14 img {
width:40px;
}

@keyframes sprite2 {
50% {transform:rotate(180deg) translateY(0px);}
100% {transform:rotate(360deg) translateY(0px);}
}
@keyframes sprite3 {
50% {transform:rotate(-180deg) translateY(0px);}
100% {transform:rotate(-360deg) translateY(0px);}
}
.flw01 {
top:14px;
left:6px;
}
.flw02 {
top:300px;
left:auto;
right:6px;
}
.flw03 {
top:0px;
left:auto;
right:6px;
}
.flw04 {
top:400px;
left:auto;
right:6px;
}

#flw05,
#flw06,
#flw07,
#flw08,
#flw09,
#flw10,
#flw11,
#flw12,
#flw13,
#flw14 {
animation:sprite5 16s infinite linear;
}
@keyframes sprite5 {
100% {transform:rotate(360deg);}
}

#flw05 {
position:absolute;
top:0px;
left:6px;
z-index:50;
}
#flw06 {
position:absolute;
top:0;
left:none;
right:6px;
z-index:50;
}
#flw07 {
position:absolute;
top:0;
left:6px;
z-index:50;
}
#flw08 {
position:absolute;
top:0;
left:none;
right:6px;
z-index:50;
}
#flw09 {
position:absolute;
top:0;
left:6px;
z-index:50;
}
#flw10 {
position:absolute;
top:0;
left:none;
right:6px;
z-index:50;
}

#flw11 {
position:absolute;
top:0;
left:6px;
z-index:50;
}
#flw12 {
position:absolute;
top:0;
left:none;
right:6px;
z-index:50;
}
#flw13 {
position:absolute;
top:0;
left:none;
right:6px;
z-index:50;
}
#flw14 {
position:absolute;
top:0;
left:6px;
z-index:50;
}


#topblk02 {
padding:12px 0;
}

#topnav2 {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
box-orient:inline-axis;
text-align:center;
}
#topnav2 li a {
display:block;
margin-right:auto;
margin-left:auto;
width:144px;
height:152px;
padding:0;
}
#topnav10:before,
#topnav11:before,
#topnav12:before,
#topnav13:before,
#topnav14:before {
content:'';
display:block;
margin:0 auto 4px;
background-image:url(../img/tano_btn.png);
background-position:center 0;
background-repeat:no-repeat;
background-size:798px auto;
width:152px;
height:152px;
}
#topnav10:before {
background-position:0 -152px;
}
#topnav11:before {
background-position:-164px -152px;
}
#topnav12:before {
background-position:-328px -152px;
}
#topnav13:before {
background-position:-492px -152px;
}
#topnav14:before {
background-position:-656px -152px;
}

#topnav10:hover:before {
background-position:0 0;
}
#topnav11:hover:before {
background-position:-164px 0;
}
#topnav12:hover:before {
background-position:-328px 0;
}
#topnav13:hover:before {
background-position:-492px 0;
}
#topnav14:hover:before {
background-position:-656px 0;
}
}

@media (max-width:500px) and (orientation:portrait) {
#topnav2 {
width:300px;
margin:0 auto 32px;
}
}


a.linelink {
display:inline-block;
overflow:hidden;
width:100%;
height:0;
padding-top:21.5%;
background-image:url(../img/btn_line.png);
background-position:center 100%;
background-repeat:no-repeat;
background-size:cover;
}
a:hover.linelink {
background-position:center 0;
}

a.fblink {
display:inline-block;
overflow:hidden;
width:100%;
height:0;
padding-top:21.5%;
background-image:url(../img/btn_fb.png);
background-position:center 100%;
background-repeat:no-repeat;
background-size:cover;
}
a:hover.fblink {
background-position:center 0;
}

/* ハッシュタグ */
.white {
background:#fff;
padding:0 60px 32px;
border-radius:24px;
}
#top_ttl03 {
position:relative;
top:-32px;
margin-right:auto;
margin-left:auto;
margin-bottom:-32px;
background:url(../img/ribon_03.png) no-repeat 50% 0;
font-size:20px;
background-size:contain;
max-width:539px;
height:0;
padding-top:7.5%;
overflow:hidden;
}
.white .p01 {
padding:0 240px;
}


/* ▼追加 */
#sns_hash li a {
display:block;
background:#ccc;
position:relative;
overflow:hidden;
padding-bottom:100%;
border-radius:12px;
}

#sns_hash li a img {
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}

@media (max-width:767px) {
#sns_hash .row {
margin-right:-7px;
margin-left:-7px;
}
#sns_hash .col {
padding:0 7px 16px;
}
}

a.top_btn02 {
display:block;
margin-right:auto;
margin-left:auto;
background:url(img/more_btn.png) no-repeat 50% 0;
background-size:cover;
width:177px;
height:0;
padding-top:55px;
overflow:hidden;
}
a.top_btn02:hover {
background-position:center 100%;
}


.btmdot {
padding-bottom:32px;
border-bottom:dotted #ccc 4px;
}
.topdot {
padding-top:32px;
border-top:dotted #ccc 4px;
}
.tano01 {
position:relative;
margin-left:auto;
background:#eee;
border-radius:12px;
width:524px;
padding:24px;
}
.li_no1 {
background:url(../img/maru1.png) no-repeat 0 0;
background-size:35px auto;
padding:4px 0 16px 40px;
font-weight:bold;
}
.li_no2 {
background:url(../img/maru2.png) no-repeat 0 0;
background-size:35px auto;
padding:4px 0 16px 40px;
font-weight:bold;
}
.ume01 {
position:absolute;
top:-24px;
left:-180px;
}


@media (max-width:1100px) {
.white .p01 {
padding:0 20px;
}
}

@media (max-width:767px) {
.inblk3 {
width:auto;
}
.tano01 {
width:auto;
padding:14px;
}
.ume01 {
display:none;
}

.white {
padding:14px 10px 16px;
}
#top_ttl03 {
position:static;
margin-bottom:16px;
padding-top:14%;
}
.white .p01 {
padding:0;
text-align:left;
}
a.top_btn02 {
display:block;
margin-right:auto;
margin-left:auto;
background:url(../img/more_btn.png) no-repeat 50% 0;
background-size:contain;
width:177px;
height:0;
padding-top:55px;
overflow:hidden;
transition:opacity 0.5s ease-in-out;
}
a.top_btn02:hover {
opacity:0.8;
}
}


/*
-----------------------------------------------
▼下層ページ共通
----------------------------------------------- */
#mainblk {
padding:8px 0 64px;
padding:8px 0 160px;
background-image:
url("img/matinami.png"), /* 最前面 */
url("../img/mizutama.png");
background-repeat:
repeat-x,
repeat;
background-size:
1346px auto,
48px auto;
background-position:
center bottom,
center 0;
min-height:640px;
}
.pan {
font-feature-settings:"palt";
font-weight:bold;
}
.pan a {
color:#559be6;
}
.pantop {
background:url(img/home.png) no-repeat 0 0;
background-size:17px auto;
padding-left:20px;
}
/* サイドSNS */
.side_sns {
position:fixed;
z-index:5000
}

/* 動くクイズバナー */
@media (min-width:768px) {
.side_sns {
width:88px;
height:224px;
padding:16px 10px 0;
top:160px;
right:-88px;
border-radius:12px 0 0 12px;
border:solid #ccc 3px;
background:#fff;
animation:sns01 .5s ease-out 1s forwards;
}

.side_sns ul {
width:100%;
}
.side_sns li {
text-align:center;
margin-bottom:16px;
}

.side_quiz {
position:fixed;
z-index:5000;
width:140px;
height:167px;
top:400px;
right:-193px;
animation:quiz01 1s ease-in-out 2s,quiz02 3s ease-in-out 3s infinite;
}
}

@keyframes sns01 {
0% {right:-88px;}
100% {right:-13px;}
}
@keyframes quiz01 {
0% {right:-193px;}
60% {right:32px;}
80% {right:16px;}
100% {right:16px;}
}
@keyframes quiz02 {
0% {top:400px; right:16px; transform:scale(1);}
50% {top:404px; right:32px; transform:scale(1.1);}
100% {top:400px; right:16px; transform:scale(1);}
}


@media (max-width:767px) {
#mainblk {
background-size:673px auto,32px auto;
padding:8px 0 80px;
}


.side_sns {
position:static;
width:240px;
padding:8px 16px;
margin-left:-112px;
margin:-16px auto 32px;
border-radius:12px;
border:solid #ccc 2px;
background:#fff;
}
.side_sns img {
max-width:84%;
}
.side_sns li {
display:inline-block;
padding:0 4px;
}

.side_quiz {
position:fixed;
z-index:5000;
width:90px;
height:107px;
bottom:64px;
right:-154px;
animation:quiz01sp 1s ease-in-out 2s,quiz02sp 3s ease-in-out 3s infinite;
}
@keyframes quiz01sp {
0% {right:-154px;}
60% {right:32px;}
80% {right:14px;}
100% {right:14px;}
}
@keyframes quiz02sp {
0% {bottom:64px; right:14px; transform:scale(1);}
50% {bottom:68px; right:32px; transform:scale(1.1);}
100% {bottom:64px; right:14px; transform:scale(1);}
}
}


/*
-----------------------------------------------
▼slick
----------------------------------------------- */
.slider-container, .slider-nav-container {
display:none;
position:relative;
}
.guidettl {
position:relative;
top:32px;
left:50%;
margin-left:-241px;
z-index:20;
}
.slider-container.initialized, .slider-nav-container.initialized {
display:block;
}
.slider-nav-container {
margin-top:18px;
}
.slider {
margin:0 100px;
}
.slidiv {
border:solid #ccc 1px;
padding:54px 70px;
}


.slidiv::after,
.slidiv::before,
.slidivin::after,
.slidivin::before {
background-color:#5fba63;
content:'';
position:absolute;
z-index:10;
transition:all .6s ease;
-webkit-transition:all .6s ease;
}

.slidiv::after {
height:8px;
left:0;
top:0;
width:0;
}

.slidiv::before {
bottom:0;
height:8px;
right:0;
width:0;
}
.slidivin::after {
bottom:0;
height:0;
left:0;
width:8px;
}

.slidivin::before {
height:0;
right:0;
top:0;
width:8px;
}

/* hover */
.slidiv:hover::after,
.slidiv:hover::before {
width:100%;
}
.slidiv:hover .slidivin::after,
.slidiv:hover .slidivin::before {
height:100%;
}


.slide-arrow {
position:absolute;
top:50%;
height:40px;
margin-top:-20px;
cursor:pointer;
z-index:10;
transition:all 0.5s ease-in-out;
opacity:.4;
}
.slide-arrow:hover {
opacity:1;
}

.prev-arrow {
left:-40px;
}
.next-arrow {
right:-40px;
}
.slick-slide {
outline:0;
}
.slider-nav .slick-slide > img {
display:block;
width:100%;
height:auto;
border:solid #ccc 1px;
opacity:0.5;
}
.slider-nav .slick-slide {
padding:0 8px;
}
.slider-nav .slick-current > img {
border:solid #5ebb62 2px;
opacity:1;
}

.slider-container .imgL {
margin:0 32px 0 0;
}
.h3-01 {
font-size:24px;
padding-bottom:2px;
border-bottom:dotted #ccc 3px;
}
.grnttl {
display:inline-block;
background:#5fba63;
color:#fff;
line-height:1.3;
padding:4px 12px;
border-radius:30px;
}

/* ▼767を768に変更 designwork*/
@media (max-width:768px) {
.guidettl {
position:static;
margin:0 0 12px;
}
.slider-nav-container {
margin-top:18px;
}
.slider {
margin:0;
}
.slidiv {
padding:14px;
}
.slider-container .slidiv .imgL {
float:none;
display:block;
margin:0 auto 8px;
max-width:180px;
}

.slick-track div.slidiv.cf.slick-slide {
height:100%;
}

.slide-arrow {
top:140px;
height:40px;
}

.prev-arrow {
left:10px;
}
.next-arrow {
right:10px;
}
.slider-nav .slick-slide {
padding:0 4px;
}

.h3-01 {
font-size:20px;
}
}

/*
-----------------------------------------------
▼footer
----------------------------------------------- */
#footer {
margin-top:48px;
padding-top:143px;
background:url(img/matinami.png) repeat-x center 0;
background-size:1346px auto;
}
#footer_l {
margin-top:32px;
}
.footblk {
border:solid #ee6492 5px;
padding:16px 24px 16px 294px;
position:relative;
border-radius:16px;
}
.pinktxt {
color:#ee6492;
}
.footimg {
position:absolute;
top:-24px;
left:58px;
}
.footend {
background:#ee6492;
color:#fff;
padding:16px 0;
}
.footlink {
display:inline-block;
background:url(img/footlink.png) no-repeat 0 3px;
background-size:15px auto;
padding-left:18px;
font-size:14px;
color:#fff;
}
.copyright {
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:14px;
font-weight:bold;
}

@media (max-width:767px) {
#footer {
padding-top:72px;
background-size:673px auto;
}
.footblk {
border:solid #ee6492 4px;
padding:14px;
}
.footend .inblk {
margin-right:70px;
}
.pinktxt {
color:#ee6492;
}
.footimg {
position:static;
display:block;
margin:10px auto 0;
}
.footend .imgR {
float:none;
margin:0 0 8px;
}
.copyright {
display:block;
}
}


/*
---------------------------
▼ページトップへ
--------------------------- */
#pagetop {
position:fixed;
z-index:100;
right:10px;
bottom:-38px;
}
#pagetop a {
display:block;
opacity:0.9;
}

/* 印刷指定 */
@media print {
body {
-webkit-print-color-adjust:exact;
background:transparent none;
color:#000;
}
img {
page-break-inside:avoid;
}
}

@page {
margin:0.5cm;
}


.no-under{
  text-decoration: none!important;
}

/*
---------------------------
▼年賀状ページのリンク非表示
--------------------------- */
header .newyear-link {
  display: none;
}

/* css_end */