@charset "UTF-8";

/*----------------------------------------------------------------------------

	base

----------------------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	padding: 0;
	background-color: #fafafa;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: "palt";
	letter-spacing:0.08em;
	font-weight:400;
	color:#2f2725;
}

h1, h2, h3, h4, h5, h6 {
	color:#2f2725;
	font-weight: normal;
	font-size: 100%;
	letter-spacing:0.06em;
}

p {
	margin: 0 !important;
	color: #2f2725;
}

ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

b{
	letter-spacing: 0.08em;
	font-weight:800;
}

figure{
	margin: 0 !important;
}

.extend {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#wrapper_inner, .clip27786761 ul li {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.cf {
	zoom: 1;
}

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

a:focus, *:focus { outline:none; }

#wrapper {
	width: 100%;
    background-color:#fafafa;
}

#wrapper_inner{
    margin:0 8%;
	padding:0 0 0 0;
}

.single_s #wrapper_inner{
	margin:0 8%;
	padding:0 0 0 0;
}

::selection {background:#f2f1f0;}
::-moz-selection {background:#f2f1f0;}

#page-top, #page-bottom, #page-back{
	position: fixed;
	text-align: center;
	z-index:1200;
	display: none;
}
#page-top{
	right: 196px;
	bottom: 0;
}
#page-bottom{
	right: 245px;
	bottom: 0;
}
#page-back{
	display:none;
}
#page-top a, #page-bottom a, #page-back a{
	display: block;
	font-size: 20px;
	line-height: 54px;
	text-decoration: none;
    color:#2f2725;
	width:54px;
	height:54px;
	border-top:1px solid #2f2725;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	background-color:#fff;
	-webkit-font-smoothing: auto;
}
#page-bottom a{
	border-left:1px solid #2f2725;
	border-top-left-radius:14px;
}
#page-top a:before, #page-bottom a:before, #page-back a:before {
	font-family: "Font Awesome 6 Pro";
	font-size: 22px;
	line-height: 1;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	margin-left: -6px;
    font-weight: 300;
	-webkit-font-smoothing: auto;
}
#page-bottom a:before{
	margin-left: 0px;	
}
#page-top a:before{
	content: '\f106';
}
#page-bottom a:before {
	content: '\f107';
}
#page-back a:before {
	content: '\f104';
}

.grecaptcha-badge { 
	visibility: hidden;
}

.sla{
	padding: 0 2px;
}


/*----------------------------------------------------------------------------

	link

----------------------------------------------------------------------------*/

