html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

html,body { height: 100%; position: relative; transition-duration: 1s;}
html {  }

.clear { width:100%; height:1px; clear: both; }

canvas { position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: -1; transition-duration:1s; opacity: 1; pointer-events: none; filter: blur(1px); }

a { outline: none; text-decoration: none; }

ul li { list-style-type: none; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin:0; padding: 0;}

@media screen and (min-width: 601px) {
body{ background: linear-gradient( 0deg, #ffcbef , #b4a2dd , #df195f 60%); background-attachment: fixed; }
}
@media screen and (max-width: 600px) {
body{ background: linear-gradient( 0deg, #ffcbef, #b4a2dd , #df195f 60%); background-attachment: fixed; }
}

@media screen and (min-width: 601px) {
.title { font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 400; font-style: normal; font-size:36px; text-align:center; color:#FFF; padding:70px 20px 50px 20px; text-shadow: 0 0 6px #ffcbef ; border-bottom:3px #b59dd9 solid; box-sizing: border-box; }
.title .point { color: #FCEC98; font-weight: 600; }
.comm { font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 500; font-style: normal; font-size:21px; text-align:center; color:#FFF; padding:50px 20px 20px 20px; box-sizing: border-box; text-shadow: 0 0 6px #ffcbef ; }
.comm2 { font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 500; font-style: normal; font-size:18px; text-align:center; color:#2E090A; padding:5px 20px; box-sizing: border-box;/* text-shadow: 0 0 3px #ffcbef;*/ }
ul.dl_content { width:100%; margin: 0 auto; overflow: hidden; text-align: center; padding: 50px 0 100px 0; }
ul.dl_content li { margin: 0 20px 20px 0;}
ul.dl_content li:nth-child(3) { margin: 0 0 20px 0;}
li.wp_links { display: inline-block; width:240px; transition-duration:1s; }
.icon_01 { width:240px; height:520px; background: url("../images/dl/memorial.jpg") no-repeat center center; background-size:100% auto; }
.icon_02 { width:240px; height:520px; background: url("../images/dl/pozinega.jpg") no-repeat center center; background-size:100% auto; }
.icon_03 { width:240px; height:520px; background: url("../images/dl/uguazu.jpg") no-repeat center center; background-size:100% auto; }

.cate_tit { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 500;font-style: normal; font-size:15px; text-align:center; color:#420B0C; width: 100%; padding:5px 0 8px 0; border-radius:20px; background: #E9CB73; margin: 0 0 20px 0; }
.cate_tit2 { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 500;font-style: normal; font-size:18px; text-align:center; color:#420B0C; width: 540px; padding:5px 0 8px 0; border-radius:20px; background: #FFF; margin: 30px auto; }
}

@media screen and (max-width: 600px) {
.title { width:560px; margin: 0 auto; font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 400; font-style: normal; font-size:36px; text-align:center; padding:70px 20px 50px 20px; color:#FFF; text-shadow: 0 0 6px #ffcbef ; border-bottom:3px #b59dd9 solid; box-sizing: border-box; }
.title .point { color: #FCEC98; font-weight: 600; }
.comm { font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 500; font-style: normal; font-size:21px; text-align:center; color:#FFF; padding:50px 20px 20px 20px; box-sizing: border-box; text-shadow: 0 0 6px #ffcbef ; }
.comm2 { font-family: "Murecho", sans-serif; font-optical-sizing: auto;font-weight: 500; font-style: normal; font-size:18px; text-align:center; color:#2E090A; padding:5px 20px; box-sizing: border-box;/* text-shadow: 0 0 3px #ffcbef;*/ }
ul.dl_content { width:520px; margin: 0 auto; overflow: hidden; text-align: left; padding: 50px 0 100px 0; }
ul.dl_content li { margin: 0 20px 20px 0;}
ul.dl_content li:nth-child(2) { margin: 0 0 20px 0; }
li.wp_links { display: inline-block; width:240px; transition-duration:1s; }
.icon_01 { width:240px; height:520px; background: url("../images/dl/memorial.jpg") no-repeat center center; background-size:100% auto; }
.icon_02 { width:240px; height:520px; background: url("../images/dl/pozinega.jpg") no-repeat center center; background-size:100% auto; }
.icon_03 { width:240px; height:520px; background: url("../images/dl/uguazu.jpg") no-repeat center center; background-size:100% auto; }

.cate_tit { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 500;font-style: normal; font-size:15px; text-align:center; color:#420B0C; width: 100%; padding:5px 0 8px 0; border-radius:20px; background: #E9CB73; margin: 0 0 20px 0; }
.cate_tit2 { font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 500;font-style: normal; font-size:18px; text-align:center; color:#420B0C; width: 540px; padding:5px 0 8px 0; border-radius:20px; background: #FFF; margin: 30px auto; }
}
/* FOOTER SECTION */

@media screen and (min-width: 601px) {
.footer { position:relative; background: #a9a1f5; width: 100%; padding:30px 0 50px 0; font-family: 'Noto Serif JP', serif; }
.ft_logo { background: url("../../images/ft_logo.png") no-repeat center center; background-size:auto 80%; height: 200px; width: 100%; }
.descript { font-weight: 400; font-size:0.76em; padding: 20px 0 0 0; width: 100%; color:#353535; text-align: center; }
.copy { font-family: 'Kosugi Maru', sans-serif; font-weight: 400; font-size:0.76em; padding: 20px 0; width: 100%; color:#FFF; text-align: center; }
}

@media screen and (max-width: 600px) {
.footer { position:relative; background: #a9a1f5; width: 100%; padding:30px 0 50px 0; font-family: 'Noto Serif JP', serif; }
.ft_logo { background: url("../../images/ft_logo.png") no-repeat center center; background-size:auto 80%; height: 200px; width: 100%;  }
.descript { font-weight: 400; font-size:0.76em; padding: 20px 0 0 0; width: 100%; color:#353535; text-align: center; }
.copy { font-family: 'Kosugi Maru', sans-serif; font-weight: 400; font-size:0.76em; padding: 20px 0; width: 100%; color:#FFF; text-align: center; }
}

/* MENU */
.menu{ position: fixed; top: 30px; right: 20px; width: 60px; height: 24px; z-index: 99; }
.menu__line{ background: #e95283; display: block; height: 3px; position: absolute; transition:transform .3s; width: 100%; }
.menu__line.active{ background: #FFF; transition:transform .3s; }
.menu__line--center{ top: 10px; }
.menu__line--bottom{ bottom: 0; }
.menu__line--top.active{ top: 10px; transform: rotate(45deg); }
.menu__line--center.active{ transform:scaleX(0); }
.menu__line--bottom.active{ bottom: 10px; transform: rotate(135deg); }

/* header */
@media screen and (min-width: 601px) {
nav.mb_menu ul li.menu_tit01 a:hover { transform: scale(1.2); transition-duration:0.5s; }
nav.mb_menu ul li.menu_tit02 a:hover { transform: scale(1.2); background:#e85298; color:#FFF; transition-duration:0.5s; }
nav.mb_menu ul li.menu_tit03 a:hover { transform: scale(1.2); background:#00b4e6; color:#FFF; transition-duration:0.5s; }
nav.mb_menu ul li.menu_tit04 a:hover { transform: scale(1.2); background:#ec6e74; color:#FFF; transition-duration:0.5s; }
nav.mb_menu ul li.menu_tit05 a:hover { transform: scale(1.2); background:#f39950; color:#FFF; transition-duration:0.5s; }
nav.mb_menu ul li.menu_tit06 a:hover { transform: scale(1.2); background:#b062a4; color:#FFF; transition-duration:0.5s; }
.social_sp .twi_btm a:hover .btm01 , .social_sp .twi_btm a:hover .btm02 { transform: scale(1.2); transition-duration:0.5s; }
}
@media screen and (max-width: 600px) {
}

#header { width:100%; position: fixed; top:0; left: 0; z-index: 100; transition-duration: 1s; height:110px; padding:20px 20px; box-sizing: border-box; }
.head_bg { display: none; opacity: 0; }
#header ul.menu_fl { display: none; }

nav.mb_menu .m_logo_fl { position:absolute; top:30px; left:50%; width:420px; height: 120px; background: url( "../../images/main_logo.png") top left no-repeat; background-size:auto 100% ; z-index: 200; margin: 0 0 0 -120px; }
nav.mb_menu .m_logo_fl .link_sp { width:430px; height: 65px; }

nav.mb_menu { position: absolute; z-index: 102; top: 0; left: 0; background: #FFF; color: #317DE3; text-align: center; transform: translateY(-200%); transition: all 0.6s; width: 100%; height: 100vh; padding:160px 0 0 0; box-sizing: border-box; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
nav.mb_menu ul { background: #FFF; margin: 0 auto; padding: 0; width: 100%; }
nav.mb_menu ul li {font-family: 'Spartan', sans-serif; font-weight:500; font-size: 1.85em; list-style-type: none; padding: 0; width: 100%; /*border-bottom: 1px dotted #65d0f6;*/ }
nav.mb_menu ul li .mini { font-size:0.6em; margin:0 5px 0 0; }
nav.mb_menu ul li:last-child { padding-bottom: 0; border-bottom: none; }
nav.mb_menu ul li a { display: block; color: #5F5F5F; padding: 1em 0; }
nav.mb_menu.active { transform: translateY(0%); }

.navToggle { display: block; position: absolute; right: 13px; top: 12px; width: 64px; height: 64px; border-radius: 6px; box-sizing: border-box; cursor: pointer; z-index: 103; background: #EF71BB; text-align: center; }
.navToggle span { display: block; position: absolute; width: 30px; height: 3px; background: #FFF;  border-radius:3px;  -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 18px; }
.navToggle.active { background: #FFF; }
.navToggle.active span { background: #EF71BB; }
.navToggle span:nth-child(1) { top: 18px; }
.navToggle span:nth-child(2) { top: 30px; }
.navToggle span:nth-child(3) { top: 42px; }
.navToggle span:nth-child(4) { border: none; color: #317DE3; font-size: 9px; font-weight: bold; top: 46px; }
.navToggle.active span:nth-child(1) { top: 30px; left: 18px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) { top: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.social_sp { position: relative; width: 134px; height:100px; margin: 0 auto; }
.social_sp .twi_btm .btm01 { position: absolute; top:20px; left:0; width: 64px; height:64px; background: url("../../images/ico_pierrot.png") no-repeat center center , #000 ; background-size: auto 64px; border-radius:50%; transition-duration:0.5s; }
.social_sp .twi_btm .btm02 { position: absolute; top:20px; left:74px; width: 64px; height:64px; background: url("../../images/ico_x.png") no-repeat center center , #000 ; background-size: auto 64px; border-radius:50%; transition-duration:0.5s; }

.pc_r { display: none; }
.mb_r {}