@charset "UTF-8";
/*
 * site.css
 * common.css の @import を1ファイルに連結したもの（2026-09 段階1）。
 * 読み込み順と media 条件は旧 common.css と同一。中身は各ファイルのまま。
 * 元ファイル（reset.css / design*.css）は残してある。編集はこのファイルで行うこと。
 * Google Fonts の Noto Sans JP は読み込みをやめた（TypeSquare の予備でしかなく未使用）。
 * Lato は header.php の <link> で読む。
 */

/* ==================== reset.css ==================== */
/*reset css*/

/*-----------------------------------*
すべてリセット
YUI設定
 *-----------------------------------*/


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

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

fieldset,img { 
	border:0;
}

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

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

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

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

img {
	border:none;
}

/* ==================== design.css ==================== */
/*design.css*/

/*-----------------------------------*
common
*-----------------------------------*/

/* common */



body{
	font-size: 1rem;
	color: #333333;
	text-align:center;
	font-family: 'Koburina Gothic W1 JIS2004','Noto Sans JP','Lato',"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3", arial; 
/*(testサーバnew height対応のため)*/
	/* font-family: 'Koburina Gothic W1 JIS2004','Lato',arial; */
	line-height: 2rem;
	-webkit-font-smoothing: antialiased;
}

a:link		{color: #333333; text-decoration: none;}
a:active	{color: #333333; text-decoration: none;}
a:hover		{color: #333333; text-decoration: none;}
a:visited	{color: #666666; text-decoration: none;}


a img{
	border: none;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*pagination*/

.page_num{
	margin-right: 4em;
}

.pager{
	margin: 0 0.6em;
}


.next{
	margin-left: 1em;
}

.prev{
	margin-right: 1em;
}

/* ==================== design_w1200.css (screen and (min-width:1200px)) ==================== */
@media screen and (min-width:1200px) {
/*design.css*/

/*-----------------------------------*
width1200px(pc)

common□□□□□□□□□□□□
wrapper
header
contents
reservation part
p photo
profile
pagenation part
archives
footer
h
pc menu part 
archives list part

front_page□□□□□□□□□□□□


single-issues□□□□□□□□□□□□
h
reservation
p photo
profile
archives

single (=blog)□□□□□□□□□□□□
page footer navigation

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

/* @media (min-width:1200px){ */


/*common□□□□□□□□□□□□*/

.pc{
	display: block;
}

.sp{
	display: none;
}

/* wrapper */
div#wrapper{
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}


/* header */
#header{
	padding: 0 auto;
	margin: 62px auto 54px;
}

#header img{
	width: 450px;
}


/* contents */

img.main_img{
	margin: 0 auto 200px;
	margin: 0 auto 50px;
}


p.margin_l{
	margin: 0 auto;
	padding: 0 0 190px;
}

p.margin_m{
	margin: 0 auto;
	padding: 0 0 100px;
}

.size_m{
	font-size: 16px;
	line-height: 50px;
}

.strong{
	font-weight: 500;
	color: #000000;
}


/*reservation part*/
.btn_reservation{
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

.btn_reservation img{
	width: 208px;
}


/*p photo*/
img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents .inner img{
}

img.w_middle{
	width: 900px;
}

div.double{
	width: 100%;
}

div.double .item img{
	width: 500px;
}

.photo_sq{
	margin: 0 auto 36px;
}

div.caption{
	font-size: 14px;
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
}


/**/
.container { 
	display: flex;
	justify-content:space-between; 
}

.writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

.continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}


/*profile*/
div.profile{
	padding: 0;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}


/*pagenation part*/

#pagination_module{
	height: 3em;
	margin: 0 0 2em;
}

.nav-links{

}

.nav-links .page-numbers{
	margin: 0 1.4em 0 0;
}


/*archives*/
.w_archive_thumbnail{
	width: 360px;
}

.archives{ /* homeのみ */
/*
	width: 1200px;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
*/
}

.container.archives{
	display: flex;
	flex-wrap: wrap;
}

.container.archives::after{
  content:"";
  display: block;
  width:400px;
}

/* btn_more */
.btn_more{
	text-align: right;
	font-size: 0.8em;
	width: 96%;
	padding: 0 0 1em;
	margin: 0 auto 8em;
}


/* footer */
#footer{
	border-top: 1px solid #000000;
	padding: 15px 0 0;
}

.copyright{
	text-align: right;
}

#footer .logo{
	width: 65px;
}


/* h */
h1 {
}

h2{
	margin: 0 auto 100px;
}

h2.aisatsu {
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 10px;
	font-size: 40px;
	color: #333333;
	margin: 0 auto 178px;
}

