@charset "utf-8";

/*
-----------------------------------------------
▼a link の追記 designwork 2019.01
----------------------------------------------- */
#mainblk a{
text-decoration:underline;
}

#mainblk a:hover{
text-decoration:none;
}

.blkfoot a{
text-decoration:none !important;
}

.down_btn,
.line_dwn{
text-decoration:none !important;
}


/*
-----------------------------------------------
▼下層CSS 2018.8
----------------------------------------------- */
.bold{font-weight:bold;}
.red{color:#ff0000;}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls3{letter-spacing:3px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}

.w30p{width:30%;}
.w70p{width:70%;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}
.mt40{margin-top:40px;}
.btm72 {margin-bottom:72px;}
.flex {
display:-webkit-flex;
display:-ms-flex;
display:flex;
}
.jcc{justify-content:center;}
.jcsb{justify-content:space-between;}
.fww{flex-wrap:wrap;}

@media (max-width:767px) {
.p20{padding:15px;}
.p30{padding:20px;}
.w30p{width:100%;}
.btm72 {margin-bottom:48px;}
.sp_fww{flex-wrap:wrap;}
.sp_pt30{padding-top:30px;}
.sp_w70p{width:70%;}
.sp_tac{text-align:center;}
.sp_tal{text-align:left;}
.mt60{margin-top:20px;}
.mt100{margin-top:40px;}
}
/*
-----------------------------------------------
▼ fbox設定2017
----------------------------------------------- */
.fbox {
margin-right:-8px;
margin-left:-8px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.fcol {
padding:0 8px 24px;
vertical-align:top;
}
.col2 .fcol {
width:50%;
}
.col2_2 .fcol {
width:49%;
}
.col3 .fcol {
width:33.333%;
}
.col4 .fcol {
width:25%;
}
.col5 .fcol {
width:20%;
}
.fbox img {
max-width:100%;
height:auto;
}

@media (max-width:736px) {
.col3 .fcol {
width:50%;
}
.col4 .fcol,
.col5 .fcol {
width:33.3333%;
}
.fbox img {
display:block;
margin-right:auto;
margin-left:auto;
}
}

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


/*
-----------------------------------------------
▼クイズCSS 2018.3
----------------------------------------------- */
.inblk2 {
background:#fff;
border-radius:10px;
/* padding:48px 128px; */
padding:48px 108px;
box-shadow:10px 10px 0 rgba(251, 217, 232, 1);
}
.qublk {
width:450px;
margin-left:auto;
margin-right:auto;
}
img {
max-width:100%;
height:auto;
}
.maruimg {
border-radius:10px;
}

.quizttl {
animation:quiz001 8s infinite;
}
@keyframes quiz001 {
2% {transform:rotate(4deg)}
8% {transform:rotate(-4deg)}
16% {transform:rotate(0deg)}
}


.quiz_ul li {
overflow:hidden;
padding:32px 0;
border-bottom:dotted #ccc 4px;
}
.q_img {
float:left;
margin:0 32px 0 0;
border-radius:10px;
}
.quiz_look {
display:inline-block;
margin-top:32px;
border:solid #559be6 5px;
color:#559be6;
border-radius:10px;
padding:4px 24px 4px 40px;
background:url(img/look_icn.png) no-repeat 14px 9px;
background-size:22px auto;
font-weight:bold;
font-size:20px;
transition:0.3s ease-in-out;
}
.quiz_look:hover {
border:solid #559be6 5px;
color:#fff;
background:#559be6 url(img/ans_icn.png) no-repeat 14px 9px;
background-size:22px auto;
text-decoration:none;
}
.question {
font-size:28px;
letter-spacing:.04em;
color:#fff;
text-shadow:
0 2px 0 #ed729d,
2px 0 0 #ed729d,
0 -2px 0 #ed729d,
-2px 0 0 #ed729d,
-2px -2px 0 #ed729d,
2px -2px 0 #ed729d,
-2px 2px 0 #ed729d,
2px 2px 0 #ed729d;
}
.choice a {
display:block;
color:#fff;
font-size:20px;
background:#ed729d;
text-align:center;
padding:16px;
border-radius:12px;
font-weight:bold;
transition:0.3s ease-in-out;
}
.choice a:hover {
background:#f193b2;
text-decoration:none;
}

.choice a:before {
content:'';
display:inline-block;
width:22px;
height:22px;
background-image:url(img/ans_icn.png);
background-size:contain;
vertical-align:middle;
position:relative;
top:-2px;
left:-5px;
}

.choice li {
margin-bottom:16px;
}

.quiz_look2 {
display:inline-block;
border:solid #559be6 5px;
color:#559be6;
border-radius:10px;
padding:10px 44px 10px 60px;
background:url(img/look_icn.png) no-repeat 30px 13px;
background-size:22px auto;
font-weight:bold;
font-size:18px;
transition:0.3s ease-in-out;
}
.quiz_look2:hover {
border:solid #559be6 5px;
color:#fff;
background:#559be6 url(img/ans_icn.png) no-repeat 30px 13px;
background-size:22px auto;
text-decoration:none;
}

.answer {
font-size:30px;
color:#559be5;
}
.hasen {
padding-bottom:16px;
background:url(img/dot.png) repeat-x center bottom;
background-size:11px auto;
}
.sns_ul li {
display:inline-block;
padding:0 8px;
}
.w700 {
width:700px;
margin-left:auto;
margin-right:auto;
background:#eee;
border-radius:32px;
padding:54px 88px 64px;
position:relative;
margin-top:100px;
}
.quiz-h2b {
position:absolute;
width:792px;
top:-64px;
left:-46px;
}
.oretxt {
color:#f60;
letter-spacing:.02em;
}

.dl001 dt {
font-weight:bold;
}
.dl001 dd {
margin-left:1em;
margin-bottom:8px;
}

.modal {
opacity:0;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow-y:auto;
font-size:16px;
transition:opacity 1s linear;
transform:translate(0,100%);
background-color:rgba(0,0,0,.6);
}
.moin {
position:relative;
left:50%;
margin:20% 0 20% -200px;
z-index:10;
}
#my-modal.on,
#my-modal2.on,
#my-modal:target {
opacity:1;
transform:translate(0,0);
}
#my-modal.on .moin img {
animation:anim 4s ease;
width:400px;
}
#my-modal2.on .moin img {
animation:anim 2s ease;
width:400px;
}

