@charset "UTF-8";

/* Basic
====================================================*/

/* --- Common --- */

html {
	min-width:375px;
	font-family:"M PLUS Rounded 1c", serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	min-height:100%;
	position: relative;
	font-size:clamp(12px, calc(9.6px + 0.64vw), 16px);
	letter-spacing:0.05em;
	color:#333333;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling: touch;
}

body {
	min-height:100vh;
	display:-webkit-box;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat;
	background-position:top left;
}

div, p, a, span, li, th, td, dt, dd, b, strong, input, label, select, option, h1, h2, h3, h4, h5, h6 {
	transform:rotateZ(0.03deg);
}

section {
	overflow:hidden;
}


.home main section {
	overflow:visible;
}

.home main section .sec_inner {
	transform:none;
}

body.logout .login_show {
	display:none;
}

body.login .logout_show {
	display:none;
}

::-webkit-scrollbar{
	width:10px;
	height:10px;
}

::-webkit-scrollbar-track{
	background:#F8F8F8;
	border-radius:10px;
}

::-webkit-scrollbar-thumb{
	background:#BEBEBE;
	border-radius:10px;
}

a {
	cursor:pointer !important;
}

.lang_jp .jp {
	display:block !important;
}

.lang_jp .en {
	display:none !important;
}

.lang_en .jp {
	display:none !important;
}

.lang_en .en {
	display:block !important;
}

.lang_jp .jp_inline {
	display:inline !important;
}

.lang_jp .en_inline {
	display:none !important;
}

.lang_en .jp_inline {
	display:none !important;
}

.lang_en .en_inline {
	display:inline !important;
}

.lang_jp .jp_inline-b {
	display:inline-block !important;
}

.lang_jp .en_inline-b {
	display:none !important;
}

.lang_en .jp_inline-b {
	display:none !important;
}

.lang_en .en_inline-b {
	display:inline-block !important;
}


/* --- Header --- */

header {
	min-width:375px;
	position:relative;
}

.sub header {
	height:clamp(50px, calc(20px + 8vw), 100px);
	background-color:#FFFFFF;
}

.logo_wrap {
	width:100%;
	max-width:1170px;
	margin:0 auto;
	box-sizing:border-box;
}

.home .logo_wrap {
	height:clamp(125px, calc(74px + 13.600000000000001vw), 210px);
	padding:0 clamp(20px, calc(2px + 4.8vw), 50px) 0;
	display:-webkit-box;
	display:flex;
}

