@charset"utf-8";
/*
Web Site ver.1  --  Primary CSS
Author : Hideyuki Koyama -MONTAGE lab.(https://www.montagelab.jp)
Latest Updated : 6 Nov., 2025
*/

/**
 * Table of Contents
 *
 * 1.0 - Typography
 * 2.0 - Elements
 * 3.0 - Alignment
 * 4.0 - Links
 * 5.0 - Navigations
 * 6.0 - layout
 * 7.0 - Clearfix
 * 8.0 - Forms
 * ex. - Media Queries
 *
 */

:root	{

	--color-primary:#660066;
	--color-secondary:#4E1D86;
	--color-tertiary:#ccc;

	--doshisha-color-deep:#660066;
	--doshisha-color-bright:#934C93;
	--doshisha-color-light:#C59AC5;
	--doshisha-color-gray:#B19DB1;
	--doshisha-color-pale:#E2CFE2;

	--font-serif-en: "Times New Roman", serif;
	--font-sans-en: "Jost", sans-serif;
	--font-serif-jp: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	--font-sans-jp: "Noto Sans JP", "游ゴシック体", "Yu Gothic",  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;

	--font-size:;

	--w-broad: 1680px;
	--w-wide: 1440px;
	--w-thick: 1280px;
	--w-medium: 1120px;
	--w-slim: 1024px;
	--w-narrow: 980px;
	--w-thin: 820px;


}

/* **************************************************************************** */
/*
/* 1.0 Typography
/*
/* **************************************************************************** */


/**
 * 1.2 Typo
 */