@keyframes anim {
0% {opacity:0;}
0% {transform:scale(1,1);}
5% {opacity:1;}
25% {transform:scale(1.5,1.5);}
50% {transform:scale(0.8,0.8);}
80% {opacity:1;}
100% {transform:scale(1,1);}
100% {opacity:0;}
}

.pageul {
margin:32px 0 0;
text-align:center;
}
.pageul li {
display:inline-block;
padding:0 2px;
}
.pageul a {
color:#ed729d;
}
.pageul a:hover {
text-decoration:none;
}
.pageul .maru {
border:solid #ed729d 1px;
width:28px;
height:28px;
line-height:28px;
font-size:14px;
text-align:center;
font-weight:bold;
display:inline-block;
border-radius:50%;
}
.pageul .maru.on {
background:#ed729d;
color:#fff;
}


@media (max-width:767px) {
#mainblk h2.btm32 {
margin-left:14px;
margin-right:14px;
margin-bottom:16px;
}
.inblk2 {
padding:24px 80px;
box-shadow:5px 5px 0 rgba(251, 217, 232, 1);
}
.qublk {
width:auto;
margin-left:10px;
margin-right:10px;
}
.quiz_ul li {
padding:0 0 16px;
margin-bottom:16px;
}
.q_img {
float:none;
margin:0 0 8px;
}

.choice a {
font-size:16px;
padding:14px;
border-radius:12px;
}

.question {
font-size:20px;
}
.w700 {
width:auto;
margin-left:0;
margin-right:0;
border-radius:14px;
padding:32px 10px 32px;
margin-top:100px;
}
.quiz-h2b {
position:static;
width:auto;
}

.moin {
margin:5% 0 0% -130px;
}
#my-modal.on .moin img {
width:260px;
}
#my-modal2.on .moin img {
width:260px;
}

@keyframes anim {
0% {opacity:0;}
0% {transform:scale(1,1);}
5% {opacity:1;}
25% {transform:scale(1.3,1.3);}
50% {transform:scale(0.8,0.8);}
80% {opacity:1;}
100% {transform:scale(1,1);}
100% {opacity:0;}
}
}

@media (max-width:500px) and (orientation:portrait) {
.inblk2 {
padding:14px 10px;
box-shadow:5px 5px 0 rgba(251, 217, 232, 1);
}
.qublk {
width:auto;
margin-left:10px;
margin-right:10px;
}
.question {
font-size:20px;
}
.moin {
margin:20% 0 0 -130px;
}
}

/*-----------------------------------------------
▼デザイン使用について 2018.7
----------------------------------------------- */
.arrow_y{
vertical-align:text-bottom;
}
a.tdn{text-decoration:none;}
a.tdn:hover{text-decoration:none;}
a .underline{
color:#559be6;
text-decoration:underline;
}
a:hover .underline{
text-decoration:none;
}

.des_idx .flex li{
width:40%;
padding:30px;
}
@media (max-width:767px) {
.des_idx .flex li{
width:50%;
padding:10px;
}

}

/*-----------------------------------------------
▼かんべえくんデザイン使用について 2018.7
----------------------------------------------- */
.grn_dot_box{
border:4px dotted #bdd08e;
padding:30px;
}

.gry_box{
background:#f8f8f8;
padding:60px 45px 30px;
}
.gry_box2{
background:#f8f8f8;
padding:25px;
}
.green_ribbon{
position:relative;
}
.ribbon{
position:absolute;
top:-11px;
left:-23px;
}
.indent{
padding-left:20px;
text-indent:-20px;
}
.indent_li > li{
padding-left:20px;
text-indent:-20px;
}
.flow_box{
}
.flow_number , .flow_arrow{
display:flex;
align-items:center;
}
.flow_number{
font-size:18px;
padding:3px 0;
}
.flow_arrow{
color:#83c686;
font-size:16px;
font-weight:bold;
padding:13px 0 15px 40px;
background:url(/img/arrow_g_long.png) 7px bottom no-repeat;
}
.gre_nam{
color:#83c686;
font-size:30px;
line-height:1;
}
.bg_none{
background:none;
}

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

@media (max-width:767px) {
.kanbee_lead_img{
width:70%;
margin-left:auto;
margin-right:auto;
}
.kanbee_lead_txt{
width:100%;
}
.grn_dot_box{
padding:15px;
}

.gry_box{
padding:30px 20px ;
}
.ribbon{
top:-17px;
left:-18px;
width:185px;
}
}


/*
-----------------------------------------------
▼プロフィール
----------------------------------------------- */

.profttl {
animation:prof001 2s;
}
@keyframes prof001 {
8% {transform:rotate(4deg)}
32% {transform:rotate(-4deg)}
64% {transform:rotate(0deg)}
}

