@charset "UTF-8";
/* CSS Document */

/*--------------------
Base
---------------------*/

@font-face {
    font-family: 'EB Garamond', serif;
    font-family: 'Marcellus', serif;
	font-family: 'Noto Serif JP', serif;
 }

html{
	font-size:62.5%;/*16px×62.5%=10px*/
	
}
body{
	color:#101010;
/*	font-family:'Noto Serif JP', serif;*/
	letter-spacing: 0.2em;
    line-height: 2.1;
	font-feature-settings: "palt";
	font-size: 13px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-transform: capitalize;
	-webkit-text-size-adjust: 100%;
	
}
img{
	max-width:100%;
	height: auto;
}

input,textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color: #333;
	font-size: 1.6rem;
	outline: none;
}
/*
header,main,footer {
	margin: 0 auto;
}
*/
body , html {
    padding:0; /*　追加*/
    margin:0; /*　追加*/
    height: 100%;
}
body p{
	font-family: 'Noto Serif JP', serif;
	transform: rotate(0.001deg);
	letter-spacing: 0.1em;
	line-height: 1.8;
	font-size: 14px;
	text-transform: none;
}
.clearfix:after{
  content:"";
  display:block;
  clear:both;
}
.ie-img{
	display: none;
}
/*--------------------
commom-css
---------------------*/
.text-center{
	text-align: center;
}
.flex{
	display: flex;
}

.wrapper{
	padding: 0 25px;
}
.text-lowercase{
	text-transform: lowercase;
}

a:hover {
    opacity: 0.5;
}
/*--------------------
display-none
---------------------*/
.pc-img{
	display: none;
}

a {
	text-decoration:none;
	color: #101010;
	font-family: 'Noto Serif JP', serif;
	transform: rotate(0.001deg);
	letter-spacing: 0.1em;
	line-height: 1.8;
	word-wrap: break-word !important;
}
.title-sp-none{
	display: none !important;
}
.page-id-37 .title-sp-none{
	display: block !important;
}
/*------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px)  {
/*pc版*/
body{
	font-size: 14px;
}	
.news-page-right p{
	font-size: 14px;
}
.sp-img{
	display: none;
}
.pc-img{
	display: block;
}
.title-sp-none{
	display: block !important;
}
}

/*--------------------
404.error
---------------------*/
.notfound {
    text-align: center;
    padding: 100px 0;
    margin: 0 auto;
    color: #fff;
}

.notfound .title {
    font-size: 40px;
}
.notfound a {
    font-size: 23px;
    color: #fff;
    font-family: 'Marcellus', serif;
    margin-top: 30px;
    display: block;
}

.notfound .small-txt {
    font-size: 14px;
}