.sub .logo_wrap {
	height:100%;
	padding:0 clamp(10px, calc(-2px + 3.2vw), 30px);
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.home .logo_wrap .logo {
	width:clamp( 108px, calc( 67.8px + 10.72vw ), 175px );
	padding-top:clamp(5px, calc(2px + 0.8vw), 10px);
	height:clamp( 125px, calc( 78.8px + 12.32vw ), 202px );
}
.sub .logo_wrap .logo {
	height:100%;
	margin:0 clamp(10px, calc(-8px + 4.8vw), 40px) 0 0;
	padding:clamp(5px, calc(2px + 0.8vw), 10px) 0;
	box-sizing:border-box;
}
.home .logo_wrap li:nth-of-type(1) {
	width:clamp( 108px, calc( 67.8px + 10.72vw ), 175px );
	height:clamp( 125px, calc( 78.8px + 12.32vw ), 202px );
}
.sub .logo_wrap li:nth-of-type(1) {
	height:100%;
	margin-right:clamp( 17px, calc( -50.8px + 18.08vw ), 130px );
}
.home .logo_wrap img {
	width:clamp( 108px, calc( 67.8px + 10.72vw ), 175px );
	height:clamp( 125px, calc( 78.8px + 12.32vw ), 202px );
}

.sub .logo_wrap li img {
	height:100%;
}

.sub .logo_wrap li:not(:nth-of-type(1)) {
	height:100%;
}

.home .logo_wrap li + li {
	margin-left:clamp( 10px, calc( -2px + 3.2vw ), 30px );
}

.home .logo_wrap li:nth-of-type(2) {
	width:100%;
	height:100%;
	position:relative;
}

.home .logo_wrap li:nth-of-type(2) img {
	width:100%;
	height:auto;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.menu_fix {
	width:clamp(60px, calc(24px + 9.6vw), 120px);
	height:auto;
	position:fixed;
	top:0;
	right:0;
	z-index:20000;
}

.sub .menu_fix {
	width:clamp(50px, calc(20px + 8vw), 100px);
}

.menu_fix.open {
	width:clamp(40px, calc(22px + 4.8vw), 70px);
	height:clamp(40px, calc(22px + 4.8vw), 70px);
	top:clamp(15px, calc(9px + 1.6vw), 25px);
	right:clamp(15px, calc(9px + 1.6vw), 25px);
}

.menu_fix.open a {
	width:clamp(40px, calc(22px + 4.8vw), 70px);
	height:clamp(40px, calc(22px + 4.8vw), 70px);
	display:block;
	background-image:url(../img/btn_menu-close.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
}

.menu_fix.open img {
	display:none;
}

.menu_wrap {
	width:100%;
	min-width:375px;
	height:100vh;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	background-color:#FFFFFF;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s, visibility 0s;
	opacity:0;
	visibility:hidden;
}

.menu_wrap.open {
	transition-delay:0s;
	opacity:1;
	visibility:visible;
}

.menu_wrap .menu_wrap_inner {
	max-width:900px;
	margin:0 auto;
	padding:0 20px;
}

.menu_wrap .select_lang {
	margin-top:clamp( 20px, calc( 8px + 3.2vw ), 40px );
}

.menu_wrap .menu_login, .menu_wrap .menu_user {
	margin-top:clamp( 20px, calc( 8px + 3.2vw ), 40px );
}

.menu_wrap .menu_login a, .menu_wrap .menu_user a {
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.menu_wrap .menu_login span, .menu_wrap .menu_user span {
	display:inline-block;
}

.menu_wrap .menu_login img {
	width:clamp(25px, calc(10px + 4vw), 50px);
	height:auto;
}

.menu_wrap .menu_login span:nth-of-type(2) {
	margin-left:clamp(10px, calc(7.6px + 0.64vw), 14px);
	font-size:clamp(13px, calc(6.3999999999999995px + 1.76vw), 24px);
	font-weight:bold;
}

.menu_wrap .user_icon img {
	width:clamp(50px, calc(38px + 3.2vw), 70px);
	height:auto;
	border-radius:50%;
}

.user_icon img {
	aspect-ratio:1 / 1;
	object-fit:contain;
}

.menu_wrap .user_name {
	margin-left:clamp(10px, calc(7px + 0.8vw), 15px);
	font-weight:bold;
}

.menu_wrap .menu_ttl {
	margin-top:clamp(20px, calc(14px + 1.6vw), 30px);
	padding:clamp(10px, calc(7px + 0.8vw), 15px) clamp(15px, calc(12px + 0.8vw), 20px);
	font-size:clamp(18px, calc(15.6px + 0.64vw), 22px);
	background-color:#00A496;
	border-radius: 15px 15px 0 0;
	color:#FFFFFF;
}

.menu_wrap .menu {
	width:100%;
	margin-top:2px;
}

.menu_wrap .menu li {
	background-color:#E6F6F5;
}

.menu_wrap .menu > li + li {
	margin-top:2px;
}

.menu_wrap .menu li a {
	padding:clamp(10px, calc(7px + 0.8vw), 15px) clamp(20px, calc(14px + 1.6vw), 30px) clamp(10px, calc(7px + 0.8vw), 15px) clamp(20px, calc(17px + 0.8vw), 25px);
	font-size:clamp(15px, calc(13.2px + 0.48vw), 18px);
	font-weight:bold;
	display:block;
	background-image:url(../img/arrow_menu.png);
	background-repeat:no-repeat;
	background-size:auto clamp(11px, calc(8.6px + 0.64vw), 15px);
	background-position:right 15px center;
	color:#333333;
}

.menu_bottom a {
	font-size:clamp(13px, calc(11.2px + 0.48vw), 16px);
}

.menu_bottom div:nth-of-type(1), .menu_bottom div:nth-of-type(2), .menu_bottom div:nth-of-type(3), .menu_bottom div:nth-of-type(4), .menu_bottom div:nth-of-type(5) {
	margin-top:20px;
}

.menu_bottom div:nth-of-type(1) a, .menu_bottom div:nth-of-type(2) a, .menu_bottom div:nth-of-type(3) a, .menu_bottom div:nth-of-type(4) a, .menu_bottom div:nth-of-type(5) a {
	padding-left:clamp(20px, calc(17px + 0.8vw), 25px);
	font-weight:bold;
	background-image:url(../img/arrow_menu02.png);
	background-repeat:no-repeat;
	background-size:clamp(15px, calc(13.2px + 0.48vw), 18px) auto;
	background-position:left center;
}

.menu_wrap .sns_share {
	margin-top:35px;
}

.menu_wrap .sns_share img {
	height:30px;
}

.menu_wrap .sns_share li + li {
	margin-left:clamp(15px, calc(12px + 0.8vw), 20px);
}

.menu_wrap .select_lang .selected {
	font-weight:bold;
}


/* --- Main --- */

main p {
	letter-spacing:normal;
	line-height:2;
}

main section {
	padding:clamp(30px, calc(12px + 4.8vw), 60px) 0;
}

.sec_inner {
	padding:0 20px;
	box-sizing:border-box;
}

.breadcrumbs {
	padding:clamp(10px, calc(7px + 0.8vw), 15px) 0 !important;
}

.breadcrumbs ul {
	display:-webkit-box;
	display:flex;
}

.breadcrumbs ul li {
	font-size:clamp(9px, calc(7.2px + 0.48vw), 12px);
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

.breadcrumbs ul li + li::before {
	content: '＞';
	margin:0 5px;
}

.breadcrumbs ul li a {
	font-size:clamp(9px, calc(7.2px + 0.48vw), 12px);
}

.crayon {
	padding:clamp(60px, calc(24px + 9.6vw), 120px) 0;
	background-repeat:repeat-x;
	background-size:contain;
	background-position:top center, bottom center;
}

h2 {
	margin-bottom:clamp(15px, calc(6px + 2.4vw), 30px);
	font-size:clamp(34px, calc(19.6px + 3.84vw), 58px);
	letter-spacing:0.1em;
	text-align:center;
	color:#6B3A3E;
}

h2 span:nth-of-type(1) {
	padding:0 clamp(25px, calc(16px + 2.4vw), 40px) clamp(10px, calc(4px + 1.6vw), 20px);
	display:inline-block;
	position:relative;
	background-image:url(../img/ttl_ranking.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom center;
}

h2 span:nth-of-type(2) {
	display:block;
	font-size:clamp(12px, calc(7.2px + 1.28vw), 20px);
	letter-spacing:0;
}

h2 + p {
	max-width:600px;
	margin:0 auto;
	font-size:clamp(12px, calc(7.2px + 1.28vw), 20px);
}

.work_list {
	margin-top:clamp(25px, calc(1px + 6.4vw), 65px);
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	column-gap:4%;
	row-gap:clamp(25px, calc(16px + 2.4vw), 40px);
}

.sub .work_list {
	margin-top:clamp(20px, calc(8px + 3.2vw), 40px);
}

.work_list li {
	width:48%;
	position:relative;
}

.work_img {
	width:100%;
	height:auto;
	padding:2.5%;
	box-sizing:border-box;
	aspect-ratio:1 / 1;
	background-image:url(../img/bg_work.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.work_img img {
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	object-fit:contain;
}

.view {
	margin-top:clamp(10px, calc(5.2px + 1.28vw), 18px);
	padding:0px 0 0 clamp(20px, calc(15.2px + 1.28vw), 28px);
	display:inline-block;
	font-size:clamp(10px, calc(7.6px + 0.64vw), 14px);
	font-weight:bold;
	background-image:url(../img/views_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.star {
	margin:clamp(10px, calc(5.2px + 1.28vw), 18px) 0 0 4px;
	padding:3px 0;
	display:inline-block;
}

.star-rating {
	position:relative;
	height:10px;
	line-height:1;
}

.star-rating span {
	display:inline-block;
	width:10px;
	height:10px;
}

.star-rating span:not(:first-child) {
	margin-left:2px
}

.star-rating > span {
	background:url(../img/icon_star_empty.png) no-repeat 0 0;
	background-size:10px 10px;
}

.star-rating-front {
	position:absolute;
	top:0;
	left:0;
	height:16px;
	overflow:hidden;
	white-space:nowrap;
}

.star-rating-front > span {
	background:url(../img/icon_star.png) no-repeat 0 0;
	background-size:10px 10px;
}

.star-rating-0 .star-rating-front {
	width:0;
}

.star-rating-1 .star-rating-front {
	width:10px;
}

.star-rating-2 .star-rating-front {
	width:22px;
}

.star-rating-3 .star-rating-front {
	width:34px;
}

.star-rating-4 .star-rating-front {
	width:46px;
}

.star-rating-45 .star-rating-front {
	width:53px;
}

.star-rating-5 .star-rating-front {
	width:58px;
}

.ttl {
	margin-top:10px;
	line-height:1.4;
	font-size:clamp(12px, calc(7.2px + 1.28vw), 20px);
	font-weight:bold;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#6A3A3D;
}

.author {
	margin-top:10px;
	font-size:clamp(10px, calc(5.8px + 1.1199999999999999vw), 17px);
	line-height:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

.age {
	margin-top:8px;
	font-size:clamp(10px, calc(5.8px + 1.1199999999999999vw), 17px);
	line-height:1.4;
}

.age span + span::before {
	content: '/';
}

.more {
	margin-top:clamp(30px, calc(12px + 4.8vw), 60px);
	text-align:center;
}

.more a {
	padding:clamp(12px, calc(10.2px + 0.48vw), 15px) clamp(20px, calc(14px + 1.6vw), 30px);
	display:inline-block;
	font-size:clamp(15px, calc(10.2px + 1.28vw), 23px);
	font-weight:bold;
	border:#6A3A3D 2px solid;
	border-radius:12px;
	color:#6A3A3D;
}

.more a::after {
	content: '';
	margin-left:clamp(2px, calc(0.20000000000000018px + 0.48vw), 5px);
	width:clamp(11px, calc(8px + 0.8vw), 16px);
	height:clamp(9px, calc(6px + 0.8vw), 14px);
	display:inline-block;
	background-image:url(../img/arrow_more.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

.notice {
	margin-top:calc(clamp( 20px, calc( 8px + 3.2vw ), 40px ) * -1);
	padding-bottom:clamp( 20px, calc( 8px + 3.2vw ), 40px );
	text-align:center;
	font-size:clamp( 12px, calc( 10.2px + 0.48vw ), 15px ) !important;
	color:#666666;
}


/* ---Chractor --- */

.home h2.ch span:nth-of-type(1)::before {
	content: '';
	display:inline-block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
}

.home #history h2.ch span:nth-of-type(1)::before {
	width:clamp( 110px, calc( 5.454545454545453px + 27.878787878787882vw ), 340px );
	height:clamp( 78px, calc( 3.9090909090909065px + 19.757575757575758vw ), 241px );
	background-image:url(../img/ch_01.png);
	left:auto;
	right:calc(clamp( 50px, calc( -74.36224489795917px + 33.16326530612245vw ), 180px ) * -1);
	top:calc(clamp( 70px, calc( 22.168367346938773px + 12.755102040816327vw ), 120px ) * -1);
}

.home #ranking h2.ch span:nth-of-type(1)::before {
	width:clamp( 110px, calc( 5.454545454545453px + 27.878787878787882vw ), 340px );
	height:clamp( 78px, calc( 3.9090909090909065px + 19.757575757575758vw ), 241px );
	background-image:url(../img/ch_01.png);
	left:auto;
	right:calc(clamp( 50px, calc( -74.36224489795917px + 33.16326530612245vw ), 180px ) * -1);
	top:calc(clamp( 70px, calc( 22.168367346938773px + 12.755102040816327vw ), 120px ) * -1);
}

.home.login #ranking h2.ch span:nth-of-type(1)::before {
	width:clamp( 92px, calc( -2.8000000000000114px + 25.28vw ), 250px );
	height:clamp( 115px, calc( -3.8000000000000114px + 31.680000000000003vw ), 313px );
	background-image:url(../img/ch_02.png);
	top:calc(clamp( 110px, calc( 26px + 22.400000000000002vw ), 250px ) * -1);
	left:calc(clamp( 70px, calc( -86px + 41.6vw ), 330px ) * -1);
}

.home #award h2.ch span:nth-of-type(1)::before {
	width:clamp( 92px, calc( -2.8000000000000114px + 25.28vw ), 250px );
	height:clamp( 115px, calc( -3.8000000000000114px + 31.680000000000003vw ), 313px );
	background-image:url(../img/ch_02.png);
	top:calc(clamp( 110px, calc( 26px + 22.400000000000002vw ), 250px ) * -1);
	left:calc(clamp( 70px, calc( -86px + 41.6vw ), 330px ) * -1);
}

.home.login #award h2.ch span:nth-of-type(1)::before {
	width:clamp( 110px, calc( -16.000000000000014px + 33.6vw ), 320px );
	height:clamp( 94px, calc( -13.399999999999991px + 28.64vw ), 273px );
	left:auto;
	top:calc(clamp( 110px, calc( 20px + 24vw ), 260px ) * -1);
	right:calc(clamp( 70px, calc( -70.9090909090909px + 37.57575757575757vw ), 380px ) * -1);
	background-image:url(../img/ch_03.png);
}

.home.login #new h2.ch span:nth-of-type(1)::after {
	content: '';
	width:clamp( 100px, calc( 10px + 24vw ), 250px );
	height:clamp( 99px, calc( 10.200000000000003px + 23.68vw ), 247px );
	display:inline-block;
	position:absolute;
	background-image:url(../img/ch_04.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(clamp( 90px, calc( 26.36363636363636px + 16.969696969696972vw ), 230px ) * -1);
	left:calc(clamp( 80px, calc( -38.18181818181817px + 31.515151515151512vw ), 340px ) * -1);
}

.home #new h2.ch span:nth-of-type(1)::before {
	width:clamp( 110px, calc( -16.000000000000014px + 33.6vw ), 320px );
	height:clamp( 94px, calc( -13.399999999999991px + 28.64vw ), 273px );
	top:calc(clamp( 110px, calc( 46.36363636363636px + 16.969696969696972vw ), 250px ) * -1);
	right:calc(clamp( 70px, calc( -70.9090909090909px + 37.57575757575757vw ), 380px ) * -1);
	background-image:url(../img/ch_03.png);
}

.home.login #new h2.ch span:nth-of-type(1)::before {
	display:none;
}

.home #youtube h2.ch span:nth-of-type(1):after {
	content: '';
	width:clamp( 100px, calc( 10px + 24vw ), 250px );
	height:clamp( 99px, calc( 10.200000000000003px + 23.68vw ), 247px );
	display:inline-block;
	position:absolute;
	background-image:url(../img/ch_04.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(clamp( 90px, calc( 36.00000000000001px + 14.399999999999999vw ), 180px ) * -1);
	left:calc(clamp( 10px, calc( -152px + 43.2vw ), 280px ) * -1);
}

.home.login #youtube h2.ch span:nth-of-type(1)::before {
	width:clamp( 130px, calc( 16px + 30.4vw ), 320px );
	height:clamp( 81px, calc( 10.200000000000003px + 18.88vw ), 199px );
	background-image:url(../img/ch_05.png);
	top:calc(clamp( 80px, calc( 34.54545454545455px + 12.121212121212121vw ), 180px ) * -1);
	right:calc(clamp( 10px, calc( -103.63636363636364px + 30.303030303030305vw ), 260px ) * -1);
}

.home.login #youtube h2.ch span:nth-of-type(1)::after {
	display:none;
}

.home #search h2.ch span:nth-of-type(1)::before {
	width:clamp( 130px, calc( 16px + 30.4vw ), 320px );
	height:clamp( 81px, calc( 10.200000000000003px + 18.88vw ), 199px );
	background-image:url(../img/ch_05.png);
	top:calc(clamp( 80px, calc( 34.54545454545455px + 12.121212121212121vw ), 180px ) * -1);
	right:calc(clamp( 60px, calc( -76.36363636363637px + 36.36363636363637vw ), 360px ) * -1);
}

.home.login #search h2.ch span:nth-of-type(1)::before {
	width:clamp( 100px, calc( -20px + 32vw ), 300px );
	height:clamp( 86px, calc( -17.200000000000003px + 27.52vw ), 258px );
	background-image:url(../img/ch_06.png);
	top:calc(clamp( 70px, calc( -32.000000000000014px + 27.200000000000003vw ), 240px ) * -1);
	left:calc(clamp( 60px, calc( -67.27272727272728px + 33.939393939393945vw ), 340px ) * -1);
}

.home #sns h2.ch span:nth-of-type(1)::before {
	width:clamp( 100px, calc( -20px + 32vw ), 300px );
	height:clamp( 86px, calc( -17.200000000000003px + 27.52vw ), 258px );
	background-image:url(../img/ch_06.png);
	top:calc(clamp( 70px, calc( 20px + 13.333333333333334vw ), 180px ) * -1);
	left:calc(clamp( 60px, calc( -67.27272727272728px + 33.939393939393945vw ), 340px ) * -1);
}

.home.login #sns h2.ch span:nth-of-type(1)::before {
	width:clamp( 210px, calc( 66px + 38.4vw ), 450px );
	height:clamp( 72px, calc( 22.799999999999997px + 13.120000000000001vw ), 154px );
	background-image:url(../img/ch_07.png);
	top:calc(clamp( 90px, calc( 53.63636363636363px + 9.696969696969697vw ), 170px ) * -1);
	left:auto;
	right:-10px;
}