.illblk01 {
position:relative;
height:0;
padding-top:49.4%;
}
/* 744 367 */
#ill_f01 {
position:absolute;
top:24.5%;
left:33.6%;
width:34%;
}
#ill_f01 {
position:absolute;
top:24.5%;
left:33.6%;
width:34%;
opacity:0;
animation:fin01 2s ease 1s 1 forwards;
}
@keyframes fin01 {
0% {transform:scale(.3); opacity:0;}
50% {transform:scale(1.1); opacity:1;}
100% {transform:scale(1); opacity:1;}
}

#ill_f02 {
position:absolute;
top:0;
left:10%;
width:28.9%;
opacity:0;
animation:fin01 2s ease 2s 1 forwards;
}
#ill_f03 {
position:absolute;
top:50%;
left:0%;
width:32.2%;
opacity:0;
animation:fin01 2s ease 3s 1 forwards;
}
#ill_f04 {
position:absolute;
top:0;
left:63%;
width:28.9%;
opacity:0;
animation:fin01 1s ease 4s 1 forwards;
}
#ill_f05 {
position:absolute;
top:50%;
left:66.7%;
width:33.7%;
opacity:0;
animation:fin01 1s ease 4.5s 1 forwards;
}
.prof_dl01 {
width:654px;
margin-left:auto;
margin-right:auto;
font-weight:bold;
}
.prof_dl01 dt {
float:left;
width:9em;
padding:8px 0;
}
.prof_dl01 dd {
padding:8px 0 8px 11em;
border-bottom:dashed #ccc 2px;
}
#residents {
margin-top:-24px;
padding-top:24px;
}
.relative {
position:relative;
}

.down_btn {
display:inline-block;
color:#fff;
border-radius:10px;
padding:10px 16px 10px 40px;
background:#559be6 url(img/download.png) no-repeat 16px 16px;
background-size:17px auto;
font-weight:bold;
font-size:16px;
transition:0.3s ease-in-out;
}
.down_btn:hover {
text-decoration:none;
opacity:0.8;
}

@media (max-width:767px) {
.prof_dl01 {
width:auto;
/* margin-left:auto;
margin-right:auto;
font-weight:bold; */
}
.prof_dl01 dt {
float:none;
width:auto;
padding:4px 0 0;
}
.prof_dl01 dt:before {
content:"【";
}
.prof_dl01 dt:after {
content:"】";
}
.prof_dl01 dd {
padding:0 0 4px 2em;
border-bottom:dashed #ccc 2px;
}
.relative {
position:relative;
}
#residents .ribbon {
top:-17px;
left:-18px;
width:230px;
}
#residents .imgL {
float:none;
display:block;
margin:0 auto 12px;
}
.down_btn {
margin-left:auto;
margin-right:auto;
}

}

@media (max-width:500px) and (orientation:portrait) {


}

.blkfoot {
padding-top:72px;
border-top:dotted #ccc 4px;
}
.blkfoot a {
display:block;
color:#333;
border-radius:10px;
padding:10px 20px;
font-weight:bold;
font-size:18px;
transition:0.3s ease-in-out;
}
.fotbn001 span,
.fotbn002 span,
.fotbn003 span,
.fotbn004 span,
.fotbn005 span,
.fotbn006 span,
.fotbn007 span,
.fotbn008 span,
.fotbn009 span{
margin-right:.3em;
vertical-align:-5%;
}
.fotbn001 {
background:#ecfaed;
border:solid #85c588 3px;
}
.fotbn001 span {
color:#85c588;
transition:0.3s ease-in-out;
}
.fotbn001:hover,
.fotbn001:hover span {
text-decoration:none;
background:#85c588;
color:#fff;
}
.fotbn002 {
background:#fbf4e0;
border:solid #ffae00 4px
}
.fotbn002 span {
color:#ffae00;
transition:0.3s ease-in-out;
}
.fotbn002:hover,
.fotbn002:hover span {
text-decoration:none;
background:#ffae00;
color:#fff;
}
.fotbn003 {
background:#fff5f2;
border:solid #fd8a69 4px
}
.fotbn003 span {
color:#fd8a69;
transition:0.3s ease-in-out;
}
.fotbn003:hover,
.fotbn003:hover span {
text-decoration:none;
background:#fd8a69;
color:#fff;
}
.fotbn004 {
background:#fff0f0;
border:solid #e14242 4px
}
.fotbn004 span {
color:#e14242;
transition:0.3s ease-in-out;
}
.fotbn004:hover,
.fotbn004:hover span {
text-decoration:none;
background:#e14242;
color:#fff;
}
.fotbn005 {
background:#fcf5f7;
border:solid #f38eb1 4px
}
.fotbn005 span {
color:#f38eb1;
transition:0.3s ease-in-out;
}
.fotbn005:hover,
.fotbn005:hover span {
text-decoration:none;
background:#f38eb1;
color:#fff;
}
.fotbn006 {
background:#f6fbff;
border:solid #67b6f4 4px
}
.fotbn006 span {
color:#67b6f4;
transition:0.3s ease-in-out;
}
.fotbn006:hover,
.fotbn006:hover span {
text-decoration:none;
background:#67b6f4;
color:#fff;
}

/* ▼着ぐるみ貸出ページのボタン */
.fotbn007 {
background:#ecf4ff;
border:solid #4b86dd 4px;
}
.fotbn007 span {
color:#4b86dd;
transition:0.3s ease-in-out;
}
.fotbn007:hover,
.fotbn007:hover span {
text-decoration:none;
background:#4b86dd;
color:#fff;
}