h2.en{
	font-family:'Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	color: #333333;
}

.issue{
	line-height: 44px;
}

.sub{
	font-size: 0.75em;
	letter-spacing:normal;
}

h2.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	line-height: 48px;
	font-size: 36px;
	color: #333333;
}

h2.archive{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 30px;
	color: #333333;
}

h3{/*contents内小見出し*/
/* 		margin: 0 1em 24px; */
}

h3.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
}

h3.profile{
	font-family:'Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
	font-variant-ligatures:none;
	margin: 0 0 24px;
}


/* pc menu part */

#menu_pc{
	text-align: center;
	height: 100px;
}

.container {
	justify-content: center;
}

#nav .item {
	width: 150px;
}

#nav .item > a:link		{color: #333333;text-decoration: underline;}
#nav .item > a:active	{color: #1794fe;text-decoration: underline;}
#nav .item > a:hover	{color: #1794fe;text-decoration: underline;}
#nav .item > a:visited	{color: #333333;text-decoration: underline;}


#issues_outer{
	position: relative;
}

#issues_taxonomy_pc{
	display: none;
	position: absolute;
	top:-70px;
	z-index: 200;
	background-color:rgba(238,237,232,1.00);
	border: 1px solid #DDDDDD;
	max-width: 1000px;
	padding: 20px 5% 20px 10%;
	margin: 0 1em;
}

#issues_taxonomy_pc li{
	width: 33%;
	float: left;
	text-align: left;
}

#issues_taxonomy_pc a{
	text-decoration: underline;
}

/*archives list part*/
#archives a{
	color: #333333;
	text-decoration: none;
}

#archives li{
	position: relative;
	float: left;
	width: 378px;
	height: 410px;
	margin: 0 5px 30px;
	border: 1px solid #CCCCCC;

	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}


.thumbnail{
	text-align:center;
	margin: 0 0 2.4em;
}

.thumbnail img{
	width: 100%;
	aspect-ratio: 3 / 2;
}

.detail{
	height: 8em;
}

.detail .title{
	padding: 0 5px 0.4em;
	height: 3em;
	line-height: 16px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
}

.detail .category{
	height:3em;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 100;
}

.detail .day{
	text-align: right;
	font-size: 0.6em;
	padding: 0 1em 0 0;
}

.zigzag {
	position: absolute;
	top:0px;
	left: 30px;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	filter:drop-shadow(0 1px 1px);
	text-align: center;
}

.zigzag::after {
	bottom: -10px;
	background: linear-gradient(120deg, #ea5aab 5px, transparent 0), linear-gradient(240deg, #ea5aab 5px, transparent 0);
	background-size: 10px 10px;
}

.zigzag .new{
	position:relative;
	font-family:'Lato',sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	top:6px;
	left:1px;
	color: #FFFFFF;
	text-shadow:0px 0px 3px #333333;
}

/*front_page□□□□□□□□□□□□*/

#front-page-lead{
	margin: 0 auto 100px;
	padding:0 0 3em;
	border-bottom: 1px solid #CCCCCC;
}

#front-page-lead .inner{
	width: 764px;
	margin: 0 auto;
	text-align: left;
}

#front-page-lead .inner p{
		width: 100%;
}

/*single-issues□□□□□□□□□□□□*/

#contents.issues {
	width: 1200px;
	margin: 0 auto;
	line-height: 44px;
	padding: 0 auto;
	text-align: center;
}	

#contents.issues .inner{
	width: 900px;
	margin: 0 auto;
}

#contents.issues .inner a:link		{color: #1794fe;text-decoration: none;}
#contents.issues .inner a:active	{color: #333333;text-decoration: underline;}
#contents.issues .inner a:hover		{color: #333333;text-decoration: underline;}
#contents.issues .inner a:visited	{color: #1794fe;text-decoration: none;}

/* h */
#contents.issues h1 {
}

#contents.issues h2{
	font-size: 32px;
	line-height: 40px;
	margin: 100px auto;
}

#contents h2.aisatsu {
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 10px;
	font-size: 40px;
	color: #333333;
	margin: 0 auto 178px;
}

#contents.issues h2.en{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	color: #333333;
}

#contents.issues h2{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	line-height: 48px;
	font-size: 32px;
	color: #333333;
}

#contents.issues h3{/*contents内小見出し*/
/* 		margin: 0 24px; */
}

#contents.issues h3.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
}

#contents.issues h3.profile{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
	font-variant-ligatures:none;
	margin: 0 0 24px;
}

#contents.issues img.size_xl{
	width: 1200px;
	height: auto;
	position: relative;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
	z-index: 10;
	margin: 0 auto;
	padding: 0 0 100px;
}

