@charset "utf-8";

/* =======================================

	Browser Reset CSS
	
========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}


body {font: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

.op:hover {
	opacity: 0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
}

html {
	font-size: 62.5%;
}

body {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.5rem;
}

a {
	text-decoration: none;
}

.wrap {
	overflow: hidden;
	position:relative
}

.top_coloring {
	background: #fff;
}

.top_characters {
	background: #2da0ed;
	padding: 50px 0;
}

#loader {
	text-align: center;
}

#loader .loader_img1 {
	margin: 50px auto 0;
	max-width: 200px;
}

#loader .loader_img2 {
	margin: 100px auto 0;
	max-width: 100px;
}

#loader .loader_img1 img,
#loader .loader_img2 img{
	width: 100%;
}

#loader-bg {
background: url(../image/loading_bg.jpg) center / cover;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}

.top_main .star_cont span {
	position: absolute;
	width:5px;
}

.top_main .star1 {
	top: 20%;
	left: 30%;
	animation: flash 1s linear infinite;
	width:7px !important;
}

.top_main .star2 {
	top: 40%;
	left: 60%;
	animation: flash2 1s linear infinite;
}

.top_main .star3 {
	top: 46%;
	left: 80%;
	animation: flash2 1s linear infinite;
}

.top_main .star4 {
	top: 70%;
	left: 30%;
	animation: flash2 1s linear infinite;
	width:7px !important;
}

.top_main .star5 {
	top: 60%;
	left: 40%;
	animation: flash 1s linear infinite;
}

.top_main .star6 {
	top: 5%;
	left: 90%;
	animation: flash 1s linear infinite;
}

.top_main .star7 {
	top: 70%;
	left: 15%;
	animation: flash2 1s linear infinite;
}

.top_main .star8 {
	top: 5%;
	left: 5%;
	animation: flash2 1s linear infinite;
		width:7px !important;
}

.top_main .star9 {
	top: 85%;
	left: 90%;
	animation: flash2 1s linear infinite;
}

.top_main .star10 {
	top: 75%;
	left: 55%;
	animation: flash 1s linear infinite;
}

.top_main .star11 {
	top: 45%;
	left: 25%;
	animation: flash2 1s linear infinite;
}

.top_main .star12 {
	top: 80%;
	left: 25%;
	animation: flash 1s linear infinite;
	width:7px !important;
}

.top_main .star13 {
	top: 20%;
	left: 90%;
	animation: flash2 1s linear infinite;
}

.top_main .star14 {
	top: 65%;
	left: 95%;
	animation: flash2 1s linear infinite;
}

.top_main .star15 {
	top: 15%;
	left: 70%;
	animation: flash2 1s linear infinite;
}

.top_main .star16 {
	top: 75%;
	left: 75%;
	animation: flash 1s linear infinite;
		width:7px !important;
}

.top_main .star17 {
	top: 3%;
	left: 60%;
	animation: flash2 1s linear infinite;
}

.top_main .star18 {
	top: 38%;
	left: 35%;
	animation: flash2 1s linear infinite;
}

.top_main .star19 {
	top: 31%;
	left: 92%;
	animation: flash2 1s linear infinite;
}

.top_main .star20 {
	top: 80%;
	left: 2%;
	animation: flash2 1s linear infinite;
}

.top_main .star_cont span img {
	width: 100%;
}

@keyframes flash {
  0%,100% {
    opacity: 0.8;
  }
  90% {
    opacity: 0;
  }
}

@keyframes flash2 {
  0%,100% {
    opacity: 1;
  }

  30% {
    opacity: 0;
  }
}

.characters_cont h2 {
	margin: 100px 0 80px;
}

.characters_cont section {
	text-align: center;
}

.characters_cont section.mincho_box {
	background: #E2ECEB;
}
	
.characters_cont section.tekakuma_box {
	background: #fff2cb;
}
	
.characters_cont section.wotakuan_box {
	background: #6CC4F2;
}

.characters_cont section.others_box {
	background: #fff;
	padding: 30px 0;
}

.characters_cont section a img {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.mincho_opening_txt {
	text-align: center;
	margin: 0px auto 30px;
}

.mincho_line p {
	text-align: center;
	margin: 10px auto 40px;
}

.characters h2.mincho_page_title {
	background: #E2EBEA;
	color: #70AEB9;
	padding: 150px 0 30px;
}

.characters {
	position: relative;
}

.characters .mincho_top_stamp {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.mincho_line .mincho_line_s_box div a,
.mincho_line .mincho_line_e_box div a {
	color: #70AEB9;
}

.mincho_sns_link {
	max-width: 700px;
	width: 95%;
	margin: 50px auto 30px;
}

.mincho_sns_link div a {
	color: #fff;
	padding: 20px 15px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.mincho_sns_link .mincho_sns_t a {
	background: #4D99E2;
}

.mincho_sns_link .mincho_sns_i a {
 background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

.wotakuan_sns_link {
	margin: 50px auto 30px;
	text-align:center;
	max-width: 300px;
	width: 90%;
}

.wotakuan_sns_link div a {
	color: #fff;
	padding: 20px 15px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.wotakuan_sns_link .wotakuan_sns_i a {
 background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

.mincho_line .suzuri_txt {
	color: #70AEB9;
}

.characters .wotakuan_page_title {
	text-align: center;
	background: #6CC4F2;
}

.characters .wotakuan_page_title img {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.characters .wotakuan_opening_txt {
	text-align: center;
}

.wotakuan_line .wotakuan_line_e_box div a,
.wotakuan_line a {
	color: #6CC4F2;
}

.gallery_wrap .characters h2.mincho_page_title {
	background: #E2EBEA;
	color: #70AEB9;
	padding: 150px 0 30px;
}

.gallery_wrap .gallery_kv {
	width: 100%;
	max-width: 2000px;
	height: 500px;
	background-image: url(../image/gallery/gallery_kv.jpg);
	background-size: cover;
}

.gallery_wrap .characters_gallery_detail .glr_img,
.gallery_wrap .characters_gallery_detail .glr_img a,
.gallery_wrap .characters_gallery_detail .glr_img a img {
	height: 100%;
}

.gallery_wrap .gallery_page_title {
	margin: 80px 0 50px;
}

footer {
	padding-top: 20px;
	color: #fff;
	text-align: center;
}

.top_page {
	background-image: url(../image/kv.png);
	background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}

.top_main {
	max-width:1800px;
}

footer.top_footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 100%;
}

footer.sub_footer {
	background: #000;
}

footer .footer_logo {
	width: 60px;
	margin: 0px auto;
}

footer .footer_logo img {
	width: 100%;
}

footer .copyright {
	padding: 15px;
	background: #ab9bc1;
}

footer.sub_footer .copyright {
	padding: 15px;
	background: #000;
}

.top_coloring {
	margin-top: 40px;
}

.coloring_page .coloring_page_title {
	text-align: center;
	background: #fff;
}

.coloring_page .coloring_page_title img {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}
/**
.kv_img_item {
	animation: kv_img_item 3s infinite ease-in-out .8s alternate;
	background: url(../image/kv_item.png) no-repeat center center;
	display: inline-block;
	width: 100px;
	height: 139px;
	margin-top: 15px;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	}

.kv_img_item2 {
 background: url(../image/kv_item2.png) no-repeat center center;
 display: inline-block;
 width: 310px;
	height: 319px;
	margin-top: 15px;
	position: absolute;
	top: 13%;
	left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
**/
.others_page_title {
	text-align: center;
	background: #fff;
}