.fotbn008 {
background:#eff2fd;
border:solid #7987c9 4px;
}
.fotbn008 span {
color:#7987c9;
transition:0.3s ease-in-out;
}
.fotbn008:hover,
.fotbn008:hover span {
text-decoration:none;
background:#7987c9;
color:#fff;
}

.fotbn009 {
background:#fbffff;
border:solid #2fa599 4px;
}
.fotbn009 span {
color:#2fa599;
transition:0.3s ease-in-out;
}
.fotbn009:hover,
.fotbn009:hover span {
text-decoration:none;
background:#2fa599;
color:#fff;
}



@media (max-width:767px) {
.blkfoot {
padding-top:48px;
border-top:dotted #ccc 3px;
}
.blkfoot .col3 .col {
width:50%;
}
.blkfoot a {
font-size:16px;
}
}

@media (max-width:500px) and (orientation:portrait) {
.blkfoot .col3 .col {
width:100%;
}
.blkfoot a {
text-align:center;
}
}


/*
-----------------------------------------------
▼ここで会えるよ
----------------------------------------------- */
.y_line {
/* border-bottom:solid #ff0 6px; */
background:linear-gradient(transparent 50%, #ff0 0%);
}
.sanpo_mov {
position: absolute;
top: -24px;
left: -200px;
animation:sanpo 2s infinite;
}
@keyframes sanpo {
0% {transform:rotate(0deg);}
50% {transform:rotate(20deg);}
100% {transform:rotate(0deg);}
}

@media (max-width:767px) {
#calender {
width:100%;
height:340px;
}
.sanpo_mov {
position:static;
display:block;
margin-top:12px;
margin-left:auto;
margin-right:auto;
width:160px;
}


}
@media (max-width:500px) and (orientation:portrait) {
.scrollimg {
padding-bottom:16px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
#calender {
border:solid #ddd 2px;
padding:4px;
width:480px;
height:340px;
}
}


/*
-----------------------------------------------
▼チャンネル
----------------------------------------------- */
.chan01,
.chan04 {
position:absolute;
animation:rotate1 1.5s infinite;
}
.chan02,
.chan03 {
position:absolute;
animation:rotate2 2.5s infinite;
}
@keyframes rotate1 {
0% {transform:rotate(-10deg);}
50% {transform:rotate(10deg);}
100% {transform:rotate(-10deg);}
}
@keyframes rotate2 {
0% {transform:rotate(30deg);}
50% {transform:rotate(-20deg);}
100% {transform:rotate(30deg);}
}

.chan01 {
top:50%;
left:5%;
}
.chan02 {
top:150%;
left:0%;
}
.chan03 {
top:40%;
left:85%;
}
.chan04 {
top:110%;
left:96%;
}

.movblk3 {
font-size:14px;
}
.movblk3 h3 {
font-size:14px;
line-height:1.3;
background:#f094b3;
color:#fff;
text-align:center;
padding:8px 8px 6px;
border-radius:20px;
margin-bottom:10px;
}

.yt {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.yt iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.snd {
position:relative;
padding-bottom:10%;
height:0;
overflow:hidden;
border-radius:16px;
}
.snd iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:16px;
}
.lh15 {
line-height:1.5;
}


.movul01 li {
margin-top:4px;
margin-left:1.2em;
line-height:1.4;
}
.movul01 a {
color:#08c;
font-weight:bold;
}

.movul01 li:before {
content:"\e900";
font-family: 'shiromaru' !important;
color:#ffae00;
vertical-align:-5%;
/* line-height: 1; */
margin-left:-1.2em;
margin-right:.2em;
}





@media (max-width:767px) {
.chan01,
.chan02,
.chan03,
.chan04 {
position:static;
}
.chan_ul01 {
display:flex;
justify-content:space-evenly;
align-items: center;
margin-bottom:24px;
}
.chan_ul01 img {
max-width:60%;
}

.kabedwn .fcol,
.movblk3 .fcol {
padding-bottom:40px;
}
.kabedwn .fcol:last-child,
.movblk3 .fcol:last-child {
padding-bottom:0;
}


}
@media (max-width:500px) and (orientation:portrait) {


}


.open_snd {
position:relative;
background:#999;
padding:12px;
width:auto;
max-width:500px;
margin:0 auto;
border-radius:12px;
text-align:center;
}
.popupwin {
position:relative;
background:#ccc;
padding:32px 14px 14px;
width:auto;
max-width:500px;
margin:0 auto;
border-radius:12px;
text-align:center;
}

.popupmov {
position:relative;
background:#000;
padding:14px;
width:auto;
max-width:900px;
margin:0 auto;
border-radius:12px;
text-align:center;
box-shadow:12px 12px 24px rgba(0, 0, 0, .4);
}


/* overlay at start */
.mfp-bg {
  opacity: 0;
  transition: all 1.0s ease-out;
  }
  /* overlay animate in */
  .mfp-bg.mfp-ready {
  opacity: 0.8;
  }
  /* overlay animate out */
  .mfp-bg.mfp-removing {
  opacity: 0;
  }
  /* content at start */
  .mfp-wrap .mfp-content {
  opacity: 0;

  transition: all 0.8s ease-out;
  }
  /* content animate it */
  .mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  }
  /* content animate out */
  .mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  }