.home #notice h2.ch span:nth-of-type(1)::before {
	width:clamp( 210px, calc( 66px + 38.4vw ), 450px );
	height:clamp( 72px, calc( 22.799999999999997px + 13.120000000000001vw ), 154px );
	background-image:url(../img/ch_07.png);
	top:calc(clamp( 90px, calc( 53.63636363636363px + 9.696969696969697vw ), 170px ) * -1);
	right:-10px;
}

.home.login #notice h2.ch span:nth-of-type(1)::before  {
	width:clamp( 140px, calc( -16px + 41.6vw ), 400px );
	height:clamp( 89px, calc( 0.20000000000000284px + 23.68vw ), 237px );
	background-image:url(../img/ch_08.png);
	top:calc(clamp( 90px, calc( 58.18181818181818px + 8.484848484848486vw ), 160px ) * -1);
	left:calc(clamp( 30px, calc( -129.0909090909091px + 42.42424242424242vw ), 380px ) * -1);
	right:auto;
}

.home.login #notice h2.ch span:nth-of-type(1)::after {
	content: '';
	width:clamp( 140px, calc( -16px + 41.6vw ), 400px );
	height:clamp( 56px, calc( -6.399999999999999px + 16.64vw ), 160px );
	display:inline-block;
	position:absolute;
	background-image:url(../img/ch_09.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(clamp( 80px, calc( 61.81818181818181px + 4.848484848484849vw ), 120px ) * -1);
	right:calc(clamp( 50px, calc( -100px + 40vw ), 380px ) * -1);
}

