@charset "utf-8";
/*
Theme Name: sankakuya_skelton
Theme URL: https://sankakux4.org
Description: original theme
Author:yuya matsuo
Version: 1.0.0
*/

/* reset */

html{
	scroll-behavior:smooth;
}
body{
	margin:0;
	width:100%;
	overflow-x:hidden;
	overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        text-rendering:optimizeSpeed;
        -webkit-text-size-adjust: 100%;
}

*{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*::before,
*::after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	font-size:1rem;
	font-weight:400;
	margin:0;
	padding:0;
	line-height:1;
}

p{
	margin:0;
	padding:0;
}

ul,
ol{
	list-style:none;
	padding:0;
	margin:0;
}

figure,
blockquote,
dl,
dd{
	margin:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:not([class]){
	text-decoration-skip-ink:auto;
}

::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}

@media(prefers-reduced-motion:reduce){
	*{
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
		scroll-behavior:auto !important;
	}
}

/* common */

html{
	font-size:calc(100vw / 750 * 28);
}

body{
	background:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	color:#333;
	font-weight:400;
	line-height:1.8;
	margin:0;
}

a{
	color:#333;
	transition: .5s;
	text-decoration:none;
}

a:hover{
	color:#333;
	text-decoration:none;
}

/* layout */

main{
	display:block;
	margin:0 auto calc(100vw / 750 * 100);
}

.home main{
	margin:0 auto;
}

.container{
	width:90vw;
	margin:0 auto;
}

.flex-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

/* parts */

.serif{
	font-family: 'Noto Serif JP', serif;
}

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

.text-right{
	text-align:right;
}

.img-fluid{
	display:block;
	max-width:100%;
	height:auto;
}

.shadow{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.heading01{
	background:#333;
	color:#fff;
	line-height:1.8;
	font-size:1rem;
	font-weight:700;
	text-align:center;
	padding:calc(100vw / 750 * 30);
}

.home .heading01{
	background:#ccc;
	color:#333;
}

.heading02{
	padding:0;
	color:#E2087E;
	font-size:1rem;
	font-weight:700;
	text-align:center;
}

.btn{
	display:inline-block;
	font-size:0.8rem;
	border:1px solid #333;
	padding:calc(100vw / 750 * 10) 0;
	text-align:center;
	width:50%;
}

/* search */



/* header */

header{
	padding:calc(100vw / 750 * 15) 0;
	background:#eee;
}

header h1{
	width:20%;
	margin:0 auto;
}

.home header{
	padding:calc(100vw / 750 * 30) 0;
}

.home header h1{
	width:33%;
	margin:0 auto;
}

header h1 img{
	width:100%;
}

header h1 span{
	display:block;
	font-weight:700;
	color:#E2087E;
	font-size:1rem;
	text-align:center;
	margin-top:calc(100vw / 750 * 10);
}

/* footer */

footer{
	background:#eee;
	padding:calc(100vw / 750 * 50) 0;
}

footer h6{
	font-size:0.8rem;
}

/* page */

.page-nav{
	padding:calc(100vw / 750 * 20) 0;
}

.page-nav a{
	font-size:0.8rem;
}

.page-nav a i{
	margin-right:0.25em;
}

/* archive */

.pagination{
	margin-top:calc(100vw / 750 * 50);
}

.pagination .nav-links{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination .nav-links span,
.pagination .nav-links a{
	display:block;
	margin:0 calc(100vw / 750 * 10);
	border:1px solid #333;
	line-height:1;
	padding:calc(100vw / 750 * 10) calc(100vw / 750 * 20);
}

/* single */

.wp-block-image img{
	max-width:100%;
	height:auto;
}

/* news */

.news-archive article{
	margin-bottom:calc(100vw / 750 * 30);
}

.news-archive article:first-child{
	margin-top:calc(100vw / 750 * 30);
}

.news-archive article p{
	color:#E2087E;
	line-height:1;
}

.news-archive article h2{
	line-height:1.8;
}

.news-header{
	margin-bottom:calc(100vw / 750 * 40);
}

.news-header p{
	color:#E2087E;
	line-height:1;
}

.news-header h1{
	line-height:1.8;
	font-weight:700;
}

.single-news .page-content{
	padding-top:calc(100vw / 750 * 40);
}

/* faq */

.single-faq .page-content p{
	padding:calc(100vw / 750 * 30) 0;
}

/* guide */

.guide-archive li{
	font-weight:700;
	border-bottom:1px solid #333;
	line-height:1.8;
}

.guide-archive li a{
	display:block;
	padding: calc(100vw / 750 * 30);
}

.single-guide .page-content{
	padding-top:calc(100vw / 750 * 40);
}

.single-guide .page-content .img{
	margin-top:calc(100vw / 750 * 40);
}

/* home */

.home-content{
	margin-bottom:calc(100vw / 750 * 50);
}

.home-content.hc01{
	padding-top:calc(100vw / 750 * 50);
}

.home-content.hc02 .news-archive{
	padding:calc(100vw / 750 * 15) 0 calc(100vw / 750 * 30);
}

.home-content.hc02 .news-archive article{
	margin-bottom:0;
}

.home-content.hc02 .news-archive article:first-child {
	margin-top:0;
}

.home-content.hc02 .news-archive article p{
	width:calc(100vw / 750 * 140);
	line-height:1.8;
}

.home-content.hc02 .news-archive article h2{
	width:calc(100% - (100vw / 750 * 140) );
}

.hc-archive{
 	display:none;
 }
 
 .post-type-archive-faq .hc-archive{
 	display:block;
 }
 
.hc-archive li{
 	font-weight: 700;
	border-bottom: 1px solid #333;
	line-height: 1.8;
	
}

.hc-archive li a{
	display:block;
	padding: calc(100vw / 750 * 30);
}
 
.hc-archive li a span{
  	color:#E2087E;
}



.home-content.hc04 .guide-archive{
	display:none;
}

.hc-toggle{
	position:relative;
}

.hc-toggle::after{
	position:absolute;
	top:50%;
	transform: translateY( -50%);
	-webkit-transform: translateY(-50%);
	right:calc(100vw / 750 * 30);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content: "\f067";
	line-height:1.8;
}

.hc-toggle.active::after{
	position:absolute;
	top:50%;
	transform: translateY( -50%);
	-webkit-transform: translateY(-50%);
	right:calc(100vw / 750 * 30);
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	content: "\f068";
	line-height:1.8;
}

/* search */

.search-form form{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-form form input[type="text"]{
	border:1px solid #aaa;
	background:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	padding:calc(100vw / 750 * 30);
	width:85%;
	border-radius:0;
	font-size:0.8rem;
	line-height:1;
}

.search-form form input[type="text"]:focus{
	outline:none;
	outline-offset:0;
	border:1px solid #333;
	background:#f6f6f6;
}

.search-form form .search-btn{
	width:15%;
	font-size:0.8rem;
	border:1px solid #E2087E;
	padding:calc(100vw / 750 * 32) 0;
	background:#E2087E;
	color:#fff;
	font-weight:700;
	border-radius:0;
}

@media (max-width: 960px) {}

@media (max-width: 560px) {}

@media (max-width: 375px) {}

@media (max-width: 320px) {}