/*
-----------------------------------------------
▼壁紙ダウンロード
----------------------------------------------- */
.kabe01 {
position:absolute;
animation:rotate1 1.5s infinite;
top:0%;
left:-5%;
}
.kabe02 {
position:absolute;
animation:rotate2 2.5s infinite;
top:50%;
left:88%;
}
.pd_top32 {
padding-top:32px;
}
.imgbig {
overflow:hidden;
}
.imgbig img {
display: block;
transition:transform 0.5s linear;
}
.imgbig img:hover {
transform: scale(1.2);
}
/* .imgbig {
overflow:hidden;
} */
.imgbig2 img {
display: block;
transition:transform 0.5s linear;
}
.imgbig2 img:hover {
transform: scale(1.1);
}

.line_dwn {
background: #fff;
border: solid #28ba21 4px;
display:inline-block;
color: #28ba21;
border-radius: 10px;
padding: 10px 28px;
font-weight: bold;
font-size: 18px;
transition: 0.3s ease-in-out;
}
.line_dwn span {
margin-right:.3em;
vertical-align:-5%;
color:#28ba21;
transition:0.3s ease-in-out;
}
.line_dwn:hover,
.line_dwn:hover span {
text-decoration: none;
background: #28ba21;
color: #fff;
}
.pcbtm48 {
margin-bottom:48px;
}


@media (max-width:767px) {
.kabe01,
.kabe02 {
position:static;
}
.kabe_ul01 {
display:flex;
justify-content:space-evenly;
align-items: center;
margin-bottom:24px;
}
.kabe_ul01 img {
max-width:70%;
}


}

@media (max-width:500px) and (orientation:portrait) {
.spcenter {
text-align:center;
}
.pd_top32 {
padding-top:0;
}
.pcbtm48 {
margin-bottom:0;
}
}
/*
-----------------------------------------------
▼ぬりえダウンロード
----------------------------------------------- */
.nurie01 {
position: absolute;
    animation: rotate1 2.5s infinite;
    top: -38%;
    left: -3%;
}

.nurie02 {
    position: absolute;
    animation: rotate2 2.5s infinite;
    top: -29%;
    left: 88%;
}
.pd_top32 {
padding-top:32px;
}
.imgbig {
overflow:hidden;
}
.imgbig img {
display: block;
transition:transform 0.5s linear;
}
.imgbig img:hover {
transform: scale(1.2);
}
/* .imgbig {
overflow:hidden;
} */
.imgbig2 img {
display: block;
transition:transform 0.5s linear;
}
.imgbig2 img:hover {
transform: scale(1.1);
}

.line_dwn {
background: #fff;
border: solid #28ba21 4px;
display:inline-block;
color: #28ba21;
border-radius: 10px;
padding: 10px 28px;
font-weight: bold;
font-size: 18px;
transition: 0.3s ease-in-out;
}
.line_dwn span {
margin-right:.3em;
vertical-align:-5%;
color:#28ba21;
transition:0.3s ease-in-out;
}
.line_dwn:hover,
.line_dwn:hover span {
text-decoration: none;
background: #28ba21;
color: #fff;
}
.pcbtm48 {
margin-bottom:48px;
}


@media (max-width:767px) {
.nurie01,
.nurie02 {
position:static;
}
.kabe_ul01 {
display:flex;
justify-content:space-evenly;
align-items: center;
margin-bottom:24px;
}
.kabe_ul01 img {
max-width:70%;
}


}

@media (max-width:500px) and (orientation:portrait) {
.spcenter {
text-align:center;
}
.pd_top32 {
padding-top:0;
}
.pcbtm48 {
margin-bottom:0;
}
}

/*-----------------------------------------------
追加css 2019.01
----------------------------------------------- */

.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/*-----------------------------------------------
▼個人情報
----------------------------------------------- */
.h-type01{
font-size:20px;
border-bottom:dashed 3px #ccc;
padding-bottom:10px;
margin-bottom:15px;
}

.p-type01{
line-height:2.0 !important;
}

/*-----------------------------------------------
▼画像DL
----------------------------------------------- */
.kome01{
margin-left:1.2em;
font-size:14px;
font-weight:bold;
}

.kome01:before{
  content: '※';
margin-left:-1.2em;
color:#ee6492;
}

.box-type01{
background:#eeeeee;
padding:20px 20px;
margin-left:70px;
margin-right:70px;
}

.a-type01{
text-decoration:underline;
color:#559be6;
}

.mk-link01{
margin-left:1em;
}


.mk-link01 a {
color:#08c;
font-weight:bold;
}

.mk-link01:before {
content:"\e900";
font-family: 'shiromaru' !important;
color:#ffae00;
vertical-align:-5%;
/* line-height: 1; */
margin-left:-1.2em;
margin-right:.2em;
}

.dl-img li{
width:160px;
margin-bottom:40px;
}

.ds-b{display:block;}
.ds-ib{display:inline-block;}