a {color: #2f2725;text-decoration:underline;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
a:visited {color: #2f2725;text-decoration:underline;}
a:hover {color: #2f2725;text-decoration: none;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
a:active {color: #2f2725;text-decoration: none;}

.news a {color: #0b5bb9;text-decoration:underline;}
.news a:visited {color: #0b5bb9;text-decoration:underline;}
.news a:hover {color: #2f2725;text-decoration: none;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.news a:active {color: #2f2725;text-decoration: none;}

.clip27786761 ul li a:hover{color: #2f2725;text-decoration: none;-webkit-transition: 0s;-moz-transition: 0s;-ms-transition: 0s;-o-transition: 0s;transition: 0s;}
.clip27786761 ul li a:active{color: #2f2725;text-decoration: none;}

#innersidebar .title a {color: #fff;text-decoration:underline;}
#innersidebar .title a:visited {color: #fff;text-decoration: underline;}
#innersidebar .title a:hover {color: #898480;text-decoration: none;}
#innersidebar .title a:active {color: #898480;text-decoration: none;}
   
.category a {color: #fff;text-decoration: none;padding:2px 0;display:block;-webkit-font-smoothing:auto;}
.category a:visited {color: #fff;text-decoration: none;}
.category a:hover {color: #fff;text-decoration: none;}
.category a:active {color: #fff;text-decoration: none;}


.category_description a, .link_area a{color: #0062db;position:relative;text-decoration:none;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;	display: inline-block;font-weight: 400;}


/*----------------------------------------------------------------------------

	header

----------------------------------------------------------------------------*/

header {
	padding:8% 10% 6px 8%;
	-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	text-align:left;
	opacity: 1;
	width:100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.foot{
    text-align:center;
}
.index h1, .site_title, .foot .site_title{
    font-size:24px;
    font-weight:800;
	line-height:100%;
    padding:0 0 10px 0;
    margin:0 0 0 0px !important;
    letter-spacing:1.2px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.foot .site_title{
    margin:30px 0 0 0 !important;
}
.index h1 a, .site_title a{
    text-decoration:none;
	display:inline-block;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.index h1 a:hover, .site_title a:hover{
	color:#2f2725;
}
header p, .foot p{
    font-size:11px;
    padding:0 0 10px 0;
}

.header_menu{
	display: none;
}

.h_pickup ul{
	display: flex;
}

.h_pickup ul .mf, .h_pickup ul .studio, .webfontlink{
	display: none;
}
	
.h_pickup ul .fontlink{
	margin: -3px 0 0 22px;
}

.h_pickup ul li a{
	text-decoration: none;
	font-weight:800;
	font-size: 12px;
	letter-spacing: 0.08em;
	position: relative;
	line-height: normal;
	display: inline-block;
}

.h_pickup ul li i{
	font-size: 10px;
	margin: 0 0 0 3px;
	font-weight: 400;
	position: absolute;
	top:4.6px;
}

.h_pickup ul .fontlink i{
	transform:rotate(-45deg);	
}

header .sub{
	display: none;
}

@media only screen and (min-width: 768px) {
	
header .sub{
	display:inline-block;	
}
	
.h_pickup ul{
	display: none !important;
}
	
.h_pickup ul li{
	margin: 0 36px 0 0 !important;
}
	
.h_pickup ul li a{
	font-size: 15px;
}

.h_pickup ul li i{
	font-size: 13px;
	top:4.6px;
	margin: 0 0 0 4px;
}
.h_pickup ul .fontlink i{
	font-size: 14px;
}
.h_pickup ul li a::after{
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height:1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

.h_pickup ul li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
	
}

@media only screen and (min-width: 900px) {
	
.h_pickup ul{
	display: flex !important;
}
}


@media only screen and (min-width: 1200px) {
.h_pickup{
	display: flex;
}

.badge::after{
    content: "●";
    color:#eb0010;
    position: relative;
    top: -8px;
    right: 0px;
    font-size: 10px;
	transform: scale(0.6);
	display: inline-block;
}
	
}

@media only screen and (min-width: 1300px) {
.h_pickup ul li{
	margin: 0 46px 0 0 !important;
}
	
}

@media only screen and (min-width: 1400px) {
.h_pickup ul .mf, .h_pickup ul .studio{
	display: block;
	margin: 0 20px 0 0 !important;
}
}

@media only screen and (min-width: 1500px) {
.h_pickup ul .mf, .h_pickup ul .studio{
	display: block;
	margin: 0 26px 0 0 !important;
}
}



/*----------------------------------------------------------------------------

	pankuzu
    
----------------------------------------------------------------------------*/

.breadcrumbs{
    font-size:12px;
    text-align:left;
	letter-spacing: 0.08em;
	line-height:220%;
}
.under .breadcrumbs{
	margin:0 8% 20px !important;
}
.index .breadcrumbs{
	display: none;
}
#article .breadcrumbs{
	margin:0 8% 20px !important;
}
.breadcrumbs a{
	position:relative;
	color:#2f2725;
	text-decoration:none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.breadcrumbs a:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	text-decoration:none;
}

.breadcrumbs .category{
	margin:0;
	padding:0;
}

.breadcrumbs .post{
	padding: 0 0 !important;
}

@media only screen and (min-width: 768px) {
	
.under .breadcrumbs{
	margin: 130px auto 40px auto !important;
	width: 620px;
}	
}

@media only screen and (min-width: 890px) {
	
.under .breadcrumbs{
	width: 700px;
}	
}

@media only screen and (min-width: 1024px) {
	
.under .breadcrumbs{
	width: 800px;
}	
}

@media only screen and (min-width: 1260px) {
	
.under .breadcrumbs{
	width: 1112px;
}	
}

@media only screen and (min-width: 1300px) {
	
.under .breadcrumbs{
	width: 1120px;
}	
}

@media only screen and (min-width: 1350px) {
	
.under .breadcrumbs{
	width: 1140px;
}	
}

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

.under .breadcrumbs{
	margin: 130px auto 40px auto !important;
}	
}

@media only screen and (min-width: 1500px) {
	
.under .breadcrumbs{
	width: 1160px;
}	
}

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

.under .breadcrumbs{
	margin: 130px auto 40px auto !important;
	width: 1490px;
}

}

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

.under .breadcrumbs{
	width: 1500px;
}

}

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

.under .breadcrumbs{
	width: 1530px;
}

}


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

.under .breadcrumbs{
	width: 1560px;
}

}



/*----------------------------------------------------------------------------

	bar
    
----------------------------------------------------------------------------*/


#outersidebar, #outersidebar_s{
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

#outersidebar::-webkit-scrollbar, #outersidebar_s::-webkit-scrollbar {
    width: 0px;
}

#outersidebar::-webkit-scrollbar-track, #outersidebar_s::-webkit-scrollbar-track {
	border-radius: 0px;
	background: #2f2725;
}

#outersidebar::-webkit-scrollbar-thumb, #outersidebar_s::-webkit-scrollbar-thumb{
    width: 0px;
	border-radius: 0px;
    background:#2f2725;
}

/*----------------------------------------------------------------------------

	content
    
----------------------------------------------------------------------------*/

.clip27786761 ul li {
	font-size: 12px;
	margin: 0 10px 20px 10px;
	text-align:left;
	font-weight: 400;
	letter-spacing: 0.08em;
}
.clip27786761 ul li figure{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.clip27786761 ul li figure:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	
}
.site_more878473{
	padding:0 0 0 0;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap: 10px;
    width: 100%;
}

.site_more878473 a{
	text-decoration:none;
}
.site_more878473 .btn{
	display:flex;
	margin:0 -12px 0 10px;
	justify-content:flex-end;
	align-items: center;
	flex-shrink: 0;
}
.favorites_title .btn{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	width:auto;
}
.f_btn{
	cursor:pointer;
}
.s_btn, .s_btn a{
	display: none;
}
#ssp, #sfont{
	display: none;
}
.m_btn a{
	color:#2f2725;
	padding:10px 6px 10px 10px;
	margin:0 0 0 0;
	font-size:14px;
}
.m_btn a i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

.clip27786761 ul li p{
	line-height: 160%;
}
.clip27786761 ul li .site_more878473 p{
	padding:6px 0 0 0;
	line-height:160%;
	flex: 1;
    min-width: 0;
}
.ad_04 p {
	padding:14px 0 0 0;
	line-height:160%;
}
.post{
	text-align: left;
	padding:10px 0 0 0;
}
.post p, .post a, .post h1, .post h2{
}
.tooltip .tooltiptext{
    display:none;
}
.clip27786761 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
}
.clip27786761 ul li{
    margin:0 auto;
    box-sizing:border-box;
    margin-bottom:20px;
	width: 100%
}
.clip27786761 ul li img{
    max-width:100%;
    height:inherit;
}
.clip27786761 ul li a{
	text-decoration: none;
}
.post img{
    max-width:100%;
	display:inline-block;
	height:100%;
	border:1px solid #2f2725;
	-webkit-backface-visibility: hidden;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.post .more img{
    max-width:100%;
	display:inline-block;
	height:50vw;
	object-fit: cover;
	object-position:top;
}
.more-content{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.time_designer99876{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	font-size: 10px;
	letter-spacing: 0.08em;
	padding: 4px 0 0 0;
}
.time_designer99876 p{
	color: #9d9a97;
	padding: 0 0 0 0;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.list_time438622{
	padding: 0 8px 4px 0 !important;
	-webkit-font-smoothing: auto;
}

.time_designer99876 .list_studio span, .time_designer99876 .list_nocode span{
    text-decoration: none;
	font-size: 10px;
    line-height: 10px;
	letter-spacing: 0.08em;
    display: block;
    text-align: center;
    margin: 0 8px 6px 0;
    border-radius: 3px;
    padding: 4px 5px 3px 5px;
    font-weight: 500;
	border: 1px solid #2f2725;
	color: #2f2725;
}

.list_credit54873763 a{
	color: #2f2725;
	position: relative;
	text-decoration: none;
	margin: 0 1px 0 0;
	-webkit-font-smoothing: auto;
}

.list_credit54873763{
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px 0 0;
	-webkit-font-smoothing: auto;
}

.list_credit54873763 p{
	color: #2f2725;
	margin: 0 4px 0 0 !important;
}

.list_credit54873763 p:first-child{
	color: #9d9a97;
}

.list_credit54873763 span{
	color: #2f2725;	
}
.clip27786761 .list_credit54873763 a:hover{
	color: #2f2725;
}
.sama{
	padding: 0 0 0 1px;
}

.list_credit54873763 p:after{
	content:'/';
	color:#bdbcbc;
	margin:0 0 0 0;
	font-size:11px;
	padding: 0 0 0 4px;
	font-weight:100;
}

.list_credit54873763 p:first-child:after{
	content:'';
	margin:0 0px 0 0;
	padding: 0 0 0 0px;
}

.list_credit54873763 p:last-child:after{
	content:'';
	margin:0 0px 0 0;
	padding: 0 0 0 0px;
}

.ds:after{
	content:'/';
	color:#bdbcbc;
	margin:0 3px 0 0;
	font-size:11px;
	padding: 0 0 0 2px;
	font-weight:100;
}

.under h1{
    text-align:left;
    font-size:20px;
    margin:-10px 0 14px 0;
	font-weight:800;
    line-height:150%;
}
.under h2{
    font-size:20px;
    margin:15px 0 15px 0;
    font-weight:800;
}
.single_s .under h1{
	text-align: left;
}

.description p{
    padding-bottom:30px;
}
.description a{
	color:#0062db;
	text-decoration:underline;
}

.sp_link{
	font-size:18px;
	position:fixed;
	bottom:0;
	right:244px;
	z-index:1000;
	display:none;
}
.sp_link a{
	background-color:#fafafa;
	border:1px solid #2f2725;
	width:60px;
	height:60px;
	line-height:58px;
	display:block;
}
.sp_link a:hover{
	color:#2f2725;
}


.clip27786761 ul li img{
	border:1px solid #2f2725;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}


.slug-web, .slug-web, .slug-lp, .slug-contentpage{
    font-size:10px;
    padding:2px 5px;
    margin-left:5px;
	white-space:nowrap;
	display:none;
}

.slug-web{
    border:1px solid #e06677;
    border-radius:30px;
    color:#e06677;
}

.slug-lp{
    border:1px solid #43acb4;
    color:#43acb4;
    border-radius:30px;
}

.slug-contentpage{
    border:1px solid #4b87bf;
    color:#4b87bf;
    border-radius:30px;
}

.post-categories{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:-6px 0 46px -4px;
}
.post-categories li{
    font-size:10px;
    text-align:left;
    margin:0 3px 6px 0;
}

.post-categories li:after{
	content:'/';
	color:#bdbcbc;
	font-weight:100;
}
.post-categories li:last-child:after{
	content:'';
}

.post-categories li a{
	padding:10px 0 3px 0;
	margin:0 4px;
	position: relative;
	text-decoration: none;
	line-height: 100%;
}

h1.single{
	margin:20px 0 30px 0;
	font-size:20px;
	color:#0062db;
}
h1.single a{
	text-decoration:none;
	color:#0062db;
	font-weight:800;
}

h1.single i{
	transform: translateY(-1px) rotate(-45deg);
    font-size: 16px;
    margin: 0 0 0 4px;
    font-weight: 600;
	color: #0062db;
}

.single_attention, .old_attention, .copy_attention{
	font-size: 10px;
    letter-spacing:0.08em;
    line-height: 170%;
    margin: 6px 0 0 1em!important;
    text-indent: -1em;
}

.copy_attention{
    margin: 4px 0 0 1em!important;
}

.old_attention{
	margin: -16px 0 0 1em!important;
}

.single_attention a{
	text-decoration:none;
	color:#0062db;
	padding-bottom: 0px;
	background-image: linear-gradient(#0062db, #0062db);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.single_attention li{
	margin-top: 4px;
}

.single_attention li:first-child{
	margin-top: 0;
}

.sp_attention{
	display: none;
}


h1.error{
	text-align:center;
	font-size:130px;
	font-weight:100;
}

.more{
    position: relative;
    box-sizing: border-box;
}
.more p{
	padding:0 2px;
}
.more-content{
    position: relative;
    overflow: hidden;
    height:260px;
}
.more-content::before {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	z-index:100;
    content: "";
    height: 100px;
    background: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,0.8) 50%, rgba(250,250,250,0.8) 50%, #fafafa 100%);
    background: linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,0.8) 50%, rgba(250,250,250,0.8) 50%, #fafafa 100%);
}
.more-label{
	cursor:pointer;
    display: none;
    bottom: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
    margin: 0 auto;
    z-index:200;
    padding:25px 80px 25px 80px;
    background-color:#fafafa;
	border:1px solid #2f2725;
    border-radius:100px;
    color: #2f2725;
}
.more-label:before{
    content: 'MORE';
	font-weight:300;
}
.more-label:after{
    font-family: "Font Awesome 6 Pro";
    line-height: 1;
    font-size: 18px;
    font-weight: 300;
    position: absolute;
    right: 28px;
    top: 38%;
    padding-left: 50px;
    content: '\f078';
}	
.more-label:hover{
	transform:translateX(-50%) translateY(4px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}	
.more-check{
    display: none;
}
.more-check:checked ~ .more-label{
	display: none;
}
.more-check:checked ~ .more-label:before{
    content: '閉じる';
}
.more-check:checked ~ .more-content{
    height: auto;
}
.more-check:checked ~ .more-content::before {
    display: none;
}
.single_s .post input{
	margin:0;
	padding:0;
	border:none;
}

.info{
	margin:-10px 0 0px 0;
}
.info span{
	color:#2f2725;
	font-weight:800;
}
.under .info h2, .under .info h3{
	font-weight:300;
	font-size:11px !important;
	margin:0 0 3px 0;
	letter-spacing:0.12em;
}
.info a{
	color:#2f2725;
	font-weight:800;
	text-decoration:none;
	position:relative;
	margin:0 1px 0 0;
	font-size:13px;
    background: linear-gradient(#2f2725, #2f2725) 0 100%/0 1px no-repeat;
    transition: background .3s;
	letter-spacing: 0.1em;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	display: inline;
	line-height: 13px;
}

.info p{
	color:#2f2725;
	font-size:13px;
	font-weight:800;
	padding: 4px 0 0;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.create8776553, .operator{
	margin:16px 0 0;
}

.create8776553 span{
	font-weight:300;
}
.list_credit54873763 .nolink_c{
	font-weight: 400;
}

.nolink_c span{
	padding: 0 0 0 2px;
	display: inline-block;
}

.time{
	font-size: 12px;
	color: #9d9a97;
	margin: -30px 0 50px 0 !important;
}

.category_description, .link_area{
	margin: -10px 0 14px !important;
}
.category_description p, .link_area p{
	font-size: 13px;
	text-align:left;
	line-height: 180%;
}

.link_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.link_area li{
	margin: 0 6px 10px 0;
}

.link_area li:last-child{
	margin: 0;
}

.link_area li a{
	text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    display: block;
    padding: 8px 12px 10px 12px;
    letter-spacing: 0.06em;
    border: 1px solid #2f2725;
    border-radius: 100px;
    text-align: center;
    margin: 0 0 0 0;
    color: #2f2725;
}

.link_area li a:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f061";
    font-size: 11px;
    padding: 0 0 0 4px;
    line-height: normal;
    font-weight: 500;
    transform: translateY(-1px);
    display: inline-block;
}

.link_area li span{
	display: none;
}

.dis_attention{
	font-size: 10px;
	text-align: center;
	margin: 0px 0 50px !important;
}

.category_description .fa-arrow-right{
	font-weight:400 !important;
	color:#006aee;
	font-size:10px;
	padding: 0 0 0 4px;
	line-height: 1;
	transform: translateY(-1px);
}

.category_description .p_arrow{
	font-weight:400 !important;
	color:#006aee;
	font-size:11px;
	padding: 0 0 0 4px;
	line-height: 1;
	transform:translateY(0px) rotate(-45deg);
}

.link_area .p_arrow{
	font-weight:500 !important;
	color:#006aee;
	font-size:11px;
	padding: 0 0 0 4px;
	line-height: 1;
	transform:translateY(-1px) rotate(0deg);
}

.single_date{
	font-size: 11px;
	letter-spacing: 0.08em;
	padding: 20px 0 26px 0;
}

@media only screen and (min-width: 375px) {
	
.link_area li a{
    padding: 8px 16px 10px 16px;
}	
	
}

@media only screen and (min-width: 768px) {
.dis_attention{
	font-size: 12px;
}
.clip27786761 ul li{
	letter-spacing: 0.1em;
	font-size: 13px;
}
	
.category_description .fa-arrow-right{
	font-size: 13px;
}

.category_description .p_arrow{
	font-size: 14px;
}

.link_area{
	display: none !important;
}
	
.link_area li{
	margin: 0 10px 10px 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
	
.link_area li:hover{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	transform: translate(0px,2px);
}

.link_area li a{
	font-size: 15px;
	padding: 8px 18px 9px 18px;
	border: 1px solid #2f2725;
}

.link_area li a:after{
    font-size: 12px;
    padding: 0 0 0 4px;
    line-height: normal;
    font-weight: 500;
    transform: translateY(-1px);
    display: inline-block;
}

.link_area li span{
	display:inline-block;
}
	
.link_area .p_arrow{
	font-size: 13px;
	transform:translateY(-2px) rotate(0deg);
}
	
h1.single i{
	transform: translateY(-2px) rotate(-45deg);
    font-size: 22px;
    margin: 0 0 0 6px;
	font-weight: 400;
}
	
.single_attention, .old_attention, .copy_attention{
	font-size: 12px;
    margin: 100px 0 0 1em!important;
}
	
.old_attention{
	margin: -16px 0 0 1em!important;
}
	
.copy_attention{
	margin: 4px 0 0 1em!important;
}
	
.single_attention a:hover{
	background-size: 100% 1px;
	background-position: 0 94%;	
}

.single_attention a:not(:hover){
	background-position: 100% 94%;
	background-size: 0 1px;
}

.sp_attention{
	display: block
}
.list_credit54873763 .nolink_c{
	font-weight: 400;
}
	
.time_designer99876 .list_studio span, .time_designer99876 .list_nocode span{
    margin: 0 8px 8px 0;
}
	
.single_date{
	font-size: 12px;
	padding: 30px 0 36px 0;
}
	
}

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

.service_link .p_arrow{
	font-size: 13px;
}
	
.category_description, .link_area{
	justify-content:flex-start;
	align-items:baseline;
	flex-wrap: wrap;
	margin: 0px 0 30px !important;
	display: flex;
}
	
.category_description p, .link_area p{
	margin-right: 20px !important;
}

}

.pickup_cat{
	display: flex;
	flex-wrap: wrap;
	margin: 12px 0 8px 0;
	align-items:baseline;
}

.popular .pickup_cat{
	margin: -10px 0 0px 0;
}
	
.pickup_cat p{
	padding: 0 10px 0 0;
	font-weight:bold;
	letter-spacing: 0.1em;
	font-size: 15px;
}

.site_cat{
	display: flex;
	flex-wrap: wrap;
}

.site_cat li{
	margin: 0 10px 0 0;
}

.site_cat li a{
	text-decoration: none;
	font-size: 13px;
	line-height: normal;
	display: block;
	border: 1px solid #e4e3e0;
	padding:7px 16px 6px 16px;
	letter-spacing: 0.03em;
	background-color: #f2f2f2;
	border-radius: 100px;
	text-align: center;
	margin: 0 0 0 0;
	color: #2f2725;
}

.site_cat li a:visited{
	color: #2f2725;
}

.site_cat li a:after{
	font-family:"Font Awesome 6 Pro";
	content:"\f061";
	font-weight:100;
	color:#2f2725;
	font-size:10px;
	padding: 0 0 0 4px;
	line-height:0;
	transform: translateY(-1px);
	display: inline-block;
}

.drop_filter {
	display: inline-block;
	position: relative;
	margin: 0 0px 0 0;
}

#tg01, #tg02, #tg03, #tg04, #tg05, #tg06, #tg07, #tg08 {
	display: none;
}

.filmenu {
	visibility: hidden;
	opacity: 0;
	top: 40px;
	list-style: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	display: block;
	background-color: #fff;
	z-index: 210;
	position:absolute;
	text-decoration: none;
	border-radius:10px;
	border: 1px solid #2f2725;
	width: 140px;
	padding:0;
	left: 0;
	box-sizing: border-box;
}

.filmenu_inner{
	padding:24px 28px 21px 28px;
	overflow-y:auto;
	max-height:42vh;
}


.filinput:checked ~ .filmenu {
	visibility: visible;
	opacity: 1;
	top: 50px;
	width: 140px;
	left: 0;
}

.fillabel{
	display: flex;
	padding:7px 12px 8px 12px;
	font-size: 13px;
	letter-spacing: 0.06em;
	background-color:#f2f2f2;
	border: 1px solid #2f2725;
	border-radius: 100px;
	text-align: center;
	line-height:normal !important;
	cursor: pointer;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

.drop_filter input[type="checkbox"], .drop_filter input[type="radio"]{
	-webkit-appearance: none;
}

.fillabel::selection {background:#f2f2f2; color: #2f2725;}
.fillabel::-moz-selection {background:#f2f2f2; color: #2f2725;}
	
.filmenu span::selection {background:#fff; color: #2f2725;}
.filmenu span::-moz-selection {background:#fff; color: #2f2725;}

.fillabel:after{
    content: '\f107';
	font-family: "Font Awesome 6 Pro";
    display: inline-block;
	line-height:normal;
	font-size: 12px;
    margin: 0 0 0 4px;
	transform: translateY(4px);
	font-weight: 600;
}
	
.fillabel:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,2px);	
}

.filmenu a{
	color:#2f2725;
}

.dropLabel:hover, .filinput:checked + label {

}

.filmenu li{
	margin: 0 0 4px;
}
	
.filmenu li:last-child{
	margin: 0;
}
	
.filmenu li a{
	position: relative;
	color: #2f2725;
	line-height: 160%;
	font-size: 13px;
	text-decoration: none;
	letter-spacing: 0.06em;
	margin: 0 0 6px 0;
}
	
.filmenu li:last-child a{
	margin: 0;
}

.filmenu li a:visited{
	color: #2f2725;
}
.filmenu li a:hover{
	color:#2f2725;
}
	
.filmenu .init-bottom{
	font-size: 14px;
	padding: 9px 38px 10px 18px;
	letter-spacing: 0.08em;
}
	
.filmenu .dropmenu_t{
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 4px !important;
	padding: 2px 0 0 0;
}
	
.filmenu .dropmenu_t a{
	font-size: 14px;
	line-height: 160%;
}
	
.filmenu ul{
	border-top: 1px solid #dfdfdf;
	padding: 20px 0 0;
	margin: 18px 0 0;
}
	
.filmenu ul:first-child{
	border-top: none;
	padding: 0;
	margin: 0;
}

.filmenu_inner::-webkit-scrollbar {
    width: 6px;
}
.filmenu_inner::-webkit-scrollbar-track {
  	border-radius: 10px;
	background: #fff;
	margin: 20px 0;
}
.filmenu_inner::-webkit-scrollbar-thumb {
  	border-radius: 10px;
	background:#ebebeb;
	margin: 20px 0;
}
	

@media only screen and (min-width: 768px) {
	
.pickup_cat{
	display: flex;
	flex-wrap: wrap;
	margin: -2px 0 0px 0;
	align-items:baseline;
	
}
	
.popular .pickup_cat{
	margin: -2px 0 0px 0;
}
	
.fillabel{
	padding:7px 15px 8px 15px;
	display: inline-block;
	width: 94px;
	font-size: 14px;
	letter-spacing: 0.06em;
	background-color:#f2f2f2;
	border: 1px solid #2f2725;
	border-radius: 100px;
	text-align: center;
	line-height:normal !important;
	cursor: pointer;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.fillabel:after{
    content: '\f107';
	font-family: "Font Awesome 6 Pro";
    display: inline-block;
	line-height:normal;
	font-size: 14px;
    margin: 0 0 0 4px;
	transform: translateY(0.6px);
	font-weight: 400;
}
	
.filmenu li a{
	font-size: 15px;
}

.filmenu {
	width: 144px;
}

.filinput:checked ~ .filmenu {
	top: 50px;
	width: 144px;
}	
	
.filmenu_inner{
	padding:26px 28px 18px 26px;
	overflow-y:auto;
	max-height:42vh;
}
	
.filmenu li a {
	padding-bottom:2px;
	background: linear-gradient(#2f2725, #2f2725) 0 100%/0 1px no-repeat;
	transition: background .3s;
	text-decoration: none;
}
.filmenu li a .reverse {
	  background-position: 100% 100%;
}
.filmenu li a:hover {
	  background-size: 100% 1px;
}


	
}


/*----------------------------------------------------------------------------

	sns
    
----------------------------------------------------------------------------*/

ul.post-bottom-social {
	font-size: 0;
	text-align:left;
	display:flex;
	justify-content:flex-start;
}
ul.post-bottom-social li {
	font-size: 12px;
	margin:0 0 0 5px;
    padding:0 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, ul.post-bottom-social li div {
	width: 50px;
  }
}

p.share-count {
	width: 100%;
	background: #fff;
	line-height: 28px;
	text-align: center;
	box-sizing: border-box;
}
ul.post-bottom-social li a {
	display: block;
	text-align: left;
	text-decoration: none;
    font-size:15px;
	box-sizing: border-box;
	color:#2f2725;
	padding:0 16px;
}
.sns i {
	font-size: 14px;
}
.facebook-box a {
    color:#fff;
}

.twitter-box a {
}
.hatebu-box{
	margin:0px 0 0;
}
.hatebu-box a {
	font-weight:500;
	font-size:16px;
}

.pinterest-box a {
}

.pocket-box a {
}

.googleplus-box a {
}

.pinterest, .facebook, .twitter{
    cursor: pointer;
	display: block;
	position:absolute;
	z-index: 100;
    font-size:13px;
    text-align:center;
    letter-spacing:1px;
    box-sizing:border-box;
}
.twitter{
	right:9px;
	top:70px;
}
.facebook{
	right:13px;
	top:102px;
}
.pinterest{
	right:10px;
	top:135px;
}
.pinterest a, .facebook a, .twitter a{
    padding:11px 14px;
    color:#2f2725;
}
.footer_sns {
	text-align:center;
	margin:0 0 40px;
}
.footer_sns li{
	display:inline-block;
	padding:0 8px;
	font-size:16px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.footer_sns li a{
	padding:10px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}


/*----------------------------------------------------------------------------

	about
    
----------------------------------------------------------------------------*/

.about{
	padding: 0 8%;
	margin: 0 0 19%;
}

.about a{
	text-decoration: none;
}

.about p{
	font-size: 13px;
	line-height: 190%;
	margin: 0 0 16px 0 !important;
	letter-spacing: 0.12em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.about .sec p:last-of-type{
	margin: 0 0 0px 0 !important; 
}
.about .disclaimer_privacy p:last-of-type{
	margin: 0 0 16px 0 !important; 
}
.about .about_nav, .about .book_nav{
	display: none;
	flex-wrap: wrap;
	margin: 0 0 36px;
	background-color: #f2f2f2;
	padding:9% 4% 6% 9%;
}
.book_side{
	order: 1;	
}
.about .about_nav a, .about .book_nav a{
	font-size: 13px;
	letter-spacing: 0.06em;
	font-weight: bold;
}
.about .about_nav a:after, .about .book_nav a:after{
	font-family:"Font Awesome 6 Pro";
	content:"\f063";
	font-weight:500;
	color: #c0c0c0;
	font-size:11px;
	padding: 0 0 0 3px;
	line-height: 1;
}

.about .about_nav li:first-of-type, .about .book_nav li:first-of-type{
	display: none;
}

.about .about_nav li, .about .book_nav li{
	margin: 0 5% 6px 0;
}

.about .content{
	order: 2;
}
.content .sec:first-of-type{
	padding: 0px 0 0 0;
}
.content .sec{
	padding: 40px 0 0 0;
}

.under .sec h2{
	font-size: 20px;
	margin: 0 0 30px 0;
	letter-spacing: 0.08em;
}

.aboutpage .sec h2{
	margin: 0 0 20px 0;
}

.disclaimer_privacy{
	border:1px solid #e4e3e0;
	padding: 2% 10% 10%;
	margin: 40px 0 0 0;
}

.under .disclaimer_privacy .sec h2{
	font-size: 20px;
	margin:0 0 20px 0;
	padding: 30px 0 0 0;
}

.under .sec h3{
	margin: 20px 0 10px 0;
	font-weight:800;
	line-height: 180%;
	font-size: 17px;
}

.under .disclaimer_privacy .sec{
	padding: 0;
}
.about .disclaimer_privacy p{
	font-size: 13px !important;
	line-height: 190%;
	-webkit-font-smoothing: auto;
	font-weight:400;
}

#beforeusing li p{
	margin: 0 !important;
	line-height: 180%;
}
#beforeusing li p strong, #beforeusing li p a{
	line-height: 180%;
}

.about .content a{
	color: #0062db;
	position: relative;
}

.description #privacypolicy h2{
	margin:30px 0 20px 0;
	letter-spacing:0.04em;
}
#privacypolicy h3{
    font-weight:800;
    font-size:18px;
    margin:20px 0 10px;
    line-height:150%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#privacypolicy h4{
    font-weight:800;
    font-size:18px;
    margin:24px 0 10px;
    line-height:150%;
	border-top:1px solid #e4e3e0;
	padding: 24px 0 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#privacypolicy h4:first-of-type{
	border-top: none;
	margin: 0 0 10px 0;
	padding: 10px 0 0 ;
}
#privacypolicy h5{
    font-weight:600;
    font-size:14px;
    margin:20px 0 10px;
    line-height:150%;
}
.under .about_title{
	margin:4px 8% 16px 8%;
	font-size:24px;
	font-weight:800;
	letter-spacing: 0.06em;
}

#usage .micon, #usage .ficon{
	text-align:center;
	line-height:1;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:baseline;
}

.ficon i{
	transform:scale(0.5);
	margin: 6px 0 0 1px;
}
.micon i{
	transform:scale(0.7);
	margin:4px -2px 0 0;
}
#usage .micon{
	font-size:12px;
	background-color:#2f2725;
	color:#fff;
	border:1px solid #2f2725;
	margin:0 6px 0 4px;
}
#usage .ficon{
	font-size:10px;
	color:#2f2725;
	border:1px solid #2f2725;
	margin:0 4px 0;
}

.about .attention, .pickup .attention{
	font-size:10px;
	line-height:180%;
	display:inline-block;
	padding:8px 0 0 0;
	margin:0 0 0 1em;
	text-indent:-1em;
	letter-spacing: 0.1em;
	font-weight: 400;
	-webkit-font-smoothing: auto;
	color: #2f2725;
}

.about strong{
	font-weight:800;
	letter-spacing: 0.08em;
}
.about .attention strong{
	color:#eb0010;
	font-size: 13px;
}
.red{
	color:#eb0010;
}
#beforeusing li{
	text-indent:-1.0em;
	margin:0 0 14px 1.0em !important;
}
#beforeusing li:last-child{
	margin:0 0 0 1.0em !important;	
}
#beforeusing li p:before{
	content:"•";
	font-weight:300;
	margin:0 10px 0 0;
	font-size: 11px;
}

.about #beforeusing .attention{
	font-size:10px;
	padding:5px 0 0 0;
	line-height:180%;
	display:inline-block;
	margin:0 0 0 1em;
	text-indent:-1em;
}
.attention i{
	text-indent:0;
}
.navbr{
	display: none;
}

.search_keyword{
	margin: 36px 0 0 0;
}

.ad_11{
	width: 100%;
	margin: 50px 0 40px 0;
}

.about .news_date{
	font-size: 13px;
	margin: -40px 0 60px 0 !important;
}

.about .disclaimer_privacy dt{
	font-weight: 600;
	margin: 20px 0 10px 0;
	font-size: 14px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.about .disclaimer_privacy dd{
	margin: 0;
	padding: 0;
	font-size: 13px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.about .disclaimer_privacy .change{
	margin: 24px 0 0 !important;
	text-align: right;
	font-size: 12px !important;
	letter-spacing: 0.08em;
	border-top:1px solid #e4e3e0;
	padding: 24px 0 0 ;
}

.about .disclaimer_privacy ul{
	margin: -6px 0 0 0;
}

.about .disclaimer_privacy ul li{
	margin: 6px 0 0 0;
	font-size: 13px;
}

.about .disclaimer_privacy a{
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


@media only screen and (min-width: 768px) {
.about p{
	font-size: 17px;
	line-height: 220%;
	margin: 0 0 20px 0 !important;
}
.about{
	padding: 0 14%;
	margin: 0 0 19%;
}
.aboutpage .f_inner{
	margin: 0 14%;
	width: auto;
}
.aboutpage .breadcrumbs{
	margin:130px 14% 40px 14% !important;
	width: auto;
}	
.ad_11{
	margin: 50px 0 50px;
}
	
.single_s .f_inner{
	margin: 0 10%;
	width: auto;
}

.about .content a {
	padding-bottom:0px;
	background: linear-gradient(#006aee, #006aee) 0 100%/0 1px no-repeat;
	transition: background .4s;
	text-decoration: none;
}
.about .content a.reverse {
	  background-position: 100% 100%;
}
.about .content a:hover {
	  background-size: 100% 1px;
}
.under .about_title{
	margin:0 0 60px;
	padding:130px 14% 0;
	font-size:50px;
	font-weight:800;
	text-align:left;

}
.about .about_nav a, .about .book_nav a{
	font-size: 16px;
}
.about .about_nav, .about .book_nav{
	padding: 10% 10% 6%;
	margin: 0 0 70px 0;
}
.about .about_nav li, .about .book_nav li{
	margin: 0 4% 20px 0;
}
.content .sec{
	padding: 100px 0 0 0;
}
.under .sec h2{
	font-size: 36px;
	margin: 0 0 60px 0;
}
	
.aboutpage .sec h2{
	margin: 0 0 40px 0;
}

.about .disclaimer_privacy p:last-of-type{
	margin: 0 0 20px 0 !important; 
	
}
.about .attention strong{
	font-size: 17px;
}

.under .sec h3{
	font-size: 24px;
	margin: 40px 0 16px 0;
}

.under .disclaimer_privacy .sec h2{
	font-size: 36px;
	margin:0 0 40px 0;
	padding: 60px 0 0 0;
}
.about .disclaimer_privacy p{
	font-size: 16px !important;
	line-height: 200%;
}
	
#privacypolicy h3{
	font-size: 24px;
	line-height: 160%;
	margin:40px 0 16px 0;
}
	
#privacypolicy h4{
	font-size: 23px;
	line-height: 160%;
	margin:40px 0 16px 0;
	padding: 40px 0 0 0;
}

#usage .micon, #usage .ficon{
	text-align:center;
	line-height:1;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:text-bottom;
}

.ficon i{
	transform:scale(0.5);
	margin: 6px 0 0 0;
}
.micon i{
	transform:scale(0.7);
	margin:4px -2px 0 0;
}
#usage .micon{
	font-size:12px;
	background-color:#2f2725;
	color:#fff;
	border:1px solid #2f2725;
	margin:0 6px 0 4px;
}
#usage .ficon{
	font-size:10px;
	color:#2f2725;
	border:1px solid #2f2725;
	margin:0 4px 0;
}
#usage .micon, #usage .ficon{
	text-align:center;
	line-height:1;
	width:32px;
	height:32px;
	display:inline-block;
	vertical-align: middle;
}
#usage .ficon{
	font-size:12px;
	color:#2f2725;
	border-radius:50%;
	margin:0 6px 0 4px;
}
#usage .micon, #usage .ficon{
	border-radius:50%;
}
.ficon i{
	transform:scale(0.7);
	margin:11px 0 0 1px;
}	

.disclaimer_privacy{
	padding: 4% 10% 10%;
	margin: 180px 0 0 0;
}	
#beforeusing li p{
	line-height: 220%;
}
#beforeusing li{
	text-indent:-1.2em;
	margin:0 0 14px 1.2em !important;
}
#beforeusing li:last-child{
	margin:0 0 0 1.2em !important;	
}
#beforeusing li p:before{
	font-size: 14px;
}
#usage .accordion_title{
	font-size: 17px;
}
.hoverline {
	padding-bottom:0px;
	background: linear-gradient(#2f2725, #2f2725) 0 100%/0 1px no-repeat;
	transition: background .4s;
	text-decoration: none;
}
.hoverline.reverse {
	  background-position: 100% 100%;
}
.hoverline:hover {
	  background-size: 100% 1px;
}
.about .attention, .pickup .attention{
	font-size:12px;
	line-height: 180%;
	letter-spacing: 0.12em;
}
.cd_attention{
	font-size:11px;
	padding:8px 0 0 0;
	line-height:200%;
	display: inline-block;
}
.about #beforeusing .attention{
	font-size:12px;
}
	
.about .disclaimer_privacy dt{
	margin: 20px 0 10px 0;
	font-size: 17px;
}

.about .disclaimer_privacy dd{
	font-size: 16px;
}
.about .disclaimer_privacy .change{
	margin: 60px 0 0 !important;
	font-size: 14px !important;
	padding: 40px 0 0 ;
}

.about .disclaimer_privacy ul{
	display: flex;
	flex-wrap: wrap;
	margin: -16px 0 0;
}	
	
.about .disclaimer_privacy ul li:after{
	color: #d8d7d6;
    content: "/";
    margin: 0 0 0 4px;
}

.about .disclaimer_privacy ul li{
	margin: 10px 4px 0 0;
	font-size: 15px;
}

.about .disclaimer_privacy ul li:last-child:after{
    content: "";
    margin: 0 0 0 0px;
}

	
}