.home #first h2.ch span:nth-of-type(1)::before  {
	width:clamp( 140px, calc( -16px + 41.6vw ), 400px );
	height:clamp( 89px, calc( 0.20000000000000284px + 23.68vw ), 237px );
	background-image:url(../img/ch_08.png);
	top:calc(clamp( 90px, calc( 58.18181818181818px + 8.484848484848486vw ), 160px ) * -1);
	left:calc(clamp( 30px, calc( -106.36363636363637px + 36.36363636363637vw ), 330px ) * -1);
	right:auto;
}

.home #first h2.ch span:nth-of-type(1)::after {
	content: '';
	width:clamp( 140px, calc( -16px + 41.6vw ), 400px );
	height:clamp( 56px, calc( -6.399999999999999px + 16.64vw ), 160px );
	display:inline-block;
	position:absolute;
	background-image:url(../img/ch_09.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(clamp( 80px, calc( 61.81818181818181px + 4.848484848484849vw ), 120px ) * -1);
	right:calc(clamp( 50px, calc( -72.72727272727272px + 32.72727272727273vw ), 320px ) * -1);
}

.home #faq .sec_inner::before  {
	content: '';
	display:inline-block;
	position:absolute;
	width:clamp( 100px, calc( 31px + 18.4vw ), 215px );
	height:clamp( 103px, calc( 32.2px + 18.88vw ), 221px );
	background-image:url(../img/ch_10.png);
	background-repeat:no-repeat;
	background-size:contain;
	top:calc(clamp( 65px, calc( 32px + 8.799999999999999vw ), 120px ) * -1);
	right:20px;
}


/* ---Slider --- */

#main_slider {
	padding:clamp(30px, calc(0px + 8vw), 80px) 0;
	background-image:url(../img/bg_flower_sp.png), url(../img/bg_crayon_ygreen02_l.png);
}

#main_slider.crayon  {
	padding-bottom:calc(25px + clamp(30px, calc(0px + 8vw), 80px))
}

#main_slider .sec_inner {
	padding:0;
}

#main_slider ul {
	max-width:2580px;
	max-height:clamp( 270px, calc( 49.974489795918345px + 58.673469387755105vw ), 500px );
	margin:0 auto;
	background-image:url(../img/bg_flower_body.png);
	background-repeat:no-repeat;
	background-size:100% 80%;
	background-position:top 30px left 0px;

}

#main_slider ul img {
	max-height:clamp( 270px, calc( 49.974489795918345px + 58.673469387755105vw ), 500px );
	margin:0 auto;
	border-radius:26px;
	border:#FFFFFF 2px solid;
}

#main_slider ul li {
	margin:0 clamp(4px, calc(1.6px + 0.64vw), 8px);
}

.slider_arrow_wrap {
	position:relative;
}

.slick-slider {
	position:static !important;
}

.slider {
	margin-left:20px;
}

.dots-wrap {
	padding-top:clamp(15px, calc(9px + 1.6vw), 25px);
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:center;
	justify-content:center;
}

.dots-wrap li {
	width:clamp(10px, calc(4px + 1.6vw), 20px);
	height:clamp(10px, calc(4px + 1.6vw), 20px);
	margin:0 clamp(10px, calc(2px + 0.8vw), 20px) !important;
	background:#FFFFFF;
	border-radius:50%;
	cursor:pointer;
}

.dots-wrap li:hover, .dots-wrap li.slick-active {
	background-color:#00A599;
}

.dots-wrap li button {
	display:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	padding:0;
	border:none;
	background-color:transparent;
}

.slide-arrow {
	width:clamp(40px, calc(28px + 3.2vw), 60px);
	height:clamp(40px, calc(28px + 3.2vw), 60px);
	display:block;
	position:absolute;
	top:calc(clamp(110px, calc(80px + 8vw), 160px) + clamp(25px, calc(1px + 6.4vw), 65px));;
	transform:translate(0, -50%);
	cursor:pointer;
	z-index:10;
}

.slide-arrow.slick-disabled {
	display:none !important;
}

.prev-arrow {
	left:0;
	background-image:url(../img/arrow_work_left.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.next-arrow {
	right:0;
	background-image:url(../img/arrow_work_right.png);
	background-repeat:no-repeat;
	background-size:contain;
}

.slider.work_list li {
	width:clamp(220px, calc(160px + 16vw), 320px) !important;
}

.slider.work_list li + li {
	margin-left:clamp(15px, calc(12px + 0.8vw), 20px);
}


/* --- History --- */

#history .sec_inner {
	max-width:none;
	padding:0;
}

#history h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_history.png);
}


/* --- Ranking --- */

#ranking {
	margin-top:calc(clamp( 30px, calc( 12px + 4.8vw ), 60px ) * -1);
}

.login #ranking {
	margin-top:0;
}

.login #ranking {
	padding:clamp(60px, calc(24px + 9.6vw), 120px) 0;
	background-image:url(../img/bg_crayon_green01.png), url(../img/bg_crayon_green02.png);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:top center, bottom center;
}