.tac-all{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.dl-li02{
display:inline-block;
margin-right:32px;
}

.dl-li02:nth-child(4n){
margin-right:0px;
}

.dl-img li img {
  transition: 0.9s;
}
.dl-img li img:hover {
  -moz-transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
    opacity:0.6;
}

/*-----------------------------------------------
▼画像TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {
.dl-li02{
display:inline-block;
margin-right:10px;
}

.dl-li02:nth-child(3n){
margin-right:0px;
}


}

/*-----------------------------------------------
▼画像SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.box-type01{
background:#eeeeee;
padding:15px;
margin-left:10px;
margin-right:10px;
}

.dl-img li{
width:46%;
}

.dl-img li img{
width:100%;
height:auto;
}

.dl-li02{
display:inline-block;
margin-right:4%;
vertical-align:top;
}

.dl-li02:nth-child(3n){
margin-right:4% !important;
}

.dl-li02:nth-child(2n){
margin-right:0px !important;
}


}




/*-----------------------------------------------
▼サイトマップ
----------------------------------------------- */

.midashi{
margin-left:-1.2em !important;
font-weight:bold;
font-size:17px;
margin-top:20px;
margin-bottom:5px;
}

.sitemap-ul{
display:inline-block;
vertical-align:top;
width:60%;
}

.sitemap-ul02{
display:inline-block;
vertical-align:top;
width:38%;
}

/*-----------------------------------------------
▼サイトマップ sp
----------------------------------------------- */
@media (max-width:767px) {
.sitemap-ul{
width:100%;
padding-left:15px;
}

.sitemap-ul02{
width:100%;
padding-left:15px;
}

.midashi{
padding-left:15px;
}

}


/*-----------------------------------------------
▼しろまるひめ着ぐるみの貸出
----------------------------------------------- */
.rental-ul01{
width:74%;
line-height:1.8 !important;
float:left;
}

.rental-ul01 li{
margin-bottom:35px;
}

.mk-li001:before {
content:'■';
display:inline-block;
margin-left:-1.5em;
color:#50a0e4;
margin-right:0.5em;
}


.mk-li001 {
font-weight:bold;
margin-left:1.5em;
}

.rental-img{
width:24%;
float:right;
}

.mk-li002:before {
content:'・';
display:inline-block;
margin-left:-1.0em;
margin-right:0.5em;
}

.mk-li002 {
font-weight:bold;
margin-left:1.5em;
margin-bottom:10px;
}

.ml20{
margin-left:20px;
}

.rental-ul02{
margin-bottom:50px;
}

.blu_nam{
font-size:16px;
color:#67b6f4;
font-size:30px;
line-height:1;
}

.flow_arrow_blu{
font-size:16px;
display:flex;
align-items:center;
font-weight:bold;
padding:13px 0 15px 40px;
background:url(/img/arrow_g_long.png) 7px bottom no-repeat;
}

.flow_arrow_blu p{
line-height:1.9;
}

.flow_arrow_blu a,
.underline a{
color:#08c;
}

.l-h01{
line-height:1.9;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mt80{
margin-top:80px;
}

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

.dsp01{
display:inline-block !important;
margin-right:10px !important;
}



/*-----------------------------------------------
▼しろまるひめ着ぐるみの貸出 sp
----------------------------------------------- */
@media (max-width:767px) {

.rental-img{
width:100%;
float:none;
}

.rental-ul01{
width:100%;
line-height:1.8 !important;
float:none;
}

.ml20{
margin-left:0;
}

}

/*-----------------------------------------------
▼しろまるひめデザイン使用
----------------------------------------------- */
.f-left{float:left;}
.f-right{float:right;}

.wh70{
width:68%;
}

.wh30{
width:28%;
}

.pb40{
padding-bottom:40px;
}

.mb10{
margin-bottom:10px;
}


.pnk_nam{
color:#ef85a8;
font-size:30px;
line-height:1;
}

.color-pnk{
color:#ef85a8 !important;
}


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

.kanbee_flow{
}

.posi-re{
position:relative;
}

.img-pc01{
position:absolute;
right:0;
top:20px;
}

#no-hvr  li img:hover{
opacity:1.0 !important;
}

/*-----------------------------------------------
▼デザイン使用 TAB
----------------------------------------------- */
@media (max-width:768px) {
.contact_btn01{
width:48% !important;
}

.contact_btn03{
width:48% !important;
}
}

/*-----------------------------------------------
▼しろまるひめデザイン使用 sp
----------------------------------------------- */
@media (max-width:767px) {
.img-pc01{
display:none !important;
}

.wh70{
width:100%;
}

.wh30{
width:70%;
margin-bottom:30px;
}

.contact_btn01{
width:250px !important;
}

.contact_btn03{
width:250px !important;
}

}



/*-----------------------------------------------
▼姫路ガイド
----------------------------------------------- */
#spcl-wd {
padding-left:10px !important;
padding-right:10px !important;
}

.spcl-wd-in{
padding-left:98px;
padding-right:98px;
}

.gd-ic li{
display:inline-block;
margin-right:20px;
}

.gd-ic li:last-child{
margin-right:0;
}

.gd-ic li:nth-child(4){
margin-right:0;
}

.slider-nav-container{
margin-top:0 !important;
}

.pt48{
padding-top:48px;
}

.loca-ul01 li{
width:32%;
display:inline-block;
vertical-align:top;
text-align:center;
}

.loca-ul01 li span{
display:block;
margin-top:10px;
}

.h-type02{
font-size:18px;
color:#fe8900;
margin-bottom:8px;
}

.vt-top{
vertical-align:top !important;
}

/*-----------------------------------------------
▼姫路ガイド TAB
----------------------------------------------- */
@media (max-width:768px) {
.gd-ic li{
display:inline-block;
margin-right:15px;
}

.gd-ic li:nth-child(4){
margin-right:15px;
}

.gd-ic li:nth-child(5){
margin-right:0px;
}

}

/*-----------------------------------------------
▼姫路ガイド sp
----------------------------------------------- */
@media (max-width:767px) {
.spcl-wd-in{
padding-left:0px;
padding-right:0px;
}

.gd-ic li{
display:inline-block;
margin-right:4%;
width:43%;
margin-bottom:20px !important;
}

.gd-ic li:nth-child(4){
margin-right:0;
}

.gd-ic li:nth-child(5){
margin-right:4%;
}


.gd-ic li:nth-child(2){
margin-right:0;
}

.loca-ul01 li{
width:100%;
display:block;
margin-bottom:30px !important;
}

}