#contents.issues img.size_l{
	width: 900px;
	height: auto;
}

#contents.issues img.size_m{
	width: 450px;
	height: auto;
}


#contents.issues img.size_s{
	width: 300px;
	height: auto;
}

#contents.issues img.size_auto{
	width: auto;
	height: auto;
}


#contents.issues p{
	display: block;
	font-size: 16px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 2px;
}

/* 	imgをセンターに配置 */
#contents.issues p img.aligncenter{
	display: block;
	text-align: center;
	margin: 0 auto;
}

/*reservation*/
#contents.issues .btn_reservation{
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

#contents.issues .btn_reservation img{
	width: 208px;
}

/*p photo*/
#contents.issues img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents.issues .writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

#contents.issues .continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}

/*profile*/
#contents.issues div.profile{
/* 		width: 900px; */
	padding: 0;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

#contents.issues div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#contents.issues div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}


/*archives*/
#contents.issues .w_archive_thumbnail{
	width: 360px;
}

#contents.issues .archives{
	width: 1200px;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}

#contents.issues .container.archives{
	display: flex;
	flex-wrap: wrap;
}

#contents.issues .container.archives::after{
  content:"";
  display: block;
  width:400px;
}

#contents.issues .archives .item{
	width: 360px;
	margin: 0 0 4em;
}

#contents.issues .archives .item div.title{
	width: 336px;
	padding: 0 12px;
	height: 2em;
}


/*single (=blog)□□□□□□□□□□□□*/

#contents.blog{
}

#contents.blog #content a:link		{color: #1794fe;text-decoration: none;}
#contents.blog #content a:active	{color: #333333;text-decoration: underline;}
#contents.blog #content a:hover		{color: #333333;text-decoration: underline;}
#contents.blog #content a:visited	{color: #1794fe;text-decoration: none;}

#contents.blog .inner{
}

#contents.blog #content_header {
	height: 10em;
	text-align: left;
	margin: 0 0 4em;
}

#contents.blog #content_header h2{
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}

#contents.blog #content_header #day_time{
	text-align: right;
}

#contents.blog #content{
	width:768px;
	margin:0 0 10em 432px;
	text-align:left;
}

#contents.blog #content img{
	max-width:200px;
}

#contents p{
	margin: 0 auto; 
	font-size: 14px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: 2px;
}

#content_footer{
	margin:0 0 3em 432px;
	font-size: 0.8em;
	width:768px;
	display: flex;
	justify-content: space-between;
}

/*page footer navigation*/
#content_footer .nav-previous, #content_footer .nav-next {
  width: 44%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* } */
/* @import url(./menu_pc.css); */
}

/* ==================== design_w1199_900.css (screen and (max-width:1199px) and (min-width:900px)) ==================== */
@media screen and (max-width:1199px) and (min-width:900px) {
/*design.css*/

/*-----------------------------------*
width1199px-900px

common□□□□□□□□□□□□
	wrapper
	header
	contents
	reservation part
	p photo
	profile
	pagenation part
	archives
	footer
	h
	pc menu part 
	archives list part

front_page□□□□□□□□□□□□


single-issues□□□□□□□□□□□□
	reservation
	profile
	archives

single (=blog)□□□□□□□□□□□□
	page footer navigation

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



/* @media (max-width:1199px) and (min-width:900px) { */


/*common□□□□□□□□□□□□*/

.pc{
	display: block;
}

.sp{
	display: none;
}

/* wrapper */
div#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* header */
#header{
	padding: 0 auto;
	margin: 62px auto 54px;
}

#header img{
	width: 450px;
}


/* contents */
#contents {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

img.main_img{
	width: 100%;
	margin: 0 auto 200px;
}

#contents p{
	width: 900px;
	margin: 0 auto; 
	font-size: 16px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 2px;
}

p.margin_l{
	margin: 0 auto;
	padding: 0 0 190px;
}

p.margin_m{
	margin: 0 auto;
	padding: 0 0 100px;
}

.size_m{
	font-size: 16px;
	line-height: 50px;
}

.strong{
	font-weight: 500;
	color: #000000;
}


/*reservation part*/
.btn_reservation{
	width: 900px;
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

.btn_reservation img{
	width: 208px;
}


/*p photo*/
img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents .inner img{
}

img.w_middle{
	width: 900px;
}

div.double{
	width: 100%;
}

div.double .item{
	width: 40%
}

div.double .item img{
	width: 100%;
}

.photo_sq{
	margin: 0 auto 36px;
}

div.caption{
	font-size: 14px;
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
}


/**/
.container { 
	display: flex;
	justify-content:space-between; 
}

.writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

.continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}