.others_page_title img {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.others_line a {
	color: #b77eb4;
}

.characters .others_opening {
	text-align: center;
	margin: 100px 0 50px;
}

.space_sns_link {
	max-width: 700px;
	width: 95%;
	margin: 30px auto;
}

.space_sns_link div a,
.space_sns_link2 div a,
.space_sns_link3 div a{
	color: #fff;
	padding: 20px 15px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.space_sns_link .space_sns_t a {
	background: #4D99E2;
}

.space_sns_link .space_sns_i a {
 background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
	}
	
.space_sns_link .space_sns_os a {
 background: #2081E2;
}

.space_sns_link2 .space_sns_l a {
	background: #00B84F;
}

.space_sns_link2 .space_sns_s a {
 background: #000;
	}
	
.space_sns_link3 .space_sns_os a {
 background: #2081E2;
}

.space_wrap h3 {
	text-align: center;
	margin: 50px 0 20px;
}

.space_line_detail {
	text-align: center;
}

.nft_btn a {
background: #2081E2;
color: #fff;
padding: 20px 15px;
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
}

.tekakuma_icon {
max-width: 500px;
width: 95%;
margin: 40px auto 20px;
}

.tekakuma_icon img {
width: 100%;
}

.characters .tekakuma_page_title {
	text-align: center;
	background: #fff2cb;
}

.characters .tekakuma_page_title img {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.tekakuma_con_btm {
margin: 30px 0 50px;
	}
	
.gallery_box {
	margin-bottom: 50px;
}

.gallery_box p {
text-align: center;
font-size: 20px;
margin: 20px 0;
font-weight: bold;
}

.more_txtlink {
 max-width: 1000px;
 width: 95%;
 text-align: right;
margin: 20px auto 30px;
}

.more_txtlink a {
color:#000;
 text-decoration: underlinbe;
}

.nft_kv {
max-width: 1754px;
width: 100%;
margin: 0 auto;
}

.nft_kv img {
width: 100%;
	}

.nft_wrap .bg_c1 {
	background: #F7E7E8;
	position:relative;
padding-bottom: 250px !important;
}

.nft_wrap .bg1 {
		background-image: url(../image/nft_bg_1.webp);
		background-position: left;
}
 
.nft_wrap .bg2 {
  background-image: url(../image/nft_bg_2.webp);
		background-position: center;
	}
	
.nft_wrap .s_bg {
		text-align: center;
		line-height: 2;
		padding: 100px 50px;
		font-size: 17px;
	}
	
	.nft_wrap .bg_c2 h2 {
		margin: 0 0 20px;
	}
	
	.nft_wrap .bg_c2 h3 {
		line-height: 4;
		font-size: 19px;
	}
	
.nft_ct_img {
		max-width: 1100px;
		width: 90%;
		margin: 20px auto;
	}
	
.nft_ct_img2 {
		max-width: 910px;
		width: 90%;
		margin: 20px auto;
}
	
	.nft_ct_img img,
.nft_ct_img2 img	{
		width: 100%;
	}
	
.bg_c1 .bg_c1_img {
	max-width: 70px;
	margin: 50px auto 30px;
}

.bg_c1 .bg_c1_img img {
	width: 100%;
}

.scrolldown {
  position:absolute;
  bottom:80px;
  left:50%;
}

.scrolldown span{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #e5827b;
	font-size: 1rem;
	letter-spacing: 0.05em;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.scrolldown:before {
	content: "";
	position: absolute;
	bottom:0;
	left:-4px;
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#F2B4BB;
	animation:
	circlemove 1.6s ease-in-out infinite,
	cirlemovehide 1.6s ease-out infinite;
}

@keyframes circlemove{
	0%{bottom:45px;}
	100%{bottom:-5px;}
}

@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
  100%{opacity:0;}
 }

.scrolldown:after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:2px;
  height: 50px;
  background:#f5a6a0;
		}

#to_en_btn_box div img,
#to_jp_btn_box div img	{
	width:100%;
}

#to_en_btn_box #to_en_btn1 {
	position: absolute;
	bottom:90px;
	right:30px;
	width: 120px;
	z-index:99;
		}
		
