@charset "utf-8";
@font-face{font-family:'Cooper Std Black';font-style:normal;font-weight:normal;src:local('Cooper Std Black'), url('CooperBlack-Std.woff') format('woff');}
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}

html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{margin:0;}
main{display:block;}
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
dt{font-weight:bold;}
dd{margin-left:0;}
hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit;}
pre{font-family:monospace, monospace;font-size:inherit;}
address{font-style:inherit;}
a{background-color:transparent;text-decoration:none;color:inherit;}
abbr[title]{text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace, monospace;font-size:inherit;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img,embed,object,iframe{vertical-align:bottom;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit;}
[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
[type="radio"]{-webkit-appearance:radio;appearance:radio;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none;}
button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
select::-ms-expand{display:none;}
option{padding:0;}
fieldset{margin:0;padding:0;min-width:0;}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
label[for]{cursor:pointer;}
details{display:block;}
summary{display:list-item;}
[contenteditable]{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
caption{text-align:left;}
td,th{vertical-align:top;padding:0;}
th{text-align:left;font-weight:bold;}
template{display:none;}
[hidden]{display:none;}
input,select,textarea{outline:none;}
a,a:hover{text-decoration:none;}
img{width:100%;overflow:hidden;}
ul{padding:0;margin:0;list-style:none;}
ul li{display:inline-block;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
html{font-size:62.5%;}
body{font-size:1.6rem;line-height:1.8;}
h1{font-size:36px;font-size:calc(2.4rem + ((1vw - 0.64rem) * 2.1429));line-height:1.3;}
h2{font-size:24px;font-size:calc(2rem + ((1vw - 0.64rem) * 0.7143));line-height:1.3;}
h4{font-size:26px;font-weight:700;color:#f7007b;letter-spacing:0.25px;}
p{font-size:16px;line-height:24px;color:#e5328b;}
.center{text-align: center}
.mt30{ margin-top: 30px}
@media (min-width:1200px){h1{font-size:3.6rem;}
h2{font-size:2.4rem;}
h4{font-size:2.6rem;}
}
@media screen and (max-width:640px){body{line-height:2;}
h1{font-size:2.4rem;}
h2{font-size:2rem;}
}
@media screen and (max-width:480px){h2{font-size:2.8rem!important;}
}
@keyframes flicker{from{opacity:1;}
 4%{opacity:.9;}
 6%{opacity:.85;}
 8%{opacity:.95;}
 10%{opacity:.90;}
 11%{opacity:.922;}
 12%{opacity:.9;}
 14%{opacity:.95;}
 16%{opacity:.98;}
 17%{opacity:.9;}
 19%{opacity:.93;}
 20%{opacity:.99;}
 24%{opacity:1;}
 26%{opacity:.94;}
 28%{opacity:.98;}
 37%{opacity:.93;}
 38%{opacity:.5;}
 39%{opacity:.96;}
 42%{opacity:1;}
 44%{opacity:.97;}
 46%{opacity:.94;}
 56%{opacity:.9;}
 58%{opacity:.9;}
 60%{opacity:.99;}
 68%{opacity:1;}
 70%{opacity:.9;}
 72%{opacity:.95;}
 93%{opacity:.93;}
 95%{opacity:.95;}
 97%{opacity:.93;}
 to{opacity:1;}
}
@keyframes blink{78%{color:inherit;text-shadow:inherit;}
 79%{color:#333;}
 80%{text-shadow:none;}
 81%{color:inherit;text-shadow:inherit;}
 82%{color:#333;text-shadow:none;}
 83%{color:inherit;text-shadow:inherit;}
 92%{color:#333;text-shadow:none;}
 92.5%{color:inherit;text-shadow:inherit;}
}

body{overflow-x:hidden;}
body{font-family:"Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo, sans-serif;}
body::before{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:url("../img/bar.jpg") no-repeat;-webkit-background-size:cover;background-size:cover;content:"";}
.responsive-nav{}
.scroll::-webkit-scrollbar{width:4px;}
.scroll::-webkit-scrollbar-track{border-radius:4px;box-shadow:inset 0 0 6px rgba(0, 0, 0, .1);}
.scroll::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 50, .5);box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}
.menu{text-align:center}
.menu{left:10%;-webkit-transition:-webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);-webkit-overflow-scrolling:touch;background:url("../img/brick.jpg");height:100vh;max-height:100vh !important;max-width:80vw !important;min-width:45px !important;outline:none;overflow-x:hidden !important;overflow-y:auto !important;padding:0;position:fixed !important;top:calc(0px);width:20%;will-change:transform;z-index:9999 !important;}
#menu-toggle,#menu-close{display:none;}
.menu-toggle{color:#fff;cursor:pointer;font-size:25px;position:fixed;right:25px;top:25px;}
#menu-toggle{z-index:999;cursor:pointer;position:fixed;top:0;left:0;color:#ff008e;background-color:#ffc;border:1px solid #ff008e;width:50px;height:50px;text-align:center;display:inline-block;line-height:50px;}
.menu-close{cursor:pointer;}
#menu-close{z-index:999;cursor:pointer;position:fixed;top:0;left:0;color:#ff008e;background-color:#ffc;border:1px solid #ff008e;width:50px;height:50px;text-align:center;display:inline-block;line-height:50px;}
@media screen and (max-width:1680px){
.menu{left:5%;}
}
@media screen and (max-width:1280px){
.menu{left:0%;}
}
@media screen and (max-width:1280px) and (min-width:846px){
.menu{width:25%;}
@media screen and (max-width:845px){
#menu-toggle, #menu-close{display:inline-block;}
.menu{width:320px;-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important;transition:-webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);transition:transform 233ms cubic-bezier(0, 0, 0.21, 1);transition:transform 233ms cubic-bezier(0, 0, 0.21, 1), -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);}
}
}
 @media screen and (max-width:845px){.responsive-nav{display:inline-block;}
}
 #menu-toggle,#menu-close{display:none;}
 @media screen and (max-width:845px){#menu-toggle, #menu-close{display:inline-block;}
 .menu{width:195px;-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important;transition:-webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);transition:transform 233ms cubic-bezier(0, 0, 0.21, 1);transition:transform 233ms cubic-bezier(0, 0, 0.21, 1), -webkit-transform 233ms cubic-bezier(0, 0, 0.21, 1);}
 .menu .image{margin-top:40px;}
 .menu .image img{width:120px;height:120px;}
 .menu .author-content{margin:20px 0px 40px 0px;}
 .menu .container{padding-left:15px;padding-right:15px;}
 .menu.open{display:inline-block;-webkit-transform:translateX(0) !important;transform:translateX(0) !important;}
}
.logo_container{position:relative;margin:30px auto 0px;width:100%}
@media screen and (max-width:1280px) and (min-width:846px){
.logo_container{position:relative;margin:70px auto 0px;width:100%}
}
@media (max-width:768px){
.logo_container{position:relative;margin:60px auto 0px;width:100%}
}
.icon1{fill:#fee;width:100%;animation:poyo 2s linear infinite;filter:drop-shadow(0 -40px 100px #fff0f9) drop-shadow( 0 0 0.5em #fff) drop-shadow( 0 0 0.1em #fffeb9) drop-shadow( 0 10px 3px #fff);margin:60px auto}
.icon1 img{width: 100%;}
.header_logo{fill:#fee;width:60%;/*position: absolute;top:0; right:0;*/z-index:0;padding-top: 20px;margin: 0 auto}
.header_logo img{width: 100%;animation:poyo 2s linear 1s infinite;filter:drop-shadow(0 0px 50px #fff) drop-shadow( 0 0 0.5em #fff5f5) drop-shadow( 0 0 0.1em #fdd) drop-shadow( 0 10px 3px #fff2af);}
/*.sub_icon{position:absolute;top:15px;left:25%;color:#0099ff;font-family:'M PLUS Rounded 1c', sans-serif; transform: rotate(0.03deg);font-weight:500;font-size:1.8rem;z-index:100}*/
.sub_icon{position:absolute;top:10%;left:25%;color:#0099ff;z-index:100;width: 50%}
.sub_icon img{width: 100%;animation:flicker 2s linear infinite;}
@media screen and (max-width:1280px) and (min-width:846px){.sub_icon{font-size:1.6rem;}
}
@media (max-width:768px){.sub_icon{font-size:1.8rem;}
}
@media (max-width:480px){.sub_icon{font-size:1.6rem;}
}
.logo{margin-top:60px}
.logo b{font-family:Cooper Std Black, serif;font-style:normal;font-weight:400;font-size:40px;color:#fee;text-shadow:0 -40px 100px, 0 0 2px, 0 0 1em #ff0096, 0 0 0.5em #ff0096, 0 0 0.1em #ff0096, 0 10px 3px #000;}
.logo b span{animation:blink linear infinite 2s;}
.logo b span:nth-of-type(2){animation:blink linear infinite 3s;}
.menu .author-content{margin:15px 0px 20px 0px;}
.menu .author-content h4{margin-bottom:0px;}
.menu .author-content span{font-size:13px;color:#fff;}
.main-nav{text-align:center;}
.main-menu{display:flex;flex-direction:column;width:100%;margin:0 auto}
.main-menu li{overflow: hidden;border:3px solid rgba(255, 1, 133, 1);border-radius:30px;font-size:1.6rem;font-weight:bold;letter-spacing:1px;transition:all 0.3s ease;margin-bottom:10px;text-align:left;background:rgba(255,255,255,.8)}
.main-menu li a{display:block;padding:10px 1em;color:rgb(255, 1, 133);position:relative;border-radius:30px;}
.main-menu li a::after{content:"";position:absolute;width:10px;height:10px;border-top:3px solid rgb(255, 1, 133);border-right:3px solid rgb(255, 1, 133);transform:rotate(45deg);right:25px;top:37%;transition:0.3s;}
.main-menu li:hover,.main-menu li.active a{-webkit-animation:color_m 2s infinite ;animation:color_m 2s infinite ;/*box-shadow:0px 0px 35px rgba(204, 0, 0, 0.3), 0 0 11px rgba(204, 0, 0, 0.3), 0 0 2px rgba(255, 0, 0, 0.3), 0 0 1px rgba(204, 0, 0, 0.3), 0 0px 17px rgba(204, 0, 0, 0.3), inset 0px 0 17px rgba(204, 0, 0, 0.3), inset 0px 0 30px rgba(204, 0, 0, 0.3);*/



}
.main-menu li a:hover::after,.main-menu li.active a::after{right:15px;}
.main-menu li a span{position:relative;width:100%;display:block;}
.main-menu li a:hover span::after{transition:0.3s;content:attr(data-text);color:rgb(255, 1, 133);position:absolute;right:30px;white-space:nowrap;animation-name:fadeIn;animation-duration:0.5s;animation-fill-mode:forwards;font-size:1.2rem;padding-top:3px;letter-spacing:-0.02em}
.main-menu li.active span::after{font-size:1.1rem;padding-top:3px;letter-spacing:-0.02em;content:attr(data-text);color:rgb(255, 1, 133);position:absolute;right:15px;white-space:nowrap;}
@media (max-width:768px){
	.main-menu li span::after,
	.main-menu li.active span::after{display:none;}
}

.main-menu02{display:flex;flex-direction:column;width:100%;margin:0 auto}
.main-menu02 li{overflow: hidden;border:3px solid rgba(255, 1, 133, 1);border-radius:30px;font-size:1.6rem;font-weight:bold;letter-spacing:1px;transition:all 0.3s ease;margin-bottom:10px;text-align:left;background:rgba(255,255,255,.8)}
.main-menu02 li a{display:block;padding:10px 1em;color:rgb(255, 1, 133);position:relative;}
.main-menu02 li a::after{content:"";position:absolute;width:10px;height:10px;border-top:3px solid rgb(255, 1, 133);border-right:3px solid rgb(255, 1, 133);transform:rotate(45deg);right:25px;top:37%;transition:0.3s;}
.main-menu02 li:hover,.main-menu02 li.active a{-webkit-animation:color_m 2s infinite;animation:color_m 2s infinite;/*box-shadow:0px 0px 35px rgba(204, 0, 0, 0.3), 0 0 11px rgba(204, 0, 0, 0.3), 0 0 2px rgba(255, 0, 0, 0.3), 0 0 1px rgba(204, 0, 0, 0.3), 0 0px 17px rgba(204, 0, 0, 0.3), inset 0px 0 17px rgba(204, 0, 0, 0.3), inset 0px 0 30px rgba(204, 0, 0, 0.3);*/}
.main-menu02 li a:hover::after,.main-menu02 li.active a::after{right:15px;}
.main-menu02 li a span{position:relative;width:100%;display:block;}
.main-menu02 li a:hover span::after{transition:0.3s;content:attr(data-text);color:rgb(255, 1, 133);position:absolute;right:30px;white-space:nowrap;animation-name:fadeIn;animation-duration:0.5s;animation-fill-mode:forwards;font-size:1.2rem;padding-top:3px;letter-spacing:-0.02em}
.main-menu02 li.active span::after{font-size:1.1rem;padding-top:3px;letter-spacing:-0.02em;content:attr(data-text);color:rgb(255, 1, 133);position:absolute;right:15px;white-space:nowrap;}

p{transform: rotate(0.03deg); }

@media screen and (max-width:1280px) and (min-width:846px){.main-menu li a:hover span::after,.main-menu li.active span::after{display:none}}
@media screen and (max-width:1280px) and (min-width:846px){.main-menu02 li a:hover span::after,.main-menu02 li.active span::after{display:none}}
@-webkit-keyframes intermittente{75%{opacity:0.7;}}
@keyframes intermittente{75%{opacity:0.7;}}
@keyframes fadeIn{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(10px);}}
@-webkit-keyframes color_m{0%{background:#fff6e9}33%{background:#ffc}66%{background:#ffc}100%{background:#fff6e9}}
@keyframes color_m{0%{background:#fff6e9}33%{background:#ffc}66%{background:#ffc}100%{background:#fff6e9}}
@keyframes poyo {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  5%  { transform: scale(0.9, 0.9) translate(0%, 1%); }
  10%  { transform: scale(1.04, 0.8) translate(0%, 2%); }
  16%  { transform: scale(0.8, 1.04) translate(0%, -2%); }
  23%  { transform: scale(1.04, 0.9) translate(0%, 1%); }
  33% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  34%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
}



.menu .social-network{margin-top:30px;}
.menu .social-network .twitter_box{margin-bottom:30px}
.menu .social-network ul li a{width:60px;height:60px;display:inline-block;text-align:center;line-height:60px;background-color:#fff;color:#e5328b;font-size:60px;transition:all 0.5s;}
.menu .social-network ul li.tel a:hover{color:#ff0096}
.menu .social-network ul li.line a:hover{color:#00B900}
.menu .social-network ul li.twi a:hover{color:#00acee}
@media screen and (max-width:1680px) and (min-width:846px){.menu .social-network ul li a{width:60px;height:60px;line-height:60px;}
}
.menu .copyright-text{position:relative;margin-top:30px;margin-bottom: 10px}
.menu .copyright-text p{border-top:1px solid rgba(250, 250, 250, 0.1);display:inline-block;width:100%;padding-left:30px;padding-right:30px;padding-top:30px;font-size:13px;}
.menu .copyright-text p + p{padding-top:10px;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.container{margin:0 auto;}
@media (max-width:1200px){.container{max-width:1140px;}
}
@media (max-width:992px){.container{max-width:960px;}
}
@media (max-width:768px){.container{max-width:720px;}
}
@media (max-width:576px){.container{max-width:540px;}
}
.section{color:#fff;width:55%;right:10%;left:35%;position:relative;min-height:100vh;padding-bottom:80px;border-bottom:3px solid rgba(250, 250, 250, 0.7);}
.section{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500}
/*.about-us{position: relative}*/
@media screen and (max-width:1680px){.section{color:#fff;width:65%;right:5%;left:30%;}
}
.section .detail,
.section .time{color:#e5328b}
.section-heading{text-align:center;padding:50px 45px;z-index: 10;text-shadow:0 2px 5px rgba(255, 43, 43, 0.11);}
.section-heading h2{font-size:32px;font-weight:700;color:#fff;}
.section-heading .line-dec{width:60px;height:3px;background-color:transparent;margin:10px auto;}
.section-heading span{margin-top:5px;font-size:16px;color:#e5328b;transform: rotate(0.03deg); }
.left-image img,.right-image img,.item_img{border-radius:5px;}
.item_img{margin-bottom: 40px}
.right-image-post h4,.left-image-post h4{font-size:26px;}
.right-image-post p,.left-image-post p{margin-top:20px;transform: rotate(0.03deg); }
.right-image-post{margin-top:60px;padding-top:60px;border-top:2px solid rgba(250, 250, 250, 0.5);}
@media screen and (max-width:1280px){.right-image-post h4, .left-image-post h4{margin-top:0px;}
}
@media screen and (max-width:845px){.responsive-nav{display:inline-block;}
 .section{width:94%;right:3%;left:3%;}
 .isotope-item{width:94%;margin:3%;}
 .left-image-post img{margin-bottom:30px;}
 .right-image-post img{margin-top:30px;}
 .isotope-item{border-bottom:none;text-align:center;}
 .isotope-toolbar{margin-bottom:20px;}
}
.header{display: flex; margin:20px auto 50px ; align-items: center;}
.header .header_logo{flex: 1}
.header .shop_desc{padding-left: 20px;z-index: 1}
.header .shop_desc p{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 700;font-size:1.8rem!important;line-height: 1.2;  text-shadow:1px 5px 4px rgba(255, 133, 133, 0.3), 0 0 2px rgb(255, 252, 206), 0 0 20px #fff}
@media screen and (max-width:480px){.header{ flex-direction: column;}
.header .header_logo{width: 90%; margin-bottom: 20px}
.header .shop_desc p{text-align: center;padding-left: 0px}}
.header .shop_desc .map_btn,.header .shop_desc a.map_btn{color: #fff;background-color: #ff0096;border-radius: 100vh;font-size:1.6rem;padding: 0 0.5em;}
.header .shop_desc .map_btn:hover,
.header .shop_desc a.map_btn:hover { color: #fff;background: #ff5cbc;}
 .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.box_type01{position:relative;width:100%;padding-right:15px;padding-left:15px;text-shadow:0 2px 5px rgba(255, 43, 43, 0.11);}
 @media (min-width:768px){.box_type01{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
}


.section .ct_wrapper{
	box-sizing:border-box;
	margin:10px 0;
	padding:20px 10px 50px;
	border-radius:4px;
	color:#666;
	background:rgba(255,255,255,.8);
}
.box_type02{position:relative;width:100%;padding-right:15px;padding-left:15px;text-shadow:0 2px 5px rgba(0, 0, 0, .1);}
.service-item{padding:10px 10px 20px;border-radius:10px;background:rgba(255, 0, 108, 0.44);text-align:center;  backdrop-filter: blur(5px);  }
.service-item:hover{background:rgba(255, 0, 0, 0.44);}
.service-item h4{color:#ffffa6}
.service-item dl{margin-bottom: 2em}
.service-item dl div{font-size:2.4rem;border-bottom:dashed 1px #fff;overflow:hidden;padding:10px 0;}

.service-item dt{float:left;clear:left;width:55%;padding-right:1em;text-align:right;}
.service-item dd{float:left;text-align:left;margin-left:1em;font-weight:bold}
@media screen and (max-width:480px){
.service-item dl div{font-size:1.8rem;}
.service-item h5{font-size:1.8rem!important;}
.service-item dt{padding-right:0;width:100%;text-align: center}
.service-item dd{float:left;width:100%;text-align:center;margin-left:0em;font-weight:bold}
}
.grid_wrap{margin:0 auto;padding:0px;width:100%;column-count:2;column-gap:0;}
@media screen and (max-width:845px){.grid_wrap{column-count:1;}
}
.grid{padding:5px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;}
.text{padding:15px 20px 30px 20px;background:rgba(255, 0, 108, 0.44);text-shadow:0 2px 5px rgba(0, 0, 0, .5);transform: rotate(0.03deg); }
h5{position:relative;padding:0 0 0.25em;margin-bottom:0.5em;font-weight:700;font-size:18px}
h5:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-repeating-linear-gradient(-45deg, rgb(255, 230, 131), rgb(255, 247, 201) 1px, transparent 2px, transparent 5px);background-image:repeating-linear-gradient(-45deg, rgb(255, 230, 131), rgb(255, 247, 201) 1px, transparent 2px, transparent 5px);background-size:7px 7px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.service-item h5{text-align: left;font-size:26px}
h6{margin-bottom:0.5em;font-weight:700;font-size:16px;border-bottom:1px solid #ffffa6 }
.grid > *{border-radius:8px;}
.grid .detail{display:block;line-height:20px;font-size:16px;margin-bottom:0.5em;transform: rotate(0.03deg);color:#fff; }
.grid .detail .price{float:right;font-weight:500;text-align:left;line-height:20px;}
.grid .detail::after{clear:both;}
.gmap{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;}
.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
#contact input{background-color:rgba(250, 250, 250, 0.8);border:1px solid #ff8fc7;border-radius:0px;margin-bottom:30px;color:#424242;font-size:14px;height:40px;line-height:40px;width:100%;padding-left:15px;text-align:left}
#contact input:focus{outline:none;box-shadow:none;background:rgba(255, 249, 233, 0.8)}
#contact textarea{background-color:rgba(250, 250, 250, 0.8);border:1px solid #ff8fc7;border-radius:0px;margin-bottom:30px;color:#424242;font-size:14px;height:180px;max-height:220px;line-height:40px;width:100%;padding-left:15px;text-align:left}
#contact textarea:focus{outline:none;box-shadow:none;background:rgba(255, 249, 233, 0.8)}
#contact{text-align:center;margin-bottom:200px}
button{display:inline-block;padding:10px 20px;background-color:#ff008e;color:#fff;font-size:14px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;transition:all 0.5s;border:none;outline:none;cursor:pointer;}
button:hover{outline:none;background-color:#ee0085;color:#ffffa6;}
.btn_back{display:inline-block;padding:10px 20px;background-color:#666;color:#fff;font-size:14px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;transition:all 0.5s;border:none;outline:none;cursor:pointer;}
.btn_back:hover{outline:none;background-color:#fff;color:#666;}
    ::-webkit-input-placeholder {
        color: #ec7db4;
        opacity: 1;
    }
    /* Firefox 18  */
    :-moz-placeholder {
        color: #ec7db4;
    }
    /* Firefox 19  */
    ::-moz-placeholder {
        color: #ec7db4;
        opacity: 1;
    }
    /* IE 10  */
    :-ms-input-placeholder {
        color: #ec7db4;
    }
/*  */
.pagetop{
    display: none;
    position: fixed;
    right: 10px;
    bottom:10px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #ff008e;
    line-height: 40px;
	border-radius: 50%;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}
.ribbon01 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}

.ribbon01:before {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -25px;
  z-index: 2;
  border: 20px solid #A90876;
  border-left-color: transparent;
}

.ribbon01:after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -25px;
  z-index: 2;
  border: 20px solid #A90876;
  border-right-color: transparent;
}

.ribbon01 h2 {font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo, sans-serif;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 80px;
  line-height: 45px;
  font-size: 30px;
  color: #ffffa6;
  text-shadow: 0 0 3px #000;
  background: -webkit-repeating-linear-gradient(-45deg, #C70084, #C70084 3px,#F900A8 3px, #F900A8 7px);
  background: repeating-linear-gradient(-45deg, #C70084, #C70084 3px,#F900A8 3px, #F900A8 7px);z-index: 3;
}
@media screen and (max-width:480px){.ribbon01 h2 { padding: 0 50px;}}
.ribbon01 h2:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #890D61;
}

.ribbon01 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #890D61;}
  
  
  form{line-height: 1.35;}
  form dl{padding: 15px 0; border-bottom: 1px solid #ccc;text-align: left}
  form dt {clear: left;float: left;width: 30%;font-weight: normal;padding-left: 10px; padding-bottom: 5px;}
  form dd { margin-left: 31%;}
  @media screen and (max-width: 768px) { 
  form dl{padding: 15px 0; border-bottom: 1px solid #ccc;text-align: left}
  form dt {clear: both;width: 100%;font-weight: normal;padding-left: 0; padding-bottom: 5px;}
  form dd {width: 100%; margin-left: 0;}}
  form div{padding: 1em 0}
  
  .rec_wrap{padding: 10px; background:rgba(255, 0, 108, 0.44);margin-bottom:30px;transform: rotate(0.03deg);text-shadow:0 2px 5px rgba(0, 0, 0, .5); border-radius:5px;}
   .rec_wrap dl{padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.44);text-align: left}
  .rec_wrap dt {clear: left;float: left;width: 30%;font-weight: normal;padding-left: 10px; padding-bottom: 5px;}
  .rec_wrap dd { margin-left: 31%;}
  .rec_wrap dl:last-child{border:none}
  @media screen and (max-width: 768px) { 
  .rec_wrap dl{padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.44);text-align: left}
  .rec_wrap dt {clear: both;width: 100%;font-weight: normal;padding-left: 0; padding-bottom: 5px;border-bottom: 1px dotted #ff6;}
 .rec_wrap dd {width: 100%; margin-left: 0;}}
 
 
 .rec_wrap ul{ position: relative;display: block}
 .rec_wrap ul li{width: 100%; padding: 0 0 0 1.5em;}
 .rec_wrap ul li:before {
font-family: "Font Awesome 5 Free";
content: '\f004';
font-weight: 900;
  position: absolute;
  color: #ff6;
  left: 0
}

.time{line-height: 1.2}
.item_wrapper{display: flex; flex-wrap: wrap;width: 100%;}
.item_wrapper .item{text-align:center;width:calc(100% / 3 - 10px);margin: 5px}
.item_wrapper .item figure{   overflow: hidden; width: 100%; padding-bottom: 133.333%;  height: 0;  position:relative;}
.item_wrapper .item img{ object-fit: cover; position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
@media screen and (max-width: 768px) {
.item_wrapper .item{width:calc(50% - 10px);margin: 5px}}
.LINE_btn{width:300px;margin:0 auto 10px; padding:0; display: block}
.LINE_btn img{width:300px}
.red{color:red}
.del{
 background-image: linear-gradient(#f00, #f00);
    background-position: 0 50%;
    background-size: 100% 5px;
    background-repeat: repeat-x;
    text-decoration: none;z-index: 10; position: relative
}
.del span{z-index: -1}
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
h3 {
  position: relative;
  padding: 1.5rem 2.5rem;
  border: 4px solid #fff;
  margin-bottom: 20px;
  text-align: center;
  background: #000;
  
}
h3 span{transform: rotate(0.03deg); color: #ff0096; font-weight: 700;font-size: 18px}
h3:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 4px dotted #fff;
}
.friend img{width:116px}
.soial-icons{margin-bottom:10px}

/*ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«*/
.tab-wrap{display: flex;width: 100%;margin-bottom: 1em}
.day{width:calc(100% / 7 - 2px);color:#fff;background:#fff;white-space:nowrap;text-align:center;;position:relative;z-index:1;cursor:pointer;margin:0 1px;}
.day a{color:#e5328b;}
#view_day{background:#ff0096; }
@media screen and (max-width: 480px) {
.tab-wrap{display: flex;flex-wrap: wrap;width: 100%; }
.day:nth-child(1){width:calc(100% / 3 - 2px);}
.day:nth-child(2){width:calc(100% / 3 - 2px);}
.day:nth-child(3){width:calc(100% / 3 - 2px);}
.day:nth-child(4){width:calc(100% / 4 - 2px);}
.day:nth-child(5){width:calc(100% / 4 - 2px);}
.day:nth-child(6){width:calc(100% / 4 - 2px);}
.day:nth-child(7){width:calc(100% / 4 - 2px);}
}