/*profile*/
div.profile{
	width: 900px;
	padding: 0;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}


/*pagenation part*/

#pagination_module{
	height: 3em;
	margin: 0 0 2em;
}

.nav-links{

}

.nav-links .page-numbers{
	margin: 0 1.4em 0 0;
}


/*archives*/
.w_archive_thumbnail{
	width: 300px;
}

.archives{ /* homeのみ */
/*
	width: 100%;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
*/
}
.container.archives{
	display: flex;
	flex-wrap: wrap;
}

.container.archives::after{
  content:"";
  display: block;
  width:33%;
}

/* btn_more */
.btn_more{
	text-align: right;
	font-size: 0.8em;
	width: 96%;
	padding: 0 0 1em;
	margin: 0 auto 8em;
}

/* footer */
#footer{
	border-top: 1px solid #000000;
	padding: 15px 0 0;
}

.copyright{
	text-align: right;
}

#footer .logo{
	width: 65px;
}


/* h */
h1 {
}

h2{
	margin: 0 auto 100px;
}

h2.aisatsu {
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 10px;
	font-size: 40px;
	color: #333333;
	margin: 0 auto 178px;
}

h2.en{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	color: #333333;
}

.issue{
	line-height: 40px;
}

.sub{
	font-size: 0.75em;
	letter-spacing:normal;
}

h2.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 36px;
	color: #333333;
}

h2.archive{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	font-size: 30px;
	color: #333333;
}

h3{/*contents内小見出し*/
/* 		margin: 0 1em 24px; */
}

h3.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
}


h3.profile{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
	font-variant-ligatures:none;
	margin: 0 0 24px;
}


/* pc menu part */

#menu_pc{
	text-align: center;
	height: 100px;
}

.container {
	justify-content: center;
}

#nav .item {
	width: 150px;
}

#nav .item > a:link		{color: #333333;text-decoration: underline;}
#nav .item > a:active	{color: #1794fe;text-decoration: underline;}
#nav .item > a:hover	{color: #1794fe;text-decoration: underline;}
#nav .item > a:visited	{color: #333333;text-decoration: underline;}

#issues_outer{
	position: relative;
}

#issues_taxonomy_pc{
	display: none;
	position: absolute;
	top:-70px;
	z-index: 200;
	background-color:rgba(238,237,232,1.00);
	border: 1px solid #DDDDDD;
	max-width: 1000px;
	padding: 20px 5% 20px 10%;
	margin: 0 1em;
}

#issues_taxonomy_pc li{
	width: 33%;
	float: left;
	text-align: left;
}

#issues_taxonomy_pc a{
	text-decoration: underline;
}



/*archives list part*/
#archives li{
	position: relative;
	float: left;
	width: 33%;
	height: 410px;
	margin: 0 0 30px;
	border: 1px solid #CCCCCC;

	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}

.thumbnail{
	text-align:center;
	margin: 0 0 2.4em;
}

.thumbnail img{
	width: 100%;
	aspect-ratio: 3 / 2;
}

.detail{
	height: 8em;
}

.detail .title{
	padding: 0 5px 0.4em;
	height: 3em;
	line-height: 16px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
}

.detail .category{
	height:3em;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 100;
}

.detail .day{
	text-align: right;
	font-size: 0.6em;
	padding: 0 1em 0 0;
}


.zigzag {
	position: absolute;
	top:0px;
	left: 30px;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	filter:drop-shadow(0 2px 6px);
	text-align: center;
}

.zigzag::after {
	bottom: -10px;
	background: linear-gradient(120deg, #ea5aab 5px, transparent 0), linear-gradient(240deg, #ea5aab 5px, transparent 0);
	background-size: 10px 10px;
}

.zigzag .new{
	position:relative;
	font-family:'Lato',sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	top:6px;
	left:1px;
	color: #FFFFFF;
	text-shadow:0px 0px 3px #333333;
}


/*front_page□□□□□□□□□□□□*/

#front-page-lead{
	margin: 0 auto 100px;
	padding:0 0 3em;
	border-bottom: 1px solid #CCCCCC;
}

#front-page-lead .inner{
	width: 764px;
	margin: 0 auto;
	text-align: left;
}

#front-page-lead .inner p{
	width: 100%;
}

/*single-issues□□□□□□□□□□□□*/

#contents.issues {
	min-width: 900px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

#contents.issues .inner{
	width: 900px;
	margin: 0 auto;
}

#contents.issues .inner a:link		{color: #1794fe;text-decoration: none;}
#contents.issues .inner a:active	{color: #333333;text-decoration: underline;}
#contents.issues .inner a:hover		{color: #333333;text-decoration: underline;}
#contents.issues .inner a:visited	{color: #1794fe;text-decoration: none;}