body,
button,
input,
select,
textarea {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
	font-size:1.4rem;
	line-height: 1;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 { margin-top:0 !important;}

h1	{ font-size:2.3rem;}
h2	{ font-size:2.3rem;}
h3	{ font-size:1.9rem;}
h4	{ font-size:1.6rem;}
h5	{ font-size:1.4rem;}
h6	{ font-size:1.4rem;}

article h1,
article h2	{ margin:2em 0 1.5em; line-height:1.8; font-weight:400; font-family:var(--font-serif-jp);}
article h3,
article h4	{ margin:3em 0 1em; line-height:1.8; font-weight:500;}
article h5,
article h6	{ margin:2em 0 1em; line-height:1.8;}

section h1:first-child, section h2:first-child, section h3:first-child, section h4:first-child, section h5:first-child, section h6:first-child,
.content h1:first-child, .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child,
.page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child,
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child,
.section-content h1:first-child, .section-content h2:first-child, .section-content h3:first-child, .section-content h4:first-child, .section-content h5:first-child, .section-content h6:first-child 
{ margin-top:0 !important;}

p {}
article p { margin-bottom:1.6em; line-height:2.0;}

b,
strong 	{ font-weight: 700;}

em		{ font-style: normal;}

dfn,
cite,
i { font-style: italic;}

blockquote {
	border-left: 3px solid var(--doshisha-color-gray);
	color:var(--doshisha-color-gray);
	font-style: italic;
	line-height: 2.0;
	margin-bottom: 1.6em;
	padding-left: 0.7778em;
}

blockquote p { margin-bottom: 1.6667em;}
blockquote > p:last-child { margin-bottom: 0;}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: normal;
	margin: 0;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins 	{ background-color: #fff9c0; text-decoration: none;}

sup,
sub 	{ font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup		{ bottom: 1ex;}
sub		{ top: .5ex;}

small	{ font-size: 75%;}

big		{ font-size: 125%;}




/**
 * - 1.3 Lists
 */

ul,
ol { list-style-position:outside; list-style:none; line-height:1.8;}
nav ul { margin:0;}

h1 + ul,
h2 + ul,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
h1 + ol,
h2 + ol,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol { margin-top:0 !important;}

ul.reset,
ul.reset li,
ol.reset,
ol.reset li { 
	margin:0 !important; 
	padding:0 !important;
	list-style:none !important; 
	line-height:1;
}
ul.reset li:before,
ul.reset li:after { content:''; width:0; height:0; border:0 !important;}

/* Unoedered list */
ul.lr		{ list-style:none; text-align:right;}
ul.lr .l	{ display:inline-block; position:relative; z-index:1; float:left; text-align:left; background-color:#fff;}
ul.lr .r	{ display:inline-block; position:relative; z-index:2; padding:0 0 0 0.5em; text-align:right; background-color:#fff;}
ul.lr li 	{ position:relative;}
ul.lr li:after { position:absolute; top:50%; left:0; content:''; width:100%; border-top:1px dashed #ccc;}

article ul	{ margin:1.6em 0; list-style:none;}
article ul li { position:relative; margin:0 0 0.8em; padding-left:10px;}
article ul li:before { position:absolute; content:''; top:0.7em; left:0; width:4px; height:4px; background-color:var(--doshisha-color-deep); border-radius:100%;}
article li > ul	{ margin:1em 0 1em 0.33em;}
article li > ol { margin:1em 0 1em 1.5em;}
article li > ol > li	{ padding:0;}
article li > ol > li:before	{ background:none;}

ul.circle	{}
ul.circle li	{ position:relative; padding:0 0 0 1.5em;}
ul.circle li:before	{ position:absolute; top:.1em; left:0; content:''; padding:0.2em 0 0; width:1.2em; height:1.2em; text-align:center; color:#fff; background-color:var(--doshisha-color-deep); border-radius:50px;}

ul.checklist	{ margin:0; padding:0;}
ul.checklist li	{ position:relative; padding:0px 0 1rem 30px; border-bottom:1px dashed #fff;}
ul.checklist li:before	{ top:0; left:1px; width:22px; height:22px; background:none; border:2px solid var(--doshisha-color-deep); border-radius:0;}
ul.checklist li:after	{ position:absolute; top:2px; left:8px; content:''; width:8px; height:14px; border:solid var(--doshisha-color-deep); border-width:0 2px 2px 0; transform:rotate(45deg);}

ul.caution li	{ position:relative; padding:0 0 0 1.2em;}
ul.caution li:before	{ position:absolute; top:0; left:0; content:'※'; padding:0; width:auto; height:auto; color:#f00; background:none;}

ul.pdf-download	{ padding:0.8em 0 0; border-top:1px solid rgba(51, 51, 51, 0.1);}
ul.pdf-download li	{ padding:0 0 0.6em 10px; border-bottom:1px solid rgba(51, 51, 51, 0.1);}
ul.pdf-download li a,
ul.pdf-download li a[target="_blank"]	{ color:var(--doshisha-color-deep); text-decoration:none;}
ul.pdf-download li a:hover	{ color:var(--doshisha-color-bright); text-decoration:underline; text-underline-offset:3px;}

ul.search-results	{ padding:0.8em 0 0; border-top:1px solid rgba(51, 51, 51, 0.1);}
ul.search-results li	{ padding:0 0 0.6em 10px; border-bottom:1px solid rgba(51, 51, 51, 0.1);}
ul.search-results li a	{ color:var(--doshisha-color-deep);}
ul.search-results li a:hover	{ color:var(--doshisha-color-bright); text-decoration:underline; text-underline-offset:3px;}



/* Ordered list */
article ol { margin:1.6em 0 1.6em 1.33em; list-style:decimal;}
article ol li { position:relative; margin:0 0 0.8em;}
article ol li::marker	{ color:var(--doshisha-color-deep);}
article ol ul { margin-left:0.33em;}


ol.numbering	{ list-style:none; margin-left:0;}
ol.numbering li	{ position:relative; padding:0 0 0 2.2em;}
ol.numbering li:before	{ position:absolute; top:-0.15em; left:0; content:''; padding:0.2em 0 0; width:1.8em; height:1.8em; text-align:center; color:#fff; background-color:var(--doshisha-color-deep);}
ol.numbering li:nth-of-type(1):before	{ content:'1';}
ol.numbering li:nth-of-type(2):before	{ content:'2';}
ol.numbering li:nth-of-type(3):before	{ content:'3';}
ol.numbering li:nth-of-type(4):before	{ content:'4';}
ol.numbering li:nth-of-type(5):before	{ content:'5';}
ol.numbering li:nth-of-type(6):before	{ content:'6';}
ol.numbering li:nth-of-type(7):before	{ content:'7';}
ol.numbering li:nth-of-type(8):before	{ content:'8';}
ol.numbering li:nth-of-type(9):before	{ content:'9';}

/* Definition list */
dl { margin-bottom: 1.6em; line-height:1.5;}
dt { margin-bottom: 0.6em; font-weight: bold;}
dd { padding-bottom: 1.6em;}

dl.bb	{ border:0; border-top:1px solid rgba(0,0,0,.25);}
dl.bb dt	{ padding-top: 1.6em;}
dl.bb dd	{ padding-bottom: 1.6em; border-bottom:1px solid rgba(0,0,0,.25);}



/**
 * - 1.4 Table
 */
figure.wp-block-table	{ margin-bottom:1.6em;}
table, th, td,
.wp-block-table table,
.wp-block-table th,
.wp-block-table td	{
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table,
.wp-block-table table	{
	border-collapse:collapse;
	border-spacing: 0;
	border-width:0;
	margin: 0 0 1.6em;
	width: 100%;
}

th, td,
.wp-block-table th,
.wp-block-table td	{ padding:0.8em 0.5em; line-height:1.5;}

th,
.wp-block-table th	{ 
	vertical-align:top; text-align:left; font-weight:500; 
	background-color:var(--doshisha-color-pale); 
	border-width:0 0 1px 0; border-bottom-color:#fff;
}
td,
.wp-block-table td	{ 
	vertical-align:middle; text-align:left;
	background-color:#fff;
	border-color:#C8B7C8; border-width:1px 1px 1px 0;
}
td:first-child	{ border-left:1px solid #C8B7C8;}

table caption,
.wp-block-table caption	{ padding:0.5em 0; line-height:1.5; caption-side:bottom;}
.wp-element-caption	{ padding:0; line-height:1.5; caption-side:bottom;}

thead,
.wp-block-table thead	{ border-bottom:1px solid #C8B7C8;}
thead th,
.wp-block-table thead th { vertical-align:middle; font-weight:500; background-color:var(--doshisha-color-pale); border-width:0 1px 1px 0; border-right-color:#fff; border-bottom-color:var(--doshisha-color-light);}
thead th:first-child	{ border-left:1px solid var(--doshisha-color-pale);}
thead th:last-child		{ border-right-color:var(--doshisha-color-pale);}
thead td { vertical-align:middle; background-color:#F6F0F6; border-width:0 1px 1px 0; border-right-color:#fff; border-bottom-color:var(--doshisha-color-light);}
thead td:first-child	{ border-left:1px solid #F6F0F6;}
thead td:last-child		{ border-right-color:#F6F0F6;}

tbody th { vertical-align:top; text-align:left; font-weight:400; background-color:var(--doshisha-color-pale); border-width:0 0 1px 0; border-bottom-color:#fff;}
tbody td { vertical-align:middle; border-color:#C8B7C8; border-width:1px 1px 1px 0;}
tbody td:first-child	{ border-left:1px solid #C8B7C8;}

tfoot,
.wp-block-table tfoot	{ border-top:3px double var(--doshisha-color-gray);}
tfoot th { vertical-align:middle; font-weight:500; background-color:var(--doshisha-color-pale); border-right-color:#fff; border-bottom-color:#fff;}
tfoot th:last-child	{ border-right-color:var(--doshisha-color-light);}
tfoot td,
.wp-block-table tfoot td { vertical-align:middle; background-color:#F6F0F6;}

table ul,
table ol { margin:.6em 0 .6em 0em; list-style-position:outside; line-height:1.25;}
table ul li:before { top:4px !important;}

table.text-align-center,
table.text-align-center th,
table.text-align-center td,
tr.center th,
tr.center td,
th.center,
td.center { text-align:center;}
th.vertical p,
td.vertical p	{ margin:0 auto; height:auto; writing-mode:vertical-rl; white-space:nowrap;}

.yscroll	{ position:relative; margin:0 0 5rem; width:100%; overflow-x:scroll;}
.yscroll table	{ margin:0 0 2px; table-layout:fixed;}
.yscroll::-webkit-scrollbar			{ height:5px;}
.yscroll::-webkit-scrollbar-track	{ background:var(--doshisha-color-pale); border-radius:10px;}
.yscroll::-webkit-scrollbar-thumb	{ background:var(--doshisha-color-deep); border-radius:10px;}




/**
 * - 1.5 Decoration
 */

.no-top-margin	{ margin-top:0 !important; vertical-align:top;}
.nor	{ margin-right:0 !important;}
.nob	{ margin-bottom:0 !important;}
.nol	{ margin-left:0 !important;}

.nobt	{ border-top:none !important;}
.nobr	{ border-right:none !important;}
.nobb	{ border-bottom:none !important;}
.nobl	{ border-left:none !important;}

.bt		{ border-top:1px solid #ccc !important;}
.br		{ border-right:1px solid #ccc !important;}
.bb		{ border-bottom:1px solid #ccc !important;}
.bl		{ border-left:1px solid #ccc !important;}

.lead 	{ font-size:1.6rem;}
.attention { color:#f00;}
.note		{ font-size:13px; font-size:1.3rem; line-height:1.5;}
.caption	{ font-size:13px; font-size:1.3rem; line-height:1.5;}
.wp-caption-text{ margin:0.8rem 1.2rem 1.6rem; font-size:13px; font-size:1.3rem; line-height:1.5 !important;}
.finished	{ color:rgba(0,0,0,.5);}


/* sandwich */
.sandwich	{ 
	position:relative; padding:1em 0.3em;
	border-top:3px double var(--doshisha-color-deep);
	border-bottom:1px solid var(--doshisha-color-deep);
}
.sandwich:before	{ position:absolute; top:-7px; left:-2px; content:''; width:11px; height:11px; background-color:var(--doshisha-color-deep); border:2px solid #fff; border-radius:10px;}

/* bracket-fill */
.bracket-fill	{ position:relative; display:block; padding:0.8em 2.1rem; background-color:#F3F1F3; border-radius:0 0 4px 0;}
.bracket-fill:before	{ position:absolute; top:-16px; left:-16px; content:''; width:32px; height:32px; 
	background:conic-gradient( 
		transparent 0,
		transparent 90deg,
		var(--doshisha-color-deep) 90deg,
		var(--doshisha-color-deep) 180deg,
		transparent 180deg,
		transparent 360deg ); 
	border-radius:50px;
}
.bracket-fill:after	{ position:absolute; bottom:-5px; right:-5px; content:''; width:100%; height:100%; border:solid var(--doshisha-color-gray); border-width:0 1px 1px 0; border-radius:0 0 4px 0;}
h3.bracket-fill:before	{ top:-14px; left:-14px; width:28px; height:28px;}
h4.bracket-fill:before	{ top:-10px; left:-10px; width:20px; height:20px;}

/* bracket-border */
.bracket-border	{ position:relative; display:block; padding:0.8em 2.1rem; border:1px solid var(--doshisha-color-deep); border-radius:0 0 4px 0;}
.bracket-border:before	{ position:absolute; top:-16px; left:-16px; content:''; width:32px; height:32px; 
	background:conic-gradient( 
		transparent 0,
		transparent 90deg,
		var(--doshisha-color-deep) 90deg,
		var(--doshisha-color-deep) 180deg,
		transparent 180deg,
		transparent 360deg ); 
	border-radius:50px;
}
.bracket-border:after	{ position:absolute; bottom:-5px; right:-5px; content:''; width:100%; height:100%; border:solid var(--doshisha-color-gray); border-width:0 1px 1px 0; border-radius:0 0 4px 0;}
h3.bracket-border:before	{ top:-14px; left:-14px; width:28px; height:28px;}
h4.bracket-border:before	{ top:-10px; left:-10px; width:20px; height:20px;}


.border 	{ border-bottom:1px solid var(--doshisha-color-deep);}
.border-bottom	{ padding:0.4em 0; border-bottom:2px solid var(--doshisha-color-deep);}
.bordered 	{ padding:0.8em 2.1rem; border:1px solid var(--doshisha-color-deep); border-radius:4px;}
.filled		{ padding:0.5em 2.1rem; background-color:var(--doshisha-color-pale); border-radius:4px;}
.filledwrap .filled { background-color:#fff;}


/* color */
.dark	{ color:#000;}
.pale	{ color:rgba(0,0,0,.5);}

/* family */
.serif	{ font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sans	{ font-family: "Jost", Helvetica, sans-serif;}

/* style */
.normal	{ font-style: normal;}
.italic	{ font-style: italic;}





/* **************************************************************************** */
/*
/* 2.0 Elements
/*
/* **************************************************************************** */

::selection {background:var(--doshisha-color-light); color:#fff;}
::-moz-selection { background:var(--doshisha-color-light); color:#fff;}

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}
hr.none { background-color:transparent;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.image img { width:100%;}

figure 		{ margin:0; padding:0;}
figure img 	{ width:100%; height:auto;}
figcaption 	{}

del, s	{ color:rgba(0,0,0,.6);}





/* **************************************************************************** */
/*
/* 3.0 Alignments
/*
/* **************************************************************************** */

.alignleft {
	display: inline;
	float: left;
	margin:0 2.6rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin:0 0 1rem 2.6rem;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1rem;
}

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




/* **************************************************************************** */
/*
/* 4.0 Links
/*
/* **************************************************************************** */

a {
	text-decoration: none;
	outline:none;
	transition:all 0.2s ease;
}

a:hover,
a:focus {
	color: #ff0000;
}

nav a { text-decoration:none;}
a.outbound	{ position:relative; display:inline-block; padding:0 18px 0 0; color:#000;}
a.outbound:before	{ position:absolute; top:calc(50% - 6px); right:0px; content:''; width:12px; height:12px; background:url(../img/common/arrow-related-nav.svg) no-repeat center / 12px auto; transition:all 0.2s ease;}
a.outbound:hover	{ color:var(--doshisha-color-bright);}

.tel	{ display:block; padding:12px 0; line-height:1;}
.tel a	{ position:relative; display:inline-block; padding:2px 0 2px 44px; font-size:2.8rem; color:#000;}
.tel a:before	{ position:absolute; top:calc(50% - 18px); left:0px; content:''; width:36px; height:36px; background:var(--doshisha-color-deep) url(../img/common/icon-tel-white.svg) no-repeat center / 36px auto; border-radius:50px; transition:all 0.2s ease;}
.tel a:hover:before	{ transform:scale(1.2); background-color:var(--doshisha-color-bright); animation:ring 0.2s ease 0s infinite normal forwards;}
.fax a	{ color:#000;}
@keyframes ring {
	0%	{ transform:rotate(-3deg) scale(1.2);}
	50%	{ transform:rotate( 3deg) scale(1.2);}
	100%	{ transform:rotate(-3deg) scale(1.2);}
}


/* **************************************************************************** */
/*
/* 5.0 Navigation
/*
/* **************************************************************************** */

/**
 * - Bread crumb navigation
 */

.breadcrumb	{ position:relative; padding:1.8rem 8%; background-color:rgba(255,255,255,.5);}
.breadcrumb ul	{ text-align:left; font-size:1.1rem;}
.breadcrumb li	{ display:inline-block; margin:0 0.5rem 0 0; line-height:1;}
.breadcrumb li a	{ display:block; position:relative; padding:0 1em 0 0; color:#000;}
.breadcrumb li span	{}
.breadcrumb li a:after	{ position:absolute; top:3px; right:0; content:''; width:5px; height:5px; border:solid #000; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li a.home	{ padding:0 42px 0 0;}
.breadcrumb li a.home:after	{ top:5px; right:0; width:36px; height:0; border:solid #000; border-width:0 0 1px 0; transform:rotate(0deg);}
.breadcrumb li a:hover	{ color:var(--doshisha-color-bright);}



/**
 * - Archive pagenavi
 */
.pagination { clear:both; margin:40px 0 8rem 0; padding:8px 0 0 0; font-size:0; line-height:1.2;}
.nav-links	{ font-size:1.3rem;}
.nav-links a:hover	{ border-color:var(--doshisha-color-bright);}
	.page-numbers	{ 
		display:inline-block; vertical-align:top; padding:8px 19px; 
		color:var(--doshisha-color-deep);
		border:1px solid var(--doshisha-color-gray); border-radius:25px;
		background:#fff;
		transition:all 400ms ease;
	}
	.page-numbers.current { background-color:var(--doshisha-color-pale); border-color:var(--doshisha-color-deep);}
	.meta-nav		{}
	.prev		{}
	.next		{}

.wp-pagenavi	{ text-align:left; font-size:0; line-height:1;}
.wp-pagenavi a, .wp-pagenavi span { 
	display:inline-block; vertical-align:top;
	margin:2px; padding:13px 0 0; width:40px; height:40px;
	text-align:center; font-size:1.3rem; text-decoration:none;
	color:var(--doshisha-color-deep);
	font-weight:normal;
	background-color:#E2CFE2; border:0; border-radius:50px; box-sizing:border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi a:visited	{}
.wp-pagenavi a:hover	{ background-color:var(--doshisha-color-light);}

.wp-pagenavi a.previouspostslink	{}
.wp-pagenavi a.nextpostslink	{}
.wp-pagenavi a.first,
.wp-pagenavi a.last		{ width:4em; font-size:12px;}

.wp-pagenavi span.pages	{ min-width:4em; font-size:12px;}
.wp-pagenavi span.current {
	color:#fff;
	background:var(--doshisha-color-deep);
}
.wp-pagenavi span.extend {}




/**
 * - Buttons
 */

/* デフォルトのボタン 周りに枠線 */
.btn	{ display:block; text-align:center; line-height:1;}
.btn a	{ 
	position:relative; display:inline-block; padding:1.2em 2rem; min-width:260px; 
	text-decoration:none; letter-spacing:0.05em; color:var(--doshisha-color-deep); 
	background-color:transparent; border:2px solid var(--doshisha-color-deep); border-radius:100px;
	box-sizing:border-box;
}
.btn a:hover	{ color:#fff; background-color:var(--doshisha-color-light);}

/* 塗りつぶしボタン */
.btn.fill	{ display:block; text-align:center; line-height:1;}
.btn.fill a	{ 
	position:relative; display:inline-block; padding:1.2em 2rem; min-width:260px; 
	text-decoration:none; letter-spacing:0.05em; color:var(--doshisha-color-deep); 
	background-color:#E2CFE2; border:0;
}
.btn.fill a:hover	{ color:#fff; background-color:var(--doshisha-color-light);}
.btn.fill-deep a	{ color:#fff; background-color:var(--doshisha-color-deep); border:0;}
.btn.fill-deep a:hover	{ color:#fff; background-color:var(--doshisha-color-bright);}

/* 右矢印 */
.btn.arrow a:before	{ position:absolute; top:calc(50% - 14px); right:18px; content:''; width:29px; height:29px; border:1px solid var(--doshisha-color-deep); border-radius:50px;}
.btn.arrow a:after	{ position:absolute; top:calc(50% - 5px); right:27px; content:''; width:11px; height:11px; background:url(../img/common/arrow.svg) no-repeat center / 11px;}

.btn.fill.arrow a:before	{ border-color:var(--doshisha-color-deep);}
.btn.fill.arrow a:after		{ background-image:url(../img/common/arrow.svg);}
.btn.fill-deep.arrow a:before	{ border-color:#fff;}
.btn.fill-deep.arrow a:after	{ background-image:url(../img/common/arrow-white.svg);}

/* 左矢印 */
.btn.backarrow a:before	{ position:absolute; top:calc(50% - 14px); left:18px; content:''; width:29px; height:29px; border:1px solid var(--doshisha-color-deep); border-radius:50px;}
.btn.backarrow a:after	{ position:absolute; top:calc(50% - 5px); left:27px; content:''; width:11px; height:11px; background:url(../img/common/arrow-back.svg) no-repeat center / 11px;}

.btn.fill.backarrow a:before	{ border-color:var(--doshisha-color-deep);}
.btn.fill.backarrow a:after		{ background-image:url(../img/common/arrow-back.svg);}
.btn.fill-deep.backarrow a:before	{ border-color:#fff;}
.btn.fill-deep.backarrow a:after	{ background-image:url(../img/common/arrow-back-white.svg);}

/* 外部リンク */
.btn.outbound a:before	{ position:absolute; top:calc(50% - 14px); right:18px; content:''; width:12px; height:12px; background:url(../img/common/outbound.svg) no-repeat center / 12px;}
.btn.fill-deep.outbound a:before	{ background-image:url(../img/common/outbound-white.svg)}

/* wp-block-button */
.wp-block-button	{ line-height:1;}
.wp-block-button a	{
	position:relative; display:inline-block; padding:1.0em 3rem; min-width:180px;
	text-decoration:none; letter-spacing:0.05em; color:var(--doshisha-color-deep); 
	background-color:transparent; border:2px solid var(--doshisha-color-deep); border-radius:100px;
	box-sizing:border-box;
}
.wp-block-button a:hover	{ color:#fff; background-color:var(--doshisha-color-light);}

.wp-block-button a[target="_blank"]	{ padding:1.0em 3rem; color:var(--doshisha-color-deep); text-decoration:none;}
.wp-block-button a[target="_blank"]:before	{ position:absolute; top:calc(50% - 14px); right:14px; content:''; width:12px; height:12px; background:url(../img/common/outbound.svg) no-repeat center / 12px;}
.wp-block-button a[target="_blank"]:hover	{ color:#fff !important;}
.entry-content .wp-block-button a[target="_blank"]	{ padding:1.0em 3rem; color:var(--doshisha-color-deep); text-decoration:none;}
.entry-content .wp-block-button a[target="_blank"]:before	{ top:calc(50% - 14px); right:14px;}
.entry-content .wp-block-button a[target="_blank"]:hover	{ color:#fff;}

.wp-block-buttons	{ padding:1rem 0;}



/**
 * - Selectors
 */
.selectors	{ margin:0 0 2.4rem; padding:0; max-width:1280px;}
.selector	{ display:block; font-size:1.3rem;}
.select-wrap { position:relative; display:inline-block;}

/* reset */
.selectors select{
	vertical-align:middle; padding:0;
	font-size:inherit; line-height:1; letter-spacing:0; text-indent:0.01px; text-overflow:''; color:inherit;
	background-color:transparent; border:0; border-radius:0; outline:none;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	transition:all 200ms ease;
}
.selectors select option	{ color:#000; background-color:transparent;}
.selectors select:focus 	{ background-color:transparent;}
.selectors select::-ms-expand { display:none;} /* IEの矢印非表示 */
.select-wrap > select:-moz-focusring { text-shadow:0 0 0 #fff;} /* Firefoxのフォーカス点線回避 */

/* decoration */
.select-wrap:before {
	position:absolute; top:calc(50% - 3px); right:14px; z-index:1; content:'';
	width:0; height:0; border:solid transparent; border-width:5px 4px 0 4px; border-top-color:var(--doshisha-color-deep);
	opacity:1;
	transition:all 200ms ease;
	pointer-events:none; /* クリックイベント回避 */
}
.select-wrap:hover:before	{ top:50%;}

.select-wrap.select-arrow	{ margin-bottom:5px; padding:1px; width:100%;}
.select-wrap.select-arrow select	{
	padding:14px; width:100%; color:var(--doshisha-color-deep); background-color:rgba(226,207,226,.5);
}
.select-wrap.select-arrow:hover	{}
.select-wrap.select-arrow:hover > select	{}
.select-wrap.select-arrow > select:hover	{ background-color:rgba(226,207,226,.7);}

/* tag select */
.selector-tags	{}
.selector-tags ul	{ margin:0; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
.selector-tags li	{ margin:0; padding:1px; width:50%; line-height:1;}
.selector-tags li:before	{ background:none;}
.selector-tags li a	{ 
	display:block; padding:14px; color:var(--doshisha-color-deep); background-color:rgba(226,207,226,.5);
}
.selector-tags li a:hover	{ color:#fff; background-color:var(--doshisha-color-bright);}
.selector-tags li.current a	{ color:#fff; background-color:var(--doshisha-color-deep);}




/*
 * drawer navigation
 */
.drawer-nav		{ 
	position:relative; top:0; left:0; width:100%; height:100vh; 
	background-color:#F8F3F8; overflow-y:auto; border-radius:0;
	-webkit-overflow-scrolling:touch; 
	transform:scale(1) translateY(0); transition:all 0.25s;
	visibility:hidden; position:fixed; z-index:-1; opacity:0;
}
.drawer-overlay	{ position:fixed; z-index:-101; top:0; left:0; width:100%; height:100%; background-color:rgba(242,242,242,0); transition:all 0.25s;}
.drawer-open .drawer-overlay	{ z-index:998; background-color:rgba(242,242,242,0.9);}
.drawer-open #container	{}

.drawer-hamburger		{ 
	position:fixed; top:0px; right:0px; z-index:1999;
	display:block; margin:0 !important; padding:0 !important; width:40px; max-width:40px; height:40px;
	font-size:0; 
	-webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); 
	-webkit-transform:translateZ(0); transform:translateZ(0); 
	border:0; outline:0; background-color:transparent; box-sizing:content-box; cursor:pointer;
}
.drawer-hamburger:hover	{ background-color:transparent;}
.drawer-hamburger-icon	{ position:relative; display:block; margin-top:0;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before	{ width:100%; height:2px; -webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); background-color:var(--color-primary);}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before { position:absolute; top:-5px; left:0; content:" ";}
.drawer-hamburger-icon:after	{ top:5px}

.drawer-open .drawer-hamburger { top:1.5vh; right:3vw; width:38px; max-width:40px; padding:0 0 10px;}
.drawer-open .drawer-hamburger-icon	{ width:40px; background:transparent;}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before	{ top:0;}
.drawer-open .drawer-hamburger-icon:after	{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer-open .drawer-hamburger-icon:before	{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.drawer-open .drawer-nav {
	display:block; top:0; z-index:999; visibility:visible;
	transform:scale(1); opacity:1;
}

.drawer-container	 { padding:0 10%;}
.drawer-container ul	 { margin:0; padding:0; list-style:none; border:1px solid var(--doshisha-color-gray);}
.drawer-nav .menu	{ margin:0 0 20px; padding:0;}
.drawer-nav .menu li	{ text-align:left; border:solid var(--doshisha-color-gray); border-width:0 0 1px 0;}
.drawer-nav .menu li a	{ position:relative; display:block; margin:0; padding:0.8em 0 0.8em 40px; color:#000;}
.drawer-nav .menu li a:hover	{ color:var(--doshisha-color-bright); background-color:#fff;}
.drawer-nav .menu li a:before   { position:absolute; top:calc(50% - 10px); left:10px; content:''; width:19px; height:19px; background:url(../img/common/arrow-circle.svg) no-repeat center / 19px;}
.drawer-nav .menu li a:after	{ position:absolute; bottom:0; left:0; content:''; width:0; height:0; border-bottom:1px solid var(--doshisha-color-deep); transition:all 0.2s ease;}
.drawer-nav .menu li a:hover	{ color:var(--doshisha-color-bright);}
.drawer-nav .menu li a:hover:after	{ width:100%;}
.drawer-nav .sub-menu	{ padding:0; display:flex; flex-flow:row wrap; border-width:1px 0 0 0;}
.drawer-nav .sub-menu li	{ width:50%; font-size:90%; border-style:dotted;}
.drawer-nav .sub-menu li:nth-child(odd)	{ border-right:1px dotted var(--doshisha-color-gray);}
.drawer-nav .sub-menu li a	{ padding:0.6em 0 0.6em 30px;}
.drawer-nav .sub-menu li a:before	{ top:calc(50% - 6px); left:10px; width:11px; height:11px; background:url(../img/common/arrow.svg) no-repeat center / 11px;}

.drawer-banner ul	{ margin:0; padding:2rem 10% 10rem;}
.drawer-banner ul li	{ padding:5px 0%;}
.drawer-banner ul li a	{ display:block; background-color:var(--doshisha-color-deep);}
.drawer-banner ul li a:hover	{ background-color:var(--doshisha-color-bright);}
.drawer-banner ul li.sakura a	{ background:linear-gradient(100deg, #E575B0, #F384B3);}
.drawer-banner ul li.sakura a:hover	{ background:linear-gradient(100deg, #F384B3, #f0a6c5);}

.drawer-home	{ margin:0; padding:50px 10% 20px;}
.drawer-home .site-logo		{ padding:0 0 1.6rem 0; text-align:left; border-bottom:1px solid var(--doshisha-color-deep);}
.drawer-home .site-logo a	{ display:inline-block;}


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

	.drawer-home	{ padding:50px 15% 20px;}
	.drawer-container	{ padding:0 15%;}
	.drawer-nav .menu	{ font-size:1.6rem;}
	.drawer-nav .menu li a	{ padding:1.2em 0 1.2em 50px;}
	.drawer-nav .sub-menu li	{ font-size:100%;}
	.drawer-nav .sub-menu li a	{ padding:1.0em 0 1.0em 40px;}
	.drawer-nav .menu li a:before   { top:calc(50% - 15px); left:10px; width:29px; height:29px; background:url(../img/common/arrow-feature.svg) no-repeat center / 29px;}
	.drawer-banner ul li	{ padding:5px 20%;}
	.drawer-nav .sub-menu li a:before	{ background:url(../img/common/arrow.svg) no-repeat center / 11px;}

}

@media screen and (min-width: 1024px) {
	.drawer	{ display:none;}
}




/* **************************************************************************** */
/*
/* 6.0 layout
/*
/* **************************************************************************** */

body{
	text-align:center;
}
#wrapper 	{}

.ss		{ display:block;}	/* .ss < 420px		*/
.mm		{ display:none;}	/* .mm < 1024px		*/
.ll		{ display:none;}	/* .ll >= 1024px	*/
.spn	{ display:block;}	/* .spn < 720px		*/
.pc		{ display:none;}	/* .pc >= 1024px	*/
.hide	{ display:none;}
.still	{ visibility:hidden; opacity:0;}
.check	{ position:fixed; z-index:9999;}
.skip-link	{ display:none; font-size:0;}
.screen-reader-text { font-size:0;}



/**
 * - 6.1 loading
 */

#loading { 
	position:fixed; top:0; left:0; z-index:9999;
	width:100%; height:100%; 
	background-color:#e4e4e4; background-color:rgba(228,228,228,1);color: color(display-p3 0.306 0.118 0.525)
}
#loading span {
	display:block;
	position:absolute; top:50%; left:50%; margin: 0 0 0 -25px;
	width:50px; height:50px; background:url(../img/common/Rolling.svg) no-repeat center center / 50px;
}
#loading.loaded	{ animation:loading 0.6s ease-in-out 0s 1 normal forwards;}
@keyframes loading {
    0% { background-color:rgba(228,228,228,1);}
  100% { background-color:rgba(228,228,228,0);}
}

#closing	{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background-color:rgba(228,228,228,1); opacity:0;}




/**
 * - 6.2 Header Include
 **/
#headerwrap 	{ position:relative; z-index:1; background-color:#fff;}
.site-header	{ padding:2.4rem 8% 2rem;}
.site-header #branding	{ padding:0;}
.site-header #branding .site-title	{ font-size:0;}
.site-header #branding .site-title a	{ display:block; max-width:180px;}
.site-header #branding .site-title span	{ display:block; max-width:180px; aspect-ratio:24 / 5; background:url(../img/common/site-title.svg) no-repeat 0 0 / 100% auto;}

/**
 * - home header
 **/
.header-address	{ padding:0 0 4rem; text-align:left;}
.header-address h4	{ padding:1rem 0; font-weight:500;}
.header-address address	{ line-height:1.8;}
.header-address .btn-access		{ display:block; padding:0 0 0.5em; line-height:1;}
.header-address .btn-access a	{ position:relative; display:inline-block; padding:0.3em 1em 0.3em 2.0em; color:var(--doshisha-color-deep); background:var(--doshisha-color-pale); border-radius:3px;}
.header-address .btn-access a:before	{ position:absolute; top:calc(50% - 5px); left:10px; content:''; width:11px; height:10px; background:url(../img/common/arrow.svg) no-repeat center / 11px auto; transition:all 0.2s ease;}
.header-address .btn-access a:hover		{ background-color:var(--doshisha-color-light);}
.header-address .btn-access a:hover:before	{ left:12px;}
.header-address p	{ line-height:1.8;}
.header-address p a	{ color:#000;}
.header-address p a:hover	{ color:var(--doshisha-color-bright);}
.header-address .tel	{ padding:0;}
.header-address .tel a	{ padding:0.4em 0; font-size:1.4rem;}
.header-address .tel a:before	{ background:none;}
.header-address .tel a:hover:before	{ background:none;}
.header-address .fax	{ display:block;}

#headnav	{ display:none;}
#headnav .menu	{ display:flex; flex-flow:row nowrap; justify-content:flex-start;}
#headnav .menu li	{ padding:0 3rem 0 0; line-height:1;}
#headnav .menu li a	{ position:relative; display:inline-block; padding:1.6rem 28px 1.6rem 0; color:#000;}
#headnav .menu li a:before	{ position:absolute; top:calc(50% - 9px); right:0; content:''; width:19px; height:19px; background:url(../img/common/arrow-headnav.svg) no-repeat 0 0 / 19px;}
#headnav .menu li a:hover	{ color:var(--doshisha-color-bright);}

.btn-portal	{ display:none; position:absolute;}
.btn-portal a	{ display:block; padding:1.6rem 2rem; color:#fff; line-height:1; background-color:var(--doshisha-color-deep);}
.btn-portal a span	{ display:inline-block; position:relative; padding:1px 0 1px 24px;}
.btn-portal a span:before	{ position:absolute; top:0; left:0; content:''; width:17px; height:17px; background:url(../img/common/icon-windows.svg) no-repeat 0 0 / 17px;}
.btn-portal a:hover	{ background-color:var(--doshisha-color-bright);}

.home .site-header	{ padding:0 8%;}
.home .site-header #branding	{ padding:5rem 20% 5rem 0;}
.home .site-header #branding .site-title span	{ display:block; aspect-ratio:19/5; background:url(../img/common/site-title-home.svg) no-repeat 0 0 / 100% auto;}
.home #headnav .menu li a	{ color:var(--doshisha-color-deep);}


/**
 * - 6.3 footer Include
 **/
#footerwrap	{ position:relative; padding-top:20vw;}
#footerwrap:before	{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#C0C785 url(../img/common/footer-bg-ground.webp?=001) no-repeat center top / 100% auto;}

.footer-banner	{ padding:4rem 5%; background-color:rgba(255,255,255,0.5);}
.footer-banner .menu	{ 
	display:flex; flex-flow:row wrap; justify-content:space-between;
	margin:0 auto; max-width:1240px;
}
.footer-banner .menu li	{ padding:8px 2.5%; width:50%;}
.footer-banner .menu a	{}
.footer-banner .menu a:hover	{ opacity:0.7;}

.footer-sitemap	{ position:relative; margin:0 auto; padding:4rem 10%; background-color:rgba(246,244,241,0.8);}
.footer-sitemap .section-header	{ margin:0 auto; padding:1rem 0; max-width:1280px;}
.footer-sitemap .section-title	{ padding:1.6rem 0; border-bottom:1px solid var(--doshisha-color-deep);}
.footer-sitemap .section-title figure	{ max-width:400px;}
.footer-sitemap .section-content	{ margin:0 auto; padding:1rem 0; max-width:1280px;}
.footer-sitemap .footnav	{}
.footer-sitemap .footnav .menu	{}
.footer-sitemap .footnav .menu li	{ text-align:left;}
.footer-sitemap .footnav .menu li a	{ position:relative; display:block; margin:0 0 0.2em; padding:0.4em 0 0.4em 30px; color:#000;}
.footer-sitemap .footnav .menu li a:before	{ position:absolute; top:calc(50% - 10px); left:0; content:''; width:19px; height:19px; background:url(../img/common/arrow-circle.svg) no-repeat center / 19px;}
.footer-sitemap .footnav .menu li a:after	{ position:absolute; bottom:0; left:0; content:''; width:0; height:0; border-bottom:1px solid var(--doshisha-color-deep); transition:all 0.2s ease;}
.footer-sitemap .footnav .menu li a:hover	{ color:var(--doshisha-color-bright);}
.footer-sitemap .footnav .menu li a:hover:after	{ width:100%;}
.footer-sitemap .footnav .sub-menu	{ padding:0 0 16px 10px;}
.footer-sitemap .footnav .sub-menu li	{}
.footer-sitemap .footnav .sub-menu li a	{ padding:0.4em 0 0.4em 20px;}
.footer-sitemap .footnav .sub-menu li a:before	{ top:calc(50% - 6px); left:0; width:11px; height:11px; background:url(../img/common/arrow.svg) no-repeat center / 11px;}

.footer-sitemap-banner	{}
.footer-sitemap-banner .menu	{ margin:0; padding:3rem 0;}
.footer-sitemap-banner .menu li	{ padding:5px 0%;}
.footer-sitemap-banner .menu li a	{ display:block; background-color:var(--doshisha-color-deep);}
.footer-sitemap-banner .menu li a:hover	{ background-color:var(--doshisha-color-bright);}
.footer-sitemap-banner .menu li.sakura a	{ background:linear-gradient(100deg, #E575B0, #F384B3);}
.footer-sitemap-banner .menu li.sakura a:hover	{ background:linear-gradient(100deg, #F384B3, #f0a6c5);}

.footer-address	{ border-top:1px solid var(--doshisha-color-deep);}
.footer-address .block	{ margin:0; padding:3rem 0; text-align:left;}
.footer-address .block:first-child	{ border-bottom:1px solid rgba(0,0,0,.1);}
.footer-address .title	{ margin:0 0 0.2em; font-size:1.8rem; font-weight:500;}
.footer-address p	{ line-height:1;}
.footer-address p a	{ color:#000;}
.footer-address p a:hover	{ color:var(--doshisha-color-bright);}
.footer-address .tel	{ display:block; padding:12px 0; line-height:1;}
.footer-address .tel a	{ position:relative; display:inline-block; padding:2px 0 2px 44px; font-size:2.8rem;}
.footer-address .tel a:before	{ position:absolute; top:calc(50% - 18px); left:0px; content:''; width:36px; height:36px; background:#fff url(../img/common/icon-tel.svg) no-repeat center / 36px auto; border-radius:50px;}
.footer-address .fax	{ display:block;}

.related-nav	{ position:relative; padding:3rem 10%; background-color:#fff;}
.related-nav .menu	{ margin:0; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
.related-nav .menu li	{ margin:0; padding:0.4em 0; width:50%; text-align:left; line-height:1;}
.related-nav .menu li a	{ position:relative; display:inline-block; padding:0 18px 0 0; color:#000; text-decoration:none;}
.related-nav .menu li a[target="_blank"]:before	{ position:absolute; top:calc(50% - 6px); right:0px; content:''; width:12px; height:12px; background:url(../img/common/arrow-related-nav.svg) no-repeat center / 12px auto; transition:all 0.2s ease;}

.site-footer	{ position:relative; padding:40px 8%; font-size:1.2rem; text-align:left; background-color:#F4F2F0;}
.site-footer p	{ margin:0 auto 0.5em; max-width:1280px; font-size:1.2rem; line-height:1.5;}
#copyright p	{ padding:0; font-size:1.1rem; letter-spacing:0.05em;}


/* >= 720px							 */
@media screen and (min-width: 720px) {

	.site-header	{ padding:2.4rem 5% 2rem;}
	.home .site-header	{ padding:0 8%;}
	.home .site-header #branding	{ padding:5rem 0 5rem;}
	.home .site-header #branding .site-title span	{ width:60%; max-width:512px;}
	.home .btn-portal	{ display:block; position:absolute; bottom:0; right:0;}
	.header-address .btn-access		{ display:inline-block; margin-left:10px;}

	.footer-banner .menu	{ justify-content:center;}
	.footer-banner .menu li	{ padding:0 1%; width:25%;}

	.footer-sitemap	.section-content	{
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
	}
	.footnav	{ width:50%;}
	.footer-sitemap-banner	{ width:40%;}
	.footer-sitemap-banner .menu	{ padding:0 0 1rem;}
	
	.footer-address > .block	{ width:50%;}
	.footer-address .block:first-child	{ border:0;}
	.related-nav .menu	{ justify-content:flex-start;}
	.related-nav .menu li	{ width:33%;}
	
}

/* >= 1024px							 */
@media screen and (min-width: 1024px) {

	.site-header	{ padding:2.4rem 5% 0;}
	.site-header #branding	{ padding:0;}
	.btn-portal	{ display:block; top:0; right:0; font-size:1.3rem;}
	#headnav	{ display:block;}
	#headnav .menu li	{ padding:0 4rem 0 0;}

	.home .site-header	{ padding:0 5%;}
	.home .site-header #branding	{ padding:5rem 0 3rem;}
	.home #headnav .menu li	{ padding:0 3rem 0 0;}
	.home .btn-portal	{ top:auto; bottom:0; right:0;}


	.footer-sitemap	{ padding:4rem 5%;}
	.footnav	{ width:75%;}
	.footer-sitemap-banner	{ width:25%;}
	.footer-sitemap .footnav nav	{
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
	}
	.footer-sitemap .footnav .menu	{ padding:0 5% 0 0; width:25%;}
	.footer-sitemap .footnav .sub-menu	{ padding:0 0 16px 10px; font-size:1.3rem;}
	.footer-sitemap .footnav .sub-menu li a	{ padding:0.2em 0 0.2em 20px;}
	
	.footer-sitemap	.footer-address	{ justify-content:flex-start;}
	.footer-address > .block	{ margin-right:5%; width:auto;}
	.related-nav .menu	{ justify-content:center;}
	.related-nav .menu li	{ margin:0 2em; width:auto;}
	.site-footer	{ padding:40px 5%; text-align:right;}

}

/* >= 1280px							*/
@media screen and (min-width: 1280px) {

	.site-header	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:2.6rem 5% 2.6rem;}
	.site-header #branding	{ width:240px;}
	.site-header #branding .site-title span	{ max-width:180px;}

	.home .site-header	{ flex-flow:column wrap;}
	.home .site-header #branding	{ padding:6vh 0 6vh; width:100%;}
	.home .site-header #branding .site-title span	{ max-width:660px;}
	.home .header-address	{ width:100%;}
	.home #headnav	{ width:100%;}
	.home #headnav .menu li	{ padding:0 6rem 0 0; font-size:1.7rem;}
	.footer-address > .block	{ margin-right:10%;}

	.footer-banner .menu	{ justify-content:flex-start;}
	.footer-banner .menu li	{ margin-right:4%; padding:0; width:22%;}
	.footer-banner .menu li:last-child	{ margin-right:0;}

}

/* >= 1520px							*/
@media screen and (min-width: 1520px) {

	.site-header #branding	{ width:320px;}
	.site-header #branding .site-title a	{ max-width:240px;}
	.site-header #branding .site-title span	{ max-width:240px;}
	#headnav .menu li	{ padding:0 5rem 0 0; font-size:1.7rem;}


}


/**
 * - 6.4 container Include
 **/
#containerwrap	{ position:relative;}
#containerwrap:before	{ position:absolute; bottom:0; left:0; content:''; width:100%; aspect-ratio:16 / 3; background:url(../img/common/footer-bg-sky.webp) no-repeat center bottom / 100% auto;}
.home #containerwrap:before	{ position:absolute; bottom:0; left:0; content:''; width:100%; aspect-ratio:8 / 3; background:url(../img/common/footer-bg-sky-home.webp) no-repeat center bottom / 100% auto;}
#container	{ position:relative;}



/**
 * - 6.5 Column Layout
 **/

.column	{ margin-left:auto; margin-right:auto; margin-bottom:5rem; padding:20px 5%;}
.column h1:first-child, .column h2:first-child, .column h3:first-child, .column h4:first-child, .column h5:first-child, .column h6:first-child	{ margin-top:0 !important;}
.column p:last-child	{ margin-bottom:0;}

.borderwrap { border:1px solid var(--doshisha-color-gray); border-radius:4px;}
	.borderwrap h1:first-child,
	.borderwrap h2:first-child,
	.borderwrap h3:first-child,
	.borderwrap h4:first-child,
	.borderwrap h5:first-child,
	.borderwrap h6:first-child { margin-top:0 !important;}

.filledwrap { background-color:#E6EEFF; border-radius:5px;}
	.filledwrap h1:first-child,
	.filledwrap h2:first-child,
	.filledwrap h3:first-child,
	.filledwrap h4:first-child,
	.filledwrap h5:first-child,
	.filledwrap h6:first-child { margin-top:0 !important;}

.borderwrap .content,
.filledwrap .content	{}



/**
 * - 6.6 block Layout
 **/

.blocks	{}
	.blocks > div	{}
	.block-child25	{ width:50%;}
	.block-child50	{}
	.block-child75	{}
	.block-child33	{}
	.block-child66	{}


.block-2	{}
	.block-2 > div	{}

.block-3	{}
	.block-3 > div	{}

.block-4	{}
	.block-4 > div	{}

.block-1-2	{}
	.block-1-2 > div	{}

.block-2-1	{}
	.block-2-1 > div	{}


.blocks .content	{}
.blocks .content p:last-child	{ margin-bottom:0;}


ul.blocks	{ margin:0; padding:0;}
ul.blocks li	{ margin:0; padding:0;}
ul.blocks li:before	{ background:none; border:0;}

.block-gallery	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.block-gallery.block-2 > div, .block-gallery.block-2 > li,
.block-gallery.block-4 > div, .block-gallery.block-4 > li	{ padding:1px; width:50%;}
.block-gallery.block-3 > div, .block-gallery.block-3 > li	{ padding:1px; width:calc(100% / 3);}



/**
 * - 6.8 Video Elements
 **/

.video-wrap {
	position:relative; width:100vw; height:90vh; overflow:hidden;
}
.video-wrap:after {
	position:absolute; top:0; left:0; bottom:0; right:0; content:'';
	background: linear-gradient( -45deg, rgba(199, 224, 245, 0.5), rgba(199, 224, 245, 0.5) );
}




/* **************************************************************************** */
/*
/* 7.0 - clearfix
/*
/* **************************************************************************** */

.clearfix::after,
.content:after,
p:after { content:''; display:block; clear:both;}




/* **************************************************************************** */
/*
/* 8.0 - .page
/*
/* **************************************************************************** */

.page article	{}
.page-header	{ position:relative; margin:0; text-align:left;}
.page-header:before	{ position:absolute; top:38%; right:8%; bottom:0; left:0; content:''; background-color:rgba(184,134,184,.4);}
.ancestor-about .page-header:before	{ background:linear-gradient(110deg, #D7F0EA, #DBEDEA, #CAE6DF);}
.ancestor-schoollife .page-header:before	{ background:linear-gradient(110deg, #DFEAD5, #ECE9E3, #E9D9CE);}
.header-titles	{ position:relative; padding:3rem 8%;}
.ancestor-name	{ margin:0 0 0.8em; font-family:var(--font-serif-jp);}
.page-title		{ margin:0; font-size:4rem; font-weight:400; line-height:1.25; font-family:var(--font-serif-jp);}
.page-title .en	{ display:block; font-size:1.5rem; letter-spacing:0.05em; font-family:var(--font-sans-en); color:var(--doshisha-color-deep);}
.page-title .jp	{ display:block; font-size:3.0rem;}
.page-header figure	{ position:relative; top:-8px; padding:0 0 0 8%;}
.page-header figure img	{ aspect-ratio:11 / 4; object-fit:cover;}
.page-header figure:before	{ position:absolute; top:0; right:0; content:''; width:100%; height:100%; background-color:rgba(255,255,255,1); transition:all 0.4s ease-in;}
.page-header figure.show:before	{ width:0%; background-color:rgba(255,255,255,.2);}
.page-header .header-content	{ position:relative; padding: 4rem 15% 4rem 10%;}

.page-content-wrap	{ padding:5rem 8% 10rem;}
.page-content	{ margin:0 auto; max-width:var(--w-medium); text-align:left;}
.page-content.thin	{ max-width:var(--w-thin);}
.page-content.narrow	{ max-width:var(--w-narrow);}

.page-content a[target="_blank"]	{ position:relative; display:inline-block; padding:0 18px 0 0; color:#4E1D86; text-decoration:underline; text-decoration-color:var(--doshisha-color-deep);}
.page-content a[target="_blank"]:before	{ position:absolute; top:calc(50% - 6px); right:0px; content:''; width:12px; height:12px; background:url(../img/common/arrow-related-nav.svg) no-repeat center / 12px auto; transition:all 0.2s ease;}
.page-content a[target="_blank"]:hover	{ color:var(--doshisha-color-bright);}



/* **************************************************************************** */
/*
/* 9.0 - .entry-content
/*
/* **************************************************************************** */

.single-header	{ position:relative; margin:0; padding:0 8%; text-align:left;}
.single-header:before	{ position:absolute; top:0; right:0; bottom:40%; left:0; content:''; background-color:rgba(184,134,184,.4);}
.single-header .header-titles	{ position:relative; margin:0 auto; padding:3rem 0; max-width:var(--w-medium);}
.single-title		{ margin:0; font-size:4rem; font-weight:400; line-height:1.25; font-family:var(--font-serif-jp);}
.single-title .en	{ display:block; font-size:1.5rem; letter-spacing:0.05em; font-family:var(--font-sans-en); color:var(--doshisha-color-deep);}
.single-title .jp	{ display:block; font-size:3.0rem;}

.single-content-wrap	{ padding:4rem 8%;}
.single-content	{ text-align:left;}

.entry-header	{ position:relative; text-align:left; margin:0 auto; max-width:var(--w-medium); padding:1.0rem 0 3.0rem;}
.entry-header .entry-title	{ margin:0; padding:0 0 1.0rem; font-weight:400; font-family:var(--font-sans-jp); border-bottom:1px solid var(--doshisha-color-deep);}
.entry-header .meta	{}
.entry-header .meta p	{ margin:0;}
.meta .date	{ display:inline-block; vertical-align:middle; padding:0.3em 1em 0.3em 0;}
.meta .terms	{ font-size:1.3rem; line-height:1;}
.meta .term	{ display:inline-block; vertical-align:middle; padding:0.3em 1em; color:var(--doshisha-color-bright); border:1px solid var(--doshisha-color-bright); border-radius:50px;}
.meta .term-announce	{}
.meta .term-recruitinfo	{ color:#BF3707; border-color:#BF3707;}
.meta .term-examinfo	{ color:#3BC06F; border-color:#3BC06F;}

.entry-content	{ margin:0 auto; max-width:var(--w-slim);}
.entry-footer { margin:0 auto; padding:3rem 0; max-width:var(--w-medium); border-top:1px solid var(--doshisha-color-bright);}

.entry-content a[target="_blank"]	{ position:relative; display:inline-block; padding:0 18px 0 0; color:#4E1D86; text-decoration:underline; text-decoration-color:var(--doshisha-color-deep);}
.entry-content a[target="_blank"]:before	{ position:absolute; top:calc(50% - 6px); right:0px; content:''; width:12px; height:12px; background:url(../img/common/arrow-related-nav.svg) no-repeat center / 12px auto; transition:all 0.2s ease;}
.entry-content a[target="_blank"]:hover	{ color:var(--doshisha-color-bright);}



/**
 * - 1.7 wp-block
 */

/* wp-block-gallery */
.wp-block-gallery,
.blocks-gallery-grid {
	align-items: flex-start;
}

/* キャプション */
.wp-block-image	{ margin-bottom:16px;}
.wp-block-image .wp-element-caption	{}

.wp-block-gallery.has-nested-images	{ margin-bottom:16px;}
.wp-block-gallery.has-nested-images:not(.is-cropped) .wp-block-image .wp-element-caption	{ 
	position:relative; text-align:left; color:#000; text-shadow:0 0 0; background:transparent;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:has(figcaption):before	{
	backdrop-filter: blur(0px);
	height:0%;
}
.wp-block-gallery.has-nested-images.is-cropped .wp-block-image .wp-element-caption	{ 
	text-align:left; text-shadow:0 0 0; background-color:rgba(0,0,0,.5);
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:has(figcaption):before	{
	backdrop-filter: blur(0px);
	height:0%;
}

.is-layout-flex .wp-block-gallery-is-layout-flex	{}

/* wp5.9以降 block-galleryの最後の1枚を横幅いっぱいにしない */
.wp-block-gallery.has-nested-images figure.wp-block-image{
	flex-grow:0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(:first-child){
	flex-grow:0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:first-child:last-child{
	flex-grow:1;
}

/* サイズ */
.size-medium	{}

/* カラム */
.wp-block-columns	{ margin-left:auto; margin-right:auto; margin-bottom:5rem; padding:20px 5%; border:1px solid var(--doshisha-color-gray); border-radius:4px;}
.wp-block-columns h1:first-child,
.wp-block-columns h2:first-child,
.wp-block-columns h3:first-child,
.wp-block-columns h4:first-child,
.wp-block-columns h5:first-child,
.wp-block-columns h6:first-child	{ margin-top:0 !important;}
.wp-block-columns p:last-child	{ margin-bottom:0;}


/* Youtube */
.wp-block-embed-youtube	{ margin:0;}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper	{
	position:relative;
	padding-top:56.25%;
	width:100%; height:0;
	overflow:hidden;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/* table */
.wp-block-table	{ margin:0;}





/* **************************************************************************** */
/*
/* 10.0 - .archive-content
/*
/* **************************************************************************** */

.archive-header	{ position:relative; margin:0; text-align:left;}
.archive-header:before	{ position:absolute; top:38%; right:8%; bottom:0; left:0; content:''; background-color:rgba(184,134,184,.4);}
.archive-header .header-titles	{ position:relative; padding:3rem 8%;}
.archive-title		{ margin:0; font-size:4rem; font-weight:400; line-height:1.25; font-family:var(--font-serif-jp);}
.archive-title .en	{ display:block; font-size:1.5rem; letter-spacing:0.05em; font-family:var(--font-sans-en); color:var(--doshisha-color-deep);}
.archive-title .jp	{ display:block; font-size:3.0rem;}
.archive-header figure	{ position:relative; top:-8px; padding:0 0 0 8%;}
.archive-header figure img	{ aspect-ratio:11 / 4; object-fit:cover;}
.archive-header figure:before	{ position:absolute; top:0; right:0; content:''; width:100%; height:100%; background-color:rgba(255,255,255,1); transition:all 0.4s ease-in;}
.archive-header figure.show:before	{ width:0%; background-color:rgba(255,255,255,.2);}


.news-list	{ padding:0 0 3rem; text-align:left;}
.news-list ul	{ margin:0; border-top:1px solid rgba(177, 157, 177, .5);}
.news-list li	{ margin:0; padding:0; border-bottom:1px solid rgba(177, 157, 177, .5);}
.news-list li:before	{ background:none;}
.news-list li a	{ position:relative; display:block; padding:1em 40px 1em 0.2em; color:#000;}
.news-list li a:before	{ position:absolute; top:calc(50% - 14px); right:8px; content:''; width:29px; height:29px; background:url(../img/common/arrow-news.svg) no-repeat center / 29px; opacity:0.2; transition:all 0.2s ease;}
.news-list li a:hover	{ color:var(--doshisha-color-bright);}
.news-list li a:hover:before	{ opacity:0.5;}
.news-list .entry-title	{ margin:0;}
.news-list .meta	{ margin:0 0 0.4em; line-height:1;}

.archive-content-wrap	{ padding:8rem 8%;}
.archive-content	{ margin:0 auto; max-width:var(--w-slim);}

.btn-archive a	{ position:relative; display:inline-block; padding:0.5em 2.2em 0.5em 1em; font-size:1.3rem; color:var(--doshisha-color-gray); border:1px solid var(--doshisha-color-gray); border-radius:50px;}
.btn-archive a:before	{ position:absolute; top:calc(50% - 5px); right:10px; content:''; width:11px; height:10px; background:url(../img/common/arrow-archive.svg) no-repeat center / 11px auto; transition:all 0.2s ease;}
.btn-archive a:hover	{ color:var(--doshisha-color-bright); border-color:var(--doshisha-color-bright);}
.btn-archive a:hover:before	{ right:8px;}




/* **************************************************************************** */
/*
/* 12.0 - Animation Class
/*
/* **************************************************************************** */

.titleswipe.show b		{ animation:titleswipe 0.8s ease-out 0s 1 normal forwards;}
.titleswipe.show b:before	{ animation:showtitle_animation 0.6s ease-in-out 0s 1 normal forwards;}
@keyframes titleswipe	{
	0%	{ transform:translateX(-30px);}
	100%{ transform:translateX(0);}
}

.alphain.show		{ animation:alphain 1.0s linear 0s 1 normal forwards;}
.image_on_text.show		{ animation:image_on_text 0.5s linear 0s 1 normal forwards;}
@keyframes alphain	{
	0%	{ opacity:0;}
	100%{ opacity:1;}
}
@keyframes image_on_text	{
	0%	{ color:transparent;}
	100%{ color:#fff;}
}

.translatey,
.translatel,
.translater	{ opacity:0;}
.translatey.show	{ animation:translatey 0.8s ease-in-out 0s 1 normal forwards;}
.translatel.show	{ animation:translatel 0.8s ease-in-out 0s 1 normal forwards;}
.translater.show	{ animation:translater 0.8s ease-in-out 0s 1 normal forwards;}
@keyframes translatey	{
	0%	{ transform:translateY(40px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}
@keyframes translatel	{
	0%	{ transform:translateX(-40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@keyframes translater	{
	0%	{ transform:translateX(40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}

.rotatein.show img	{ animation:rotatein 1.6s ease-in-out 0s 1 normal none;}
@keyframes rotatein	{
	0%	{ transform:scale(1.2,1.2) rotate(0deg); opacity:0;}
	100%	{ transform:scale(1.0,1.0) rotate(0deg); opacity:1;}
}

.zoomin.show	{ animation:zoomin  1.0s ease-out 0s 1 normal forwards;}
.zoomout.show	{ animation:zoomout 1.0s ease-out 0s 1 normal forwards;}
@keyframes zoomin	{
	0%	{ transform:scale(0.8,0.8); opacity:0;}
	100%	{ transform:scale(1.0,1.0); opacity:1;}
}
@keyframes zoomout	{
	0%	{ transform:scale(1.2,1.2); opacity:0;}
	100%	{ transform:scale(1.0,1.0); opacity:1;}
}

.pullin-l		{ transform-origin:left center; transition:all .9s ease; transform:perspective(150px) rotateY(10deg); opacity:0;}
.pullin-l.show	{ transform:perspective(0px) rotateY(0deg); opacity:1;}
.pullin-r		{ transform-origin:right center; transition:all .9s ease; transform:perspective(150px) rotateY(-10deg); opacity:0;}
.pullin-r.show	{ transform:perspective(0px) rotateY(0deg); opacity:1;}

.photoin	{ overflow:hidden;}
.photoin.show	{ opacity:1;}
.photoin img	{ transform:translateY(40px) scale(1.1); opacity:0; transition:all 1.0s ease-in-out;}
.photoin.show img	{ transform:translateY(0) scale(1.1); opacity:1;}




/* **************************************************************************** */
/*
/* 13.0 - Media Queries
/*
/* **************************************************************************** */

@-ms-viewport 	{ width: device-width;}
@viewport 		{ width: device-width;}


/**
/*  720 <=                              */
@media screen and (min-width: 720px) {

	.ss		{ display:none;}
	.ll		{ display:none;}
	.mm		{ display:block;}
	.spn	{ display:none;}
	.pc		{ display:block;}

	/* ************************************* */
	/*
	/* 1.0 - Typography
	/*
	/* ************************************* */
	h1	{ font-size:3.0rem;}
	h2	{ font-size:3.0rem;}
	h3	{ font-size:2.3rem;}
	h4	{ font-size:1.9rem;}
	h5	{ font-size:1.4rem;}
	h6	{ font-size:1.4rem;}
	
	article h1,
	article h2	{ margin:2em 0 1.5em;}
	article h3,
	article h4	{ margin:3em 0 1em;}
	article h5,
	article h6	{ margin:2em 0 1em;}
	article p	{ margin-bottom:1.6em;}



	/* ************************************* */
	/*
	/* 5.0 layout
	/*
	/* ************************************* */

	th, td,
	.wp-block-table th,
	.wp-block-table td	{ padding:0.8em 1.5em;}

	/* サイズ */
	.size-medium	{ width:50%;}
	.wp-block-columns .size-medium	{ width:100%;}

	/**
	 *  - block layout 	
	**/
	.block-2,
	.block-2-1,
	.block-1-2	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin:0 auto 5rem;}

	.block-2 > div,
	.block-2 > li	{ width:50%;}
	.block-2.separate	{ justify-content:space-between;}
	.block-2.separate > div,
	.block-2.separate > li	{ width:48%;}

	.block-2-1 > div:nth-child(1)	{ width:66%;}
	.block-2-1 > div:nth-child(2)	{ width:30%;}
	.block-2-1.reverse	{ flex-flow:row-reverse wrap;}

	.block-1-2 > div:nth-child(1)	{ width:30%;}
	.block-1-2 > div:nth-child(2)	{ width:66%;}
	.block-1-2.reverse	{ flex-flow:row-reverse wrap;}



	/**
	 * .page
	 */
	.page-header:before	{ top:10vw; right:8%; bottom:0%; left:0%; width:auto; height:auto;}
	.page-header	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.page-header .header-titles	{ top:10vw; padding:0 0 0 5%; width:40%; transform:translateY(-36px);}
	.ancestor-name	{ position:absolute; top:-30px; margin:0;}
	.page-header figure	{ top:-12px; padding:0; width:60%;}
	.page-header .header-content	{ position:relative; padding: 2rem 15% 2rem 5%;}


	/**
	 * .single
	 */
	.single-header .header-titles	{ padding:10vw 0 0 0; transform:translateY(-36px);}


	/**
	 * .archive
	 */
	.archive-header:before	{ top:10vw; right:8%; bottom:0%; left:0%; width:auto; height:auto;}
	.archive-header	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.archive-header .header-titles	{ top:10vw; padding:0 0 0 5%; width:40%; transform:translateY(-36px);}
	.archive-header figure	{ top:-12px; padding:0; width:60%;}

	.archive .news-list li a	{
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;
		padding:1em 0.2em;
	}
	.archive .news-list .entry-title	{ width:55%;}
	.archive .news-list .meta	{ margin:0; width:33%;}


}



/**
/*  1024px <=                          */
@media screen and (min-width: 1024px) {

	body,
	button,
	input,
	select,
	textarea { font-size:1.4rem;}

	.ss		{ display:none;}
	.mm		{ display:none;}
	.ll		{ display:block;}
	.spn	{ display:none;}
	.pc		{ display:block;}

	/**
	 *  - Typography 	
	 **/
	h1	{ font-size:2.8rem;}
	h2	{ font-size:2.8rem;}
	h3	{ font-size:2.1rem;}
	h4	{ font-size:1.8rem;}
	h5	{ font-size:1.4rem;}
	h6	{ font-size:1.4rem;}
	
	article h1,
	article h2	{ margin:2em 0 1.5em;}
	article h3,
	article h4	{ margin:3em 0 1em;}
	article h5,
	article h6	{ margin:2em 0 1em;}
	article p	{ margin-bottom:1.6em;}


	/**
	 *  - header 		**/

	/**
	 *  - navigation 		**/
	.selectors { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.selectors .selector-tags	{ width:75%;}
	.selectors .select-wrap		{ width:20%;}
	.selector-tags li	{ width:25%;}


	/**
	 * .page
	 **/
	.page-header:before	{ top:10vw; right:8%; bottom:0%; left:0%;}
	.page-header .header-titles	{ top:10vw; padding:0 0 0 5%; width:40%; transform:translateY(-44px);}
	.ancestor-name	{ top:-40px;}
	.page-title .en	{ font-size:1.6rem;}
	.page-title .jp	{ font-size:3.6rem;}
	.page-header figure	{ top:-12px; padding:0; width:60%;}
	.page-header .header-content	{ position:relative; padding: 2rem 15% 2rem 5%;}



	/**
	 * .single
	 **/
	.single-header .header-titles	{ padding:10vw 0 0 0; transform:translateY(-44px);}
	.single-header:before	{ bottom:36%;}
	.single-title .en	{ font-size:1.6rem;}
	.single-title .jp	{ font-size:3.6rem;}


	/**
	 * .archive
	 */
	.archive-header:before	{ top:10vw; right:8%; bottom:0%; left:0%;}
	.archive-header .header-titles	{ top:10vw; padding:0 0 0 5%; width:40%; transform:translateY(-44px);}
	.archive-title .en	{ font-size:1.6rem;}
	.archive-title .jp	{ font-size:3.6rem;}
	.archive-header figure	{ top:-12px; padding:0; width:60%;}

	.archive .news-list li a	{ padding:1.4em 2em;}
	.archive .news-list .entry-title	{ width:66%;}
	.archive .news-list .meta	{ width:28%;}

}



/* 1280px =<                            */
@media screen and (min-width: 1280px) {

	/**
	 *  - Typography 	
	 **/
	h1	{ font-size:3.3rem;}
	h2	{ font-size:3.3rem;}
	h3	{ font-size:2.1rem;}
	h4	{ font-size:1.8rem;}
	h5	{ font-size:1.4rem;}
	h6	{ font-size:1.4rem;}

	/**
	 * .page
	 **/
	.page-header .header-titles	{ top:9vw;}
	.ancestor-name	{ font-size:2.4rem; top:-58px;}
	.page-title .en	{ font-size:2.0rem;}
	.page-title .jp	{ font-size:4.8rem; letter-spacing:0.058em;}

	/**
	 * .single
	 **/
	.single-header .header-titles	{ padding:9vw 0 0 0; transform:translateY(-44px);}
	.single-title .en	{ font-size:2.0rem;}
	.single-title .jp	{ font-size:4.8rem;}

	/**
	 * .archive
	 */
	.archive-header .header-titles	{ top:9vw;}
	.archive-title .en	{ font-size:2.0rem;}
	.archive-title .jp	{ font-size:4.8rem;}

}

/* 1520px =<                            */
@media screen and (min-width: 1520px) {

	body,
	input,
	select,
	textarea { font-size:1.5rem;}

	/**
	 *  - Typography 	
	 **/
	h1	{ font-size:4.2rem;}
	h2	{ font-size:4.2rem;}
	h3	{ font-size:2.8rem;}
	h4	{ font-size:2.0rem;}
	h5	{ font-size:1.5rem;}
	h6	{ font-size:1.5rem;}

	.page-title .en	{ font-size:2.4rem;}
	.page-title .jp	{ font-size:5.8rem;}
	.single-title .en	{ font-size:2.4rem;}
	.single-title .jp	{ font-size:5.8rem;}
	.archive-title .en	{ font-size:2.4rem;}
	.archive-title .jp	{ font-size:5.8rem;}

	.archive .news-list li a	{ padding:1.6em 4em;}
	.archive .news-list .entry-title	{ width:66%;}
	.archive .news-list .meta	{ margin:0; width:28%;}



}