@media only screen and (min-width: 1024px) {
	
.about{
	padding: 0 8%;
	display: flex;
	margin: 0 0 220px;
	justify-content: space-between;
}
.aboutpage .f_inner{
	margin: 0 8%;
	width: auto;
}
.aboutpage .breadcrumbs{
	margin:0px 8% 40px 8% !important;
	width: auto;
}	
.about .about_nav{
	position: sticky;
	display: inline-block;
	height: 100%;
	top:14%;
	padding: 0;
	background: none;
	order: 2;
}
.about .book_nav{
	margin: 6px 0 0 0;
	display: inline-block;
	padding: 0;
	background: none;
}
.book_side{
	position: sticky;
	height: 100%;
	top:14%;
	order: 2;
	width: 26%;
}
	
.ad_11{
	max-width: 300px;
	height: 250px;
	margin: 30px 0 0 0;
}

.about .content{
	width: 70%;
	order: 1;	
}
.about .about_nav li, .about .book_nav li{
	margin: 0 0 12px 0;
}
.about .about_nav li:last-child, .about .book_nav li:last-child{
	margin: 0;
}
.about .about_nav a, .about .book_nav a{
	font-size: 15px;
	position: relative;
	color: #2f2725;
	line-height: 180%;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.under .about_title{
	margin:0px 0 60px 0;
	font-weight:800;
	padding:130px 8% 0;
}
.about .about_nav a:after, .about .book_nav a:after{
	content: '';
	padding: 0 0 0 0;
}

.about .about_nav a:hover, .about .book_nav a:hover{
	color:#2f2725;
}
.about .about_nav a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.about .about_nav .active, .about .book_nav .active{
	color: #2f2725;
	background-size:100% 1px;
}
.booklist .content{
	width: 62%;
}
	
}


@media only screen and (min-width: 1200px) {
.book_side{
	width: 22%;
}	
}

@media only screen and (min-width: 1260px) {
.single_s .f_inner{
	margin: 0 8% !important;
	width: auto;
}

}

@media only screen and (min-width: 1440px) {
.navbr{
	display:inline-block;
}
.book_side{
	width:250px;
}
.ad_11{
	width: 100%;
	height: 250px;
}
.booklist .content{
	width: 68%;
}
	
}

@media only screen and (min-width: 1500px) {
.about .content{
	width: 68%;
}
.booklist .content{
	width: 64%;
}
.ad_11{
	width:100%;
	height: 250px;
	margin: 40px 0 0;
}
	
.about .about_nav a, .about .book_nav a{
	font-size: 16px;
}
	
}

@media only screen and (min-width: 1600px) {
.book_side{
	width:300px;
}
}

@media only screen and (min-width: 1800px) {
.book_side{
	width: 340px;
}
.ad_11{
	height: 280px;
}
.booklist .content{
	width: 60%;
}
	
}

@media only screen and (min-width: 1900px) {
.about{
	padding: 0 8%
}
.aboutpage .f_inner{
	padding: 0 8%;
	width: auto;
}
.aboutpage .breadcrumbs{
	margin: 0 8%;
	width: auto;
}	
.under .about_title{
	padding:200px 8% 0;
}
.ad_11{
	margin: 60px 0 0;
}	
}


/*----------------------------------------------------------------------------

	ピックアップ
    
----------------------------------------------------------------------------*/

.pickup_area{
	display: none;
}

.pickup_area .simplefavorite-button .fav-badge {
	display: none;
}

@media only screen and (min-width: 1300px) {
	
.pickup_area{
	margin: -16px 0 26px 0;
	display: flex;
	align-items: stretch;
}
	
.pickup_area .pickupsite_title{
	font-size: 13px;
	font-weight: 800;
	line-height: 150%;
	max-width: 200px;
	-webkit-font-smoothing: antialiased;
}
	
.pickup_area a{
	text-decoration: none;
}
	
.pickup_area .pickup_site{
    background: #f1f1f1;
	padding: 18px 24px 20px;
	border-radius: 8px;
	box-sizing: border-box;
	flex: 0 1 auto;
	width: fit-content;
	max-width: calc(100% - 360px);
}
	
.pickup_area .pickup_creator{
    background: #f1f1f1;
	padding: 18px 24px 6px;
	max-width: 39%;
	border-radius: 8px;
	margin: 0 0 0 10px;
	box-sizing: border-box;
}

.pickup_area .pickup_site ul{
	display: flex;
	gap: 26px;
	justify-content: flex-start;
}

.pickup_area .pickup_site .pickupsite_list{
	display: flex;
	flex-wrap: nowrap;
	flex: 0 1 auto;
	min-width: 0;
}
	
.pickup_area .pickupsite_info{
	margin: -1px 0 0 0;
	flex: 0 1 auto;
	min-width: 0;
}
	
.pickupcreator_list{
	display: flex;
	min-width: 0;
}
	
.pickup_area .pickup_site img{
	width: auto !important;
	height: 4.8vw;
	margin: 0 16px 0 0;
	border: 1px solid #2f2725;
	display:block;
}
	
.pickup_area .creator_link .creator_thumb img{
	border-bottom: none;
	width: auto !important;
	height: 4.8vw;
	border: 1px solid #2f2725;
	display:block;
}
	
.pickup_area .ptitle{
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.06em;
	padding: 0 0 6px;
	-webkit-font-smoothing: antialiased;
}

.pickup_area .wp-post-image{
	max-width: inherit !important;
}
	
.pickup_area .ntc{
	display: flex;
	flex-wrap: wrap;
}
	
.pickup_area .list_studio span, .pickup_area .list_nocode span {
    text-decoration: none;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.08em;
    display: block;
    text-align: center;
    margin: 0 8px 6px 0;
    border-radius: 3px;
    padding: 4px 5px 3px 5px;
    font-weight: 500;
    border: 1px solid #2f2725;
    color: #2f2725;
	background-color: #fff;
}
	
.ntc{
	margin: 4px 0 0;
}
	
.ntc .fullc_link{
	padding: 0 8px 0 0;
}
	
.ntc p{
	color: #9d9a97;
    padding: 0 0 0 0;
    font-weight: 400;
    letter-spacing: 0.1em;
	font-size: 11px;
}
	
.pickup_area .btn{
	margin: 0;
}
	
.pickup_area .f_btn .simplefavorite-button:hover{
	background-color: #f1f1f1;
}

.pickup_area .f_btn .simplefavorite-button{
	padding: 0;
}
	
.pickup_area .creator_link .creator_title{
	margin: 0;
	font-size: 13px;
	line-height: 160%;
	font-weight: 800;
	padding: 0 0 3px 0;
	letter-spacing: 0.06em;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}

.pickup_area .pickup_url{
	display: flex;
	margin: 0px 0 2px;
}	

.pickup_area .creator_meta{
	padding: 0;
	display: block;
	flex: 1;
	min-width: 0;
	margin: -2px 0 0 16px;
}
	
.pickup_area .creator_title_wp{
	padding: 0;
}
	
.pickupsite_title a{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
	
.pickup_area .creator_podcast_list:before, .pickup_area .creator_podcast_list:after{
	content: '';
	padding: 0 0px 0 0px;
}
	
.pickup_area .creator_meta{
	font-size: 12px;
}
	
.pickup_area .creator_sns{
	padding: 0 0 6px 0;
}
	
.pickup_area img{	
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}
	
.pickup_area img:hover{	
	transform: translate(-4px, -4px);
	box-shadow: 4px 4px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}
	

}

@media only screen and (min-width: 1600px) {
	
.pickup_area .pickupsite_title{
	font-size: 14px;
}
	
.pickup_area .creator_link .creator_title{
	margin: 0;
	font-size: 14px;
	display: block;
	-webkit-line-clamp: 2;
}
	
.pickup_area .pickup_site img{
	height: 5.2vw;
}
	
.pickup_area .creator_link .creator_thumb img{
	height: 5.2vw;
}
	
.pickup_area{
	margin: -12px 0 30px 0;
}
	
}


@media only screen and (min-width: 1660px) {
	
.pickup_area .pickup_site img{
	height: 4.6vw;
}
	
.pickup_area .creator_link .creator_thumb img{
	height: 4.6vw;
}
	
}


/*----------------------------------------------------------------------------

	news
    
----------------------------------------------------------------------------*/

.list_news{
	display: none;
}

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

.list_news{
	display: block;
	margin: 0 0 60px 0;
	font-weight: 600;
	font-size: 18px;
}

.list_news a{
	text-decoration: none;
	position: relative;
}

.list_news p{
	vertical-align: baseline;
	position: relative;
}
.list_news i{
	transform:rotate(-45deg);
	font-size: 15px;
	margin: 0 0 0 4px;
	vertical-align:baseline;
	position: absolute;
	top:5px;
	font-weight: 400;
}

.list_news span{
	color: #eb0010;
	font-size: 16px;
	padding: 0 14px 0 0;
	font-weight: 600;
}

.list_news a:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

.list_news a:hover:after{
	transform-origin: left top;
	transform: scale(1, 1);
}
	
.list_news p:last-of-type{
	font-size: 13px;
	font-weight: 400;
	padding: 10px 0 0 0;
}
	
}

/*----------------------------------------------------------------------------

	ad
    
----------------------------------------------------------------------------*/

.ad_01{
    width:290px;
    height:100px;
    margin:30px auto 0px auto;
}
.ad_02{
    margin:0 0 60px;
}
.ad_02 div, .ad_03 div{
    width:100%;
    margin:10px auto 0px auto;
}
.ad_02 div:nth-child(2), .ad_03 div:nth-child(2){
    height:100px;
}
.ad_02 p, .ad_03 p{
    font-size:11px;
    text-align:center;
    padding:0 0 10px;    
}
.ad_04 div{
    width:100%;
    border:none;
}
.ad_05{
    width:100%;
    margin:20px auto 30px auto;
    height:100px !important;
}

.ad_06{
	margin: 0px auto 50px auto;
	text-align: center;
}

.ad_07{
	margin: 0px auto 50px auto;
	text-align: center;
}

.rankad, .allrankad{
	height: 250px;
	width: auto;
}

.ad_08{
	margin: 20px 0 0 0;
	max-width: 336px;
	max-height: 280px;
}

.singlead{
	height:100px;
	width:320px;
}

.post .ad_08 img{
	border: none;
}

.post .ad_08 img:hover{
	transform: translate(0px,0px);
    border: none;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

@media only screen and (min-width: 768px) {
.allrankad{
	width: auto;
	height: 100px;
}
	
.rankad{
	width: auto;
	height: 100px;
}
	
.ad_06{
	margin: 10px auto 80px auto;
}
	
.ad_07{
	margin: 10px 0 60px 0;
}
	
.singlead{
	height:60px;
	width:468px;
}

	
}

@media only screen and (min-width: 1024px) {
.allrankad{
	width: 970px;
	height: 250px;
}
	
.rankad{
	width: 720px;
	height: 90px;
}
	
.singlead{
	width:468px;
	height:60px;
}

	
}


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

.singlead{
	width:320px;
	height:50px;
}	
	
}

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

.singlead{
	width:320px;
	height: 100px;
}	
	
}

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

.singlead{
	width:300px;
	height: 250px;
}	
	
}


/*----------------------------------------------------------------------------

	footer
    
----------------------------------------------------------------------------*/

footer a{
	text-decoration: none;
}

.news{
	text-align:center;
	padding:20px 0 0 0;
	font-size:16px;
}
.fm{
	line-height:240%;
	letter-spacing:0.1em;
}
.spbr{
	display:block;
}
.other_link{
	display:flex;
	justify-content:center;
	margin:0 30px 40px 30px;
	flex-wrap:wrap;
}

.other_link li{
	margin:0 0 20px 0;
}

.other_link li a{
	font-size:18px;
	margin:0 10px;
	position: relative;
	font-weight: 200 !important;
	display: inline-block;
	letter-spacing:0.1em;
	line-height: 20px;
	text-decoration:none;
}
.other_link li span{
	font-size: 60%;
	vertical-align: bottom;
	padding: 0 0 0 6px;
	letter-spacing: 0.08em;
}

.singlenav{
	text-align: left;
	margin: 30px 0 60px;
	letter-spacing: 0.06em;
}

.singlenav li:first-of-type{
	margin: 0 0 20px 0;
}

.sitesingle_cl .singlenav{
	margin: 0px 0 0 0;
}

.creator_top .singlenav li:first-of-type{
	margin: 0 0 10px 0;
}

.creator_top .singlenav{
	margin: 0 0 0;
}

.back, .homeback{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}


.back a, .homeback a{
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	display: block;
	border: 1px solid #2f2725;
	padding: 20px 60px 18px;
	letter-spacing: 0.08em;
	border-radius: 100px;
	text-align: center;
}

.back span:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f060";
	font-weight:400;
	font-size:13px;
	line-height: 1;
	padding: 0 10px 0 0;
}
.homeback span:after{
	font-family:"Font Awesome 6 Pro";
	content:"\f061";
	font-weight:400;
	color:#2f2725;
	font-size:13px;
	padding: 0 0 0 10px;
	line-height: 1;
}
.back a:hover, .homeback a:hover{
	color:#2f2725;	
}

.homeback{
	display: none;
}

.singlenav li a{
    text-align: center;
	margin: 0 10px 0 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2f2725;
	height: 40px;
	width: 40px;
	box-sizing: border-box;
	padding: 0 0 0 2px;
	font-size: 13px;
}

.sf_btn{
    text-align: center;
	margin: 0 10px 0 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2f2725;
	height: 40px;
	width: 40px;
	box-sizing: border-box;
	padding: 0 0 0 2px;
}

.singlenav li i{
	transform: translateY(1px);
}

.singlenav .sf_btn i{
	transform: translateY(1.6px);
}

.singlenav li a{
	text-decoration: none;
}

.singlenav li .back_btn, .singlenav li .custom_btn, .singlenav li .worklist_btn, .singlenav li .list_back{
	width: auto;
	border-radius: 100px;
	padding: 4px 20px 0;
}

.back_btn span:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f060";
	font-weight:400;
	font-size:11px;
	line-height: 1;
	padding: 0 4px 0 0;
	transform: translateY(-1px);
	display:inline-block;
}

.custom_btn span:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f0e0";
	font-weight:300;
	font-size:13px;
	line-height: 1;
	padding: 0 4px 0 0px;
	transform: translateY(0px);
	display:inline-block;
}

.worklist_btn span:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f063";
	font-weight:400;
	font-size:11px;
	line-height: 1;
	padding: 0 4px 0 0;
	transform: translateY(-1px);
	display:inline-block;
}

.list_back span:after{
	font-family:"Font Awesome 6 Pro";
	content:"\f060";
	font-weight:400;
	font-size:11px;
	line-height: 1;
	padding: 0 4px 0 0;
	transform: translateY(-1px) scaleX(-1);
	display:inline-block;
}

footer{
	text-align: left;
	border-top: 1px solid #2f2725;
	padding: 34px 0 76px;
	font-size: 13px;
    letter-spacing:1px;
}
footer .links{
}

.f_inner{
	margin: 0 8%;
}

footer .sub{
	margin: 0 0 0 0 !important;
	font-size: 14px;
	line-height: 160%;
	font-weight:800;
}
footer .links ul{
	margin: 0 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
footer .links ul:first-of-type{
	margin: 4px 30px 0 0;
}

footer .links ul li{
	margin: 0 16px 0px 0;
}
footer .links ul li:last-child{
	margin: 0 0 0 0;
}

footer .links .site_link{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
}
footer .site_link a{
	font-size: 12px;
	margin: 0 0 0 0;
	letter-spacing: 0.06em;
	font-weight: 400;
}

footer .f_sitename{
	font-size: 30px;
	font-weight:800;
	letter-spacing: 1.6px;
	margin: -4px 0 0px !important;
}
	
footer .f_sitename a{
	display:inline-block;
}

footer .book a{
	display: none;
}
	
footer .series_link p{
	font-size: 14px;
	font-weight: 400;
}

footer .series_link p span{
	font-size: 13px;
	color: #eb0010;
	padding: 0 12px 0 0;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	
}

footer .series_link a{
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin: 0 0 0 0;
	position: relative;
}

footer .series_name a{
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 2px;
	display:inline-block;
	margin: 14px 0 18px;
}
footer .series_link ul li:first-of-type{
	margin: 0 0 40px;
}	
footer .series_link li:last-of-type{
	display: none;
}
footer .series_link{
	display: none;
}

.series_name i{
	transform:rotate(-45deg);
	font-size: 16px;
	margin: 0 0 0 6px;
	vertical-align: super;
	font-weight: 400;
}

.pickuplink{
	position: relative;
	padding-bottom: 8px;
}
footer .series_link .pickuplink a{
	font-weight: 600;
}


.pickuplink i{
	transform:rotate(-45deg);
	font-size: 12px;
	margin: 0 0 0 4px;
	position: absolute;
	top:6px;
	font-weight: 400;
}

.recommended_cat{
	margin: 140px 10%;
}

.recommended_cat ul{
	display: flex;
	margin: 40px 0 0 0;
	flex-wrap: wrap;
}

.recommended_cat li{
	margin:0 20px 20px 0;
}

.recommended_cat a{
	font-size: 16px;
}

.recommended_cat a:before{
	content:"#";
	font-weight:100;
	margin:0 2px 0 0;
	font-size: 16px;
}


 .f_news::after {
    content: "●";
    color:#eb0010;
    position: relative;
    top: -10px;
    right: -0px;
    font-size: 2px;
	transform: scale(0.6);
	display: inline-block;
}

.single_s footer{
	margin: 20px 0 0 0;
}

.singlenav{
	display: flex;
	justify-content:flex-start;
	margin: 26px 0 0px 0;
	flex-wrap: wrap;
}

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

footer .links a{
	font-size: 15px;
}
footer .links ul:first-of-type{
	margin: 4px 30px 0 0;
}
footer .site_link a{
	font-size: 12px;
}

}


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

footer{
	padding: 80px 0 70px;
}
.f_inner{
	margin: 0 auto;
	width: 620px;
}
.single_s footer{
	margin: 40px 0 0 0;
}

.index footer{
	margin: 160px 0 0 0;
}
footer .links a{
	font-size: 17px;
	position: relative;
}
footer .links .site_link{
	margin: 4px 16px 0 0;
	width: 100%;
}
footer .site_link a{
	font-size: 14px;
}
footer .f_sitename{
	font-size: 34px;
	margin: 0 0 16px !important;
}
footer .links ul li{
	margin: 0 20px 14px 0;
}
	
footer .links a:after {
	position: absolute;
	bottom: 1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
footer .links a:hover:after{
	transform-origin: left top;
	transform: scale(1, 1);
}	

footer .links .book a:after, footer .links .site_link a:after{
	padding: 0 0 0px 0;
}
footer .f_sitename a{
	position: relative;
}
footer .f_sitename a:after {
	position: absolute;
	bottom: 7px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

footer .series_link a:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
footer .series_link .series_name a{
	position: relative;
}
footer .series_link .series_name a:after {
	padding: 0 0 0px 0;
	bottom: -2px;
}
footer .series_link a:hover:after{
	transform-origin: left top;
	transform: scale(1, 1);
}
footer .f_sitename a:hover:after{
	transform-origin: left top;
	transform: scale(1, 1);
}
footer .links .site_link li, footer .links .book{
	margin: 0 16px 10px 0;
}
footer .book a{
	display: inline-block;
	font-size: 14px;
}
footer .links ul:first-of-type{
	margin: 0 0px 0 0 ;
	display: flex;
}


.back, .homeback{
	margin: 0 0 0;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.singlenav li:first-of-type{
	margin: 0 0 0 0;
}
.homeback{
	margin: 0 0 0 20px;
}
.back, .homeback{
	display: inline-block;
}
.back a, .homeback a{
	font-size: 16px;
	margin: 0 auto;
	padding: 26px 40px 22px;
}
	
footer .sub{
	display: none;
}
	
.singlenav li a:hover{
	transform: translate(0px,3px);
}
	
.singlenav{
	margin: 40px 0 10px 0;
}
	
.sitesingle_cl .singlenav{
	margin: 20px 0 0 0;
}

.singlenav li a{
    border: 1px solid #2f2725;
	height: 44px;
	width: 44px;
	font-size: 15px;
}

.sf_btn{
    border: 1px solid #2f2725;
	height: 44px;
	width: 44px;
}

.back_btn span:before, .worklist_btn span:before{
	font-size:13px;
	transform: translateY(-1px);
	padding: 0 6px 0 0;
}
	
.list_back span:after{
	font-size:13px;
	padding: 0 4px 0 0;
}
	
.custom_btn span:before{
	font-size:15px;
	transform: translateY(0);
	padding: 0 6px 0 0px;
}
	
.singlenav li .custom_btn span, .singlenav li .worklist_btn span{
	transform: translateY(-1px);
}
	
.singlenav li .back_btn span{
	transform: translateY(-1px);
}
	
.singlenav .sf_btn i{
	transform: translateY(1.8px);
}

}

@media only screen and (min-width: 890px) {
	
.f_inner{
	width: 700px;
}
}

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

.f_inner{
	display: flex;
	text-align: left;
	justify-content: space-between;
	width: 800px;
}	

.back a, .homeback a{
	font-size: 16px;
	margin: 0 auto;
	padding: 26px 40px 22px;
}
.homeback span:after, .back span:before{
	font-size: 14px;
}
.back:hover, .homeback:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,3px);
}
.singlenav li:first-of-type{
	margin: 0 0 0 0;
}
.homeback{
	margin: 0 0 0 24px;
}
}

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

footer .links ul:first-of-type{
	margin: 0 3.2vw 0 0;
}
footer .links ul{
	margin: 0 3.2vw 0 0;
}
footer .links .site_link{
	width: auto;
}
footer .links .site_link li, footer .links .book{
	margin: 0 16px 12px 0;
}
footer .links .site_link li:last-child, footer .links .book:last-child{
	margin: 0 0 0;
}

}

@media only screen and (min-width: 1260px) {
.f_inner{
	width:1112px;
}
footer{
	padding: 60px 0 60px;
}
footer .series_link{
	margin: -3px 0 0;
	border-top: none;
	display: block;
}
footer .series_link li:last-of-type{
	display: block;
}	
}

@media only screen and (min-width: 1300px) {
.f_inner{
	width:1120px;
}	
}

@media only screen and (min-width: 1350px) {
.f_inner{
	width:1140px;
}	
}


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

footer .links ul:first-of-type{
	margin: 0 5vw 0 0;
}
footer .links ul{
	margin: 0 5vw 0 0;
}
}

@media only screen and (min-width: 1500px) {
.f_inner{
	width:1160px;
}	
}


@media only screen and (min-width: 1660px) {
.f_inner{
	width:1490px;
}		
	
}

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

.f_inner{
	width: 1500px;
}

}

@media only screen and (min-width: 1740px) {
.f_inner{
	width: 1530px;
}

}


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

.f_inner{
	width: 1560px;
}

}



/*----------------------------------------------------------------------------

	404
    
----------------------------------------------------------------------------*/