#contents.issues img.size_xl{
	max-width: 1200px;
	height: auto;
	position: relative;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
	z-index: 10;
	margin: 0 auto;
	padding: 0 0 100px;
}

#contents.issues img.size_l{
	width: 900px;
	height: auto;
}

#contents.issues img.size_m{
	width: 450px;
	height: auto;
}


#contents.issues img.size_s{
	width: 300px;
	height: auto;
}

#contents.issues img.size_auto{
	width: auto;
	height: auto;
}

#contents.issues p{
	margin: 0 auto; 
	font-size: 16px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 2px;
}

/* 	imgをセンターに配置 */
#contents.issues p img.aligncenter{
	display: block;
	text-align: center;
	margin: 0 auto;
}


/*reservation*/
#contents.issues .btn_reservation{
	width: 900px;
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

#contents.issues .btn_reservation img{
	width: 208px;
}

/*p photo*/
#contents.issues img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents.issues img.w_middle{
	width: 900px;
}

#contents.issues div.double{
	width: 100%;
}

#contents.issues div.double .item img{
	width: 500px;
}

#contents.issues .photo_sq{
	margin: 0 auto 36px;
}

#contents.issues div.caption{
	font-size: 14px;
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
}

/**/
#contents.issues .container { 
	display: flex;
	justify-content:space-between; 
}

#contents.issues .writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

#contents.issues .continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}

/*profile*/
#contents.issues div.profile{
	width: 900px;
	padding: 0;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

#contents.issues div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#contents.issues div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}

/*archives*/
#contents.issues .w_archive_thumbnail{
	width: 360px;
}

#contents.issues .archives{
	width: 1200px;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}

#contents.issues .container.archives{
	display: flex;
	flex-wrap: wrap;
}

#contents.issues .container.archives::after{
  content:"";
  display: block;
  width:400px;
}

#contents.issues .archives .item{
	width: 360px;
	margin: 0 0 4em;
}

#contents.issues .archives .item div.title{
	width: 336px;
	padding: 0 12px;
	height: 2em;
}


/*single (=blog)□□□□□□□□□□□□*/

#contents.blog{
}

#contents.blog #content a:link		{color: #1794fe;text-decoration: none;}
#contents.blog #content a:active	{color: #333333;text-decoration: underline;}
#contents.blog #content a:hover		{color: #333333;text-decoration: underline;}
#contents.blog #content a:visited	{color: #1794fe;text-decoration: none;}

#contents.blog #content_header {
	height: 10em;
	text-align: left;
	margin: 0 0 4em;
}

#contents.blog #content_header h2{
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}

#contents.blog #content_header #day_time{
	text-align: right;
}

#contents.blog #content{
	width:768px;
	margin:0 0 10em 432px;
	text-align:left;
}

#contents.blog #content img{
	max-width:200px;
}

#contents p{
	margin: 0 auto; 
	font-size: 14px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: 2px;
}

#content_footer{
	margin:0 0 3em 432px;
	font-size: 0.8em;
	width:768px;
	display: flex;
	justify-content: space-between;
}

/*page footer navigation*/
#content_footer .nav-previous, #content_footer .nav-next {
  width: 44%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* } */
/* @import url(./menu_pc.css); */
}

/* ==================== design_w899_769.css (screen and (max-width:899px) and (min-width:769px)) ==================== */
@media screen and (max-width:899px) and (min-width:769px) {
/*design.css*/

/*-----------------------------------*
width899px-769px

common□□□□□□□□□□□□
	wrapper
	header
	contents
	reservation part
	p photo
	profile
	pagenation part
	archives
	footer
	h
	sp menu part
	archives list part

front_page□□□□□□□□□□□□


single-issues□□□□□□□□□□□□


single (=blog)□□□□□□□□□□□□
	page footer navigation

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





/* @media (max-width:899px) and (min-width:769px) { */


/*common□□□□□□□□□□□□*/

.pc{
	display: none;
}

.sp{
	display: block;
}

/* wrapper */
div#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* header */
#header{
	padding: 0 auto;
	margin: 62px auto 54px;
}

#header img{
	width: 50%;
}


/* contents */
#contents {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

img.main_img{
	margin: 0 auto 200px;
}

#contents p{
	width: 90%;
/* 		margin: 0 auto 0;  */
/* 		padding: 0 5%; */
	font-size: 1em;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 2px;
}

p.margin_l{
/* 		margin: 0 auto; */
	padding: 0 5% 190px;
}

p.margin_m{
/* 		margin: 0 auto; */
	padding: 0 5% 100px;
}

.size_m{
	font-size: 16px;
	line-height: 50px;
}