#to_en_btn_box #to_en_btn2 {
	position: absolute;
	bottom:0;
	right:30px;
	width: 120px;
	z-index:9;
		}
		
#to_jp_btn_box #to_jp_btn1 {
	position: absolute;
	bottom:90px;
	left: 45px;
	width: 120px;
	z-index:99;
}
		
#to_jp_btn_box #to_jp_btn2 {
	position: absolute;
	bottom:0;
	left:65px;
	width: 120px;
	z-index:9;
}

#to_en_btn_box #to_en_btn1 img:hover,
#to_jp_btn_box #to_jp_btn1 img:hover	{
	transform: scale(1.2,1.2);
	transition-duration: 0.5s;
}
		
.tekakuma_suzuri {
	max-width: 350px;
	width: 95%;
	margin: 20px auto;
}
		
.tekakuma_suzuri a {
	display: block;
	width: 100%;
	background: #000;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	padding: 15px 10px;
}
		
.to_nft_page_txt {
	text-align: center;
}
		
.to_nft_page_txt a {
margin: 20px 0;
color: #000 !important;
		}

.nft_wrap .s_bg .mincho_line_banner {
  max-width: 400px;
  margin: 20px auto;
}

.nft_wrap .s_bg .mincho_line_banner img {
  width: 100%;
}

.nft_wrap .tekakumapage_suzuri {
margin-bottom: 70px;
}
		
.bg_c1_img {
	max-width:500px;
	width: 85%;
	margin:50px auto 70px;
}
		
.bg_c1_img img {
width: 100%;
}

.bg_c1_img video {
	width: 100%;
}

.sns_btn_box div a {
color: #fff;
padding: 20px 15px;
display: inline-block;
width: 100%;
box-sizing: border-box;
text-align: center;
}

.sns_btn_box .sns_btn_box_twt a {
background: #4D99E2;
}

.sns_btn_box .sns_btn_box_isg a {
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

.sns_btn_box .sns_btn_box_szr {
	background: #000;
}
		
.txt_btn_flw {
	max-width: 1000px;
	width: 95%;
	margin: 10px 0 50px;
	text-align: right;
}
		
.txt_btn_flw a {
	color: #685ed3;
}
		
#haniwa_wrap .second_page {
	padding-top: 0;
}