.error a{
	text-decoration:none;
	position:relative;
	border:1px solid #2f2725;
	box-sizing:border-box;
	line-height: 1;
	display:inherit;
	width:100%;
	border-radius:100px;
	padding:24px 60px 22px;
	text-align:center;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	margin:30px auto 0;
	font-size:14px;
}
.error a:hover{
	color: #2f2725;
}
.error{
	margin:60px 0 160px 0;
}
.under .error h1{
	text-align:center;
	font-size:10vw !important;
	line-height:120%;
	font-feature-settings: "palt";
	margin:0 0 20px 0;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.error p{
	text-align:center;
	line-height:180%;
	font-size:14px;
}


.error span:after, .notfound span:after{
	font-family:"Font Awesome 6 Pro";
	content:"\f061";
	font-weight:300;
	color:#2f2725;
	font-size:14px;
	padding: 0 0 0 10px;
	line-height: 1;
}
.error a:hover, .notfound a:hover{
	color:#2f2725;	
}

.warning{
	font-weight: 600;
	color: #eb0010;
	padding: 10px 0 0 0;
}

.pcbr{
	display: none;
}

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

.error p{
	line-height:200%;
	font-size:16px;
}
	
.pcbr{
	display:block;
}	
	
}

/*----------------------------------------------------------------------------

	menu

----------------------------------------------------------------------------*/

.top_link, .banner_link, .parts_link{
	cursor: pointer;
	display: block;
	position: fixed;
	left:10px;
	z-index: 99;
    border:1px solid #605754;
    height: 28px;
	width: 38px;
    font-weight:300;
    font-size:14px;
    text-align:center;
    padding:10px 0 0 0;
    letter-spacing:1px;
}
.top_link{
	top:60px;
}
.banner_link{
	top:110px;
}
.parts_link{
	top:140px;
}
.top_link a, .banner_link a, .parts_link a{
    color:#605754;
    text-decoration:none;
}
.top_link:hover, .banner_link:hover, .parts_link:hover{
    background-color:#2f2725;
    border:1px solid #2f2725;
	transition: all 0.2s ease-in-out 0s;
    color:#fff !important;
}

#outersidebar, #outersidebar_s{
	width:100%;
	right: -100%;
}
#outersidebar_menu {
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
	-moz-user-select: none;
}

#outersidebar_menu.open{
	color: #fafafa;
}

#outersidebar_menu.open:hover, #search_menu.open:hover{
	color: #fafafa;
}

#outersidebar_menu{
	position: relative;
}

#outersidebar_menu.open:after{
	content:"閉じる";
	font-weight:800;
	letter-spacing: 0.08em;
	color:#bcbcbc;
	font-size:12px;
	line-height: 1;
	display:block;
	top:5px;
	left:16px;
	position: absolute;
}
#search_menu{
	position: relative;
}

#search_menu.open:after{
	content:"閉じる";
	font-weight:800;
	letter-spacing: 0.08em;
	color:#bcbcbc;
	font-size:12px;
	line-height: 1;
	display:block;
	top:5px;
	left: 5px;
	position: absolute;
}
#search_menu.open{
	color:#fafafa;
}

#outersidebar_menu:active {
	-webkit-tap-highlight-color: transparent;
}

#build-menu-page {
	transition: all 0.4s ease 0s;
	position: relative;
}

#build-menu-page #ovarlay, #build-menu-page #ovarlay_s{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(215,212,209,0.8);
	display: none;
    z-index:500;
}

#outersidebar, #outersidebar_s{
	overflow: auto;
	height: 100%;
	box-sizing: border-box;
	position: fixed;
	background:#2f2725;
	top: 0px;
	transition: all 0.4s ease 0s;
    z-index:1000;
}

#outersidebar.open, #outersidebar_s.open {
	right: 0px;
}

#innersidebar, #innersidebar_s{
	padding: 36px 36px 80px 36px;
	box-sizing: border-box;
    z-index:1200;
}

#innersidebar_s{
	padding: 36px 36px 0 36px;
}

#innersidebar .title, #innersidebar_s .title{
	padding:0 0 20px;
	color: #fff;
    font-weight:600;
    font-size:18px;
	letter-spacing:0.08em;
}
#innersidebar_s .title{
	padding:0 0 24px;
}

#innersidebar li {
	font-size: 12px;
	padding: 2px 0 0 0px;
	letter-spacing:0.1em;
}

.category_box{
	width: 100%;
	border-top: 1px solid #5c4e4a;
    padding: 30px 0 0px 0;
    margin: 20px 0 0 0px;
}

html.open,
html.open body {
  overflow: hidden;
}

html {
  scrollbar-gutter: stable;
}

.corporatesite, .stylish, .computer-web, .simple, .nice-lowerlayer, .responsive, .motion-effect, .black{
	margin-top: 22px;
	border-top: 1px solid #5c4e4a;
	padding: 24px 0 0 0px !important;
}

.t_link, .o_link{
	cursor: pointer;
	display: block;
	position:absolute;
	right:0px;
	z-index: 99;
    font-weight:300;
    font-size:14px;
    text-align:center;
    letter-spacing:1px;
    text-decoration:none;
}
.t_link{
    top:10px;
}
.o_link{
    top:49px;
}
.t_link a, .o_link a{
    text-decoration:none;
    border:1px solid #605754;
    border-right:none;
    padding:10px 0 11px;
	display:block;
	width:80px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.t_link:hover a, .o_link:hover a{
    color:#fff;
    background-color:#2f2725;
	transition: all 0.2s ease-in-out 0s;
}

.t_link a:hover, .o_link a:hover{
	border-color:#2f2725;
}

.total{
	color:#fff;
	font-size:15px;
	transform: translateY(-1px);
	font-weight:400;
	padding: 30px 0 0;
}

.cat_total{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 6px 0 0;
}

.side_link{
	color:#fff;
	font-size:24px;
	padding:0 0 36px;
	font-weight:300;
	letter-spacing:0.04em;
}

.side_link a{
	color:#fff;
	position: relative;
	display: inline-block;
	text-decoration:underline;
}
.side_news{
	padding: 40px 0 0 0;
	font-size: 12px;
	color: #d6d6d6;
	line-height: 180%;
}

.sidemenu, .sidemenu_creators{
	display: none;
}

@media only screen and (min-width: 360px) {
#outersidebar, #outersidebar_s{
	width:100%;
	right: -100%;
}

	
#page-top a{
	width: 56px;
	height: 56px;
}
#page-top{
	right: 208px;
}
#page-bottom a{
	width: 56px;
	height: 56px;
}
#page-bottom{
	right: 260px;
}
	
#outersidebar_menu.open:after{
	font-size:13px;
}
	
}

@media only screen and (min-width: 768px) {
#innersidebar .side_menu{
	display: none;
}

#outersidebar_menu.open{
	color: #2f2725;
}
#search_menu.open{
	color:#2f2725;
}	
	
#search_menu{
	cursor: pointer;
}
	
#search_menu .filter-icon{
	left: 0 !important;
}
.total{
	font-size:18px;
	padding: 40px 0 0;
}

.corporatesite, .stylish, .computer-web, .simple, .nice-lowerlayer, .responsive, .motion-effect, .black{
	margin-top: 28px;
	border-top: 1px solid #5c4e4a;
	padding: 30px 0 0 0px !important;
}
	
#innersidebar .title, #innersidebar_s .title{
	padding:0 0 24px;
	font-size: 22px;
}
#innersidebar_s .title{
	padding:0 0 30px;
}
.category a{
	padding: 4px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#innersidebar ul{
	display: flex;
	flex-wrap: wrap;
}
	
#innersidebar ul li{
	margin: 0 8px 0 0;
}
	
#innersidebar ul li:after{
	content: '/';
	color: #7b6d6a;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: 400;
}
	
#innersidebar ul li:last-child:after{
	content: '';
	padding: 0 0 0 0px;
}

.category a{
	display: inline-block !important;
}
	
#outersidebar_menu.open:after{
	content:"閉じる";
	font-weight:500;
	letter-spacing: 0.08em;
	color:#aa9f9c;
	font-size:15px;
	line-height: 1;
	display:block;
	writing-mode:revert;
	top:50px;
	left: 16px;
	position: absolute;
}
	
#search_menu.open:after{
	content:"閉じる";
	font-weight:500;
	letter-spacing: 0.08em;
	color:#aa9f9c;
	font-size:15px;
	line-height: 1;
	display:block;
	writing-mode:revert;
	top:30px;
	left: 16px;
	position: absolute;
}
	
#outersidebar_menu.open{
	color: #2f2725;
}

#outersidebar_menu.open:hover, #search_menu.open:hover{
	color: #2f2725;
}	
	
}


/*----------------------------------------------------------------------------

	form

----------------------------------------------------------------------------*/

.required{
    font-size:12px;
    color:#eb0010;
    padding-left:10px;
}

input{
    box-sizing:border-box;
    width:100%;
    font-size:15px;
    background-color:#fff;
    border:1px solid #e4e3e0;
    padding:10px 10px 8px;
	letter-spacing: 0.08em;
	font-weight: 400;
    -webkit-appearance: none;
    border-radius: 0;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin:4px 0 0 0;
}
.search_btn input{
	
}

.menu_search input{
    box-sizing:border-box;
    width:84%;
    font-size:13px;
    background-color:#2f2725;
    border:1px solid #5c4e4a;
	border-right:none;
	color:#fff;
    padding:18px 20px 18px;
    -webkit-appearance: none;
    border-radius: 0;
	margin:0;
	letter-spacing:0.1em;
	font-weight: 400;
}
.search_form #s{
    box-sizing:border-box;
    width:100%;
    font-size:13px;
    background-color:#2f2725;
    border:1px solid #5c4e4a;
	color:#fff;
    padding:18px 20px 18px;
    -webkit-appearance: none;
    border-radius: 0;
	margin:0 0 36px 0;
	letter-spacing:0.1em;
	font-weight: 400;
}
.menu_search form{
	display:flex;
}
#s_btn{
	width:20%;
	color:#fff;
    background-color:#2f2725;
	font-size:14px;
    border:1px solid #5c4e4a;
	line-height:0;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	border-left:none;
}
#s_btn:hover{
    background-color:#fff;
	color:#2f2725;
    border:1px solid #fff;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.menu_search input::placeholder, .search_form #s::placeholder {
	color:#fff;
	font-size:12px;
}
.menu_search input:-ms-input-placeholder, .search_form #s::placeholder {
	color:#fff;
	font-size:12px;
}
.menu_search input::-ms-input-placeholder, .search_form #s::placeholder {
	color:#fff;
	font-size:12px;
}
textarea{
    box-sizing:border-box;
    width:100%;
    font-size:15px;
    background-color:#fff;
    border:1px solid #e4e3e0;
    padding:10px;
    height:160px;
	letter-spacing: 0.1em;
    -webkit-appearance: none;
	font-weight: 400;
    border-radius: 0;
    margin:4px 0 0 0;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.wpcf7{
	margin:20px 0 0 0;
}

.wpcf7-submit{
    margin:16px 0 0px 0;
	letter-spacing:0.1em;
	font-size:14px;
    background-color:#006aee;
	border:1px solid #006aee;
    color:#fff;
    width:100%;
	padding:24px 18px 20px 18px;
	border-radius:100px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	font-weight: bold;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.wpcf7-validation-errors{
    border:none !important;
}

.wpcf7-response-output{
    padding:0 !important;
    margin:0px 0 20px 0 !important;
	font-size: 13px;
	line-height: 200%;
}

.wpcf7-response-output{
    border:none !important;
}

.description .form p{
	padding-bottom:12px;
}
.about .wpcf7-form p{
	font-size: 80%;
	margin: 0 0 20px 0 !important;
	letter-spacing: 0.08em;
	font-weight: bold;
}


@media only screen and (min-width: 768px) {
.wpcf7-submit{
    margin:36px 0 40px 0;
	font-size: 15px;
	width: 40%;
}
.about .wpcf7-form p{
	font-size: 16px;
	margin: 0 0 10px 0 !important;
}
.wpcf7-submit:hover{
	transform: translate(0px,4px);
}
.wpcf7-response-output{
    padding:0 !important;
    margin:0px 0 20px 0 !important;
	font-size: 17px;
	line-height: 220%;
}
}

@media only screen and (min-width: 890px) {
input{
    width:400px;
	font-size:17px;
    margin:5px 0 15px 0;
    padding:20px 20px 16px;
}
textarea{
    width:100%;
	font-size:17px;
	height:200px;
	line-height: 220%;
	letter-spacing: 0.08em;
    margin:5px 0 10px 0;
    padding:28px 34px 28px 34px;
}

}
/*----------------------------------------------------------------------------

	favorites

----------------------------------------------------------------------------*/

.favorites-list{
	border:none;
}

.favorites-list a:hover{
	color:#2f2725;

}
.simplefavorite-button.active{
	opacity:1 !important;
	color: #ff5081;
}
.favorites-list li{
	border-top:none !important;
	padding:0 !important;
}
.wp-post-image{
	max-width:100% !important;
	width:100% !important;
}
.favorites-list img{
	padding:0;
	box-sizing:border-box;
}
.favorites-list a{
	text-decoration:none;
}
.favorites-list a span{
	text-decoration:none;
	font-size:16px;
	border-bottom:2px solid #2f2725;
	font-weight:bold;
	line-height:230%;
	padding:0 0 6px 0 !important;
}


.no-favorites{
	border-top:none !important;
	margin:100px auto 60px;
	text-align:center;
}

.simplefavorites-clear{
	text-decoration:none;
	margin:40px 0 0;
	border:1px solid #2f2725;
	box-sizing:border-box;
	display:block;
	border-radius:100px;
	padding:18px 60px 14px;
	background-color:#fafafa;
	text-align:center;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	font-size:14px;
	font-weight:400;
	letter-spacing: 0.1em;
	color:#2f2725;
	width:-webkit-fill-available;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.simplefavorites-clear{
	margin-bottom:100px;
}
	
button:disabled{
	color:#bdbdbd;
	border:1px solid #bdbdbd;
	cursor:auto;
}

.f_btn{
	font-size:15px;
	margin:-3px 0 0;
}
.f_btn .simplefavorite-button{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	color:#2f2725;
	padding:0 10px;
}
.f_btn .simplefavorite-button:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	background-color:#fafafa;
}
.f_btn .simplefavorite-button i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.simplefavorite-button .active{
	color:#ff5081;
}

.f_btn .active{
	color:#ff5081;
	opacity:1 !important;
}

.sf_btn .active{
	color:#ff5081;
	opacity:1 !important;
}

.sf_btn{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	cursor:pointer;
}

.bookmark{
	display:flex;
	justify-content:flex-start;
	margin: 30px 0 0 -14px;
	align-items:baseline;
}
.order_btn {
    padding: 0px 0 0;
	cursor:pointer;
	text-decoration:none;
	display:flex;
	justify-content:end;
	font-size:14px;
	margin:0px 0 30px 0;
	font-weight:bold;
	color:#2f2725;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.order_btn i{
	margin-left:6px;
}
.order_btn:hover{
	color:#2f2725;
}
.order_btn > span:last-of-type,
.order_btn.reverse > span:first-of-type {
    display: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.order_btn.reverse > span:last-of-type {
    display: inline;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

.favorites-list img{
    float: none !important;
}
.favorites_title {
    padding: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.favorites_title p{
    padding: 8px 0 0 0;
    line-height: 180%;
    font-size: 12px;
}
.favorites_title .btn{
    margin: 0 0 0 18px;
}

.favorites_title .btn{
	font-size:15px;
}
.post .simplefavorite-button{
	font-size:14px;
}

@media only screen and (min-width: 768px) {
.cat_title{
	display: flex;
	justify-content: space-between;
}
	
.order_btn {
	padding: 8px 0 0;
}
	
.favorites_title p{
    font-size: 13px;
}
}

/*----------------------------------------------------------------------------

	pagenav

----------------------------------------------------------------------------*/

#pagenav {
	display: block;
	margin:60px 0 60px 0;
	text-align:center;
    font-size:14px;
}
.under #pagenav{
	margin:60px 0 50px 0;
}
#pagenav a,#pagenav span{
	display:inline-block;
	margin-bottom:10px;
	line-height:1;
	font-weight: 400;
}
#pagenav a {
	padding: 12px 15px 12px 15px;
	line-height: 200%;
	color:#2f2725;
	position: relative;
    text-decoration:none;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
#pagenav span {
	padding: 12px 15px 12px 15px;
    color:#2f2725;	
}
#pagenav .current{
	border-bottom: 1px solid #2f2725;
	padding: 16px 12px 8px;
	margin: 0 8px;
	line-height: 200%;
}
.post-categories li a{
	line-height:180%;
}

#outersidebar_menu i{
	font-weight: 400;
}

#innersidebar h2{
    color: #2f2725;
    font-weight:800;
    font-size: 12px;
    letter-spacing: 0.10em;
    cursor: default;
    transition: transform .5s;
    background: #fff;
    border-radius: 4px;
    padding: 4px 8px 2px;
    border: none;
    display: inline-block;
	margin: 0 0 8px 0;
}

#sp_img{
	display: none;
}
.portraitwindow{
	display: none;
}

.info .create_citation .freearea a{
	pointer-events: none;
	cursor: default;
    color:#2f2725;
	font-weight:800;
}

.h_menu_search input{
	box-sizing: border-box;
	width: 200px;
	font-size: 13px;
	background: none;
	border: none;
	padding: 12px 0 9px 16px;
	-webkit-appearance: none;
	border-radius: 0;
	margin: 0;
	letter-spacing: 0.06em;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.h_menu_search{
	margin: -10px 0 0 14px;
	display: none;
}
.h_menu_search form{
	display: flex;
	justify-content: flex-end;
	background: #f1f1f1;
	border-radius: 8px;
	border: 1px solid #f1f1f1;
}
#hs_btn{
	width: auto;
	border: none;
	line-height: 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	border-left: none;
	background: none;
	font-size: 12px;
	padding: 2px 14px 0 2px;
}
.h_menu_search input::placeholder{
	color:#fff;
	font-size:12px;
}
.h_menu_search input:-ms-input-placeholder{
	color:#fff;
	font-size:12px;
}
.h_menu_search input::-ms-input-placeholder{
	color:#fff;
	font-size:12px;
}
#hs_btn i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#hs_btn:hover i{
	color:#2f2725;
	transform: translate(0px,2px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.category_description, .link_area{
	margin: -10px 0 16px 0 !important;
}
.h_menu_search input::placeholder{
	color:#b0b0b0;
	font-size:12px;
}

@media only screen and (max-width: 320px) {
ul.post-bottom-social li {
	font-size: 12px;
	margin:0 0 0 2px;
    padding:0 0 0 0;
}
}

@media only screen and (min-width: 430px) {
.clip27786761 ul li{
    width:100%;
    margin:0 auto 20px;
}
.post-categories li{
	margin:0 3px 6px 0;
}

}


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



.spbr{
	display:none;
}
header p, .foot p{
    font-size:12px;
}
#pagenav a {
	padding:16px 10px 16px 10px;
	margin:0 8px;
}

#pagenav span {
	padding:16px 18px 16px 18px;
}

.more-content{
    height:340px;
}
.more-content::before {
    height: 200px;
}

}

@media only screen and (min-width: 768px) {
header {
	position:fixed;
	z-index:100;
}
.hideClass {
	opacity: 0;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
}
.hideClass a{
	pointer-events: none;
}
.order_btn {
	justify-content:flex-end;
}
#wrapper_inner{
	margin:0 auto;
	width:620px;
	padding:120px 0 0 0;
}
.post{
	text-align: left;
}

#sp_img{
	padding: 8% 0 0 0;
	display: block;
}
#sp_img a{
	display: flex;
}
#sp_img li{
	margin: 0 6% 0 0;
}
#sp_img li:last-child{
	margin: 0 0 0 0;
}
.post .more #sp_img li img, .post #sp_img li img{
	width: 300px;
	height: auto;
}
.index h1, .site_title, .foot .site_title{
	padding:0 0 20px 0;
	font-size:28px;
}
.single_s .site_title{
	font-size: 28px;
}
.index h1 a:hover, .site_title a:hover{
	transform: translate(0px,4px);
	color:#2f2725;
}

#about_inner header{
	padding: 40px 90px 40px 42px;
}
.single_s #wrapper_inner{
	margin:0 auto;
	width:auto;
	padding:0 10%;
}
.error a{
	font-size: 16px;
	padding: 26px 0 22px 4px;
	margin: 60px auto 0;
}
.bookmark{
	justify-content:flex-start;
	margin: 60px 0 0 0;
}
.single_s .under h1{
	text-align:left;
	margin: 80px 0 0;
}
.m_btn a:hover i{
	transform: translate(0px,3px);
	color:#2f2725;
}
.clip27786761 ul li{
    width:300px;
    margin:0 20px 24px 0;  
}
.hatebu-box{
	margin:-2px 0 0;
}
.clip27786761 ul li:nth-child(2n){
	margin:0 0 24px 0;
}


	
#outersidebar_menu i{
	font-size: 13px;
}


.single_s #favorites{
	bottom:30px !important;
	display:block !important;
}
	
#page-top, #page-bottom, #page-back{
	display: block;
	}
	