.strong{
	font-weight: 500;
	color: #000000;
}


/*reservation part*/
.btn_reservation{
	width: 100%;
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

.btn_reservation img{
	width: 208px;
}


/*p photo*/
img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents .inner img{
}

img.w_middle{
	width: 100%;
}

div.double{
	width: 100%;
}

div.double .item img{
	width: 100%;
}

.photo_sq{
	margin: 0 auto 36px;
}

div.caption{
	font-size: 14px;
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
}


/**/
.container { 
	display: flex;
	justify-content:space-between; 
}

.writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

.continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}


/*profile*/
div.profile{
	width: 80%;
	padding: 0 10%;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}


/*pagenation part*/

#pagination_module{
	height: 3em;
	margin: 0 0 2em;
}

.nav-links{

}

.nav-links .page-numbers{
	margin: 0 1.4em 0 0;
}


/*archives*/
.w_archive_thumbnail{
	width: 100%;
}

.archives{ /* homeのみ */
/*
	width: 100%;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
*/
}

/* btn_more */
.btn_more{
	text-align: right;
	font-size: 0.8em;
	width: 96%;
	padding: 0 0 1em;
	margin: 0 auto 8em;
}

/* footer */
#footer{
	border-top: 1px solid #000000;
	padding: 4px 0 0;
}

.copyright{
	text-align: right;
}

#footer .logo{
	width: 65px;
}


/* h */
h1 {
}

h2{
	margin: 0 auto 100px;
}

h2.aisatsu {
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 6px;
	font-size: 1.8em;
	color: #333333;
	margin: 0 auto 178px;
}

h2.en{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
}

.issue{
	line-height: 40px;
}

.sub{
	font-size: 0.75em;
	letter-spacing:normal;
}

h2.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
	line-height: 50px;
	font-size: 1.5em;
	color: #333333;
}

h2.archive{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	line-height: 50px;
	font-size: 1.5em;
	color: #333333;
}

h3{/*contents内小見出し*/
/* 		margin: 0 1em 24px; */
}

h3.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 24px;
	color: #333333;
}

h3.profile{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
	font-variant-ligatures:none;
	margin: 0 0 24px;
}

/* sp menu part */

#issues_taxonomy_sp a{
	text-decoration: underline;
}



/*archives list part*/
#archives li{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 30px;
	border: 1px solid #CCCCCC;

	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}

.thumbnail{
	text-align:center;
	margin: 0 0 2.4em;
}

.thumbnail img{
	width: 100%;
	aspect-ratio: 3 / 2;
}

.detail{
	height: 8em;
}

.detail .title{
	padding: 0 5px 0.4em;
	height: 3em;
	line-height: 16px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
}

.detail .category{
	height:3em;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 100;
}

.detail .day{
	text-align: right;
	font-size: 0.6em;
	padding: 0 1em 0 0;
}


.zigzag {
	position: absolute;
	top:0px;
	left: 30px;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	filter:drop-shadow(0 2px 6px);
	text-align: center;
}

.zigzag::after {
	bottom: -10px;
	background: linear-gradient(120deg, #ea5aab 5px, transparent 0), linear-gradient(240deg, #ea5aab 5px, transparent 0);
	background-size: 10px 10px;
}

.zigzag .new{
	position:relative;
	font-family:'Lato',sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	top:6px;
	left:1px;
	color: #FFFFFF;
	text-shadow:0px 0px 3px #333333;
}

/*front_page□□□□□□□□□□□□*/

#front-page-lead{
	margin: 0 auto 100px;
	padding:0 0 3em;
	border-bottom: 1px solid #CCCCCC;
}

#front-page-lead .inner{
	width: 92%;
	margin: 0 4%;
	text-align: left;
}

#front-page-lead .inner p{
	width: 100%;
}


/*single-issues□□□□□□□□□□□□*/
#contents.issues {
	width: 768px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

#contents.issues .inner{
	width: 768px;
	margin: 0 auto;
}

#contents.issues .inner a:link		{color: #1794fe;text-decoration: none;}
#contents.issues .inner a:active	{color: #333333;text-decoration: underline;}
#contents.issues .inner a:hover		{color: #333333;text-decoration: underline;}
#contents.issues .inner a:visited	{color: #1794fe;text-decoration: none;}

#contents.issues img.size_xl{
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}

#contents.issues img.size_l{
	width: 100%;
	height: auto;
}

#contents.issues img.size_m{
	width: 450px;
	height: auto;
}


#contents.issues img.size_s{
	width: 300px;
	height: auto;
}

#contents.issues img.size_100px{
	width: 100px;
	height: auto;
}