#haniwa_wrap #other_header_logo{
display: none
}

.haniwa_cont1 {
	width: 100%;
	background: #fafbe6;
	text-align: center;
	padding: 50px 50px 100px 50px;
	box-sizing: border-box;
}

.haniwa_cont1 .h_txt_1 img {
	width: 100%;
}

.haniwa_cont1 p {
	font-size: 17px;
	color: #318636;
}

#haniwa_cont .kv {
	max-width: 2732px;
	width: 100%;
	background: #fafbe6;
}

#haniwa_cont .kv img {
	width: 100%;
}

.haniwa_cont2 {
	background: #fafbe6;
	width: 100%;
	padding: 50px 0 200px;
}

.haniwa_cont2_inr > div .haniwa_cont2_txt1 {
	color: #318636;
	font-size: 32px;
	margin-bottom: 10px;
}
			
.haniwa_cont2_inr > div .haniwa_cont2_btn1 a,
.haniwa_cont2_inr > div .haniwa_cont2_btn2 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #318636;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #fff;
    border-radius: 50px;
    border: 0.2rem solid #318636;
    box-shadow: 0.2rem 0.2rem 0px 0.1rem #cccccc;
			}
			
.haniwa_cont2_inr > div .haniwa_cont2_btn1 a:hover,
.haniwa_cont2_inr > div .haniwa_cont2_btn2 a:hover {
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  opacity: 1;
  transition: all 0.2s;
			}
			
.haniwa_cont2_inr > div .haniwa_cont2_btn1 a:after,
.haniwa_cont2_inr > div .haniwa_cont2_btn2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #318636;
    border-right: 3px solid #318636;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
			
			.haniwa_cont2 .haniwa_cont2_img {
				width: 80%;
				margin: 40px auto 60px;
			}
			
			.haniwa_cont2 .haniwa_cont2_img img {
				width: 100%;
			}
			
			
			.haniwa_cont3 {
				position: relative;
				background-image: url(../image/haniwa/bg.jpg);
				background-repeat: repeat;
				color: #fff;
				text-align: center;
				width: 100%;
			}
			
	.haniwa_cont3 #hnw_parts_1 img,
	.haniwa_cont3 #hnw_parts_2 img	{
				width: 100%;
			}
			
	.haniwa_cont3 h3 {
				color: #fff;
				font-size: 35px;
				margin-bottom: 20px;
			}
			
			#haniwa_wrap .characters_gallery_box {
				margin: 40px auto 0;
			}
			
			#haniwa_wrap .characters_gallery_box > div img {
				border-radius: 10px;
			}
			
#hnw_parts_3,
#hnw_parts_3 img	{
	width:100%;
			}
			
			
.haniwa_sns {
	background: #fafbe6;
	padding: 50px 0;
}
			
.haniwa_sns {
	background: #fafbe6;
	padding: 50px 0;
			}
			
			.haniwa_sns .sns_btn_box {
				margin-top: 30px !important;
			}
			
.haniwa_sns .sns_btn_box .sns_btn_box_minne {
  background: #000;
			}
			
#hnw_parts_3,
#hnw_parts_4	{
	background: #fbfce7;
}
			
.haniwa_sns .sns_btn_box .sns_btn_box_szr {
	background: #067bbf;
}
			
#haniwa_wrap footer, #haniwa_wrap .toggle_btn span {
  background: #318636 !important;
			}
			
#haniwa_wrap .follow_us_img img {
	width:100%;
			}
			
			.haniwa_cont3 {
				position: relative;
				background-image: url(../image/haniwa/bg.jpg);
				background-repeat: repeat;
				color: #fff;
				text-align: center;
				width: 100%;
			}
			
	#haniwa_wrap .haniwa_type_wrap {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  padding: 20px;
			}
			
#haniwa_wrap	.haniwa_type_1 {
	margin-top: 30px;
			}
			
#haniwa_wrap	.haniwa_type_2,
#haniwa_wrap	.haniwa_type_3	{
	margin-top: 120px;
}
			
	#haniwa_wrap	.haniwa_line_area {
	max-width: 600px;
	width: 90%;
	margin: 100px auto 50px;
	text-align: center;
}

#haniwa_wrap	.haniwa_line_area img {
	width: 100%;
			}

#haniwa_wrap	.haniwa_line_area a {
	color: #000;
	text-decoration: underline;
			}
			
#haniwa_wrap	.haniwa_line_area a p {
	display: inline-block;
	margin-bottom: 10px;
}