/*-----------------------------------------------
▼グッズ
----------------------------------------------- */
.goods-ul{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goods-ul li{
text-align:center;
width:31%;
display:block;
margin-bottom:48px;
vertical-align:top;
margin-right:2.33%;
}

.goods-ul li:nth-child(3n){
margin-right:0px;
}


.goods-ul li span{
display:block;
margin-top:10px;
font-weight:bold;
}
@media screen and (max-width: 1029px) {
.goods-ul li:nth-child(3n){
margin-right:0!important;
}
}
/*-----------------------------------------------
▼グッズ TAB
----------------------------------------------- */

@media screen and (max-width: 768px) {
.goods-ul li{
margin-right:12px !important;
}

.goods-ul li:nth-child(3n){
margin-right:12px !important;
}

.goods-ul li:nth-child(2n){
margin-right:0px !important;
}




.gry_box2 .f-right,
.gry_box2 .f-left{
float:none;
margin-bottom:10px;
}

}

/*-----------------------------------------------
▼グッズ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.goods-ul li{
text-align:center;
width:100%;
display:inline-block;
margin-bottom:24px;
vertical-align:top;
margin-right:0px !important;
margin-left:auto;
margin-right:auto;
}



}



/*
-----------------------------------------------
お問い合わせ
----------------------------------------------- */
.bld{
font-weight:bold;
}

.contact-dl{
font-weight:bold;
font-size:16px;
padding-top:20px;
padding-bottom:20px;
}

.contact-dl dt{
vertical-align:top;
width:255px;
display:inline-block;
margin-right:15px;
}
.contact-dl dd{
width:490px;
display:inline-block;
}

.radio-span{
display:block;
margin-bottom:10px;
}

.radio-span input{
vertical-align:middle;
margin-right:6px;
}

.komoku{
}

.must{
color:#ff0000;
font-size:16px;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
font-size: 15px;
background:#eeeeee;
}

.input-box01{
width:480px;
}

.input-box02{
width:480px;
height:200px;
}

.input-box03{
margin-top:-25px;
}

.input-btn01{
font-weight:bold;
font-size:18px;
display:inline-block;
padding:0.7em 2.2em;
color:#ee6492;
border-radius:8px;
background-color:#fff;
background-image:url(/css/img/con_mk.png);
background-repeat:no-repeat;
border:solid 5px #ee6492;
background-position:16px center;

}

.input-btn01:hover{
color: #fff;
background-image:url(/css/img/con_mk_on.png);
background-color:#ee6492;
}


.input-btn02{
font-weight:bold;
font-size:18px;
display:inline-block;
padding:0.7em 2.2em;
color:#888;
border-radius:8px;
background-color:#fff;
background-image:url(/css/img/con_mk2.png);
background-repeat:no-repeat;
border:solid 5px #888;
background-position:16px center;

}

.input-btn02:hover{
color: #fff;
background-image:url(/css/img/con_mk_on2.png);
background-color:#888;
}

.confirm-p{
font-size:18px;
font-weight:bold;
text-align:center;
padding:20px;
}

.bdr-type01{
border-top:dotted 3px #ccc;
padding-top:24px;
}

/* select */
.cp_ipselect {
	overflow: hidden;
        width: 40% !important;
	margin: 0 auto;
	text-align: center;
}
.cp_ipselect select {
        font-weight:bold;
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

.confirm_box .cp_ipselect  {
text-align:left !important;
border:none !important;
}


.confirm_box .cp_ipselect.cp_sl01::before {
	position: absolute;
        display:none;

}



/* エラー吹き出し */
.error{
  font-weight:bold;
  display:block !important;
  position: relative;
  padding: 0.4em 1.0em;
  color:#fff !important;
  border-radius:6px;
  background:#ff0000;
  font-size:14px;
  font-weight:bold;
  width:8.4em;
  margin-top:10px;
  margin-right:5px;
}

.error::before{
  content: '';
  position: absolute;
  left: 1.em;
  top: -12px;
  display: block;
  width: 0;
  height: 0;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #ff0000;
  border-left: 12px solid transparent;
}

.input-box01b{
width:5em;
}

.pv-komoku{
width:470px;
}

.pv-box{
border:solid 4px #cdb691;
padding:30px;
}

.pv-ol{
list-style-type:disc;
margin-left:40px;
}

.pv-ol li{
margin-top:20px;
}

.pv-p{
border-bottom:solid 2px #cdb691;
padding-bottom:10px;
font-weight:bold;
margin-bottom:10px;
font-size:18px;
}

.tac{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.ninsho{
font-weight:bold;
}

.ninsho input{
margin-left:auto;
margin-right:auto;
display:block !important;
}

.ninsho .error{
display:inline-block !important;
}

.confirm_box dl{
border-bottom:solid 1px #ccc;
}

.confirm_box .no-confirm{
display:none !important;
}



/*
-----------------------------------------------
お問い合わせ TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {


.contact-dl{
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
}

.contact-dl dt{
vertical-align:top;
width:100%;
display:inline-block;
margin-right:0px;
margin-bottom:10px;
}
.contact-dl dd{
width:100%;
display:inline-block;
}
.contact-dl dt br{
display:none !important;
}


.input-box01{
width:100%;
}

.input-box02{
width:100%;
height:200px;
}


.cp_ipselect {
        width: 100% !important;
}

}

/*
-----------------------------------------------
お問い合わせ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.contact-dl{
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.pv-komoku{
width:100%;
}



.pv-box{
border:solid 4px #faaa00;
padding:15px;
}

.pv-ol{
list-style-type:decimal;
margin-left:10px;
}

.pv-ol{
list-style-type:decimal;
margin-left:10px;
}

.pv-ol li{
margin-top:10px;
}

.pv-p{
border-bottom:solid 2px #faaa00;
padding-bottom:10px;
font-size:16px;
}


.input-btn01{
font-size:1.8rem;
padding:0.4em 1.5em;
}

.input-btn02{
font-size:1.8rem;
padding:0.4em 1.5em;
margin-right:3px;
}

input[type="radio"],
input[type="checkbox"]{
border:solid 1px #888;

}

.cp_ipselect {
        width: 100% !important;
}


.input-btn01{
font-size:16px;
padding:0.5em 2.5em;
}

.input-btn02{
font-size:16px;
padding:0.5em 2.5em;
margin-bottom:10px;
}


}

/* 眞榮里追記 */
.onlybtn{
  width: 33%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .onlybtn{
    width: 100%;
  }
}

/*
-----------------------------------------------
年賀状
----------------------------------------------- */
.posi-r{
position:relative;
}

.nenga-cara{
position:absolute;
top:150px;
left:38px;
}

.hagaki li{
display:inline-block;
width:392px;
padding-top:40px;
padding-bottom:40px;
}


.yoko{
height:315px;
padding:0 38px;
margin-top:30px;
margin-bottom:-30px;
}

.tate{
height:315px;
padding:0px 102px;
}

.yoko .hagaki-img{
display:block;
width:100%;
height:auto;
}

.tate .hagaki-img{
display:block;
width:100%;
height:auto;
}


.hagaki-img{
border:solid 4px #c9c9c9;
}

.hagaki li:nth-child(2n-1) {
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

.hagaki li:nth-child(2n) {
border-bottom:solid 1px #ccc;
}

.hagaki li:last-child {
border-bottom:solid 1px #fff;
}

#shiromaruhagaki li:nth-child(n+3) {
border-bottom:solid 1px #fff;
}

.hagaki-link{
text-align:right;
padding-top:4px;
font-size:13px;
}

.nenga-chui li p{
color:#5092d5;
}

.nenga-chui li{
margin-bottom:12px;
}

.mb32{
margin-bottom:32px;
}

.mb30{
margin-bottom:30px;
}

.mb48{
margin-bottom:48px;
}

/*
-----------------------------------------------
年賀状 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.nenga-cara{
position:relative;
top:0px;
left:0px;
padding-left:15%;
padding-right:15%;
padding-bottom:20px;
}

.sp-w100{
width:100%;
height:auto;
}

.hagaki li{
display:block;
width:100%;
padding-top:48px;
padding-bottom:48px;
}

.hagaki li{
border-right:solid 0px #fff;
border-bottom:solid 0px #fff;
}

.hagaki li:nth-child(2n) {
border-bottom:solid 0px #fff;
}

.hagaki li:nth-child(2n-1) {
border-right:solid 0px #fff;
border-bottom:solid 0px #fff;
}

.yoko{
height:auto;
padding:0 15px;
margin-top:0px;
margin-bottom:0px;
}

.tate{
height:auto;
padding:0px 40px;
}

.hagaki-link{
padding-top:6px;
padding-bottom:10px;
}

.mb32{
margin-bottom:12px;
}

.mb30{
margin-bottom:0px;
}

.mb48{
margin-bottom:20px;
}

#shiromaruhagaki li:nth-child(n+3) {
border-bottom:solid 0px #fff;
}

#shiromaruhagaki li:last-child {
border-bottom:solid 0px #fff;
}

}

/*
-----------------------------------------------
モーダルウインドウ
----------------------------------------------- */
.modal-content {
	width: 70% ;
	margin: 0px ;
	padding: 0px ;
	background: none;
	position: fixed ;
	display: none ;
	z-index: 10 ;
}

.modal-content-tate {
	width: 50% ;
	margin: 0px ;
	padding: 0px ;
	background: none;
	position: fixed ;
	display: none ;
	z-index: 10 ;
}

#modal-overlay {
	z-index: 5 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link:hover {
	cursor: pointer ;
}

.modal-in{
text-align:center;
}

.modal-p{
font-size:20px;
margin-top:20px;
}

.modal-p span{
display:block;
margin-bottom:15px;
}

.modal-drop{
border:solid 1px #ccc;
margin:20px;
padding:15px;
}

.batsu{
position:absolute;
top:-60px;
right:40px;
}

.modal-content-tate .batsu{
top:0;
right:5px;
}

/* ギャラリー用のモーダル設定 */
.modal-photo img{
/* width:80%; */
width: auto;
max-height: 90vh;
max-width: 80%;
}

.modal-photo{
margin:8px 0;
}

/* SP */
@media screen and (max-width: 768px) {
.sp-12{
font-size:12px;
}

.modal-content {
	width: 98% ;
	margin: 0 ;
	padding: 0 ;
        margin-top:10px;
}

.modal-content-tate {
	width: 90% ;
	margin: 0 ;
	padding: 0 ;
        margin-top:20px;
}

.modal-drop{
border:solid 1px #ccc;
margin:10px;
padding:7px;
}

.modal-img{
width:100%;
}

.modal-content .batsu,
.modal-content-tate .batsu,{
position:absolute;
top:-30px;
right:10px;
}

.batsu-tate img,
.batsu img{
width:24px;
height:auto;
}

}



/* css_end */