#contents.issues img.size_auto{
	width: auto;
	height: auto;
}

/* 	imgをセンターに配置 */
#contents.issues p img.aligncenter{
	display: block;
	text-align: center;
	margin: 0 auto;
}

/*single (=blog)□□□□□□□□□□□□*/

#contents.blog{
}

#contents.blog #content a:link		{color: #1794fe;text-decoration: none;}
#contents.blog #content a:active	{color: #333333;text-decoration: underline;}
#contents.blog #content a:hover		{color: #333333;text-decoration: underline;}
#contents.blog #content a:visited	{color: #1794fe;text-decoration: none;}

#contents.blog #content_header {
	height: 10em;
	text-align: left;
	margin: 0 1em 4em;
}

#contents.blog #content_header h2{
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
}

#contents.blog #content_header #day_time{
	text-align: right;
}

#contents.blog #content{
	margin:0 0 10em;
	text-align:left;
}

#contents.blog #content img{
	width:auto;
}

#contents p{
	margin: 0 auto; 
	font-size: 14px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: 2px;
}

#content_footer{
	margin:0 1em 3em;
	font-size: 0.8em;
	display: flex;
	justify-content: space-between;
}

/*page footer navigation*/
#content_footer .nav-previous, #content_footer .nav-next {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* } */
/* @import url(./menu_sp.css); */
}

/* ==================== design_w768.css (screen and (max-width:768px)) ==================== */
@media screen and (max-width:768px) {
/*design.css*/

/*-----------------------------------*
width768px(sp)

common□□□□□□□□□□□□
	wrapper
	header
	contents
	reservation part
	p photo
	profile
	pagenation part
	archives
	footer
	h
	sp menu part
	archives list part

front_page□□□□□□□□□□□□


single-issues□□□□□□□□□□□□


single (=blog)□□□□□□□□□□□□
	page footer navigation


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




/* @media (max-width:768px){ */



/*common□□□□□□□□□□□□*/

.pc{
	display: none;
}

.sp{
	display: block;
}

/* wrapper */
div#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* header */
#header{
	padding: 0 auto;
	margin: 62px auto 54px;
}

#header img{
	width: 80%;
}


/* contents */
#contents {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

img.main_img{
	margin: 0 auto 200px;
}

#contents p{
/* 		width: 90%; */
/* 		margin: 0 auto 0;  */
/* 		padding: 0 5%; */
	font-size: 1em;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 2px;
}

p.margin_l{
/* 		margin: 0 auto; */
	padding: 0 5% 190px;
}

p.margin_m{
/* 		margin: 0 auto; */
	padding: 0 5% 100px;
}

.size_m{
	font-size: 16px;
	line-height: 50px;
}

.strong{
	font-weight: 500;
	color: #000000;
}


/*reservation part*/
.btn_reservation{
	width: 100%;
	margin: 0 auto 380px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 4px;
}

.btn_reservation img{
	width: 208px;
}


/*p photo*/
img.w_full{
	width: 100%;
	margin: 0 auto 100px;
}

#contents .inner img{
	width: 100%;
	height: auto;
}

img.w_middle{
	width: 100%;
}

div.double{
	width: 100%;
}

div.double .item img{
	width: 100%;
}

.photo_sq{
	margin: 0 auto 36px;
}

div.caption{
	font-size: 15px;
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
}


/**/
.container { 
	display: flex;
	justify-content:space-between; 
}

.writer{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: right;
	top: -100px;
	position: relative;
}

.continue{
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 100px;
	color: #333333;
}


/*profile*/
div.profile{
	width: 90%;
	padding: 0 5%;
	margin: 0 auto 190px;
	text-align: left;
	color: #333333;
}

div.profile ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.profile ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 16px;
}


/*pagenation part*/

#pagination_module{
	height: 3em;
	margin: 0 0 2em;
}

.nav-links{

}

.nav-links .page-numbers{
	margin: 0 1.4em 0 0;
}


/*archives*/

div.container.archives{
	display:block;
}

.w_archive_thumbnail{
	width: 100%;
}

.container.archives .item{
	margin: 0 auto 100px;
}

.archives{ /* homeのみ */
/*
	width: 100%;
	margin: 0 auto 210px;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 16px;
*/
}

/* btn_more */
.btn_more{
	text-align: right;
	font-size: 0.8em;
	width: 96%;
	padding: 0 0 1em;
	margin: 0 auto 8em;
}

/* footer */
#footer{
	border-top: 1px solid #000000;
	padding: 4px 0 0;
}

.copyright{
	text-align: right;
}

#footer .logo{
	width: 65px;
}


/* h */
h1 {
}

h2{
	margin: 0 auto 100px;
}