#page-top{
	right: 8px;
	bottom: 66px;

}
#page-back{
	display:block;
	right: 7px;
	bottom: 118px;
}
#page-top a, #page-bottom a, #page-back a{
	width:56px;
	height:56px;
	border-radius:50%;
}
#page-top a:before, #page-bottom a:before {
	font-size: 16px;
}
#page-back a:before {
	font-size: 16px;
}
#page-bottom{
	right: 15px;
	bottom: 16px;
}
#page-top a, #page-bottom a, #page-back a{
	background:none;
	border:none;
}
#page-bottom a:before{
	margin-left: 0px;	
}
#outersidebar, #outersidebar_s{
	width:90%;
	right: -90%;
}
#innersidebar{
	padding:42px 100px 42px 54px;
}
#innersidebar_s{
	padding: 42px 100px 0px 54px;
}
#innersidebar li {
	font-size: 14px;
	padding: 2px 0 0 0px;
	letter-spacing:0.1em;
}
.category a{
	display:block;
}
.category a span{
	padding:0 0 0 0;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
#innersidebar h2{
    font-size: 13px;
    border-radius: 4px;
    padding: 4px 8px 2px;
	margin: 0 0 8px 0;
}
	
.category a:hover{
	color:#b1d9ff;
}
.category a span::after{
	position: absolute;
	bottom: 1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #b1d9ff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.category a span:hover{
	color:#b1d9ff;
}
.category a:hover span::after {
	transform-origin: left top;
	transform: scale(1, 1);
}


.post{
	padding:0px 0 0 0;
	margin:0;
}

.side_link{
	font-weight:100;
}

.other_link li a{
	font-size:20px;
	margin:0 15px;
	text-decoration:none;
	border-bottom:none;
	padding:0 0 0 0;
	letter-spacing:0.1em;
}

.other_link li a::after{
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.other_link li a:hover{
	color:#2f2725;
}
.other_link li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.sp_link{
	display:block;
	right:30px;
	bottom:150px;
	width:56px;
	height:56px;
}
.sp_link a{
	background:none;
	font-size:15px;
	border:none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.sp_link a:hover{
	color:#2f2725;
	transform: translate(0px,3px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.s_btn{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.s_btn i{
}
.sf_btn:hover, .s_btn:hover{
	transform: translate(0px,3px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#page-top a:hover{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,-4px);
}
#page-bottom a:hover{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,3px);
}
#page-back a:hover{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(-3px,0px);
}
.clip27786761 ul li img:hover{
	transform: translate(-5px,-5px);
	box-shadow:5px 5px;
	-webkit-transition: 0.1s;-moz-transition: 0.1s;-ms-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s;
}
.clip27786761 ul li img{
	border:1px solid #2f2725;
}
.under .error h1{
	font-size:80px !important;
	line-height:100%;
}
.error a:hover{
	transform: translate(0px,4px);
}

ul.post-bottom-social li a:hover{
	transform: translate(0px,3px);
}
.twitter a:hover{
    color:#009ac6;
	transform: translate(0px,2px);
}
.facebook a:hover{
    color:#4364ad;
	transform: translate(0px,2px);
}
.pinterest a:hover{
    color:#da2e32;
	transform: translate(0px,2px);
}
.footer_sns li:first-child a:hover{
    color:#009ac6;
	transform: translate(0px,2px);
}
.footer_sns li:nth-child(2) a:hover{
    color:#4364ad;
	transform: translate(0px,2px);
}
.footer_sns li:last-child a:hover{
    color:#da2e32;
	transform: translate(0px,2px);
}
.footer_sns li:hover{
	transform: translate(0px,2px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#pagenav a::after{
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
#pagenav a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
#pagenav .current{
	padding: 16px 10px 16px;
}

.sitetitle_area{
	display:flex;
	align-items:flex-start;
}

header{
	padding:40px 90px 40px 42px;
}

header p{
	margin:3px 0 0 20px !important;
}
.description #privacypolicy h2{
	margin:40px 0 30px 0;
}
.breadcrumbs{
    font-size:12px;
}
.breadcrumbs a span::after{
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.breadcrumbs a span:hover{
	color:#2f2725;
}
.breadcrumbs a:hover span::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.more-content{
	height:500px;
}
.post-categories{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:50px 0 40px 0;
}
.post-categories li{
    font-size:13px;
    text-align:left;
    margin:0 3px 12px 0;
}

.post-categories li:after{
	content:'/';
	color:#bdbcbc;
	font-weight:100;
}
.post-categories li:last-child:after{
	content:'';
}

.post-categories li a{
	line-height: 180%;
	padding:10px 0 3px 0;
	margin:0 10px;
	position: relative;
	text-decoration: none;
}
.post-categories li a::after{
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #2f2725;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.post-categories li a:hover{
	color:#2f2725;
}
.post-categories li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.post img:hover{
	transform: translate(0px,4px);
	border:1px solid #2f2725;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.post img{
	border:1px solid #2f2725;
}
.favorites_title .btn:hover{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,2px);
}
h1.single{
	font-size:22px;
	margin:60px 0 50px 0;
}

.f_btn .simplefavorite-button:hover i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,2px);
}
.simplefavorites-clear:hover i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,4px);
}
button:disabled:hover{
	transform: translate(0px,0px);
}
.side_link{
	color:#fff;
	font-size:24px;
	padding:0 0 36px;
	font-weight:100;
}
.side_link a{
	color:#fff;
	border-bottom:none;
	padding:0 0 0px 0;
	text-decoration:none;
}
.side_link a::after{
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.side_link a:hover{
	color:#fff;
}
.side_link a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
ul.post-bottom-social li a{
	padding:0 16px;
}

.m_btn a{
	padding: 0 8px;
	font-size:15px;
}
.sns i {
	font-size: 15px;
}
.post .simplefavorite-button{
	font-size:16px;
}

.description a{
	text-decoration:none;
	position: relative;
}
.description a::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height:1px;
	background: #0062db;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.description a:hover{
	color:#0062db;
}
.description a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}

#privacypolicy a{
	text-decoration:none;
	position: relative;
}

#privacypolicy a:hover{
	color:#0062db;
}
#privacypolicy a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.wpcf7-submit{
	font-size:16px;
}
.error a{
	width:300px;
}


.info div{
	margin:4px 0 4px;
}
.info .freearea{
	margin:0px 0 0px;
}
.under .info h2, .under .info h3{
	font-size:12px !important;
	margin:0 14px 0 0;
}
.info{
	margin:40px 0 0px 0;
	font-size:16px;
}

.info a{
	color:#2f2725;
	font-weight:800;
	text-decoration:none;
	position:relative;
	margin:0 1px 0 0;
	font-size:15px;
	line-height: 15px;
	padding-bottom: 0px;
	display: inline;
}
.info p{
	color:#2f2725;
	font-size:15px;
	font-weight:800;
}
	
.info h2, .info p, .info a{
}	
	
.create8776553{
	flex-wrap:wrap;
}

.list_credit54873763 a:hover{
	color:#2f2725 !important;
}
.list_credit54873763 a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
.time_designer99876{
	font-size: 11px;
	padding: 4px 0 0 0;
	letter-spacing: 0.1em;
}
.s_btn {
	display: inline-block;
	margin: -1px 0 0 1px;
}
.s_btn a{
	padding:0 8px;
	font-size: 15px;
	display: inline-block;
}
.f_btn .simplefavorite-button{
	padding: 0 8px;
}
.category_description, .link_area{
	margin: -16px 0 30px !important;	
}
.category_description p, .link_area p{
	font-size: 14px;
	text-align:left;
}
.category_description a span::after{
	position: absolute;
	bottom: 1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #0062db;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

.category_description a span:hover{
	color:#0062db;
}
.category_description a:hover span::after{
	transform-origin: left top;
	transform: scale(1, 1);
}

.under h1{
	font-size: 28px;
	margin:-12px 0 20px 0;
}
	
.portraitwindow{
	position: relative;
	display: block;
	margin: 16px 0 0 0;
}
.list_credit54873763 a{
	color: #2f2725;
	position: relative;
	text-decoration: none;
	margin: 0 1px 0 0;
	font-weight: 400;
}
.portraitwindow a{
	color:#0062db;
	position: relative;
	text-decoration: none;
	margin: 0 1px 0 0;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.1em;
}
.portraitwindow p i{
	transform:translateY(-2px) rotate(-45deg);
    font-size: 12px;
    margin: 0 0 0 2px;
    font-weight: 400;
	color:#0062db;
}
.portraitwindow a::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #0062db;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
.portraitwindow a:hover{
	color:#0062db !important;
}
.portraitwindow a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
	
}

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

#wrapper_inner{
	width:700px;
}
.under h1{
    margin:-12px 0 20px 0;
}
h1.single{
	margin:60px 0 0 0;
}
#build-menu-page.open {
	transform: translateX(-10%);
}

.wpcf7{
    margin-top:40px !important;
}
	
.h_menu_search{
	display: block;
}
input{
    width:400px;
	font-size:16px;
    margin:5px 0 15px 0;
    padding:20px 20px 16px;
}
textarea{
    width:100%;
	font-size:16px;
	height:200px;
    margin:5px 0 10px 0;
    padding:22px 20px 22px 25px;
}
.ad_01{
    width:320px;
    height:100px;
    margin:20px auto 0px auto;
}
.ad_02{
    display: flex;
    justify-content: center;
    margin:20px 0 40px 0;
}
.ad_03{
    display: flex;
    justify-content: center;
    margin:50px 0 60px 0;
}
.ad_02 div, .ad_03 div{
    width:300px;
    height:250px;
    margin:0 12px;
}
.ad_05{
    width:650px;
    margin:0 auto 70px auto;
    height:30px !important;
}
.under h2{
    font-size:24px;
    margin:15px 0 5px 0;
}
.description h2{
	font-size:24px;
	margin:10px 0 30px 0;
}
.description #privacypolicy h2{
	margin:60px 0 30px 0;
}

.post-categories{
	margin:50px 0 30px 0;
	padding:0 !important;
}

.clip27786761 ul li{
    width:340px;
    margin:0 20px 24px 0;  
}
.clip27786761 ul li:nth-child(2n){
	margin:0 0 24px 0;
}

.sp_link a{
	border-radius:50%;
	width:56px;
	height:56px;
	line-height:58px;
}

.time{
	font-size: 11px;
	color: #9d9a97;
	margin: 20px 0 50px 0 !important;
}
.category_description p, .link_area p{
	font-size: 16px;
}
.category_description, .link_area{
	margin: -16px 0 30px 0 !important;
}
	
.post .more #sp_img li img, .post #sp_img li img{
	width: 320px;
	height: auto;
}
	
}

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

#wrapper_inner{
	width:800px;
	padding:120px 0 0 0;
}
.clip27786761 ul li {
	width: 360px;
	margin:0 40px 24px 0;
}

.t_link{
    top:20px;
}
.o_link{
    top:59px;
}

.header_menu{
	display: flex;
}
header{
	padding:40px 90px 40px 42px;
	display:flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
}
.header_menu li{
	padding: 0 10px;
	font-size: 16px;
}
.header_menu a{
	text-decoration:none;
	padding:6px 0;
	letter-spacing:0.08em;
	display: inline-block;
	font-weight: 500;
	line-height: 16px;
}
.header_menu a:hover{
	color: #2f2725;
}
.header_menu a:after {
	content: "";
	width: 0%;
	display: block;
	border-bottom: solid 1px #2f2725;
	padding: 0 0 4px 0;
}
.header_menu a:hover:after{
	transition:0.2s;
    width: 100%;
}
	
#about_inner header{
	padding:40px 74px 40px 42px;
}
	
.h_menu_search input{
	width: 240px;
	}

.under h1{
    font-size:36px;
    margin:-12px 0 24px 0;
	line-height:160%;
}
h1.single{
	margin:40px 0 0px 0;
	font-size:34px;
	font-weight:800;
}
	
h1.single i{
	font-size: 28px;
}	
	
h1.single a{
	text-decoration:none;
	position: relative;
}

h1.single a {
	padding-bottom:0;
	background: linear-gradient(#0062db, #0062db) 0 90%/0 2px no-repeat;
	transition: background .3s;
	text-decoration: none;
}
h1.single a .reverse {
	  background-position: 100% 100%;
}
h1.single a:hover {
	  background-size: 100% 2px;
}	
	
	
	
h1.single a:hover{
	color:#0062db;
}
h1.single a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.info a:hover{
	background-size:100% 1px;
}


.under .error h1{
	font-size:100px !important;
	font-weight:600;
	margin:0 0 0 0;
	line-height:130%;
}
#innersidebar .title, #innersidebar_s .title {
    font-weight:600;
	letter-spacing:0.1em;
}
	
.top_link, .banner_link, .parts_link{
    left:20px;
}
.top_link{
	top:70px;
}
.banner_link{
	top:120px;
}
.parts_link{
	top:200px;
}
.ad_01{
    width:728px;
    height:90px;
    margin:0 auto 70px auto;
}
.ad_02 div, .ad_03 div{
    width:336px;
    height:280px;
    margin:0 30px;
}
.pinterest, .facebook, .twitter{
}
.twitter{
	right:16px;
	top:90px;
}
.facebook{
	right:19px;
	top:130px;
}
.pinterest{
	right:16px;
	top:170px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 55px;
    background-color:#2f2725;
    color: #fff;
    text-align: center;
    padding:7px 0;
    border-radius: 3px;
    position: absolute;
    font-size:12px;
    z-index: 1;
    margin-top:10px;
    left:345px;
    display:block;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%; 
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #2f2725 transparent;
}
.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 0.5s;
}
.tooltip:hover .tooltiptext {
    opacity: 1;
}
.ad_05{
    width:800px;
}
.news{
	padding:50px 0 0 0;
}
.spbr{
	display:none;
}
.ad_04 div{
    width:360px;
	height: auto;
}
.error a{
	width:300px;
}
.error{
	margin:8vh 0 220px 0;
}

.post-categories{
	margin:50px 0 40px 0;
	padding:0 !important;
}

.wpcf7-submit{
	width:30%;
}
	
}

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

.under .error h1{
	font-size:130px !important;
}
.more-content{
    height:800px;
}
.more-content::before {
    height: 200px;
}
.m_btn a{
	color:#2f2725;
	margin:0 0 0 0;
	font-size:14px;
}

header{
	padding:40px 96px 40px 42px;
}
	
#about_inner header{
	padding:40px 96px 40px 42px;
}

}

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

#wrapper_inner{
	width:1112px;
}
.clip27786761 ul li {
	width: 360px;
	margin:0 16px 24px 0;
}
.clip27786761 ul li:nth-child(2n){
	margin:0 16px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 0 24px 0;
}
.ad_04 div{
    width:360px;
	min-height:316px !important;
    border:1px solid #2f2725;
    margin:0 auto;
    display: table-cell;
    vertical-align: middle;
    box-sizing:border-box;
	padding:17px 10px;
    background-color:#fff;
	transition: .1s ease-in-out;
}
.adhov:hover{
	cursor:pointer;
 	transition: .1s ease-in-out;
	transform: translate(-5px,-5px);
	box-shadow:5px 5px;
	color:#2f2725;
}
	
h1.single{
	margin:-6px 0 0px 0;
}
	
.post{
	padding:0px 0 0 0;
	margin:0;
	display: flex;
	justify-content: space-between;
}
	
.site_img{
	width: 58%;
}
	
.site_info{
	width: 36%;
	position: sticky;
	display: inline-block;
	top:10%;
	height: 100%;
}
	
.info .create8776553{
	margin: 14px 0 0 0;
}

.info div{
	margin:4px 0 4px;
	display: block;
}
		
.create8776553 p:nth-child(3n):before, .create8776553 p:nth-child(4n):before, .create8776553 p:nth-child(5n):before, .operator p:nth-child(3n):before, .operator p:nth-child(4n):before{
	content: '';
	margin: 0;
}
	
.create8776553 p:nth-child(3n), .create8776553 p:nth-child(4n), .create8776553 p:nth-child(5n), .operator p:nth-child(3n), .operator p:nth-child(4n){
	margin:0 0 0 0 !important;
}
	
.post .more img{
	height: 35.2vw;
}

.under .info h2, .under .info h3{
	margin: 0 14px 8px 0;
}
	
.info p{
	padding: 0 0 2px 0;
}
	
.bookmark{
	margin: 34px 0 0 0;
}
.singlenav{
	margin: 26px 0 10px 0;
}
	
.single_s .under h1{
	margin: -6px 0 0 0;
}
	
.single_s #wrapper_inner{
	padding:0 8%;
}
	
.info{
	margin: 20px 0 0px 0;
}
	
#sp_img a{
	display: flex;
	justify-content:space-between;
}
#sp_img li{
	margin: 0 0 0 0;
}
#sp_img li:last-child{
	margin: 0 0 0 0;
}

.post .more #sp_img li img, .post #sp_img li img{
	width: 300px;
	height: auto;
}

}

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

#wrapper_inner{
	width:1120px;
}
.clip27786761 ul li {
	width: 360px;
	margin:0 20px 24px 0;
}
.clip27786761 ul li:nth-child(2n){
	margin:0 20px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 0 24px 0;
}

header{
	padding:40px 96px 0 42px;
	box-sizing:border-box;
	width:100%;
}

#about_inner header{
	padding:40px 96px 40px 42px;
}

}

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

.clip27786761 ul li {
	margin:0 30px 24px 0;
}
.clip27786761 ul li:nth-child(2n){
	margin:0 30px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 0 24px 0;
}

#wrapper_inner{
	width:1140px;
}
	
.h_menu_search input{
    width:240px;
}
	
.post .more #sp_img li img, .post #sp_img li img{
	width: 300px;
	height: auto;
}
	
}

@media only screen and (min-width: 1440px) {
	
.post .more #sp_img li img, .post #sp_img li img{
	width: 300px;
	height: auto;
}	
}


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

#wrapper_inner{
	width:1160px;
}
.clip27786761 ul li {
	margin:0 40px 24px 0;

}
.clip27786761 ul li:nth-child(2n){
	margin:0 40px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 0 24px 0;
}
.post img{
    margin:0 -1px 0 -1px;
}

.ad_05{
    width:900px;
}

.btn{
	display:flex;
	margin:0 -10px 0 20px;
	justify-content:flex-start;
	width:auto;
}

.m_btn a{
	padding:10px 8px 10px 8px;
	margin:0 0 0 0;
	font-size:14px;
}
	
#sp_img a{
	justify-content:flex-start;
}
#sp_img li{
	margin: 0 6% 0 0;
}
#sp_img li:last-child{
	margin: 0 0 0 0;
}

.site_img{
	width: 58%
}
	
.site_info{
	width: 36%;
}	


}


@media only screen and (min-width: 1660px) {
	
	
#wrapper_inner{
	width:1490px;
}
.clip27786761 ul li {
	margin:0 16px 24px 0;

}
.clip27786761 ul li:nth-child(2n){
	margin:0 16px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 16px 24px 0;
}
.clip27786761 ul li:nth-child(4n){
	margin:0 0px 24px 0;
}
	
}

@media only screen and (min-width: 1680px) {
	
#wrapper_inner{
	width:1500px;
}
.clip27786761 ul li {
	margin:0 20px 24px 0;

}
.clip27786761 ul li:nth-child(2n){
	margin:0 20px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 20px 24px 0;
}
.clip27786761 ul li:nth-child(4n){
	margin:0 0px 24px 0;
}
	
#outersidebar, #outersidebar_s{
	width:86%;
	right: -86%;
}
	
}



@media only screen and (min-width: 1740px) {
	
#wrapper_inner{
	width:1530px;
}
.clip27786761 ul li {
	margin:0 30px 24px 0;

}
.clip27786761 ul li:nth-child(2n){
	margin:0 30px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 30px 24px 0;
}
.clip27786761 ul li:nth-child(4n){
	margin:0 0px 24px 0;
}

}

@media only screen and (min-width: 1840px) {
	
#wrapper_inner{
	width:1560px;
}
.clip27786761 ul li {
	margin:0 40px 24px 0;
}
.clip27786761 ul li:nth-child(2n){
	margin:0 40px 24px 0;
}
.clip27786761 ul li:nth-child(3n){
	margin:0 40px 24px 0;
}
.clip27786761 ul li:nth-child(4n){
	margin:0 0px 24px 0;
}
		
}


/*----------------------------------------------------------------------------

    絞り込み検索

----------------------------------------------------------------------------*/

#search_box{
	color:#fff;
}
.search_btn{
	display:flex;
	position: sticky;
	bottom: 0px;
	background:linear-gradient(180deg, transparent 0 10%, #2f2725 50%);
	padding: 28px 0 74px;
	margin: -30px 0 0 -1px;
}
.search_btn li{
	width:70%;
	margin:0 20px 0 0;
}
.search_btn li:last-child{
	margin:0 0 0 0;
	width: auto;
}
.search_form{
    font-size: 12px;
}
.search_form .hidden{
    display: none;
}
.search_form{

}
#search_box input[type="checkbox"]{
    padding: 0;
    border-radius: 0;
    outline: none;
    background: none;
    width: 12px;
    height: 12px;
	font-size: 11px;
    line-height: 1;
    vertical-align: middle;
	margin:-3px 6px 0 0;
	border-radius:2px;
	background-color:#2f2725;
	border:1px solid #a6a19f;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
#search_box input[type="checkbox"]:before{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
#search_box input[type="checkbox"]:hover{
    cursor: pointer;    
}
#search_box input[type="checkbox"]:checked{
    -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
	border:none;
}
#search_box input[type="checkbox"]:checked:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f00c";
	font-weight:300;
	color:#b1d9ff;
	display:block;
	font-size:14px;
	margin:-1px 0 0 0;
    -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
}

#search_box input[type="checkbox"]:checked + .label_txt{
	color:#b1d9ff;
	border-bottom: 1px solid;
}

.label_txt:hover{
	text-decoration:none;
}

.label_box{
	padding-left:18px;
	text-indent:-18px;
}

#search_box input[type="submit"]{
    width: 100%;
    padding: 14px 0 14px;
    box-sizing: border-box;
	border-radius:100px;
    background-color: #fff;
	font-weight: bold;
	margin-bottom:10px;
	border: none;
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #2f2725;
	font-size: 14px;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