#ranking .sec_inner {
	max-width:none;
}

.login #ranking .sec_inner {
	background-color:#01A79B;
}

#ranking .work_list {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.home.login #ranking h2 {
	color:#FFFFFF;
}

.home.login #ranking h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_new.png);
}

.home.login #ranking .more a {
	border:#FFFFFF 2px solid;
	color:#FFFFFF;
}

.home.login #ranking .ttl, .home.login #ranking .author, .home.login #ranking .age {
	color:#FFFFFF;
}

.home.login #ranking .more a::after {
	background-image:url(../img/arrow_more_w.png);
}

.ranking_menu {
	max-width:1000px;
	margin:clamp( 16px, calc( 7.6px + 2.2399999999999998vw ), 30px ) auto 10px;
	display:-webkit-box;
	display:flex;
	column-gap:clamp( 10px, calc( 4px + 1.6vw ), 20px );
}

.ranking_menu li {
	width:33.33333%;
}

.ranking_menu li a {
	padding:clamp( 10px, calc( 1.5999999999999996px + 2.2399999999999998vw ), 24px ) 10px;
	display:block;
	font-size:clamp( 14px, calc( 9.2px + 1.28vw ), 22px );
	text-align:center;
	font-weight:bold;
	background-color:#6A3A3D;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	color:#FFFFFF;
}

.login .ranking_menu li a {
	background-color:#FFFFFF;
	color:#01A79B;
}

.ranking_menu li + li {
	margin:0 !important;
}

.ranking_menu li.active {
	border:#6A3A3D 2px solid;
	border-bottom:none;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.login .ranking_menu li.active {
	border:#FFFFFF 2px solid;
	border-bottom:none;
}

.ranking_menu li.active a {
	background-color:transparent;
	color:#6A3A3D;
	cursor:default !important;
}

.login .ranking_menu li.active a {
	color:#FFFFFF;
}


.ranking_menu li.active:hover {
	opacity:1 !important;
}

.ranking_menu li.active a:hover {
	opacity:1 !important;
}

.ranking_menu li.active a span {
	display:inline-block;
}

.ranking_cnt {
	display:none;
}

.ranking_cnt.show {
	display:block;
}


/* ---Award --- */

.home #award {
	background-image:url(../img/bg_crayon_green01.png), url(../img/bg_crayon_green02.png);
}

.home #award .sec_inner {
	max-width:none;
	padding:0 20px;
	background-color:#01A79B;
}

.home #award h2 {
	color:#FFFFFF;
}

.home #award h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_new.png);
}

.home.login #award h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_new2.png);
}


.home #award .ttl, .home #award .author, .home  #award .age {
	color:#FFFFFF;
}

.home #award .more a {
	border:#FFFFFF 2px solid;
	color:#FFFFFF;
}

.home #award .more a::after {
	background-image:url(../img/arrow_more_w.png);
}

.home.login #award {
	background-image:none;
}

.home.login #award .sec_inner {
	background-color:transparent;
}

.home.login #award h2 {
	color:#6B3A3E;
}

.home.login #award .ttl {
	color:#6B3A3E;
}

.home.login  #award .more a {
	border:#6B3A3E 2px solid;
	color:#6B3A3E;
}

.home.login  #award .more a::after {
	background-image:url(../img/arrow_more.png);
}

#award .work_list {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.award_menu {
	max-width:1000px;
	margin:clamp( 16px, calc( 7.6px + 2.2399999999999998vw ), 30px ) auto 10px;
	display:-webkit-box;
	display:flex;
	column-gap:clamp( 10px, calc( 4px + 1.6vw ), 20px );
}

.award_menu li {
	width:33.33333%;
}

.award_menu li a {
	padding:clamp( 10px, calc( 1.5999999999999996px + 2.2399999999999998vw ), 24px ) 10px;
	display:block;
	font-size:clamp( 14px, calc( 9.2px + 1.28vw ), 22px );
	text-align:center;
	font-weight:bold;
	background-color:#FFFFFF;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	color:#01A79B;
}

.login .award_menu li a {
	background-color:#6A3A3D;
	color:#FFFFFF;
}

.award_menu li + li {
	margin:0 !important;
}

.award_menu li.active {
	border:#FFFFFF 2px solid;
	border-bottom:none;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.login .award_menu li.active {
	border:#6A3A3D 2px solid;
	border-bottom:none;
}

.award_menu li.active a {
	background-color:transparent;
	color:#FFFFFF;
	cursor:default !important;
}

.login .award_menu li.active a {
	color:#6A3A3D;
}

.award_menu li.active:hover {
	opacity:1 !important;
}

.award_menu li.active a:hover {
	opacity:1 !important;
}

.award_menu li.active a span {
	display:inline-block;
}

#award h3 {
	max-width:1000px;
	margin:clamp( 20px, calc( -4px + 6.4vw ), 60px ) auto -10px;
	padding-bottom:10px;
	font-size:clamp( 20px, calc( 4.4px + 4.16vw ), 46px );
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
}

#award ul + h3 {
	margin:clamp( 30px, calc( 6px + 6.4vw ), 70px ) auto -10px;
}

.login #award h3 {
	border-bottom:#6A3A3D 1px solid;
	color:#6A3A3D;
}

#award .grand + .work_list li {
	width:100%;
}

.award_cnt {
	display:none;
}

.award_cnt.show {
	display:block;
}


/* --- New --- */

.home.login #new.crayon {
	background-image:url(../img/bg_crayon_ygreen01.png), url(../img/bg_crayon_ygreen02.png);
}

.home.login #new.crayon .sec_inner {
	padding:0 20px !important;
	background-color:#C3DF79;
}


/* --- YouTube --- */

.home.login #youtube {
	margin-top:-20px;
}

.home #youtube.crayon {
	background-image:url(../img/bg_crayon_ygreen01.png), url(../img/bg_crayon_ygreen02.png);
}

.home.login #youtube.crayon {
	background-image:none;
}

.home #youtube.crayon .sec_inner {
	padding:0 20px !important;
	background-color:#C3DF79;
}

.home.login #youtube .sec_inner {
	max-width:none;
	background-color:transparent;
}

.movie_wrap {
	max-width:800px;
	margin:0 auto;
}

.movie_wrap .movie {
	position:relative;
	height:0;
	padding:0 0 56.25%;
	overflow:hidden;
}

.movie_wrap .movie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.movie_cnt {
	max-width:800px;
	margin:0 auto;
}

.movie_cnt .ttl {
	margin-top:clamp( 10px, calc( 4px + 1.6vw ), 20px );
	font-size:clamp(12px, calc(4.800000000000001px + 1.92vw), 24px);
}

.movie_cnt .author {
	margin-top:5px;
	font-size:clamp(10px, calc(4px + 1.6vw), 20px);
}

.movie_area_wrap {
	max-width:1000px;
	margin:clamp( 25px, calc( 16px + 2.4vw ), 40px ) auto clamp( 30px, calc( 6px + 6.4vw ), 70px );
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}

.lity-content {
	text-align:center;
}