h2.aisatsu {
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 6px;
	font-size: 1.8em;
	color: #333333;
	margin: 0 auto 178px;
}

h2.en{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
}

.issue{
	line-height: 40px;
}

.sub{
	font-size: 0.75em;
	letter-spacing:normal;
}

h2.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
}

h2.archive{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
}

h3{/*contents内小見出し*/
/* 		margin: 0 1em 24px; */
}

h3.ja{
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 20px;
	color: #333333;
}

h3.profile{
	font-family:'Koburina Gothic W1 JIS2004','Lato',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 50px;
	font-size: 1.6em;
	color: #333333;
	font-variant-ligatures:none;
	margin: 0 0 24px;
}


/* sp menu part */

ul#issues_taxonomy_sp a{
	text-decoration: underline;
}



/*archives list part*/
#archives li{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 30px;
	border: 1px solid #CCCCCC;

	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 15px;
}

.thumbnail{
	text-align:center;
	margin: 0 0 2.4em;
}

.thumbnail img{
	width: 100%;
	aspect-ratio: 3 / 2;
}

.detail{
	height: 8em;
}

.detail .title{
	padding: 0 5px 0.4em;
	height: 3em;
	line-height: 16px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
}

.detail .category{
	height:3em;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 100;
}

.detail .day{
	text-align: right;
	font-size: 0.6em;
	padding: 0 1em 0 0;
}


.zigzag {
	position: absolute;
	top:0px;
	left: 30px;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	filter:drop-shadow(0 2px 6px);
	text-align: center;
}

.zigzag::after {
	bottom: -10px;
	background: linear-gradient(120deg, #ea5aab 5px, transparent 0), linear-gradient(240deg, #ea5aab 5px, transparent 0);
	background-size: 10px 10px;
}

.zigzag .new{
	position:relative;
	font-family:'Lato',sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	top:6px;
	left:1px;
	color: #FFFFFF;
	text-shadow:0px 0px 3px #333333;
}

/*front_page□□□□□□□□□□□□*/

#front-page-lead{
	margin: 0 auto 100px;
	padding:0 0 3em;
	border-bottom: 1px solid #CCCCCC;
}

#front-page-lead .inner{
	width: 92%;
	margin: 0 4%;
	text-align: left;
}

#front-page-lead .inner p{
	width: 100%;
}

/*single-issues□□□□□□□□□□□□*/

#contents.issues {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

#contents.issues .inner{
	width: 94%;
	margin: 0 auto;
}

#contents.issues .inner a:link		{color: #1794fe;text-decoration: none;}
#contents.issues .inner a:active	{color: #333333;text-decoration: underline;}
#contents.issues .inner a:hover		{color: #333333;text-decoration: underline;}
#contents.issues .inner a:visited	{color: #1794fe;text-decoration: none;}

#contents.issues img.size_xl{
	width: 100%;
	height: auto;
	padding: 0 0 100px;
}

#contents.issues img.size_l{
	width: 100%;
	height: auto;
}

#contents.issues img.size_m{
	width: 100%;
	height: auto;
}

#contents.issues img.size_s{
	width: 300px;
	height: auto;
}

#contents.issues img.size_auto{
	width: auto;
	height: auto;
}

#contents.issues img.size_100px{
	width: 100px;
	height: auto;
}

/* 	imgをセンターに配置 */
#contents.issues p img.aligncenter{
	display: block;
	text-align: center;
	margin: 0 auto;
}

/*single (=blog)□□□□□□□□□□□□*/

#contents.blog{
	width: 94%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

#contents.blog #content a:link		{color: #1794fe;text-decoration: none;}
#contents.blog #content a:active	{color: #333333;text-decoration: underline;}
#contents.blog #content a:hover		{color: #333333;text-decoration: underline;}
#contents.blog #content a:visited	{color: #1794fe;text-decoration: none;}

#contents.blog #content_header {
	height: 10em;
	text-align: left;
	margin: 0 1em 4em;
}

#contents.blog #content_header h2{
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
}

#contents.blog #content_header #day_time{
	text-align: right;
}

#contents.blog #content{
	margin:0 0 10em;
	text-align:left;
}

#contents.blog #content img{
	width:auto;
}

#contents p{
	margin: 0 auto; 
	font-size: 14px;
	text-align: left;
	font-family:'Koburina Gothic W1 JIS2004','Noto Sans JP',sans-serif;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: 2px;
}

#content_footer{
	margin:0 1em 3em;
	font-size: 0.8em;
	display: flex;
	justify-content: space-between;
}

/*page footer navigation*/
#content_footer .nav-previous, #content_footer .nav-next {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* } */
/* @import url(./menu_sp.css); */
}