#search_box label{
    display:block;
    box-sizing: border-box;
    margin-right: 15px;
	padding-bottom:6px;
	letter-spacing: 0.08em;
	line-height: 24px;
	-webkit-font-smoothing: auto;
}
#search_box .search_form{
    color: #fff;
}
#search_box .label_box{
    border-bottom:1px solid #5c4e4a;
    padding-bottom: 14px;
    margin-bottom: 24px;
}
#search_box div:last-of-type{
    border-bottom:none;
    margin-bottom: 0;
}
.reset_btn{
    width: 100%;
    box-sizing: border-box;
	color:#bcb4b2;
	font-weight: bold;
	background: none;
	padding: 14px 0 12px;
	border: none;
	font-size: 13px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#search_menu:active {
    -webkit-tap-highlight-color: transparent;
}

.menu_search{
	margin:0px 0 34px 0;
}

#search_menu, #favorites{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;	
}

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

#search_box input[type="checkbox"]{
    width: 12px;
    height: 12px;
	margin:-3px 8px 0 0;
}
#search_box label{
	padding-bottom:12px;
	transition:.2s;
}
#search_box label:hover{
    cursor: pointer;
	transition:.2s;
	color:#b1d9ff;
}

.category a{
	display:block;
}
#search_box .label_txt{
	padding:0 0 3px 0;
	position: relative;
	text-decoration: none;
}
#search_box .label_txt::after{
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #b1d9ff;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}
	
#search_box input[type="checkbox"]:checked + .label_txt::after{
	height: 0;
}
#search_box .label_txt:hover{
	color:#b1d9ff;
}
#search_box label:hover .label_txt::after{
	transform-origin: left top;
	transform: scale(1, 1);
}



}


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

.search_btn li{
	width:56%;
	margin:0 30px 0 -1px;
}
.search_btn li:last-child{
	margin:0 0 0 0;
	width: auto;
}
#search_box input[type="submit"]{
	padding: 20px 0 20px;
	font-size: 16px;
}
#search_box input[type="submit"]:hover{
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	transform: translate(0px,4px);
}
.reset_btn{
	font-size: 15px;
	padding: 20px 0;
}
.reset_btn:hover{
	color:#fff;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#search_box label{
	letter-spacing:0.1em;
}

.simplefavorites-clear{
	font-size:16px;
	width: auto;
	margin: 40px auto 0;
	padding: 24px 60px 20px;
}

.search_btn{
	padding: 40px 0 34px;
	margin: -42px 0 0 -1px;
}

#home_icon {
	display: none;
}
	
#search_box .label_box{
    border-bottom:1px solid #5c4e4a;
	padding-bottom:20px;
	margin-bottom:34px;

}	
.search_form{
    font-size: 14px;
}

	
}

@-moz-document url-prefix() {
   .search_btn{
	position:static;
	
}
}

/*----------------------------------------------------------------------------

    メニュー

----------------------------------------------------------------------------*/

.sidemenu{
	position: fixed;
	bottom:0;
	left: 0;
	display: flex;
	z-index: 1300;
	background: #fafafa;
	color: #2f2725;
	width: 100%;
	padding: 14px 6% 12px;
	justify-content: space-between;
	border-top:1px solid #2f2725;
}

.sidemenu li{
	font-size: 12px;
	font-weight:800;
	letter-spacing: 0.06em;
	color: #2f2725;
}

.sidemenu li a{
	text-decoration: none;
	color: #2f2725;
}

#search_menu{order: 3;}
#popular{order: 3;}
.topicon{order: 6;}
.bottomicon{order: 5;}

.sidemenu .topicon i, .sidemenu .bottomicon i, .sidemenu .backicon i{
	display: block;
	font-size: 15px;
	padding: 2px 2px 2px 4px;
	font-weight: 400;
}

#outersidebar_menu span{
	display: none;
}


.sidemenu #favorites{
	display:none;
}

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

.sidemenu li{
	font-size: 13px;
}
}

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

.sidemenu{
	top:0px;
	right:0px;
	display: flex;
	z-index: 1300;
	width: 56px;
	left: auto;
	background: none;
	padding: 0 0 20px 0;
	justify-content: flex-start;
	background-color: #2f2725;
	height: max-content;
	border: 1px solid #fafafa;
	border-top: none;
	border-right: none;
	border-radius: 0 0 0 16px;
}
	
.sidemenu_creators{
	position: fixed;
	top:350px;
	right:0px;
	display: flex;
	z-index: 1300;
	width: 56px;
	left: auto;
	background: none;
	padding: 0 0 20px 0;
	justify-content: flex-start;
	background-color: #006aee;
	height: max-content;
	border-radius: 16px 0 0 16px;
}

.sidemenu li, .sidemenu_creators li{
	box-sizing: border-box;
	display: block;
	color: #fff;
	padding:20px 17px 0px 4px;
	font-size: 15px;
	font-weight: 500;
	-webkit-font-smoothing:auto;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
}
	
.sidemenu_creators li{
	font-weight: 800;
	padding:22px 17px 0px 4px;
}

.sidemenu li:first-child{
	letter-spacing: 0.06em;
}

.sidemenu li a, .sidemenu_creators li a{
	color: #fff;
}
	
.sidemenu, .sidemenu_creators{
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	color: #fff;
	font-weight: 500;
}

.sidemenu a, .sidemenu_creators a{
	color: #fff;
	text-decoration: none;
	padding: 0 4px;
}

.sidemenu li::selection {background:none; color:#2f2725;}
.sidemenu li::-moz-selection {background:none; color:#2f2725;}

.sidemenu .topicon, .sidemenu .bottomicon, .sidemenu .side_creatorlist{
	display: none;
}

.sidemenu .homeicon{order: 5;}
	
#outersidebar_menu:hover{
	color: #aa9f9c;
	transform: translate(0px,0px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#search_menu:hover, .sidemenu .homeicon a:hover{
	color: #aa9f9c;
	transform: translate(0px,0px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

#favorites:hover{
	transform: translate(0px,0px);
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
	
#favorites a:hover, #popular a:hover, .side_sitelist a:hover, .side_creatorlist a:hover{
	color:#aa9f9c;
}
	
.side_creatorlist a:hover{
	color:#9bc8ff;
}
	
#popular{order: 2;}
#outersidebar_menu span{
	display: inline-block;
}
	
.sidemenu #favorites{
	display:block;
}
	
.sidemenu .favorites_sideicon{
	display: none;
}
	
}


/*----------------------------------------------------------------------------

	サイドタブ
    
----------------------------------------------------------------------------*/

.side_cat{
	margin: 10px 0 0 0;
}

.side_cat .tab-wrap{
	background: none;
	border: none;
	display: flex;
	flex-wrap: wrap;
}

.side_cat .tab-wrap:after {
	content: '';
	width: 100%;
	display: block;
	order: -1;
}

.cat_tabs {
	width: 100%;
	margin: 0 auto 0;
	padding: 0 0 0;
}

.cat_tab span{
	display: none;
}

.cat_tab{
	color: #fff;
	background: #5e5350;
	box-sizing: border-box;
	border-radius: 100px;
	padding: 5px 10px 6px;
	cursor: pointer;
	font-size: 11px;
	margin: 0 2px 10px 0;
	letter-spacing: 0.08em;
	font-weight:800;
	transition: transform .5s;
	line-height: normal;
	white-space: nowrap;
	display: inline-block;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

input[name="cat_tab"] {
  display: none;
}

.cat_tab_content {
	display: none;
	clear: both;
	overflow: hidden;
	padding: 10px 0 0 0;
	transition: transform .5s;
	background: none;
}

#cat01:checked ~ #cat01_content,
#cat02:checked ~ #cat02_content,
#cat03:checked ~ #cat03_content,
#cat04:checked ~ #cat04_content,
#cat05:checked ~ #cat05_content,
#cat06:checked ~ #cat06_content,
#cat07:checked ~ #cat07_content,
#cat08:checked ~ #cat08_content,
#cat09:checked ~ #cat09_content{
	display: block;
	transition: transform .5s;
}

.cat_tabs input:checked + .cat_tab {
	color: #fff;
	cursor:default;
	transition: transform .5s;
	background: #006aee;
	border-radius: 100px;
	padding: 5px 10px 6px;
	border: none;
	display: inline-block;
}

.cat_tab{
	position: relative;
}

.cattab-label {
	text-align: left;
	order: -1;
	position: relative;
	z-index: 1;
	margin: 0 6px 0 0;
	cursor: pointer;
	box-sizing: border-box;
	font-family: ""avenir-next-world"", 'Lato', "こぶりなゴシック W6 JIS2004", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	background-color:#5e5350;
	border-radius: 100px;
	color: #fff;
	transition: transform .2s;
	letter-spacing: 0.08em;
	line-height:normal;
	padding: 4px 10px 4px;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
.cattab-label:first-of-type{
	border-left: none;
	margin: 0 6px 0 1px;
}

.tab-switch:checked+.cattab-label {
	border-bottom: none;
	transition: transform .2s;
	background-color:#006aee;
	color: #fff;
}
.tab-switch:checked+.cattab-label+.tab-content {
	height: auto;
	opacity: 1;
	transition: .5s opacity;
	border-top: 1px solid #fff;
	margin:28px 0 0 0;
	padding:18px 0 0 0;
}

.side_cat input{
	width: auto;
}

.dis_cat{
	font-size: 12px;
	padding: 0 0 16px 0;
	letter-spacing: 0.08em;
	color: #fff;
	font-family: ""avenir-next-world"", 'Lato', "こぶりなゴシック W6 JIS2004", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-font-smoothing:auto;
}

.dis_cat:before{
	font-family: "Font Awesome 6 Pro";
	content: '\f0d7';
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	margin: 0 6px 0 0;
}

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

.side_cat{
	margin: -6px 0 0 0;
}	
	
.cat_tab{
	font-size: 14px;
	margin: 0 4px 10px 0;
	padding: 5px 12px 6px;
}
	
.cat_tab span{
	display: inline-block;
}
.cat_tab_content{
	padding: 10px 0 0 0;
}
	
.cattab-label:hover{
	color:#fff;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	background-color: #006aee;
}
.cattab-label {
	font-size: 14px;
}
.dis_cat{
	font-size: 14px;
	padding: 0 0 18px 0;
}
.dis_cat:before{
	font-size: 16px;
}
	
.cat_tabs input:checked + .cat_tab{
	padding: 5px 12px 6px;
}
	
.tab-switch:checked+.cattab-label+.tab-content {
	margin:38px 0 0 0;
	padding:26px 0 0 0;
}
	
.cattab-label {
	margin: 0 8px 0 0;
	padding: 3px 12px 3px;
}
	
.cattab-label:first-of-type{
	margin: 0 8px 0 1px;
}
	
.cat_tab:hover{
	color: #fff;
	background: #006aee;
	border: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
	
}


/*----------------------------------------------------------------------------

	人気サイト
    
----------------------------------------------------------------------------*/

.rank_number, .rank_number02, .rank_number03{
	position: relative !important;
}

.popular{
	padding-bottom: 40px !important;
}

.rank h2{
	font-size: 20px;
	letter-spacing: 0.02em;
	margin: 30px 0 40px 0;
}

.rank h2:nth-of-type(2), .rank h2:nth-of-type(3){
	margin: 10px 0 36px;
}

.rank h2 span{
	display: inline-block;
    font-size: 12px;
    transform: translateY(-2px);
    padding: 0 0 0 2px;
}

.rank_attention{
	display:inline-block;
	margin:10px 0 0px 0.8em;
	text-indent:-0.8em;
	font-weight: 400;
	-webkit-font-smoothing: auto;
	color: #2f2725;
}

.rank_attention li{
	font-size: 10px;
	margin: 0 0 0 0;
	line-height:170%;
	letter-spacing: 0.08em;
}

.rank_select select{
	font-family: "avenir-next-world", 'Noto Sans JP' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: "palt";
	letter-spacing:0.1em;
	font-weight:400;
	color:#2f2725;
	padding: 12px 12px 8px;
    appearance: none;
 	background-image: none;
	width: 200px;
	border: 1px solid #2f2725;
	
}

.rank_select select option{
	background-color: #fff;
	width: 200px;
}

.selectbox{
	position:relative;
}
.selectbox:after{
    content: '\f107';
	font-family: "Font Awesome 6 Pro";
	font-weight: 500;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
 	text-rendering: auto;
	line-height: 1;
	color:var(--sub-color);
	width:0;
	z-index:0;
	position:absolute;
	top:50%;
	right:25px;
	transform:translateY(-50%);
	font-size: 14px;
}

.popular_description p{
	font-size: 13px;
    line-height: 190%;
    letter-spacing: 0.1em;
	margin: -10px 0 0 0 !important;
}

.year_link{
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 30px 0;
}

.clip27786761 .year_link li{
	width: auto;
	margin:0 10px 10px 0;
}

.clip27786761 .year_link li:nth-child(4n), .clip27786761 .year_link li:nth-child(2n), .clip27786761 .year_link li:nth-child(3n){
	margin:0 10px 10px 0;	
}

.clip27786761 .year_link li a{
	color: #006aee;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
	position: relative;
}

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

.rank_number::before, .rank_number02::before, .rank_number03::before{
    width: 36px;
    height: 36px;
    line-height: 38px;
    font-size: 15px;
	border: 3px solid #fafafa;
}	
	
.rank h2{
	margin: 70px 0 50px 0;
}
	
.popular .rank h2{
	margin: 0 0 50px 0;
}
	
.rank h2:nth-of-type(2), .rank h2:nth-of-type(3){
	margin: 60px 0 40px;
}
	
.rank_attention{
	margin:10px 0 0px 1em;
	text-indent:-1em;
}
	
.popular_description{
	margin: 0 0 0px;
}

.rank_attention li{
	font-size: 12px;
	margin: 0 0 0 0;
	letter-spacing: 0.1em;
}
	
.popular_description p{
	font-size: 17px;
    line-height: 220%;
	margin: 0px 0 0 !important;
	letter-spacing: 0.12em;
}
	
.clip27786761 .year_link li a{
	font-size: 20px;
}
	
.year_link li a span::after{
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #0062db;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

.year_link li a:hover span::after{
	transform-origin: left top;
	transform: scale(1, 1);
}
	
.clip27786761 .year_link li{
	margin:0 20px 10px 0;
}

.clip27786761 .year_link li:nth-child(4n), .clip27786761 .year_link li:nth-child(2n), .clip27786761 .year_link li:nth-child(3n){
	margin:0 20px 10px 0;	
}
	
.popular{
	padding-bottom: 0px !important;
}
	
.year_link{
	margin: 0px 0 60px 0;
}
	
}

@media only screen and (min-width: 1024px) {
	
.rank h2{
	font-size: 30px;
	}
	
.rank h2 span{
    transform: translateY(-4px);
    padding: 0 0 0 4px;
	font-size: 16px;
}
	
.popular_description p{
	margin: -10px 0 0 !important;
}
}

/*----------------------------------------------------------------------------

	no link
    
----------------------------------------------------------------------------*/

#urlText{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.06em;
	margin: -20px 0 0 0 !important;
}

.site_more878473 .copyBtn{
	margin: 0;
	border: none;
    cursor: pointer;
    display: inline-block;
    font-family: "avenir-next-world", 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-feature-settings: "palt";
    background: none;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	font-size: 14px;
	padding: 0 10px;
	color: #2f2725;
}

.site_more878473 .copyBtn i{
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	color: #2f2725;
}

.info .copyBtn{
	margin: 0px 0 14px 0;
	border: 1px solid #2f2725;
    cursor: pointer;
    display: inline-block;
    font-family: "avenir-next-world", 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-feature-settings: "palt";
    background: none;
    font-size: 13px;
    border-radius: 100px;
    letter-spacing: 0.06em;
	color: #2f2725;
	height: 40px;
	padding: 4px 20px 0;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}
	
.info .copyBtn span{
	font-weight: 400;
}
	
.info .copyBtn span:before{
	font-family:"Font Awesome 6 Pro";
	content:"\f0c5";
	font-weight:300;
	font-size:14px;
	line-height: 1;
	padding: 0 4px 0 0;
	transform: translateY(-1px);
	display:inline-block;
}

.single_s .nolink_title{
	font-weight:800;
	letter-spacing: 0.06em;
	margin: 20px 0 30px 0;
    font-size: 16px;
}

.toast {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	background: #2f2725;
	color: #fff;
	padding: 12px 16px 10px;
	border-radius: 6px;
	letter-spacing: 0.08em;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease, transform .3s ease;
	z-index: 9999;
	font-size: 13px;
}
.toast.show {
	opacity: 1;
	transform: translateX(-50%) translateY(-10px);
}


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

.single_s .nolink_title{
	font-size: 26px;
	margin: -6px 0 0 0;
}

#urlText{
	font-size: 16px;
	margin: 0px 0 0 0 !important;
}
	
.info .copyBtn{
	margin: 0px 0 0 0;
    font-size: 15px;
	height: 44px;
	padding: 4px 20px 0;
}

.info .copyBtn span:before{
	font-size:16px;
}
	
.site_more878473 .copyBtn{
	font-size: 14px;
	padding: 0 8px;
}
	
.info .copyBtn:hover{
	transform: translate(0px,3px);
}
	
.site_more878473 .copyBtn:hover i{
	transform: translate(0px,3px);
}
	
.single_s .nolink_title{
	margin: 20px 0 20px 0;
    font-size: 28px;
}
	
.toast {
	font-size: 15px;
	border-radius: 8px;
}

	
}

@media only screen and (min-width: 1260px) {
	
.single_s .nolink_title{
	margin: -6px 0 0 0;
    font-size: 26px;
}
	
.copyBtn{
	margin: 0px 0 4px 0;
}
	
}


/*----------------------------------------------------------------------------

	credit
    
----------------------------------------------------------------------------*/

.info .create_citation{
	margin: 20px 0 0;
	display: block;
}

.info .credit_box{
	background-color: #f2f2f2;
	margin: 10px 0 30px 0;
	padding: 24px 26px 22px;
	display: block;
	border-radius: 6px;
}