.lity-content iframe {
	margin:auto !important;
    aspect-ratio:16 / 9 !important;
	max-width:80% !important;
    height:auto !important;
}

.short_movie .lity-content iframe {
    aspect-ratio:9 / 16 !important;
	max-width:80% !important;
}

.lity-wrap .lity-close {
    display:block;
    margin:20px auto 0;
    width:40px;
    height:40px;
    position:relative;
    background-image:url(../img/btn_movie-close.png);
	background-size:cover;
    text-indent:100%;
    white-space:nowrap;
    overflow: hidden;
}

.movie_area_wrap .author {
	margin-top:10px;
	font-size:clamp(10px, calc(5.8px + 1.1199999999999999vw), 17px);
	line-height:1.2;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


/* --- Search --- */

.home #search {
	margin-top:-30px;
}

.home.login #search h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_youtube.png);
}

.home.login #search {
	padding:clamp(60px, calc(24px + 9.6vw), 120px) 0;
	background-image:url(../img/bg_crayon_cream01.png), url(../img/bg_crayon_cream02.png);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:top center, bottom center;
}

.home.login #search .sec_inner {
	max-width:none;
	background-color:#FFEBB6;
}

#search .btn_submit {
	width:clamp( 330px, calc( 318px + 3.2vw ), 350px );
	margin-top:clamp( 30px, calc( 12px + 4.8vw ), 60px );
	border:none;
	background-color:#6C3B3E;
	background-image:url(../img/arrow_submit.png);
	background-repeat:no-repeat;
	background-size:auto 13px;
	background-position:right clamp( 10px, calc( 7px + 0.8vw ), 15px ) center;
	color:#FFFFFF;
}

#search .btn_clear {
	width:clamp( 330px, calc( 318px + 3.2vw ), 350px );
	margin:clamp( 15px, calc( 12px + 0.8vw ), 20px ) auto 0;
	border:#6A3A3D 1px solid;
	background-color:transparent;
	color:#6C3B3E;
	cursor:pointer;
}

.category01 a, .category02 a {
	width:6rem;
	padding:clamp( 6px, calc( 4.8px + 0.32vw ), 8px ) 0 !important;
	text-align:center;
	color:#333 !important
}

.category01 a {
	background-color:#c3df7a !important;
}

.category02 a {
	background-color:#fcc92c !important;
}

.category01 a.active {
	background-color:#00a69a !important;
	color:#FFFFFF !important;
}

.category02 a.active {
	background-color:#ff9900 !important;
	color:#FFFFFF !important;
}

.search_page .category01 a {
	background-color:#f9f172 !important;
}

.search_page .category01 a.active {
	background-color:#00a69a !important;
	color:#FFFFFF !important;
}

.search_area .category01 + .category02 {
	margin-top:clamp( 10px, calc( 7.6px + 0.64vw ), 14px );
}


/* --- SNS--- */

#sns {
	margin-top:-30px;
}

#sns h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_youtube.png);
}

#sns .sec_inner {
	max-width:none;
	padding:0 20px !important;
	background-color:#FFEBB6;
}

.home #sns {
	background-image:url(../img/bg_crayon_cream01.png), url(../img/bg_crayon_cream02.png);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:top center, bottom center;
}

.home.login #sns {
	background-image:none;
}

.home.login #sns .sec_inner {
	background-color:transparent;
}

.tw_embed {
	max-width:340px;
	max-height:320px;
	margin:clamp(20px, calc(2px + 4.8vw), 50px) auto 0;
	display:block;
	overflow-y:scroll;
}


/* --- Notice --- */

.home.login #notice  {
	padding:clamp(60px, calc(24px + 9.6vw), 120px) 0;
	background-image:url(../img/bg_crayon_beige01.png), url(../img/bg_crayon_beige02_2.png);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:top center, bottom center;
}

#notice h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_notice.png);
}

.home.login #notice h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_notice2.png);
}

.home.login #notice .sec_inner {
	max-width:none;
	background-color:#EEE9D6;
}

#notice ul {
	max-width:1000px;
	margin:clamp(30px, calc(12px + 4.8vw), 60px) auto;
}

#notice li + li {
	margin-top:clamp(20px, calc(8px + 3.2vw), 40px);
}

#notice ul li a {
	display:-webkit-box;
	display:flex;
}

#notice ul li img {
	width:25%;
	max-width:130px;
	margin-right:2%;
}

#notice ul li .notice_cnt {
	width:auto;
}

.notice_date {
	font-size:clamp(10px, calc(5.2px + 1.28vw), 18px);
	color:#666666;
}

.notice_ttl {
	font-size:clamp(12px, calc(7.2px + 1.28vw), 20px);
}

.notice_more {
	max-width:1000px;
	margin:clamp(30px, calc(12px + 4.8vw), 60px) auto 0;
	text-align:right;
}

.notice_more a {
	display:inline-block;
	font-size:clamp(11px, calc(6.8px + 1.1199999999999999vw), 18px);
	font-weight:bold;
	color:#6A3A3D;
}

.notice_more a::after {
	content: '';
	margin-left:clamp(8px, calc(3.8px + 1.1199999999999999vw), 15px);
	width:clamp(5px, calc(3.2px + 0.48vw), 8px);
	height:clamp(9px, calc(6px + 0.8vw), 14px);
	display:inline-block;
	background-image:url(../img/arrow_notice.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}


/* --- First --- */

#first {
	background-image:url(../img/bg_crayon_beige01.png), url(../img/bg_crayon_beige02_2.png);
}

#first .sec_inner {
	background-color:#EEE9D6;
}


#first h2 span:nth-of-type(1) {
	background-image:url(../img/ttl_first.png);
}

#first img {
	width:100%;
	max-width:1000px;
	margin:clamp(20px, calc(8px + 3.2vw), 40px) auto;
}


/* --- FAQ --- */

#faq .sec_inner  {
	position:relative;
}

#faq h2 {
	font-size:clamp( 23px, calc( 12.8px + 2.7199999999999998vw ), 40px );
	text-align:left;
	background:none;
}

#faq h3 {
	padding-left:15px;
	margin-top:clamp(25px, calc(7px + 4.8vw), 55px);
	font-size:clamp(15px, calc(8.399999999999999px + 1.76vw), 26px);
	color:#6B3A3E;
	border-left:#6B3A3E 6px solid;
}

#faq .btn_open {
	margin-top:15px;
	padding:16px 40px 15px 40px;
	border-bottom:#C2C0B3 1px dashed;
	background-image:url(../img/icon_q.png), url(../img/btn_open_faq.png);
	background-repeat:no-repeat;
	background-size:30px, 25px;
	background-position:top 10px left, top 10px right;
	font-size:clamp(13px, calc(10.6px + 0.64vw), 17px);
	line-height:1.6;
	cursor:pointer;
}

#faq .btn_open.opened {
	background-image:url(../img/icon_q.png), url(../img/btn_close_faq.png);
}

#faq .open_cnt {
	margin-top:15px;
	padding:16px 0 15px 40px;
	background-image:url(../img/icon_a.png);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:top 10px left;
	font-size:clamp(13px, calc(11.2px + 0.48vw), 16px);
	line-height:1.6;
}

#faq .open_cnt a {
	text-decoration:underline;
}


/* --- Banner --- */

#banner {
	padding:clamp( 35px, calc( 14px + 5.6000000000000005vw ), 70px ) 0;
	background-color:#FFFFFF;
}

.home #banner ul {
}

#banner ul li {
	text-align:center;
}

#banner a {
	display:inline-block;
}

#banner img {
	width:100%;
	max-width:680px;
	margin:0 auto;
}

/* --- Footer --- */

footer {
	margin-top:auto;
	background-color:#FFFFFF;
}

.company_contact {
	padding:0 20px;
}

.company_contact .btn {
	width:100%;
	max-width:680px;
	margin-top:0 !important;
	padding:0;
	font-size:clamp( 15px, calc( 8.399999999999999px + 1.76vw ), 26px );
	border:#6A3A3D 2px solid;
	background-color:#FFFFFF;
	background-image:url(../img/arrow_company.png);
	background-repeat:no-repeat;
	background-size:auto clamp( 10px, calc( 6.4px + 0.96vw ), 16px );
	background-position:right 15px center;
	box-sizing:border-box;
	color:#6A3A3D;
}

.company_contact .btn span {
	padding:clamp( 18px, calc( 10.8px + 1.92vw ), 30px ) 0 clamp( 18px, calc( 10.8px + 1.92vw ), 30px ) clamp( 60px, calc( 36px + 6.4vw ), 100px );
	display:inline-block;
	background-image:url(../img/icon_company.png);
	background-repeat:no-repeat;
	background-size:clamp( 45px, calc( 26.400000000000002px + 4.96vw ), 76px ) auto;
	background-position:left center;
	color:#6A3A3D;
}

.footer_menu {
	margin-top:40px;
}

.sns_share {
	text-align:center;
}


.sns_share li {
	display:inline-block;
	vertical-align:middle;
}

.footer_bottom ul li {
	display:inline-block;
	vertical-align:middle;
}

footer .copyrights {
	padding:30px 0 15px;
	font-size:9px;
	text-align:center;
}


/* For adjust */


/* Only SP */
@media only screen and (max-width: 767px) {

	.menu_wrap .menu_ttl {
		padding:15px clamp(15px, calc(12px + 0.8vw), 20px);
		font-size:22px;
	}
	
	.menu_wrap ul + .menu_ttl {
		margin-top:10px;
	}
	
	.menu_wrap .menu li a {
		padding:15px clamp(20px, calc(14px + 1.6vw), 30px) 15px clamp(20px, calc(17px + 0.8vw), 25px);
		font-size:18px;
	}
	
	
	/* --- Main --- */
	

	/* --- YouTube --- */

	.movie_item  {
		width:48%;
	}
	
	.movie_item:nth-of-type(odd)  {
		margin-right:2%;
	}
	
	.movie_item:nth-of-type(even)  {
		margin-left:2%;
	}

	.movie_item:nth-of-type(n+3)  {
		margin-top:clamp( 15px, calc( -6px + 5.6000000000000005vw ), 50px );
	}


	/* --- Ranking --- */

	.home .ranking_list.work_list li:nth-of-type(1), .home .ranking_list.work_list li:nth-of-type(2) {
		width:100%;
	}


	/* --- Footer --- */

	footer .sec_inner {
		padding:0;
	}

	.footer_menu {
		border-top:#E0E0E0 1px solid;
	}

	.footer_menu > li > a {
		padding:20px 30px;
		display:block;
		background-image:url(../img/footer_arrow_sp.png);
		background-size:auto 14px;
		background-repeat:no-repeat;
		background-position:center right 20px;
		font-size:14px;
		font-weight:bold;
		color:#6C6C6C;
	}

	.footer_menu > li + li {
		border-top:#E0E0E0 1px solid;
	}

	.sns_share {
		margin:35px 45px;
		text-align:center;
	}

	.sns_share li img {
		height:35px;
	}

	.sns_share li + li {
		margin-left:35px;
	}

	.footer_bottom ul {
		text-align:center;
	}

	.footer_bottom li:nth-of-type(1) img {
		width:60px;
	}

	.footer_bottom li:nth-of-type(2) img {
		width:160px;
	}

	.footer_bottom li + li {
		margin-left:30px;
	}

}