.info blockquote{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.info .credit_link{
	margin: 16px 0 0;
}

.info .create_citation p, .info .create_citation li{
	font-weight:800;
	letter-spacing: 0.06em;
	font-size: 13px;
}

.info .create_citation .minit, .info .create_citation .minit_f{
	font-weight: 400;
	letter-spacing: 0.06em;
	font-size: 13px;
	padding: 12px 0 4px 0;
}

.info .create_citation .minit_f{
	padding: 0px 0 6px 0;
}

.info .create_citation li .role{
	font-weight: 400;
	letter-spacing: 0.06em;
	font-size: 12px;
	margin: 0;
	display: block;
}

.info .create_citation a{
	text-decoration:none;
	position: relative;
	display: inline;
	font-size: 13px;
	color: #0062db;
	font-weight: 400;
}

.info .create_citation li{
	margin: 0 0 4px 0;
}

.info .create_citation .listpt{
	padding: 4px 0 0 0;
}

.info .create_citation .listpl{
	padding: 0 0 0 8px;
}

.info .credit_link li{
	margin: 0 0 6px 0;
}

.info .create_citation li:last-child{
	margin: 0 0 0px 0;
}

.info .create_citation .attention{
	font-size: 10px;
	letter-spacing: 0.08em;
	padding: 10px 0 0 0;
	font-weight: 400;
    margin: 0 0 0 1em!important;
    text-indent: -1em;
}

.info .create8776553 .attention{
	padding: 10px 0 0px 0;
}

.credit_box i{
	transform: translateY(-1px) rotate(-45deg);
    font-size: 12px;
    margin: 0 0 0 2px;
    font-weight: 400;
    color: #0062db;
}

.fullc_link a{
	color: #0062db;
	position: relative;
	font-weight:800;
}

.clip27786761 ul li .fullc_link a:hover{
	color: #0062db;
}

.info .snsurl{
	font-weight: 400;
	font-size: 13px;
	color: #a0a09f;
	letter-spacing: 0.06em;
}

.info .create_citation li::selection, .info .create_citation div::selection, .info .create_citation p::selection, .info .create_citation a::selection, .info .create_citation span::selection {background:#fff;}
.info .create_citation li::-moz-selection, .info .create_citation div::-moz-selection, .info .create_citation p::-moz-selection, .info .create_citation a::-moz-selection, .info .create_citation span::-moz-selection {background:#fff;}


@media only screen and (min-width: 768px) {
	
.info .create_citation{
	margin: 16px 0 0;
}

.info .credit_box{
	margin: 12px 0 34px 0;
	padding: 30px 32px 28px;
	border-radius: 8px;
}

.info .create_citation li .role{
	margin: 0 14px 0 0;
}
	
.credit_box blockquote::-webkit-scrollbar{
    width: 2px;
}

.credit_box blockquote::-webkit-scrollbar-track{
	border-radius: 2px;
	background: #f2f2f2;
}

.credit_box blockquote::-webkit-scrollbar-thumb{
    width: 2px;
	border-radius:0;
    background:#2f2725;
}
	
.info .create_citation p, .info .create_citation li{
	font-size: 15px;
}
	
.info .create_citation .minit, .info .create_citation .minit_f{
	font-size: 14px;
	padding: 16px 0 4px 0;
}
	
.info .create_citation .minit_f{
	padding: 0px 0 4px 0;
}
	
.info .snsurl{
	font-size: 15px;
}
	
.info .create_citation li .role{
	font-size: 13px;
}
	
.info .create_citation .attention{
	font-size: 12px;
}
	
.info .create_citation a{
	font-size: 15px;
}

.info .create_citation a{
	padding-bottom:1px;
	background: linear-gradient(#0062db, #0062db) 0 90%/0 1px no-repeat;
	transition: background .3s;
	text-decoration: none;
}
.info .create_citation a .reverse {
	  background-position: 100% 100%;
}
.info .create_citation a:hover {
	  background-size: 100% 1px;
}	

.info .create_citation a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}

.info .credit_link li{
	line-height: 22px;
	margin: 0 0 6px 0;
}
	
.fullc_link a::after{
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height:1px;
	background: #0062db;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s;
}

.fullc_link a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
	
.info .create8776553 .attention{
	padding: 10px 0 0px 0;
}
	
}

@media only screen and (min-width: 1260px) {
	
.info blockquote{
	overflow-x: hidden;
	box-sizing: border-box;
	display: block;
	margin: 0 0 0 0;
}
	
.info .credit_link{
	margin: 16px 0 0 0;
}
	
.info .create_citation li{
	display:block;
}
.info .create8776553 .attention{
	padding: 8px 0 0 0;
}
	
}


/*----------------------------------------------------------------------------

	favorites

----------------------------------------------------------------------------*/

.site_more878473 .simplefavorite-button{
	display: flex;
	align-items: center;
}

.fav-badge{
	padding: 1px 0 0 4px;
	font-size: 13px;
	color: #ff5081;
    font-weight: 600;
	letter-spacing: 0.06em;
}

.sf_btn .fav-badge{
	display: none;
}



/*----------------------------------------------------------------------------

	header menu

----------------------------------------------------------------------------*/

.category_menu {
	position: relative;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fp{
	font-size: 14px;
	font-weight:800;
	padding: 0 10px 4px 0;
	letter-spacing: 0.08em;
}

.category_menu .menu-bar{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.category_menu .menu-bar > li{
	display:inline-flex;
	margin: 0 6px 6px 0;
}

.category_menu .btn{
	border: 1px solid #2f2725;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    font-family: "avenir-next-world", 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-feature-settings: "palt";
    background: none;
    padding: 6px 7px 4px 9px;
    font-size: 12px;
    border-radius: 6px;
    letter-spacing: 0.06em;
	color: #2f2725;
}

.category_menu .btn:after{
	content: '\f107';
	font-family: "Font Awesome 6 Pro";
	display: inline-block;
	font-size: 11px;
	margin: 0 0 0 3px;
}

.category_menu .btn span, .category_menu .dlink span{
	display: none;
}

.category_menu .c_all{
	display: none !important;
}

.creator_tax_menu .category_menu .c_all{
	display: block !important;
}

.dlink a{
	border: 1px solid #2f2725;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    font-family: "avenir-next-world", 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-feature-settings: "palt";
    background: none;
    padding: 6px 7px 4px 9px;
    font-size: 12px;
    border-radius: 6px;
    letter-spacing: 0.06em;
	text-decoration: none;
	color: #2f2725;
}

.imp a{
	background-color: #006aee;
	color: #fff;
	font-weight:800;
	border: 1px solid #006aee;
}

.singlenav .imp a{
	border: 1px solid #006aee;	
} 

.category_menu .dlink a:after{
	content: '\f061';
	font-family: "Font Awesome 6 Pro";
	display: inline-block;
	font-size: 10px;
	margin: 0 0 0 3px;
	transform: translateY(-1px);
}

.category_menu .popover{
	position: fixed;
	z-index:1000;
	width: fit-content;
    max-width: min(70vw, 70%);
    min-width: 200px;
	background:#fff;
	border:1px solid #2f2725;
	border-radius:10px; 
	padding:40px 40px 28px 40px; 
	opacity: 0;
	transform: translateY(-6px) scale(.97);
	pointer-events: none;
	will-change: opacity, transform;
	transition:
    opacity .22s cubic-bezier(.2,.8,.2,1),
    transform .28s cubic-bezier(.2,.8,.2,1);
}

.category_menu .popover[data-open="true"]{
	opacity:1; 
	pointer-events:auto; 
	transform: translateY(0) scale(1);
	display: flex;
	flex-wrap: wrap;
}

.category_menu .menu-item{
	padding:0 0 8px 0; 
	text-decoration:none; 
	color:inherit; 
	font-size:13px;
	letter-spacing: 0.08em;
	display: block;
}

.category_menu .menu-item:hover, .category_menu .menu-item:focus{
	outline:none;
}

.category_menu .modal{
	position:fixed;
	inset:0;
	display:grid;
	place-items:end;
	z-index:60;
	background:transparent;
}

.category_menu .modal[hidden]{
	display:none;
}

.category_menu .modal::before{ 
	content:"";
	position:absolute;
	inset:0;
	background:rgba(215,212,209,0.8);
	opacity:0;
	transition:opacity .18s ease;
}

.category_menu .sheet{
  position: relative;
  width: 100%;
  max-height: 85vh;
  background: #fafafa;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transform: translateY(6%);
  opacity: 0;
  transition: transform .18s ease, opacity .18s ease;
  display: flex;
  flex-direction: column;
}

.category_menu .sheet-head{ 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	padding:30px 30px 0 30px; 
}

.sheet-head p{
	font-size: 15px;
	font-weight:800;
	padding: 6px 0 0 0;
}

.category_menu .sheet-body{
	padding:30px 30px 70px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.category_menu .icon-btn{
	background:transparent; 
	border:0; 
	font-size:18px; 
	cursor:pointer;
	color: #2f2725;
}

.category_menu .modal[data-open="true"]{
  touch-action: none;
  overscroll-behavior: contain;
}

.category_menu .modal[data-open="true"]::before{ 
	opacity:1;
}

.category_menu .modal[data-open="true"] .sheet{
	transform:translateY(0); 
	opacity:1;
}

@media only screen and (min-width: 768px) {
		
.category_menu .modal{
	display:none !important;
}
	
.category_menu {
	margin: 0 0 30px 0;
}
	
.category_menu .menu-item span{
	background: linear-gradient(#2f2725, #2f2725) 0 90% / 0 1px no-repeat;
    transition: background .3s;
	padding: 0 0 1px 0;
}

.category_menu .menu-item:hover span{
	background-size: 100% 1px;
}

.category_menu .menu-bar > li{
	margin: 0 8px 8px 0;
}
	
.category_menu .btn{
    padding: 8px 10px 4px 12px;
    font-size: 14px;
    border-radius: 8px;
}

.category_menu .btn:after{
	font-size: 13px;
	margin: 0 0 0 4px;
}
	
.category_menu .btn span, .category_menu .dlink span{
	display:inline-block;
}

.dlink a{
    padding: 8px 10px 4px 12px;
    font-size: 14px;
    border-radius: 8px;
}

.category_menu .dlink a:after{
	font-size: 12px;
	margin: 0 0 0 4px;
}
	
.dlink a:hover{
	transform: translate(0px, 3px);	
}
	
.category_menu .menu-item{
	font-size:14px;
	display: inline-block;
}
	
.category_menu .popover ul{
	display: flex;
	flex-wrap: wrap;
}
	
.category_menu .popover ul li{
	margin: 0 8px 0 0;
}
	
.category_menu .popover li:after{
	content:'/';
	color:#bdbcbc;
	margin:0 0 0 0;
	padding: 0 0 0 8px;
	font-weight:100;
	font-size: 15px;
}

.category_menu .popover li:last-child:after{
	content:'';	
}
		
}

@media only screen and (min-width: 1400px) {
	
.category_menu .popover{
    max-width: min(72vw, 72%);
}
	
}

@media only screen and (min-width: 1660px) {
	
.category_menu .popover{
    max-width: min(76vw, 76%);
}
	
}


/*----------------------------------------------------------------------------

	creator list

----------------------------------------------------------------------------*/

.creator_top h1{
	padding: 10px 0 0;
}

.creator_top footer{
	padding: 34px 0 136px 0;
}

.creator_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	letter-spacing: 0.06em;
}

.creator_description{
	margin: 0px 0 16px 0;
}

.creator_description p{
	line-height: 180%;
	font-size: 13px;
}

.creator_description .attention{
	font-size: 10px;
    letter-spacing:0.08em;
    line-height: 170%;
    margin: 10px 0 0 1em!important;
    text-indent: -1em;
}

.creator_description .attention li{
	margin: 4px 0 0;
}

.creator_description .attention li:first-child{
	margin: 0;
}

.creator_description .attention a{
	text-decoration: none;
	color: #0062db;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#0062db, #0062db);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_description .back_btn span:before{
	font-family: "Font Awesome 6 Pro";
    content: "\f002";
}

.creator_description .singlenav{
	margin: 6px 0 0 0;
	display: none;
}

.creator_link, .creator_meta a{
	text-decoration: none;
}

.creator_list .creator_card{
	width: 100%;
	margin:0 0 30px 0;
	border: 1px solid #2f2725;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

.sitesingle_cl .creator_list .creator_card{
	position: relative;
}

.creator_role{
	position: absolute;
	z-index: 300;
	top:10px;
	left: 10px;
	margin: 0 10px 0 0;
	display: inline-block;
	line-height: 110%;
}

.creator_role span{
	font-size: 11px;
	background-color: #fff;
	letter-spacing: 0.06em;
	border:  1px solid #2f2725;
	padding: 7px 8px 4px;
	display: inline-block;
	border-radius: 4px;
}

.creator_sec_work figure{
	position: relative;
}

.creator_title_wp{
	padding: 0 16px 0 0;
	display: block;
}

.creator_list img{
	width: 100%;
	height: auto;
	vertical-align:top;
}

.creator_link .creator_thumb{
	display: block;
	margin: 0 0 16px 0;
}

.creator_link .creator_thumb img{
	border-bottom: 1px solid #2f2725;
}

.creator_link .creator_title{
	margin: 0 0 0 20px;
	font-weight:800;
	font-size: 15px;
	position: relative;
	display: inline;
	padding-bottom: 0px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-image: linear-gradient(#2f2725, #2f2725);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 96%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_meta{
	padding: 2px 20px 2px 20px;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	align-items: baseline;
}

.creator_link_out{
	padding: 0 10px 0 0;
}

.creator_link_out a{
	color: #0062db;
	font-weight:800;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#0062db, #0062db);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_link_out i{
	transform: translateY(-1px) rotate(-45deg);
	font-size: 12px;
	margin: 0 0 0 -2px;
	font-weight: 400;
	color: #0062db;
}

.service_location{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0 20px;
}

.creator_service{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	padding: 0 0 0 0px;
	margin: 0px 4px 6px 0;
	letter-spacing: 0.08em;
}

.creator_service li{
    text-decoration: none;
    font-size: 11.4px;
    line-height:1px;
    letter-spacing: 0.04em;
    display: inline-block;
    text-align: center;
    margin: 4px 4px 0px 0;
    border-radius: 3px;
    padding: 11px 5px 9px 5px;
    border: 1px solid #2f2725;
    color: #2f2725;
}

.creator_work_title{
	font-size: 11px;
	padding: 2px 20px 0;
	margin-top:auto;
}

.creator_work_title i{
	padding: 0 4px 0 0;
}

.creator_work{
	display: flex;
	padding: 8px 20px 6px;
	gap: 0;
}

.creator_work li{
	border: 1px solid #2f2725;
	box-sizing: border-box;
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3);
	min-width: 0;
	border-left:none;
}

.creator_work li:first-child{
	border-left: 1px solid #2f2725;
}

.creator_sns{
	display: flex;
	letter-spacing: 0.06em;
	padding: 0 0 0 0;
	flex-wrap: wrap;
	margin: 0 0 0 0px;
}

.creator_sns a, .creator_podcast_list a{
	padding: 0px 1px;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#2f2725, #2f2725);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
	text-decoration: none;
}

.creator_sns li{
	padding: 0 6px 0 0;
}

.creator_podcast{
	display: flex;
	margin: 0 0 0 0px;
}

.creator_podcast_list{
	display: flex;
	flex-wrap: wrap;
}

.creator_podcast_list:before{
	content: '（';
	padding: 0 0px 0 0px;
}

.creator_podcast_list:after{
	content: '）';
	padding: 0 0px 0 0px;
}

.creator_podcast_list li{
	margin: 0 4px 0 0;
}
.creator_podcast_list li:last-child{
	margin: 0 0px 0 0;
}

.creator_navi .creator_podcast_list li:last-child{
	margin: 0 0px 0 0;
}

.creator_location{
	padding: 2px 0px 0px;
	font-size: 13px;
	display: flex;
	align-items: baseline;
}

.creator_location ul{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	position: relative;
	padding-left: 14px;
	line-height: 160%;
}

.creator_location ul:before{
	font-family: "Font Awesome 6 Pro";
	content: '\f3c5';
	font-weight: 300;
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.creator_location ul li{
	padding: 0 0 0 0;
}

.creator_location ul li:after{
	content: '/';
	color: #bdbcbc;
	margin: 0 0 0 0;
	padding: 0 4px 0 0;
	font-weight: 100;
	font-size: 14px;
}

.creator_location ul li:last-child:after{
	content: '';
	padding: 0;
}

.creator_location i{
	font-size: 13px;
	margin: 0 4px 0 0;
}

.creator_location a{
	text-decoration: none;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#2f2725, #2f2725);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_work_preview{
	display: none;
}

.creator_card {
	position: relative;
}

.creator_card.is-new-work::before {
	content: "";
	position: absolute;
	top: -12px;
	right: -12px;
	width: 58px;
	height: 58px;
	border-radius: 999px;
	background: #2f2725;
	z-index: 2;
}

.creator_card.is-new-work::after {
	content: "新実績";
	position: absolute;
	top: -12px;
	right: -12px;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: pre-line;
	text-align: center;
	letter-spacing: 0.06em;
	font-size: 13px;
	line-height: 130%;
	font-weight:800;
	color: #fff;
	z-index: 3;
	transform: translateY(1.4px);
}

.creator_card .thumb_badge{
	position: relative;
}

.creator_card .comment{
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 90%;
}

.creator_card .comment a{
	background: #006aee;
	font-size: 14px;
	color: #fff;
	font-weight:800;
	padding: 10px 12px 6px 12px;
	display: inline-block;
	text-decoration: none;
	line-height: 150%;
	border-top-right-radius: 8px;
}

.creator_card .comment i{
	transform: translateY(-1px) rotate(-45deg);
    font-size: 13px;
    margin: 0 0 0 3px;
    color: #fff;
	font-weight:800;
}

/*--注釈--*/

.ui-note__summary{
	cursor: pointer;
	list-style: none;
	user-select: none;
	display: inline-flex; 
	align-items: center;
	gap: 4px;
	font-size: 11px;
	letter-spacing: 0.06em;
	font-weight:800;
	color: #eb0010;
}

.creator_description .ui-note__body .attention{
	margin: 4px 0 0 1em!important;
}

.ui-note__summary i{
	font-weight: 400;
}

.ui-note__summary::-webkit-details-marker{
	display:none;
}

.ui-note__more{ display: block; }
.ui-note__summary{ width: 100%; }
.ui-note__summary{ justify-content: flex-start; }

.ui-note__icon{
	display: inline-block;
	transition: transform .2s ease;
	transform: translateY(-1px);
}
.ui-note__more[open] .ui-note__icon{
	transform: translateY(-1px) rotate(180deg);
}

.ui-note__wrap{
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .25s ease;
}

.ui-note__more[open] .ui-note__wrap{
	grid-template-rows: 1fr;
}
.ui-note__body{
	overflow: hidden;
}

/*--広告--*/

.creator_card--injected{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.creator_card--injected .custom_injected_box{
	width: 100%;
	display: flex;
	justify-content: center;
}

.creator_card--injected .custom_ad_bundle{
	width: 100%;
}

.creator_card--injected .custom_injected_media{
	width: 100%;
	overflow: hidden;
}

.creator_list .creator_card--injected{
	padding: 0 !important;
}

.creator_card--injected .custom_injected_media .adsbygoogle,
.creator_card--injected .custom_injected_media iframe{
	display: block;
	width: 100% !important;
}

.creator_card--injected .custom_injected_sponsor{
	margin-top: 10px;
	text-align: left;
	width: 100%;
	font-size: 13px;
	padding: 0 0 0 10px;
}

.site_info .singlenav .ci_btn{
	display:none;
}

.sitesingle_cl {
	margin:10px 0 0 0;
}

.sitesingle_cl h2{
	font-size: 18px;
    margin: 0 0 14px;
    line-height: 160%;
	font-weight:800;
}

.creator_list .creator_card{
	padding: 0 0 14px 0;
}

.sitesingle_cl .creator_card{
	padding: 0 0 16px 0;
}

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

.creator_top h1{
	padding: 0px 0 0;
}
	
.sitesingle_cl {
	padding: 80px 0 0;
}
	
.creator_description{
	margin: -10px 0 16px 0;
}

.creator_description p{
	line-height: 220%;
	font-size: 16px;
}
	
.creator_description .attention{
	font-size: 12px;
    line-height: 170%;
    margin: 10px 0 0 1em!important;
}
	
.creator_list .creator_card{
	width: 300px;
	margin: 0 20px 20px 0;
}
	
.creator_list .creator_card:nth-child(2n){
	margin: 0 0 20px 0;
}
	
.creator_list > li {
  display: flex;
  flex-direction: column;
}

.creator_list > li .creator_work {

}
	
.creator_top footer{
	padding: 80px 0 70px 0;
}
	
.sitesingle_cl h2{
	margin: 0 0 30px 0;
	font-size: 24px;
}
	
.creator_navi .creator_podcast_list li{
	margin: 0 8px 0 0;
}
	
.creator_role span{
	font-size: 12px;
	padding: 8px 8px 4px;
}
	
/*--プレビュー--*/

@media (hover: hover) and (pointer: fine) {

.creator_work {
	position: relative;
}

.creator_work li {
	position: static;
}
.creator_work_link {
	position: static;
	display: inline-block;
}

.creator_work_preview {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: -12px;
	border: 1px solid #2f2725;
	width: 320px;
	max-width: 70vw;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
	z-index: 9999;
	display: block;
}

.creator_work_preview img {
	display:block;
	width: 100%;
	height: auto;
}

.creator_work_link:hover .creator_work_preview,
.creator_work_link:focus .creator_work_preview,
.creator_work_link:focus-within .creator_work_preview {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.creator_work_preview,
.creator_work_preview * {
	pointer-events: none;
}

}
	
/*--注釈--*/
	
.ui-note__summary{
	font-size: 12px;
}
	
/*--ホバー--*/

.creator_list .creator_link:hover .creator_title{
	background-size: 100% 1px;
	background-position: 0 96%;
}

.creator_list .creator_link:not(:hover) .creator_title{
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_list .tt_inner:hover .creator_title{
	background-size: 100% 1px;
	background-position: 0 96%;
}

.creator_list .tt_inner:not(:hover) .creator_title{
	background-position: 100% 96%;
	background-size: 0 1px;
}

.creator_list .tt_inner.is-comment-hover .creator_title{
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_link_out a:hover{
	background-size: 100% 1px;
	background-position: 0 94%;	
}

.creator_link_out a:not(:hover){
	background-position: 100% 94%;
	background-size: 0 1px;
}
	
.creator_sns a:hover, .creator_podcast_list a:hover{
	background-size: 100% 1px;
	background-position: 0 94%;	
}

.creator_sns a:not(:hover), .creator_podcast_list a:not(:hover){
	background-position: 100% 94%;
	background-size: 0 1px;
}
	
.creator_location a:hover{
	background-size: 100% 1px;
	background-position: 0 94%;	
}

.creator_location a:not(:hover){
	background-position: 100% 94%;
	background-size: 0 1px;
}
	
.creator_description .attention a:hover{
	background-size: 100% 1px;
	background-position: 0 94%;	
}

.creator_description .attention a:not(:hover){
	background-position: 100% 94%;
	background-size: 0 1px;
}
	
	
}

@media only screen and (min-width: 890px) {
	
.creator_list .creator_card{
	width: 340px;
	margin: 0 20px 20px 0;
}
	
.creator_work_preview {
	width: 360px;
}
	
}

@media only screen and (min-width: 1024px) {
	
.creator_list .creator_card{
	width: 360px;
	margin:0 40px 40px 0;
}
	
.creator_list .creator_card:nth-child(2n){
	margin: 0 0 40px 0;
}

.creator_work_preview {
	margin-bottom: 8px;
	margin-left: -12px;
	width: 380px;
	max-width: 70vw;
}
	
}

@media only screen and (min-width: 1260px) {
	
.creator_list .creator_card, .creator_list .creator_card:nth-child(2n){
	margin:0 16px 16px 0;
}
	
.creator_list .creator_card:nth-child(3n){
	margin: 0 0 16px 0;
}
	
.creator_top footer{
	padding: 60px 0 60px 0;
}
	
.site_info .singlenav .ci_btn{
	display:block;
}
	
}

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

.creator_list .creator_card, .creator_list .creator_card:nth-child(2n){
	margin:0 20px 20px 0;
}
	
.creator_list .creator_card:nth-child(3n){
	margin: 0 0 20px 0;
}
	
}

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

.creator_list .creator_card, .creator_list .creator_card:nth-child(2n){
	margin:0 30px 30px 0;
}
	
.creator_list .creator_card:nth-child(3n){
	margin: 0 0 30px 0;
}
	
}

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

.creator_list .creator_card, .creator_list .creator_card:nth-child(2n){
	margin:0 40px 40px 0;
}
	
.creator_list .creator_card:nth-child(3n){
	margin: 0 0 40px 0;
}
	
}

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

.creator_list .creator_card, .creator_list .creator_card:nth-child(2n), .creator_list .creator_card:nth-child(3n){
	margin:0 16px 16px 0;
}
	
.creator_list .creator_card:nth-child(4n){
	margin: 0 0 16px 0;
}

}

@media only screen and (min-width: 1680px) {
	
.creator_list .creator_card, .creator_list .creator_card:nth-child(2n), .creator_list .creator_card:nth-child(3n){
	margin:0 20px 20px 0;
}
	
.creator_list .creator_card:nth-child(4n){
	margin: 0 0 20px 0;
}

}

@media only screen and (min-width: 1740px) {
	
.creator_list .creator_card, .creator_list .creator_card:nth-child(2n), .creator_list .creator_card:nth-child(3n){
	margin:0 30px 30px 0;
}
	
.creator_list .creator_card:nth-child(4n){
	margin: 0 0 30px 0;
}
	
}

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

.creator_list .creator_card, .creator_list .creator_card:nth-child(2n), .creator_list .creator_card:nth-child(3n){
	margin:0 40px 40px 0;
}
	
.creator_list .creator_card:nth-child(4n){
	margin: 0 0 40px 0;
}
	
}


/*----------------------------------------------------------------------------

	creator single

----------------------------------------------------------------------------*/

.creator_wrapper{
	margin: 0 0 30px 0;
	font-size: 13px;
}

.creator_sec_siteimag, .creator_sec_info, .creator_sec_service, .creator_sec_relatedsite, .creator_sec_credentials{
	margin: 0 0 30px 0;
}

.creator_wrapper .creator_info img{
	width: 100%;
	height: auto;
	border: 1px solid #2f2725;
	box-sizing: border-box;
	vertical-align: top;
}

.creator_navi .creator_site{
	margin:0;
	display: flex;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 48px;
	z-index: 1000;
}

.creator_navi .creator_site span{
	display: none;
}

.creator_navi .creator_site li{
	margin: 0 0 0px;
	flex: 1 0 50%;
}

.creator_navi .creator_site li:last-child{
	margin: 0;
}

.creator_navi .singlenav{
	display: none;
}

.creator_sec_work{
	margin: 60px 0 0 0;
}

.creator_sec_work .singlenav{
	margin: -10px 0 0;
	flex-wrap: wrap;
}

.creator_sec_work .singlenav li:first-of-type{
	margin: 0 0 10px 0;	
}

.creator_sec_work .workpage_link{
	text-decoration: none;
    padding: 20px 30px 18px;
    background-color: #006aee;
    font-weight:800;
    color: #fff;
    letter-spacing: 0.06em;
	border-radius: 100px;
	text-align: center;
	font-size: 15px;
	display: inline-block;
	margin: 0 0 30px 0;
}

.creator_sec_work .workpage_link span{
	display: none;
}

.creator_wrapper .creator_title{
	font-size: 20px;
	margin: -8px 0 20px 0;
	font-weight:800;
	line-height: 150%;
}

.creator_navi .creator_site a{
	text-decoration: none;
    padding: 18px 0px 16px;
    background-color: #006aee;
    font-weight:800;
    color: #fff;
    letter-spacing: 0.06em;
	display:block;
	text-align: center;
	font-size: 15px;
}

.creator_navi .creator_site li:nth-child(2) a{
	border-left: 1px solid #fff;
}

.creator_navi .creator_site i, .creator_sec_work .workpage_link i{
	transform: translateY(0px) rotate(-45deg);
    font-size: 15px;
    margin: 0 0 0 4px;
    font-weight:800;
    color: #fff;
}

.creator_navi h2 span{
	display: none;
}

.creator_wrapper h2, .creator_sec_work h2{
	font-size: 18px;
	margin: 0 0 14px;
	line-height: 160%;
	font-weight:800;
}

.creator_sec_work .clip27786761{
	margin: 14px 0 0 0;
	
}

.creator_wrapper h3{
	font-weight:800;
	font-size: 14px;
    display: inline-block;
    margin: 0px 0 0px 0;
}

.creator_wrapper h3:before{
	content: "•";
    font-weight: 300;
    margin: 0 6px 0 0;
    font-size: 12px;
}

.creator_navi .creator_sns{
	margin: 0px 0 8px;
}

.creator_navi .creator_sns a{
	text-decoration: none;
}

.creator_navi .creator_sns li{
	margin: 0 6px 0 0;
	font-size: 14px;
}

.creator_sec_sns h2{
	margin: 20px 0 16px 0;
	font-size: 23px;
}

.creator_sec_sns{
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.color_bg{
	background-color: #f2f2f2;
}

.creator_sec_info .color_bg{
	padding: 20px 26px 20px;
	border-radius: 8px;
}

.creator_sec_info .profile{
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: .6rem 1.4rem;
	margin: 0;
	align-items: baseline;
}

.creator_sec_info .profile a{
	color: #2f2725;
	text-decoration: none;
	letter-spacing: 0.06em;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#2f2725, #2f2725);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_sec_info .profile i{
	transform: translateY(0px) rotate(-45deg);
    font-size: 12px;
    margin: 0 0 0 4px;
}

.creator_sec_info .profile .gm{
	font-size: 12px;
	transform: translateY(-1px);
	display: inline-block;
}

.creator_sec_info .profile dd{
	min-width: 0;
	overflow-wrap: anywhere;
}

.creator_wrapper dd{
	margin: 0;
}

.creator_sec_info .profile dt{
	font-weight:800;
	margin:6px 0 0 0;
}

.creator_sec_info .profile .profile_title{
    display: inline-block;
    margin: 10px 0 2px 0;
}

.creator_sec_info .profile li{
	margin: 4px 0 0;
}

.creator_sec_info .profile li:first-child{
	margin: 0px 0 0;
}

.creator_sec_info .service_list .service_list_detailed li, .creator_sec_info .service_list .service_list_detailed li:last-child{
	text-indent: 0em;
    margin: 2px 8px 0 0em !important;
}

.creator_sec_info .service_list .service_list_detailed li:before{
	content: "";
	margin: 0;
}

.creator_sec_service li{
	margin: 0 0 14px 0;
}

.creator_sec_service li:last-child{
	margin: 0;
}

.creator_sec_service .service_list li{
	margin: 4px 6px 0px 0;
}

.creator_sec_service .service_list li span{
	padding: 0 3px 0 2px;
}

.creator_sec_service .subheading{
	font-weight:800;
    padding: 14px 0 2px;
    display: block;
    letter-spacing: 0.06em;
}

.creator_sec_service .servicepage_link a{
	text-decoration: none;
	font-weight:800;
    margin: 14px 0 0px 0 !important;
    font-size: 13px;
    color: #0062db;
    position: relative;
	letter-spacing: 0.08em;
	display: inline-block;
	padding-bottom: 0px;
	background-image: linear-gradient(#0062db, #0062db);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_sec_service .servicepage_link a:after{
	font-family: "Font Awesome 6 Pro";
    content: '\e09f';
    position: absolute;
    top: 5px;
    right: -12px;
    font-size: 11px;
    display: inline-block;
    font-weight: 400;
}

.creator_sec_service .sb{
	padding-bottom: 20px;
}

.creator_sec_relatedsite .banner, .creator_sec_relatedsite .podcast{
	margin: 12px 0 0 0;
}

.creator_sec_relatedsite .banner li, .creator_sec_relatedsite .podcast li{
	margin: 0 0 20px 0;
}

.creator_sec_relatedsite .banner li:last-child, .creator_sec_relatedsite .podcast li:last-child{
	margin: 0 0 0px 0;
}

.creator_sec_relatedsite .banner a, .creator_sec_relatedsite .relatedsite_list a, .creator_sec_relatedsite .podcast a{
	text-decoration: none;
	color: #0062db;
}

.creator_sec_relatedsite .banner a span, .creator_sec_relatedsite .relatedsite_list a span, .creator_sec_relatedsite .podcast a span{
	text-decoration: none;
	color: #0062db;
	display: inline;
	padding-bottom: 0px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-image: linear-gradient(#0062db, #0062db);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 96%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_sec_relatedsite .banner .name, .creator_sec_relatedsite .relatedsite_list .name, .creator_sec_relatedsite .podcast .name{
	font-weight:800;
	margin: 14px 0 4px 0 !important;
	font-size: 13px;
	color: #0062db;
	text-decoration: none;
	position: relative;
}

.creator_sec_relatedsite .banner li p, .creator_sec_relatedsite .relatedsite_list li p, .creator_sec_relatedsite .podcast li p{
	font-size: 11px;
	letter-spacing: 0.08em;
	padding: 4px 0 0 0;
}

.creator_sec_relatedsite .banner img{
	margin: 0 0 10px 0;
}

.creator_sec_relatedsite i{
	padding: 0 0 0 2px;
	font-size: 11px;
}

.creator_sec_relatedsite .relatedsite_list li{
	margin: 10px 0 0 0;
}

.creator_sec_relatedsite iframe{
	padding-bottom: 2px;
}

.creator_sec_relatedsite .book_link{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

.creator_sec_relatedsite .book_link li{
	width: auto;
	margin: 3px 10px 0 0 !important;
	font-size: 12px;
}

.creator_sec_relatedsite .banner .book_link li:last-child{
	margin: 3px 0px 0 0;	
}

.creator_sec_relatedsite .book_link li i{
	font-size: 11px;
	color: #0062db;
	padding: 0 0 0 2px;
}


.creator_sec_relatedsite .book_link li a{
	text-decoration: none;
    letter-spacing: 0.08em;
    position: relative;
    padding-bottom: 0px;
    background-image: linear-gradient(#0062db, #0062db);
    background-repeat: no-repeat;
    background-size: 0 1px;
    background-position: 0 94%;
    transition: background-size .3s ease, background-position 0s;
}

.creator_sec_work .single_attention{
	margin: 0px 0 26px 1em !important;
}

.c_attention{
	margin:30px 0 30px 1em!important;
}

.creator_sec_credentials a{
	text-decoration: none;
	letter-spacing: 0.08em;
	position: relative;
	padding-bottom: 0px;
	background-image: linear-gradient(#2f2725, #2f2725);
	background-repeat: no-repeat;
	background-size: 0 1px;
	background-position: 0 94%;
	transition: background-size .3s ease, background-position 0s;
}

.creator_sec_credentials a:after{
	font-family: "Font Awesome 6 Pro";
    content: '\e09f';
    position: relative;
    top: 0;
    right: -18px;
    font-size: 12px;
    display: inline-block;
    font-weight: 300;
}

.creator_sec_credentials li{
	text-indent: -1em;
    margin: 0 0 6px 1em !important;
}

.creator_sec_credentials li:last-child{
	margin: 0 0 0px;
}

.creator_sec_credentials li:before{
	content: "•";
    font-weight: 300;
    margin: 0 6px 0 0;
    font-size: 12px;
}

.creator_sec_info .service_list li{
	text-indent: -1em;
    margin: 0 0 6px 1em !important;
}

.creator_sec_info .service_list li:last-child{
	margin: 0 0 0px 1em !important;
}

.creator_sec_info .service_list li:before{
	content: "•";
    font-weight: 300;
    margin: 0 6px 0 0;
    font-size: 12px;
}

.creator_single_ad{
	max-width: 336px;
	max-height: 280px;
	margin: 20px 0 0 0;
}

.singlegad{
	width: 300px;
	height: 250px;
}

.creator_single_ad span{
	font-size: 12px;
	padding: 10px 0 0 0;
	display: block;
}

.creator_wrapper .color_bg dt::selection, .creator_wrapper .color_bg dd::selection, .creator_wrapper .color_bg a::selection {background:#fff; color: #2f2725;}
.creator_wrapper .color_bg dt::-moz-selection, .creator_wrapper .color_bg dd::-moz-selection, .creator_wrapper .color_bg a::-moz-selection {background:#fff; color: #2f2725;}

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

.creator_wrapper{
	margin: 0 0 60px 0;
	font-size: 16px;
}
	
.creator_sec_work .single_attention{
	margin: 0px 0 40px 1em !important;
}	
	
.creator_wrapper .creator_title{
	font-size: 28px;
	margin: -8px 0 40px 0;
	line-height: 150%;
}

.creator_sec_info .profile i{
    font-size: 15px;
    margin: 0 0 0 6px;
}	
	
.creator_navi .creator_site{
	flex-wrap: wrap;
	margin: 30px 0 30px 0;
	position: static;
}
	
.creator_navi h2 span{
	display:inline;
}
	
.creator_wrapper .creator_navi h2{
	padding: 0 30px 0 0;
}
	
.creator_navi .creator_site span{
	display: inline-block;
}
	
.creator_sec_info .profile dt{
	margin: 14px 0 0;
}
	
.creator_sec_info .profile dd a{
	line-height: 200%;
}
	
.creator_sec_info .info_list{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
	
.creator_sec_info .profile .info_list li{
	margin: 0 8px 0px 0;
}	
	
.creator_sec_info .profile .info_list li:after{
	content: '/';
	color: #bdbcbc;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: 100;
	font-size: 17px;
}
	
.creator_sec_info .profile .info_list li:last-child:after{
	content: '';
}
	
.creator_navi .creator_sns{
	margin: 0px 0 0px;
}
	
.creator_sec_info .service_list .service_list_detailed{
	display: flex;
	flex-wrap: wrap;
}	
	
.creator_sec_info .service_list .service_list_detailed li:after{
	content: '/';
    color: #bdbcbc;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    font-weight: 100;
    font-size: 17px;
}

.creator_sec_info .service_list .service_list_detailed li:last-child:after{
	content: '';	
}
	
.creator_navi .creator_site li{
	width: auto;
	flex: none;
	margin: 0 10px 0 0;
}
	
.creator_navi .creator_site a{
    padding: 22px 40px 20px;
    background-color: #006aee;
    border-radius: 100px;
	display:inline-block;
	font-size: 16px;
}
	
.creator_navi .creator_site i{
    font-size: 16px;
}
	
.creator_wrapper h2, .creator_sec_work h2{
	font-size: 24px;
	margin: 0 0 30px;
}
	
.creator_sec_siteimag, .creator_sec_info, .creator_sec_service, .creator_sec_relatedsite, .creator_sec_credentials{
	margin: 0 0 60px 0;
}
	
.creator_sec_work .workpage_link{
	padding: 22px 40px 20px;
    font-size: 16px;
}
	
.creator_sec_work .workpage_link span{
	display: inline-block;
}
	
.creator_sec_info .color_bg{
	padding: 26px 40px 34px;
}
	
.creator_sec_info .profile .profile_title{
    margin: 12px 0 4px 0;
}
	
.creator_sec_info .profile .gm{
	font-size: 14px;
}
	
.creator_sec_info .service_list li{
	text-indent: -1em;
    margin: 0 0 8px 1em !important;
}
	
.creator_sec_info .service_list li:last-child{
	margin: 0 0 0px 1em !important;
}
	
.creator_sec_info .service_list li:before{
    margin: 0 6px 0 0;
    font-size: 14px;
}
	
.creator_sec_service .service_list{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 4px 0 0 0;
}
	
.creator_sec_service .service_list li{
	margin: 4px 8px 0px 0;
	line-height: 180%;
}

.creator_sec_service .subheading{
    padding: 20px 0 10px;
}	
	
.creator_sec_service .db li{
	line-height: 210%;
}
	
.creator_sec_service .db{
	display: block;
}
	
.creator_sec_service .service_list li:after{
	content: '/';
	color: #bdbcbc;
	margin: 0 0 0 0;
	padding: 0 0 0 8px;
	font-weight: 100;
	font-size: 17px;
}
	
.creator_sec_service .db li:after{
	content: '';
	color: #bdbcbc;
	padding: 0 0 0 0px;
}

.creator_sec_service .service_list li:last-child:after{
	content: '';
}
	
.creator_sec_service .servicepage_link a{
    margin: 20px 0 0 0 !important;
    font-size: 16px;
}

.creator_sec_service .servicepage_link a:after{
    top: 5px;
    right: -18px;
    font-size: 15px;
}
	
.creator_sec_credentials li{
	text-indent: -1.2em;
    margin: 0 0 8px 1.2em !important;
}
	
.creator_sec_credentials li:before{
	content: "•";
    font-weight: 300;
    margin: 0 6px 0 0;
    font-size: 14px;
}
		
.creator_sec_credentials a{
	line-height: 210%;
}
	
.creator_sec_credentials a:after{
    right: -24px;
    font-size: 15px;
}
	
.creator_sec_relatedsite .banner{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin: -30px 0 0 0;
}
	
.creator_sec_relatedsite .podcast{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin: 0;
}

.creator_sec_relatedsite .banner li, .creator_sec_relatedsite .podcast li{
	width: 48%;
	margin: 30px 0 0 0;
}
	
.creator_sec_relatedsite .book_link li{
	width: auto;
	margin: 3px 12px 0 0 !important;
	font-size: 13px;
}
	
.creator_sec_relatedsite .banner .book_link li:last-child{
	margin: 3px 0px 0 0;	
}

.creator_sec_relatedsite .book_link li i{
	font-size: 12px;
	padding: 0 0 0 3px;
}
	
.creator_sec_relatedsite .relatedsite_list li{
	margin: 20px 0 0 0;
}
	
.creator_sec_relatedsite .podcast li:only-child {
  flex: 0 0 100%;
}
	
.creator_sec_relatedsite .banner li:last-child, .creator_sec_relatedsite .podcast li:last-child{
	margin: 30px 0 0px 0;
}

.creator_sec_relatedsite .banner .name, .creator_sec_relatedsite .relatedsite_list .name, .creator_sec_relatedsite .podcast .name{
	margin: 14px 0 6px 0 !important;
	font-size: 16px;
}
	
.creator_sec_relatedsite iframe{
	padding-bottom: 6px;
}

.creator_sec_relatedsite .banner li p, .creator_sec_relatedsite .relatedsite_list li p, .creator_sec_relatedsite .podcast li p{
	font-size: 13px;
}

.creator_sec_relatedsite .banner .name:after, .creator_sec_relatedsite .relatedsite_list .name:after, .creator_sec_relatedsite .podcast .name:after{
    right: -16px;
	top:6px;
    font-size: 15px;
}
	
.creator_sec_relatedsite i{
	padding: 0 0 0 4px;
	font-size: 15px;
}
	
.creator_navi .creator_sns li{
	margin: 0 6px 0 0;
	font-size: 16px;
}
	
.creator_navi .singlenav{
	margin: 50px 0 0;
	flex-wrap: wrap;
}
	
.c_attention{
	margin:100px 0 40px 1em!important;
}
	
.creator_navi .creator_site li:nth-child(2) a{
	border: none;
}
	
.creator_wrapper h3{
	font-size: 17px;
	margin: 0 0 0px 0;
}
	
.creator_wrapper h3:before{
	content: "•";
    font-weight: 300;
    margin: 0 6px 0 0;
    font-size: 14px;
}
	
.creator_sec_service li{
	margin: 0 0 20px 0;
}

.creator_navi .creator_site a:hover, .creator_sec_work .workpage_link:hover{
	transform: translate(0px, 3px);
}
	
.creator_sec_relatedsite .banner img{
	margin: 0 0 14px;
}

/*--ホバー--*/
	
.creator_sec_relatedsite .banner a:hover span, .creator_sec_relatedsite .relatedsite_list a:hover span, .creator_sec_relatedsite .podcast a:hover span{
	background-size: 100% 1px;
	background-position: 0 96%;
}

.creator_sec_relatedsite .banner a:not(:hover) span, .creator_sec_relatedsite .relatedsite_list a:not(:hover) span, .creator_sec_relatedsite .podcast a:not(:hover) span{
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_sec_info .profile a:hover{
	background-size: 100% 1px;
	background-position: 0 96%;
}
	
.creator_sec_info .profile a:not(:hover){
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_sec_credentials a:hover{
	background-size: 100% 1px;
	background-position: 0 96%;
}
	
.creator_sec_credentials a:not(:hover){
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_sec_service .servicepage_link a:hover{
	background-size: 100% 1px;
	background-position: 0 96%;
}
	
.creator_sec_service .servicepage_link a:not(:hover){
	background-position: 100% 96%;
	background-size: 0 1px;
}
	
.creator_sec_relatedsite .book_link li a:hover{
	background-size: 100% 1px;
	background-position: 0 96%;
}
	
.creator_sec_relatedsite .book_link li a:not(:hover){
	background-position: 100% 96%;
	background-size: 0 1px;
}	
	
	
		
}

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

.creator_wrapper .creator_title{
	font-size: 36px;
	margin: -8px 0 40px 0;
	line-height: 150%;
}

}


@media only screen and (min-width: 1260px) {
	
.creator_wrapper{
	display: flex;
	justify-content:space-between;
	margin: 0 0 0px 0;
}
	
.creator_sec_work{
	padding: 40px 0 0 0;		
}

.creator_wrapper .creator_navi{
	width: 36%;
	position: sticky;
	display: inline-block;
	top: 10%;
	height: 100%;
	margin: -4px 0 60px 0;
}

.creator_wrapper .creator_info{
	width: 58%;
}
	
.creator_navi .creator_site{
	display: block;
}
	
.creator_navi .creator_site li{
	margin: 0;
}
	
.creator_navi .creator_site li:nth-child(2){
	margin: 14px 0 0;
}
	
.creator_navi .singlenav{
	display:flex;
}
	
.creator_sec_work .singlenav .custom_btn, .creator_sec_work .singlenav .worklist_btn{
	display: none;
}

.creator_navi .singlenav li:first-of-type{
	margin: 0 10px 16px 0;
}
	
.creator_navi .singlenav li a{
	margin: 0;
}
	
.creator_sec_work .singlenav{
	margin: 20px 0 0 0;
}
	
.creator_sec_sns{
	margin: 0 0 0px 0;
}
	
.creator_top .creator_navi .singlenav{
	margin: 26px 0 0 ;
}
	
.creator_top .singlenav{
	margin: 10px 0 10px 0;
}
	
}

@media only screen and (min-width: 1660px) {
	
.creator_wrapper .creator_navi{
	width: 32%;
}
	
}

/*----------------------------------------------------------------------------

    検索結果

----------------------------------------------------------------------------*/

.search_creator_result{
	padding: 0 0 20px;
}

.under .search_site{
	margin: 0 0 10px 0;
	font-size: 18px;
}

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

.under .search_site{
	margin: 20px 0 26px 0;
	font-size: 24px;
}
.search_creator_result{
	padding: 0 0 40px;
}
	
	
}