/* Only PC */
@media only screen and (min-width: 768px) {

	/* --- Common --- */

	html {
		scroll-padding-top:0;
		overflow-x:hidden;
	}

	a:hover {
		animation-name:a-hover;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
	}

	@keyframes a-hover {
		from{
		}
		to{
			opacity:0.6;
		}
	}

	a:hover img {
		animation-name:a-hover-img;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
	}

	@keyframes a-hover-img {
		from{
		}
		to{
			opacity:0.6;
		}
	}

	.slide-arrow:hover {
		animation-name:slide-arrow;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
	}

	@keyframes slide-arrow {
		from{
		}
		to{
			opacity:0.6;
		}
	}


	/* --- Header --- */

	.sub .logo_wrap li:not(:nth-of-type(1)) {
		height:100%;
	}

	.menu_fix.open {
		width:60px;
		height:60px;
	}

	.menu_fix.open a {
		width:60px;
		height:60px;
	}

	.menu_wrap .menu {
		width:100%;
		display:-webkit-box;
		display:flex;
		flex-wrap:wrap;
		column-gap:4px;
	}

	.menu_wrap .menu li {
		width:calc(50% - 2px);;
		margin-top:4px !important;
		box-sizing:border-box;
	}

	.menu_bottom {
		margin-top:25px;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
	}

	.menu_bottom div:nth-of-type(1) {
		margin:0;
	}

	.menu_bottom div:nth-of-type(2), .menu_bottom div:nth-of-type(3), .menu_bottom div:nth-of-type(4), .menu_bottom div:nth-of-type(5) {
		margin:0 0 0 15px;
	}

	.menu_wrap .sns_share {
		margin:0 0 0 auto;
	}


	/* --- Main --- */

	.sec_inner {
		width:100%;
		max-width:1040px;
		margin:0 auto;
	}

	.crayon {
		background-size:750px auto !important;
	}

	.crayon .sec_inner {
		max-width:none;
	}

	.work_list {
		column-gap:2%;
	}

	.work_list li {
		width:32%;
	}


	/* ---Chractor --- */

	.home #history h2.ch span:nth-of-type(1)::before {
		top:-130px;
		right:calc(clamp( 0px, calc( -159.0909090909091px + 42.42424242424242vw ), 350px ) * -1);
	}

	.home #ranking h2.ch span:nth-of-type(1)::before {
		top:-130px;
		right:calc(clamp( 0px, calc( -159.0909090909091px + 42.42424242424242vw ), 350px ) * -1);
	}

	.home #notice h2.ch span:nth-of-type(1)::before {
		right:calc(clamp( 0px, calc( -181.8181818181818px + 48.484848484848484vw ), 400px ) * -1);
	}

	.home.login #sns h2.ch span:nth-of-type(1)::before {
		right:calc(clamp( 0px, calc( -181.8181818181818px + 48.484848484848484vw ), 400px ) * -1);
		left:auto;
	}
	

	/* ---Slider --- */

	#main_slider {
		background-image:url(../img/bg_flower.png), url(../img/bg_crayon_ygreen02_l.png);
		background-repeat:no-repeat, repeat-x;
		background-size:auto auto, 750px auto !important;
	}

	.slider {
		overflow:visible;
		margin-left:calc(100% / 2 - 520px);
	}
	
	.slick-list {
		overflow:visible !important;
	}
	

	/* --- Ranking --- */

	.login #ranking h2.ch span:nth-of-type(1)::before {
		right:calc(clamp(100px, calc(66.89655172413794px + 4.310344827586207vw), 110px) * -1);
	}
	
	.ranking_menu {
		margin:clamp( 16px, calc( 7.6px + 2.2399999999999998vw ), 30px ) auto -5px;
	}
	
	.ranking_menu li a {
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	.ranking_list.work_list li {
		width:23.5%;
	}

	.ranking_list.work_list li .ttl {
		font-size:clamp(12px, calc(9.6px + 0.64vw), 16px);
	}

	.ranking_list.work_list li .author {
		font-size:clamp(10px, calc(7.6px + 0.64vw), 14px);
	}

	.ranking_list.work_list li .age {
		font-size:clamp(10px, calc(7.6px + 0.64vw), 14px);
	}
	

	/* --- Award --- */

	.login #award {
		margin-top:-30px;
	}

	#award h3 {
		margin:clamp( 20px, calc( -4px + 6.4vw ), 60px ) auto -20px;
	}
	
	#award ul + h3 {
		margin:clamp( 30px, calc( 6px + 6.4vw ), 70px ) auto -20px;
	}
	
	#award .grand + .work_list li {
		width:32%;
	}
	
	#award .work_list li .ttl {
		font-size:clamp(12px, calc(9.6px + 0.64vw), 16px);
	}

	#award .work_list li .author {
		font-size:clamp(10px, calc(7.6px + 0.64vw), 14px);
	}
	
	#award .grand + .work_list li .ttl {
		font-size:clamp(12px, calc(7.2px + 1.28vw), 20px);
	}

	#award .grand + .work_list li .author {
		font-size:clamp(10px, calc(5.8px + 1.1199999999999999vw), 17px);
	}
	
	#award .work_list li {
		width:23.5%;
	}


	/* --- New --- */
	
	#new {
		margin-top:-30px;
	}
	
	.login #new {
		margin-top:0;
	}


	/* --- YouTube --- */

	.movie_item {
		width:31.5%;
	}

	.movie_item:nth-of-type(3n+2) {
		margin-left:2.75%;
		margin-right:2.75%;
	}

	.movie_item:nth-of-type(n+4)  {
		margin-top:clamp( 15px, calc( -6px + 5.6000000000000005vw ), 50px );
	}


	/* --- SNS--- */

	.tw_embed {
		max-width:600px;
		max-height:570px;
		display:block;
		overflow-y:scroll;
	}


	/* --- Notice--- */


	/* --- Search --- */

	.category01 a:hover {
		background-color:#00a69a !important;
		color:#FFFFFF !important;
		opacity:1 !important;
	}

	.category02 a:hover {
		background-color:#ff9900 !important;
		color:#FFFFFF !important;
		opacity:1 !important;
	}

	#search .btn_clear:hover {
		opacity:0.6;
	}


	/* --- FAQ --- */

	#faq .btn_open {
		margin-top:15px;
		padding:20px 40px 25px 60px;
		background-size:45px, 30px;
		background-position:top 10px left, top 10px right;
	}

	#faq .open_cnt {
		margin-top:15px;
		padding:20px 0 25px 60px;
		background-size:45px;
		background-position:top 10px left;
	}

	#faq .open_cnt a:hover {
		text-decoration:none;
	}


	/* --- Footer --- */

	.footer_menu {
		margin:70px auto 50px;
		text-align:center;
	}

	.footer_menu li {
		display:inline-block;
		vertical-align:middle;
	}

	.footer_menu li + li {
		margin-left:30px;
	}

	.footer_menu > li > a {
		display:block;
		padding:3px 0 3px 28px;
		background-image:url(../img/arrow_footer.png);
		background-size:20px;
		background-repeat:no-repeat;
		background-position:center left;
		font-weight:bold;
	}

	.footer_menu .sns_share li + li {
		margin-left:8px;
	}

	.footer_menu .sns_share li img {
		max-height:30px;
	}

	.footer_bottom {
		text-align:center;
	}

	.footer_bottom li + li {
		margin-left:55px;
	}

	.footer_bottom li:nth-of-type(1) img {
		width:120px;
	}

	.footer_bottom li:nth-of-type(2) img {
		width:280px;
	}

	footer .copyrights {
		padding:40px 0 30px;
		font-size:14px;
	}

}


/* Only landscape */
@media screen and (orientation: landscape){

html, #main_slider, .slider_arrow_wrap {
	overflow-x:hidden;
}

.menu_wrap {
	overflow-y:auto;
}

.menu_bottom {
	padding-bottom:30px;
}

}


/* For adjust */

@media screen and (min-width: 599px) {

	.star {
		margin:clamp(10px, calc(5.2px + 1.28vw), 18px) 0 0 4px;
		padding:3px 0;
		display:inline-block;
	}

	.star-rating {
		height:14px;
	}

	.star-rating span {
		width:14px;
		height:14px;
	}

	.star-rating span:not(:first-child) {
		margin-left:3px;
	}

	.star-rating > span {
		background-size:14px 14px;
	}

	.star-rating-front {
		height:14px;
	}

	.star-rating-front > span {
		background-size:14px 14px;
	}

	.star-rating-1 .star-rating-front {
		width:14px;
	}

	.star-rating-2 .star-rating-front {
		width:31px;
	}

	.star-rating-3 .star-rating-front {
		width:48px;
	}

	.star-rating-4 .star-rating-front {
		width:65px;
	}

	.star-rating-45 .star-rating-front {
		width:75px;
	}

	.star-rating-5 .star-rating-front {
		width:82px;
	}

}


@media screen and (min-width: 768px) and (max-width: 800px) {

	.home .ranking_list.work_list li:nth-of-type(-n + 3) .star {
		margin:5px 0 0 0;
		display:block;
	}

}


@media screen and (min-width: 768px) and (max-width: 900px) {

	.star {
		margin:5px 0 0 0;
		display:block;
	}

}


@media screen and (max-width: 1179px) {

	.header_pc {
		display:none;
	}

	.home .logo_wrap li:nth-of-type(2) {
		width:clamp( 239px, calc( 151.4px + 23.36vw ), 385px );
		height:clamp( 155px, calc( 98px + 15.2vw ), 250px );
	}

	.home .logo_wrap li:nth-of-type(2) img {
		width:clamp( 239px, calc( 151.4px + 23.36vw ), 385px );
		height:clamp( 155px, calc( 98px + 15.2vw ), 250px );
		top:auto;
		bottom:0;
	}

}


@media screen and (min-width: 1180px) {

	.header_sp {
		display:none;
	}

	.home .logo_wrap li:nth-of-type(2) {
		max-width:870px;
	}

	.home .logo_wrap li:nth-of-type(2) img {
		max-width:870px;

	}

}