@charset"utf-8";
/*
滋賀短期大学附属高等学校 Web Site ver.2021  --  Primary CSS
Author : Hideyuki Koyama -MONTAGE lab.(https://www.montagelab.jp)
Latest Updated : 3 Jul., 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
 *
 */

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


/**
 * 1.1 Import fonts
 */
 
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');




/**
 * 1.2 Typo
 */

body,
button,
input,
select,
textarea {
	font-family: "Roboto", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 14px; 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.0rem;}
h2	{ font-size:2.0rem;}
h3	{ font-size:1.8rem;}
h4	{ font-size:1.6rem;}
h5	{ font-size:1.4rem;}
h6	{ font-size:1.4rem;}

article h1,
article h2	{ margin:3em 0 1.0em; line-height:1.5;}
article h3,
article h4	{ margin:3em 0 1em; line-height:1.5;}
article h5,
article h6	{ margin:2em 0 1em; line-height:1.5;}

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:1.8;}

b,
strong 	{ font-weight: 700;}

em		{ font-style: normal;}

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

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	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
 */

article ul,
article ol { margin: 1.6em 0 1.6em; list-style-position:outside; line-height:1.5;}

article ul { margin-left:0.2em; list-style: none;}

article ol { margin-left:1.5em; list-style: decimal;}

li > ul,
li > ol {
	margin: 1em 0 1em 1.3333em;
}
li > ol li:before { content:''; width:0; height:0; border:0 !important;}

nav ul { margin:0; padding:0; line-height:1.2;}
nav ul li { margin:0; padding: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.5;}
ul.reset li:before,
ul.reset li:after { content:''; width:0; height:0; border:0 !important;}

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 li { position:relative; margin:0 0 0.8em; padding-left:10px;}
article ul li:before { position:absolute; content:''; top:0.5em; left:0; width:4px; height:4px; background-color:#46B9C2; border-radius:100%;}
article ol li { position:relative; margin:0 0 0.8em;}


ul.circle	{}
ul.circle li	{ position:relative; padding:0 0 0 2em;}
ul.circle li:before	{ position:absolute; top:-0.15em; left:0; content:''; padding:0.2em 0 0; width:1.4em; height:1.4em; text-align:center; color:#fff; background-color:#46B9C2; border-radius:50px;}

ol.numbering	{ list-style:none; margin-left:0;}
ol.numbering li	{ position:relative; padding:0 0 0 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:#46B9C2; border-radius:50px;}
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';}

dl { margin-bottom: 1.6em; line-height:1.5;}
dt { margin-bottom: 0.6em; font-weight: bold;}
dd { margin-bottom: 1.6em;}
dl.numbering dt	{ position:relative; padding:0 0 0 2em;}
dl.numbering dt: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:#46B9C2; border-radius:50px;}
dl.numbering dt:nth-of-type(1):before	{ content:'1';}
dl.numbering dt:nth-of-type(2):before	{ content:'2';}
dl.numbering dt:nth-of-type(3):before	{ content:'3';}
dl.numbering dt:nth-of-type(4):before	{ content:'4';}
dl.numbering dt:nth-of-type(5):before	{ content:'5';}
dl.numbering dt:nth-of-type(6):before	{ content:'6';}
dl.numbering dt:nth-of-type(7):before	{ content:'7';}
dl.numbering dt:nth-of-type(8):before	{ content:'8';}
dl.numbering dt:nth-of-type(9):before	{ content:'9';}
dl.numbering dt:nth-of-type(10):before	{ content:'10';}

dl.faq	{}
dl.faq dt	{ position:relative; margin:1.2em 0 0.4rem; padding:0.6em 0 0.5em 3.3em;}
dl.faq dt:before	{ position:absolute; top:0; left:0px; content:"Q"; padding:8px 0 0; width:2.8em; height:2.8em; text-align:center; color:#fff; background-color:#A988BC;}
dl.faq dd	{ position:relative; padding:0.6em 0 1.8em 3.3em; border-bottom:1px solid rgba(0,0,0,.25);}
dl.faq dd:before	{ position:absolute; top:0; left:0px; content:"A"; padding:8px 0 0; width:2.8em; height:2.8em; text-align:center; color:#fff; background-color:#A3DCE1;}



/**
 * - 1.4 Table
 */

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse:collapse;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 0.8em;
	width: 100%;
}

caption,
th,
td { padding: 0.4em; text-align:left; font-weight:normal;}
th { border-width: 0 1px 1px 0; font-weight: 700;}
td { border-width: 0 1px 1px 0;}

caption { margin:0.2em 0; color:#666; caption-side:bottom;}

thead th { vertical-align:middle; font-weight:bold; background-color:#C7EAEC;}
thead td { vertical-align:middle;}

tbody th { vertical-align:middle; background-color:#EEF9F9;}
tbody td { vertical-align:middle; border-color:#ccc; border-width:1px 1px 1px 1px;}
tbody tr:nth-child(odd) { background-color:#F6FCFC;}

tfoot 	 { border-top:3px double #999;}
tfoot th { vertical-align:middle; font-weight:bold; background-color:#C7EAEC;}
tfoot td { vertical-align:middle;}

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;}

table.plain,
table.plain th,
table.plain td,
table.plain thead th,
table.plain thead td,
table.plain tfoot th,
table.plain tfoot td,
table.plain tbody th,
table.plain tbody td,
table.plain tbody tr:nth-child(odd)	{ padding:0.3em; border-color:transparent; background-color:rgba(255,255,255,.5);}

.yscroll	{ width:100%; overflow:scroll;}
.yscroll table	{ table-layout:auto;}
.yscroll::-webkit-scrollbar			{ height: 5px;}
.yscroll::-webkit-scrollbar-track	{ background: #F1F1F1;}
.yscroll::-webkit-scrollbar-thumb	{ background: #BCBCBC;}



/**
 * - 1.5 Decoration
 */

.not	{ 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 #000 !important;}
.br		{ border-right:1px solid #000 !important;}
.bb		{ border-bottom:1px solid #000 !important;}
.bl		{ border-left:1px solid #000 !important;}

.lead 	{ font-size:1.6rem;}
.attention { color:#f00;}
.note		{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.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; color:#666;}

.border 	{ border-bottom:1px solid #999;}
.bordered 	{ padding:0.8em; border:1px solid #6699FF; border-radius:5px;}
.filled		{ padding:0.5em 0.8em; background-color:#ededed;}
.filledwrap .filled { background-color:#fff;}

.lline	{ position:relative; padding-left:0.5em;}
.lline:before	{ position:absolute; top:0.25em; left:0; content:''; width:3px; height:1em; background-color:#46B9C2;}
.square	{ position:relative; padding-left:1.2em;}
.square:before	{ position:absolute; top:0.25em; left:0; content:''; width:1em; height:1em; background-color:#46B9C2;}
.circle	{ position:relative; padding-left:1.2em;}
.circle:before	{ position:absolute; top:0.25em; left:0; content:''; width:1em; height:1em; background-color:#46B9C2; border-radius:50px;}



/* color */
.dark	{ color:#000;}
.pale	{ color:#999;}

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

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




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

::selection {background:#FFE06C; color:#7B389A;}
::-moz-selection { background:#FFE06C; color:#7B389A;}

hr {
	clear:both;
	background-color:#919191;
	border: 0;
	height: 1px;
	margin: 3.2em 0;
}
hr.invisible { background-color:transparent;}
hr.none { margin:0; background-color:transparent;}

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

figure 		{}
figcaption 	{ padding:8px 0 0;}

del { opacity: 0.8;}




/**
 * - 2.1 Video Elements
 */
video {
	width: 100%; height:auto;
}

.video-wrap {
	position:relative; 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), rgba(199, 224, 245, 0) );
}
#bg-video{
	position:relative;
}
.home-billboard #bg-video	{ background: url(img/common/home-billboard.jpg) no-repeat / cover;}

@media (min-aspect-ratio: 13/9){
	/*	.home-billboard .video-wrap video {
	position:relative
	top: 50%;
	left:0;
	width: 100%;
	height:auto;
	transform: translateY(-50%);
	}*/
}
@media (max-aspect-ratio: 13/9){
	/*	.home-billboard .video-wrap video {
	height: 100%;
	left: 50%;
	right:auto;
	transform: translateX(-50%);
	}*/
}
@media (aspect-ratio: 13/9){
	.home-billboard .video-wrap video {
	}
}

@media screen and (min-width: 720px) {
	.home-billboard .video-wrap {
		/* position:relative; width:100vw; height:90vh; overflow:hidden; */
		position:relative; width:100vw; height:56.25vw; overflow:hidden;
	}
}
@media screen and (min-width: 1024px) {
	.home-billboard .video-wrap { height:56.25vw; padding-left:0;}
}



/**
 * - 2.2 wp-block
 */

/* Gallery */
.wp-block-gallery{ margin:0; padding:0;}
	ul.blocks-gallery-grid	{ margin:0; padding:0;}
	ul.blocks-gallery-grid li { margin:0; padding:0;}
	ul.blocks-gallery-grid li:before { background:none; border:0;}

ul.wp-block-gallery	{}
ul.wp-block-gallery li	{ padding:0;}
ul.wp-block-gallery li:before	{ background:none; border: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;}





/* **************************************************************************** */
/*
/* 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 {
	color: #7B389A;
	text-decoration: none;
	outline:none;
	transition:all 0.2s ease;
}

a:hover,
a:focus {
	color: #D31894;
}
a:before,
a:after	{ transition:all 0.2s ease;}

nav a { text-decoration:none;}



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


/**
 * - Bread crumb navigation
 */

.breadcrumb	{ padding:2rem 5%; color:#fff; background-color:#46B9C2;}
.breadcrumb ul	{ margin:0; padding:0; 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:#fff;}
.breadcrumb li a:after	{ position:absolute; top:2px; right:0; content:''; width:5px; height:5px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li a:hover	{ text-decoration:underline;}
.breadcrumb li span	{ display:block; position:relative; padding:0 1em 0 0; color:#fff;}
.breadcrumb li span:after	{ position:absolute; top:2px; right:0; content:''; width:5px; height:5px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}





/**
 * - Header above navigation
 */

#abovenav	{ display:none;}
#abovenav	{ position:relative; z-index:8; width:100%; background-color:#62C3E8;}
#abovenav ul	{ text-align:right; font-size:0; padding:5px 0;}
#abovenav li	{ display:inline-block; vertical-align:middle; margin:0 1.5em 0 0; font-size:1.3rem; font-weight:700; line-height:1.1;}
#abovenav li a	{ position:relative; display:block; padding:5px 1em 5px 25px; color:#fff;}
#abovenav li a:hover	{ color:#EEF9F9;}
#abovenav li a:before	{ position:absolute; top:0; left:0; content:''; width:25px; height:25px; background-repeat:no-repeat; background-position:left center; background-size:auto 25px;}
#abovenav li.an_access a:before		{ background-image:url(../img/common/icon-access-wh.svg);}
#abovenav li.an_inquiry a:before	{ background-image:url(../img/common/icon-inquiry-wh.svg);}
#abovenav li.an_request a:before	{ background-image:url(../img/common/icon-request-wh.svg);}
#abovenav li.an_sitemap a:before	{ background-image:url(../img/common/icon-sitemap-wh.svg);}
#abovenav li.an_teacher a:before	{ background-image:url(../img/common/icon-teacher-wh.svg);}
.home #abovenav	{ background-color:rgba(188,229,247,.8);}
.home #abovenav li a		{ color:#000;}
.home #abovenav li a:hover	{ color:#000;}
.home #abovenav li.an_access a:before		{ background-image:url(../img/common/icon-access.svg);}
.home #abovenav li.an_inquiry a:before	{ background-image:url(../img/common/icon-inquiry.svg);}
.home #abovenav li.an_request a:before	{ background-image:url(../img/common/icon-request.svg);}
.home #abovenav li.an_sitemap a:before	{ background-image:url(../img/common/icon-sitemap.svg);}
.home #abovenav li.an_teacher a:before	{ background-image:url(../img/common/icon-teacher.svg);}



/**
 * - Header navigation
 */

#headnav { display:none; background-color:rgba(70,185,194,.1);}
#headnav .menu	{ font-size:0; text-align:right;}
#headnav .menu > li { display:inline-block; vertical-align:top; font-size:1.4rem; border-left:1px solid rgba(98,195,232,.25);}
#headnav .menu > li a	{ position:relative; display:block; padding:20px 3rem; font-weight:700; color:#000;}
#headnav .menu > li a:before	{ position:absolute; bottom:0; left:50%; content:''; width:0; height:0; border-bottom:3px solid #62C3E8; transition:all 0.4s ease;}
#headnav .menu > li a:hover		{ color:#000;}
#headnav .menu > li a:active	{ color:#000;}
#headnav .menu > li a:hover:before		{ left:0; width:100%;}
#headnav li.current-menu-item a:before { left:0; width:100%;}
#headnav .menu > li:hover .menu-2nd { visibility:visible !important; z-index:5; padding:30px 5%; height:auto;}

#headnav .menu-2nd	{ position:absolute; top:90px; left:0; z-index:1; padding:0 5%; width:100%; height:0; text-align:left; box-sizing:border-box; background-color:rgba(0,0,0,.75); overflow:hidden; transition:all 0.2s ease;}
#headnav .menu-2nd li	{ display:inline-block; vertical-align:middle; margin:0 10px 2px 0; width:294px;}
#headnav .menu-2nd li .image	{ display:inline-block; vertical-align:middle; margin-right:5px; width:72px; height:72px; background-color:#333;}
#headnav .menu-2nd li .image img	{ width:72px; height:72px;}
#headnav .menu-2nd li span		{ display:inline-block; vertical-align:middle; width:190px; text-align:left;}
#headnav .menu-2nd li a	{ padding:10px 10px; color:#fff;}
#headnav .menu-2nd li a:before	{ border:0;}
#headnav .menu-2nd li a:hover	{ color:#fff; background-color:rgba(255,255,255,.1);}

.home #headnav	{ position:absolute; top:0; padding:120px 0 0; width:185px; height:49.09vw; background-color:rgba(0,0,0,.8);}
.home #headnav .menu	{ text-align:left;}
.home #headnav .menu > li{ display:block; border:0;}
.home #headnav .menu > li a{ padding:20px 3rem; color:#fff;}
.home #headnav .menu > li a:before	{ position:absolute; top:50%; bottom:auto; left:auto; right:0; content:''; width:50%; height:0; border-bottom:1px solid rgba(255,255,255,.25); transition:all 0.4s ease;}
.home #headnav .menu > li:nth-child(2) a:before	{ width:30%;}
.home #headnav .menu > li:hover { background-color:rgba(255,255,255,.1);}
.home #headnav .menu > li:hover .menu-2nd { z-index:5; padding:130px 0 0; width:220px; height:49.09vw;}

.home #headnav .menu-2nd	{ position:absolute; top:0; left:185px; z-index:1; padding:130px 0 0; width:0px; height:49.09vw; background-color:rgba(0,0,0,.75); overflow:hidden; transition:all 0.2s ease;}
.home #headnav .menu-2nd .image	{ display:none;}
.home #headnav .menu-2nd li span{ display:block; width:auto;}
.home #headnav .menu-2nd li	{ display:block; margin:0 0 2px; width:220px;}
.home #headnav .menu-2nd li a	{ padding:10px 20px;}
.home #headnav .menu-2nd li a:before	{ top:calc(50% - 3px); left:0; width:0; height:0; border:solid transparent; border-width:3px 0 3px 6px; border-left-color:rgba(255,255,255,.5);}
.home #headnav .menu-2nd li a:hover	{ color:#fff; background-color:rgba(255,255,255,.1);}
.home #headnav .menu-2nd li a:hover:before	{ border-left-color:rgba(255,255,255,1);}




/**
 * - Footer navigation
 */

#footnav	{}
#footnav .spnnav	{ display:block; padding:2rem 5%;}
#footnav .spnnav ul	{ display:flex; flex-flow:row wrap; width:100%;}
#footnav .spnnav li	{ margin:0 0 8px; padding:0 5px; width:50%;}
#footnav .spnnav li:first-child	{ width:100%;}
#footnav .spnnav li a	{ display:block; padding:0; text-align:center; font-size:1.5rem; color:#fff; background-color:#A988BC;}
#footnav .spnnav li a span	{ display:inline-block; padding:12px 0 12px 26px; background-repeat:no-repeat; background-position:left center; background-size:auto 25px;}
#footnav .spnnav li.sn_access span	{ background-image:url(../img/common/icon-access-wh.svg);}
#footnav .spnnav li.sn_inquiry span	{ background-image:url(../img/common/icon-inquiry-wh.svg);}
#footnav .spnnav li.sn_request span	{ background-image:url(../img/common/icon-request-wh.svg);}

#footnav .footnav-separate	{ border-top:1px solid #CBC2D6;}
#footnav .menu	{ text-align:left; font-weight:700;}
#footnav .menu li	{ border-bottom:1px solid #CBC2D6;}
#footnav .menu li a	{ position:relative; display:block; padding:1em; color:#000;}
#footnav .menu li a:before	{ position:absolute; top:calc(50% - 3px); right:16px; content:''; width:6px; height:6px; border:solid #A888BB; border-width:1px 1px 0 0; transform:rotate(45deg);}
#footnav .menu li.menu-item-has-children > a:before	{ position:absolute; top:50%; right:13px; content:''; width:9px; height:0; border:solid #A888BB; border-width:1px 0 0 0; transform:rotate(0deg);}
#footnav .menu li.menu-item-has-children > a:after	{ position:absolute; top:calc(50% - 4px); right:17px; content:''; width:0; height:9px; border:solid #A888BB; border-width:0 0 0 1px;}
#footnav .menu li a:hover	{ color:#D31894;}
#footnav .menu li.menu-item-has-children.child-open a:before{ transform:rotate(45deg);}
#footnav .menu li.menu-item-has-children.child-open a:after	{ transform:rotate(45deg);}
#footnav .menu li.child-open .sub-menu	{ height:auto;}
#footnav .sub-menu	{ margin:0 0 0 24px; font-weight:400; height:0; overflow:hidden; transition:all 0.3s ease;}
#footnav .sub-menu li	{ border-bottom:1px dashed #CBC2D6;}
#footnav .sub-menu li:first-child	{ border-top:1px dashed #CBC2D6;}
#footnav .sub-menu li:last-child	{ border:0;}
#footnav .sub-menu li a	{ padding:0.8em 1.6em 0.8em 0.8em; line-height:1.4;}
#footnav .sub-menu li a:before	{ position:absolute; top:calc(50% - 3px); right:16px; content:''; width:6px; height:6px; border:solid #A888BB; border-width:1px 1px 0 0; transform:rotate(45deg);}
#footnav .sub-menu li a:hover	{}



/**
 * - post navigation
 */

.postnav	{ position:relative; margin:0 5% 2rem; text-align:left; font-size:0;}
.postnav:before	{ position:absolute; top:0; left:50%; content:''; width:0; height: 100%; border-left:1px solid #999;}
.postnav a	{ display:block;}
.postnav a:hover { border-color:#f00;}
.nav-prev,
.nav-next	{ display:inline-block; vertical-align:top; margin:1em 0 2em; width:50%; line-height:1.5; font-size:1.2rem;}
.nav-prev .date,
.nav-next .date	{ color:#999;}
.nav-prev p,
.nav-next p	{ margin:0 0 1rem; padding:0; line-height:1.25; border:0;}
.nav-prev	{ padding-right:5%;}
.nav-next	{ padding-left: 5%;}
.nav-archive a	{ display:block; position:relative; margin:0 auto; padding:1em 2em; width:100%; max-width:375px; text-align:center; background-color:#fff; border:2px solid #A888BB;}
.nav-archive a:hover	{ border-color:#A028D7;}


/**
 * - 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:#745605;}
	.page-numbers	{ 
		display:inline-block; vertical-align:top; padding:8px 19px; 
		color:#745605;
		border:1px solid #ddd;; border-radius:25px;
		background:#fff;
		transition:all 400ms ease;
	}
	.page-numbers.current { color:#745605;}
	.meta-nav		{}
	.prev		{}
	.next		{}

.wp-pagenavi a, .wp-pagenavi span { 
	display:inline-block; vertical-align:top;
	margin:2px; padding:11px 2px 0; width:38px; height:38px;
	text-align:center; text-decoration: none;
	color:#A888BB;
	font-weight:normal;
	background-color:#fff; border:2px solid #A888BB; border-radius:0; box-sizing:border-box;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi a:visited	{ color:#745605;}
.wp-pagenavi a:hover	{ color:#A028D7; border-color:#A028D7;}

.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:#A888BB; border-color:#A888BB;
}
.wp-pagenavi span.extend {}



/**
 * - Footer sitemap
 */



/**
 * - sns
 */

.sns ul,
ul.sns { margin:0; padding:0;}
.sns li	{ display:inline-block; vertical-align:middle; margin:0 3% 4px; padding:0;}
.sns li:before	{ background:none; border:0;}
.sns li a	{ 
	display:block; width:44px; height:44px; font-size:0; 
	background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:23px; 
	border:0 solid #fff; border-radius:100%;
}
.sns li.fb a	{ background-image:url(../img/common/icon-fb.png);}
.sns .fb a:hover { opacity: 0.8;}
.sns .tw a	{ background-image:url(../img/common/icon-tw.png);}
.sns .tw a:hover { opacity: 0.8;}
.sns .ln a	{ background-image:url(../img/common/icon-ln.png);}
.sns .ln a:hover { opacity: 0.8;}
.sns .yt a	{ background-image:url(../img/common/icon-yt.png);}
.sns .yt a:hover { opacity: 0.8;}
.sns .ig a	{
	background:url(../img/common/icon-ig.png) no-repeat center center / 40px,linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background:url(../img/common/icon-ig.png) no-repeat center center / 40px, radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.sns .ig a	{
	background:#fff url(../img/common/icon-ig.png) no-repeat center center / 40px;
}



/**
 * - Buttons
 */

div.btn	{ display:block; text-align:center;}
div.btn a	{ position:relative; display:inline-block; padding:2rem 3rem; min-width:270px; text-decoration:none; letter-spacing:0.05em; color:#000; background-color:transparent; border:1px solid #A888BB;}
div.btn a:after	{ position:absolute; top:calc(50% - 6px); right:16px; content:''; width:12px; height:12px; border:solid #A888BB; border-width:1px 1px 0 0; transform:rotate(45deg);}
div.btn a:hover	{ color:#000; border-color:#A028D7;}
div.btn a:hover:after	{ border-color:#A028D7;}

div.btn.reverse a	{ color:#fff; background-color:#A888BB; border:1px solid #A888BB;}
div.btn.reverse a:after	{ border-color: #fff;}
div.btn.reverse a:hover	{ color:#fff; background-color:#A028D7; border-color:#A028D7;}
div.btn.reverse a:hover:after	{ border-color:#fff;}

div.btn.outbound a:before	{ position:absolute; top:5px; right:7px; content:''; width:10px; height:8px; border:1px solid #A888BB;}
div.btn.outbound a:after	{ position:absolute; top:9px; right:11px; content:''; width:8px; height:6px; border:solid #A888BB; border-width:0 0 1px 1px; transform:rotate(0deg);}
div.btn.outbound a:hover:before,
div.btn.outbound a:hover:after	{ border-color:#A028D7;}

div.btn.outbound.reverse a:before,
div.btn.outbound.reverse a:after,
div.btn.outbound.reverse a:hover:before,
div.btn.outbound.reverse a:hover:after	{ border-color:#fff;}

.arrowbtn { margin:0 20px; text-align:right; font-family:din-2014, sans-serif;}
.arrowbtn a	{ position:relative; display:inline-block; padding:0.8rem 4.4rem 0.5rem 1.8rem;}
.arrowbtn a:before	{ position:absolute; bottom:0; left:0; content:''; width:100%; height:0; border-bottom:1px solid #000;}
.arrowbtn a:after	{ position:absolute; bottom:1px; right:0; content:''; width:0; height:44px; border-right:1px solid #000; transform-origin:100% 100%; transform:rotate(-45deg)}

.btn.outbound a:before	{ position:absolute; top:5px; right:7px; content:''; width:10px; height:8px; border:1px solid #000;}
.btn.outbound a:after	{ position:absolute; top:9px; right:11px; content:''; width:8px; height:6px; border:solid #000; border-width:0 0 1px 1px;}
.btn.outbound a:hover:before,
.btn.outbound a:hover:after	{ border-color:#fff;}



/**
 * - Page top button
 */

#pagetop.fixed a { position:fixed; bottom:0; right:0; z-index:1000; width:50px; height:50px; background-color:#FA7402; background-color:rgba(250,116,2,.8); transition:background-color 0.2s ease;}
#pagetop.fixed a:after	{ position:absolute; top:22px; left:50%; content:''; margin:0 0 0 -6px; width:12px; height:12px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(-45deg); transition:all 0.2s ease;}
#pagetop.fixed a:hover 	{ background-color:rgba(250,116,2,1);}
#pagetop.fixed a:hover:before	{ top:8px;}
#pagetop.fixed a:hover:after 	{ top:8px;}
#pagetop.fixed a:before,
#pagetop.fixed a:after { border-color:#fff;}



/*
 * drawer navigation
 */

.drawer-nav		{ 
	position:relative; top:0; left:0; width:100%; height:100vh; 
	color:#222; 
	background-color:#f2f2f2; overflow-y:auto; border-radius:0;
	-webkit-overflow-scrolling:touch; 
	box-shadow:5px 5px 8px rgba(163, 177, 198, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.8);
	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:0; right:0; z-index:1999;
	display:block; margin:0 !important; padding:10px !important; width:26px; max-width:26px; height:26px;
	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:#7B389A; box-sizing:content-box; cursor:pointer;
}
.drawer-hamburger:hover	{ background-color:#A028D7;}
.drawer-hamburger-icon	{ position:relative; display:block; margin-top:0;}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before	{ width:100%; height:1px; -webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); background-color:#fff;}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before { position:absolute; top:-10px; left:0; content:" "}
.drawer-hamburger-icon:after	{ top:10px}

.drawer-open .drawer-hamburger { top:0; right:0;}
.drawer-open .drawer-hamburger-icon	{ width:30px; background:transparent;}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before	{ top:0; left:-2px;}
.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;
}

.drawernav-container	 { padding:0 0 80px;}
.drawernav-container ul	 { margin:0; padding:0; list-style:none;}
.drawer-nav ul.menu	{ margin:0; padding:0 10%;}
.drawer-nav ul.menu li	{ position:relative; margin:0 0 2px; text-align:left; font-size:1.6rem; font-weight:normal; letter-spacing:0em; text-transform:capitalize; border-bottom:1px solid #888;}
.drawer-nav ul.menu li a	{ position:relative; display:block; padding:16px 10px; color:#566373; text-decoration:none; background-color:transparent;}
.drawer-nav ul.menu li a:hover	{ color:#A028D7;}
.drawer-nav ul.menu li.has-submenu	{}
.drawer-nav ul.menu li.has-submenu > a:before	{ position:absolute; top:23px; right:3px; content:''; width:20px; height:2px; background-color:#7B389A;}
.drawer-nav ul.menu li.has-submenu > a:after	{ position:absolute; top:14px; right:12px; content:''; width:2px; height:20px; background-color:#7B389A;}
.drawer-nav ul.sub-menu		{ position:relative; margin:0; overflow:hidden; height:0; font-size:1.4rem; transition:all 0.2s ease;}
.drawer-nav ul.sub-menu li	{ position:relative; font-size:1.4rem;}
.drawer-nav ul.sub-menu li a	{ padding:16px 1em 16px 2em;}
.drawer-nav ul.sub-menu li:before	{ position:absolute; top:calc(50% - 5px); right:5px; content:''; width:9px; height:9px; border:solid #7B389A; border-width:1px 1px 0 0; transform:rotate(45deg);}
.drawer-nav ul.menu li.child-open ul.sub-menu	{ height:auto;}
.drawer-nav ul.menu li.child-open.has-submenu > a:before,
.drawer-nav ul.menu li.child-open.has-submenu > a:after	{ transform:rotate(45deg);}

.drawer-home	{ margin:0; padding:50px 10%; text-align:center;}
.drawer-home a	{ display:inline-block; vertical-align:middle; margin:0 6px 0 0; width:240px; height:auto}

.drawer-nav .sns	{ padding:0 0 136px;}

@media screen and (min-width: 720px) {
	.drawer-home .site-logo	{ padding:3rem;}
	.drawer-nav ul.menu	{ margin:0 0 5rem;}
	.drawer-nav ul.menu li	{ font-size:2.4rem;}
	.drawer-nav ul.menu li a	{ padding:1.8rem 1em;}
	
}

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




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

body{
	text-align:center;
	background-color:#fff;
}
#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;}
.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(255,255,255,1);
	background-image:url(../img/common/logo-shigatan.png); background-repeat:no-repeat; background-position:center center; background-size:auto 50px;
}
#loading span {
	display:block;
	position:absolute; top:calc(50% - 100px); left:calc(50% - 100px); margin:0;
	width:200px; height:200px; background:url(../img/common/Rolling.svg) no-repeat center center / 200px;
}
#loading.loaded	{ animation:loading 0.6s ease-in-out 0s 1 normal forwards;}
@keyframes loading {
    0% { background-color:rgba(255,255,255,1);}
  100% { background-color:rgba(255,255,255,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:99;}
.home #headerwrap 	{ position:absolute;}
.site-header{}
#branding .site-title	{ 
	margin:0; padding:2px 14px 4px; font-size:1.1rem; text-align:left; background-color:#fff;
}
#branding .site-title a	{ 
	display:inline-block; vertical-align:middle; margin:0; padding:42px 0 0; width:150px; height:40px; overflow:hidden;
	background:url(../img/common/logo-shigatan.png) no-repeat center top / auto 40px;
}



/**
 * - 6.3 footer Include
 */

#footerwrap 	{}
.site-footer	{ position:relative; padding:40px 0; text-align:left; background-color:#e4e4e;}
.site-footer .site-title	{ margin:0 auto 3rem; padding:0 10%; text-align:center; }
.site-footer .site-title img	{ width:100%; height:auto; max-width:333px;}
.site-footer address		{ padding:0 10%; line-height:1.5;}
.site-footer address span	{ display:block;}
.site-footer address a:link,
.site-footer address b		{ font-size:120%; font-weight:400; color:#000;}
.site-footer .banner	{ margin:3rem auto; padding:0 3%;}
.site-footer .banner ul	{ display:flex; flex-flow:row wrap; margin:0 auto; padding:0; max-width:1024px;}
.site-footer .banner li	{ margin:0 0 5px; padding:0 5px; width:50%;}
	#copyright		{ padding:2rem 5%;}
	#copyright p	{ margin:0; padding:0; text-align:center; font-size:1.1rem; letter-spacing:0.05em; color:#7B389A;}






/**
 * - 6.4 container Include
 * #container > article > .content
 * 	.page-header
 * 	.page-title	
 * 	.page-content
 * 
 * #container > section > .content
 * 	.section-header	{}
 * 	.section-title	{}
 * 	.section-content{}
 * 
 */

#container	{}
.content	{}

article			{}
section			{}
.page-content section 	{}
.entry-content section 	{}
.archive-content section{}

.page-header	{}
.page-title		{}
.page-content	{}

.entry-header	{}
.entry-title	{}
.entry-content	{}

.archive-header	{}
.archive-title	{}
.archive-content{}

.section-header	{}
.section-title	{}
.section-content{ margin:0 auto;}



/**
 * - 6.6 Column Layout
 */

.borderwrap { border:2px solid #46B9C2; }
	.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:#EEF9F9;}
	.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;}

.block-message	{ 
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
	margin-bottom:3rem; padding:10px; border:2px solid #46B9C2; font-size:1.3rem;
}
.block-message.reverse	{ flex-direction:row-reverse;}
.block-message .image	{ width:25%;}
.block-message .content	{ width:72%;}
.block-message p	{}

.block	{ margin:0 auto 4rem;}
.block .image	{ margin-bottom:10px;}
.block .padding-content	{ padding:2rem 3%;}

.block2	{}
.block2 > div	{}

.block2-1	{}
.block2-1 > div:nth-child(1)	{}
.block2-1 > div:nth-child(2)	{}

.block-gallery	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin:0; padding:0;}
.block-gallery li	{ margin:0; padding:0;}
.block-gallery li:before	{ background:none; border:0;}
.block-gallery.block4 > div, .block-gallery.block4 > li	{ padding:1px; width:50%;}
.block-gallery.block3 > div, .block-gallery.block3 > li	{ padding:1px; width:calc(100% / 3);}




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

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




/* **************************************************************************** */
/*
/* .page-content
/*
/* **************************************************************************** */

.page-billboard	{ position:relative; margin-bottom:5rem; padding:0 4%;}
.page-billboard:before	{ position:absolute; top:0; left:0; content:''; width:100%; height:70%; background-color:#46B9C2;}
.page-billboard .billboard-content	{ position:relative; margin:0 auto; max-width:1280px;}
.page-billboard	.billboard-title	{ padding:1rem 0; text-align:left; font-size:2rem; font-weight:400; color:#fff;}
.page-billboard	.image	{}

article	{}
	.page-header	{ margin:0; padding:2rem 0 2rem; text-align:center;}
	.page-title		{ margin:0; font-size:2rem; font-weight:700; letter-spacing:0.05em; color:#414141;}
	.page-title span		{ padding:0 0 0.2em; border-bottom:2px solid #86C1C6;}
	.page-content	{ margin:0 auto; padding:0 5%; max-width:976px; text-align:left;}
	.page-content.narrow  	{ margin:0 auto; max-width:768px;}

article section	{ padding:4rem 4%;}
article .section-header	{ margin:0 0 3rem; padding:0 4%;}
article .section-title	{ margin:0; font-size:2rem; font-weight:700; letter-spacing:0.05em; color:#000;}
article .section-title span		{ padding:0 0 0.2em; border-bottom:1px solid #46B9C2;}
article .section-content	{ margin:0 auto; max-width:976px; text-align:left;}
article .section-content.narrow  	{ margin:0 auto; max-width:768px;}


.page article .block-points	{ padding:4rem 5%; background-color:#46B9C2;}
.page article .block-points	.section-title	{ color:#fff;}
.page article .block-points .section-title span		{ border-bottom:1px solid #fff;}
.block-points .content	{ margin:0 auto; max-width:768px; text-align:left; color:#fff;}
.block-points ul	{ margin:0; padding:0;}
.block-points ul li	{ padding:3px 0 1rem 32px; border-bottom:1px dashed #fff;}
.block-points ul li:before	{ top:0; left:0; width:25px; height:25px; background:none; border:2px solid #fff; border-radius:0;}
.block-points ul li:after	{ position:absolute; top:2px; left:8px; content:''; width:10px; height:16px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}

.page article .block-download	{ padding:4rem 5%; background-color:#c6e7e9;}
.page article .block-download .section-title	{ color:#fff;}
.page article .block-download .section-title span	{ border-bottom:1px solid #fff;}
.block-download .content	{ margin:0 auto; max-width:768px; text-align:left; color:#fff;}
.block-download ul	{ margin:0; padding:0;}
.block-download ul li	{ margin:0; padding:14px 3px !important; border-bottom:1px dashed #fff;}
.block-download ul li:before	{ border:0 !important; background:none !important;}
.block-download ul li a	{ position:relative; display:inline-block; padding:2px 0 2px 32px; color:#000;}
.block-download ul li a:hover	{ text-decoration:underline;}
.block-download ul li a:before	{ position:absolute; top:0; left:0; content:''; width:25px; height:25px; background-color:#fff; border-radius:0 !important;}
.block-download ul li a:after	{ position:absolute; top:0; left:0; content:''; width:25px; height:25px; background-position:center center; background-repeat:no-repeat; background-size:25px;}
.block-download ul li a.pdf:after	{ background-image:url(../img/common/icon-pdf.png);}
.block-download ul li a.xls:after	{ background-image:url(../img/common/icon-xls.png);}
.block-download ul li a.doc:after	{ background-image:url(../img/common/icon-doc.png);}
.block-download ul li a.outbound:before	{ position:absolute; top:5px; left:9px; content:''; width:14px; height:11px; background:none; border:2px solid #46B9C2;}
.block-download ul li a.outbound:after	{ position:absolute; top:9px; left:5px; content:''; width:14px; height:11px; border:solid #46B9C2; border-width:0 0 2px 2px;}




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

.single-header	{ margin:0; padding:8rem 0;}
.single-header .single-title {}

.single #container	{}
.single article		{}

.entry-header	{ position:relative; text-align:left; margin:0 auto 2em; padding:2rem 5% 0; max-width:768px;}
.entry-header .entry-title	{ margin:0; font-weight:normal;}
.entry-header .date		{ line-height:1.5;}
.entry-header .terms	{ line-height:1.5;}

.entry-content	{ margin:0 auto; padding:0 5% 6rem; max-width:768px; text-align:left;}

.entry-content img	{ margin:0 auto; max-height:768px;}
.entry-content img.size-thumbnail	{ margin:0 0 9px;}
.entry-content img.size-medium		{ margin:0 0 9px;}
.entry-content img.size-large		{ margin:0 0 9px;}


.post-footer { margin:0 auto 4rem; padding:3rem 5%; border-top:1px solid #7B389A;}
.post-footer .post-data	{ padding:2rem 0; font-size:1.3rem; line-height:1.25; border-bottom:1px solid #ccc;}
.post-footer .post-data .date	{ position:relative; margin:0 1rem 0 0; padding:0 1rem 0 0;}
.post-footer .post-data .date:after	{ position:absolute; top:0; right:0; content:''; width:0; height: 100%; border-left:1px solid #000;}
.post-footer .post-data	.terms	{}
.post-footer .post-data	.term,
.post-footer .post-data	a	{ display:inline-block; border-bottom:1px solid #999;}
.post-footer .post-data	a:hover	{ border-color:#f00;}




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

.archive-header	{ margin:0; padding:2rem 0 2rem; text-align:center;}
.archive-title		{ margin:0; font-size:2rem; font-weight:700; letter-spacing:0.05em; color:#414141;}
.archive-title span		{ padding:0 0 0.2em; border-bottom:2px solid #86C1C6;}

.archive article	{}
.archive-content { margin:0 auto 4rem; padding:0 5%; text-align:left; max-width:768px;}
.archive-content article 	{ border-bottom:1px solid #888;}
.archive-content article a	{ display:block; padding:16px 0; color:#000;}
.archive-content article .date			{ line-height:1.4;}
.archive-content article .terms			{ line-height:1.4;}
.archive-content article .entry-title	{ display:block; vertical-align:top; margin:12px 0 0; line-height:1.5;}
.archive-content article a:hover .entry-title	{ color:#D31894;}

.archive-footer	{ margin:0 0 8rem;}





/* **************************************************************************** */
/*
/* 8.0 Forms
/*
/* **************************************************************************** */

button,
input,
select,
textarea {
	vertical-align: baseline; 
	margin:0; max-width:100%;
	font-size:16px; font-size:1.6rem; line-height:1.5;
	background-color: #f7f7f7;
	border-radius: 0;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	border: 1px solid #999;
	color: #707070; border-radius:3px;
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #A888BB;
}

select	{ 
	padding:0.35em; max-width:100%;
	border:1px solid #999; border-radius:3px;
}
select:focus {
	background-color:#DFF5DA;
	outline:none;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	display:inline-block; margin:1rem 1rem; padding:1.8rem 3em; width:90%; max-width:20em;
	font-size:1.5rem; text-decoration:none; color:#7B389A; 
	background-color:#fff; border:3px solid #A988BC;
	transition:all 0.2s ease; cursor:pointer;
}
input[type="reset"] { color:#F37008; border:2px solid #F37008;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	color:#fff; background-color:#A028D7; border-color:#A028D7;
}
input[type="reset"]:hover,
input[type="reset"]:focus {
	color:#fff; background-color:#F37008;
}


input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea {
	margin:0 0.6rem 0.6rem 0;
	padding: 0.375em;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}
input[type="email"],
input[type="tel"],
input[type="url"]	{
	max-width:20em;
}

input[type="number"],
input[type="date"],
input[type="password"]{
	max-width:12em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}


input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

.post-password-form	{ margin-bottom:10rem;}
.post-password-form input[type="password"]	{}
.post-password-form input[type="submit"]	{
	display:inline-block; margin:1rem 0.5rem; padding:0.8rem 2em; width:auto; max-width:10em;
	font-size:1.5rem; text-decoration:none; color:#fff; 
	background-color:#33c037; border:0; border-radius:50px;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
	color:#fff; background-color:#62dc66;
}


div.mailform	{}
div.mailform dl	{}
div.mailform dt	{ margin:0 0 0.5em;}
div.mailform dd	{ margin:0 0 2em;}
div.mailform dl p	{ font-size:1.2rem;}
div.mailform .required	{ color:#E02020;}
div.mailform .required:after	{ position:relative; vertical-align:baseline; bottom:2px; content:''; margin:0 0 0 0.5rem; padding:0; font-size:1.1rem; font-weight:normal; color:#fff; background-color:#E02020; border-radius:3px;}
div.mailform .date	{ width:5em;}
div.mailform .zip	{ width:8em;}
div.mailform #zip	{ width:3em;}
div.mailform #zip1	{ width:4em;}
div.mailform #pref	{ width:8em;}
div.mailform .year	{ width:6em;}
div.mailform .address	{}
div.mailform .disabled	{ color:#ccc;}
div.acception	{ margin:4rem 0; text-align:center;}
div.submit 		{ margin:4rem 0; text-align:center;}
.mailform .mw_wp_form_confirm .btn	{ display:none;}
.horizontal-item { display:inline-block; margin-right:1em;}

.form-steps	{ 
	position:relative; margin:0 auto; padding:4rem 0; max-width:512px;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
}
.form-steps:before	{ position:absolute; top:50%; left:10%; content:''; width:80%; border-top:1px solid #888;}
.form-steps li	{ margin:0; padding:0;}
.form-steps li:before	{ background:none; border:0;}
.form-steps .form-step	{ position:relative; width:72px; height:72px;}
.form-steps .form-step:before	{ position:absolute; top:0; left:0; width:72px; height:72px; background-color:#fff; border:1px solid #888; border-radius:100px;}
.form-steps .form-step em	{ position:relative; display:block; text-align:center; padding:15px 0 0; font-size:2.8rem; color:#888;}
.form-steps .form-step span	{ position:absolute; bottom:-20px; left:0; width:100%; text-align:center; font-size:1.2rem; color:#888;}
.form-steps .form-step.current em		{ color:#fff}
.form-steps .form-step.current:before	{ background-color:#E0ADAD; border:0;}




/**
* slider-pro - v1.5.0
*/
/* Core
--------------------------------------------------*/
.slider-pro {
	position:relative; margin:0 auto; -moz-box-sizing:content-box; box-sizing:content-box;
}
.sp-slides-container {
	position:relative;
}
.sp-mask {
	position:relative; overflow:hidden;
}
.sp-slides {
	position: relative; margin:0; padding:0; -webkit-backface-visibility:hidden; -webkit-perspective:1000;
}
.sp-slides .sp-slide {
	position: absolute; margin:0; padding:0;
}
.sp-slides .sp-slide:before { background:none; border:0;}
.sp-image-container {
	overflow: hidden;
}
.sp-image {
	position:relative; display:block; border:none;
}
.sp-no-js {
	overflow:hidden; max-width:100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
	position:relative; overflow:hidden; direction:ltr;
}
.sp-top-thumbnails,
.sp-bottom-thumbnails  {
	left:0; margin: 0 auto;
}
.sp-top-thumbnails {
	position: absolute; top:0; margin-bottom:4px;
}
.sp-bottom-thumbnails {
	margin-top:4px;
}
.sp-left-thumbnails,
.sp-right-thumbnails {
	position:absolute; top:0;
}
.sp-right-thumbnails {
	right:0; margin-left:4px;
}
.sp-left-thumbnails {
	left:0;
	margin-right:4px;
}
.sp-thumbnails {
	position:relative;
}
.sp-thumbnail {
    border:none;
}
.sp-thumbnail-container {
	position:relative; display:block; overflow:hidden; float:left; -moz-box-sizing:border-box; box-sizing:border-box;
}
.sp-rtl .sp-thumbnail-container {
	float: right;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left:2px; margin-right:2px;
}
.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
	margin-left: 0;
}
.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
	margin-right: 0;
}


/* Layers
--------------------------------------------------*/
.sp-layer {
	position:absolute; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing:subpixel-antialiased; -webkit-backface-visibility:hidden;
}
.sp-black { color:#FFF; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.7);}
.sp-white { color:#000; background:rgba(255, 255, 255, 0.7);}
.sp-rounded { border-radius: 10px;}
.sp-padding { padding: 10px;}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab 		{ cursor: url(images/openhand.cur), move;}
.sp-grabbing 	{ cursor: url(images/closedhand.cur), move;}
.sp-selectable 	{ cursor: default;}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
	text-align:center; margin-top:10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
	margin:0 !important; background-color:#000;
}
.sp-full-screen-button {
	position: absolute; top:5px; right:10px; font-size:30px; line-height:1; cursor:pointer; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
}
.sp-full-screen-button:before {
	content: '\2195';
}
.sp-fade-full-screen {
	opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;
}
.slider-pro:hover .sp-fade-full-screen {
	opacity:1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position:relative; width:100%; text-align:center; padding-top:10px;
}
.sp-rtl .sp-buttons {
	direction: rtl;
}
.sp-full-screen .sp-buttons {
	display: none;
}
.sp-button {
	width:10px; height:10px; border:2px solid #000; border-radius:50%; margin:4px; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;
}
.sp-selected-button {
	background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-button {
		width:14px; height:14px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.sp-button {
		width:16px; height:16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.sp-button {
		width:18px; height:18px;
	}
}

/* Arrows
--------------------------------------------------*/
.sp-arrows {
	position: absolute;
}
.sp-fade-arrows {
	opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;
}
.sp-slides-container:hover .sp-fade-arrows {
	opacity: 1;
}
.sp-horizontal .sp-arrows {
	width:100%; left:0; top:50%; margin-top:-15px;
}
.sp-vertical .sp-arrows {
	height:100%; left:50%; top:0; margin-left:-10px;
}
.sp-arrow {
	position:absolute; display:block; width:10px; height:40px; cursor:pointer;
}
.sp-vertical .sp-arrow {
	-webkit-transform:rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.sp-horizontal .sp-previous-arrow {
	left:20px; right:auto;
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
	right:20px; left:auto;
}
.sp-horizontal .sp-next-arrow {
	right:20px; left:auto;
}
.sp-horizontal.sp-rtl .sp-next-arrow {
	left:20px; right:auto;
}
.sp-vertical .sp-previous-arrow {
	top: 20px;
}
.sp-vertical .sp-next-arrow {
	bottom:20px; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content:''; position:absolute; width:50%; height:50%; background-color:#FFF;
}
.sp-arrow:before {
	left:30%; top:0; -webkit-transform:skew(145deg, 0deg); -ms-transform:skew(145deg, 0deg); transform:skew(145deg, 0deg);
}
.sp-arrow:after {
	left:30%; top:50%; -webkit-transform:skew(-145deg, 0deg); -ms-transform:skew(-145deg, 0deg); transform:skew(-145deg, 0deg);
}
.sp-next-arrow {
	-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
	-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-next-arrow {
	-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);
}


/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
	position: absolute;
}
.sp-fade-thumbnail-arrows {
	opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
	opacity: 1;
}
.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
	width:100%; top:50%; left:0; margin-top:-12px;
}
.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
	height:100%; top:0; left:50%; margin-left:-7px;
}
.sp-thumbnail-arrow {
	position:absolute; display:block; width:15px; height:25px; cursor:pointer;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
	-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	left: 0px;
}
.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	right: 0px;
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
	top: 0px;
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
	bottom: 0px;
}
.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
	content:''; position:absolute; width:50%; height:50%; background-color:#FFF;
}
.sp-previous-thumbnail-arrow:before {
	left:30%; top:0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg);
}
.sp-previous-thumbnail-arrow:after {
	left:30%; top:50%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg);
}
.sp-next-thumbnail-arrow:before {
	right:30%; top:0; -webkit-transform: skew(35deg, 0deg); -ms-transform: skew(35deg, 0deg); transform: skew(35deg, 0deg);
}
.sp-next-thumbnail-arrow:after {
	right:30%; top:50%; -webkit-transform: skew(-35deg, 0deg); -ms-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg);
}
.fancybox-toolbar button:hover,
.fancybox-navigation button:hover { background-color:#A028D7 !important;}




/* **************************************************************************** */
/*
/* 14.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;}

	/** - header  **/

	/** - footer  **/


	/**  column  **/
	
	.block2	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.block2 > div	{ width:50%;}
	.block-gallery.block4 > div, .block-gallery.block4 > li	{ width:25%; padding:1px;}

	/**
	 * .page
	 */


	/**
	 * .single
	 */
	.single article	{ margin:0 8% 0;}
	.single .archive-content article .entry-title	{ font-size:2.0rem;}

	.entry-header	{ position:relative; text-align:left; margin:0 auto 3em; padding:3rem 0 0;}
	.entry-header .entry-title	{}
	.entry-content img.size-thumbnail	{ margin:0 0 9px; padding:0 5%; width:50%;}
	.entry-content img.size-medium		{ margin:0 0 9px; padding:0 5%;}
	.entry-content img.size-large		{ margin:0 0 9px; padding:0 5%;}

	.post-footer .post-data	{ padding:4rem 0; font-size:1.4rem;}
	.nav-prev,
	.nav-next	{ font-size:1.4rem;}
	.nav-archive a	{ padding:1rem;}


	/**
	 * .archive
	 */

	.archive-content { margin:0 auto 4rem; padding:0 5%;}
	.archive-content article a	{ display:block; padding:16px 0; color:#000;}
	.archive-content article .date			{ width:16%;}
	.archive-content article .terms			{ width:20%;}
	.archive-content article .entry-title	{ display:inline-block; vertical-align:top; margin:0; width:60%;}
	.archive-content article a:hover .entry-title	{ color:#D31894;}


}



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

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

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

	/**
	 *  - Typography 	**/
	h1	{ font-size:3.4rem;}
	h2	{ font-size:2.4rem;}
	h3	{ font-size:2.0rem;}
	h4	{ font-size:1.7rem;}
	h5	{ font-size:1.5rem;}
	h6	{ font-size:1.5rem;}


	/**
	 *  - header 		**/
	#headerwrap 	{ width:100%;}
	#abovenav	{ display:block;}
	#headnav	{ display:block;}
	#branding	{ position:absolute; top:0; left:0; z-index:9;}
	#branding .site-title	{ margin:0; padding:15px 30px;}
	#branding .site-title a	{ padding:62px 0 0; width:266px; height:60px; background-size:auto 60px;}

	.breadcrumb ul	{ font-size:1.2rem;}


	/**
	 *  - footer 		**/
	#footerwrap	{ padding:5rem 0 0; border-top:1px solid #CBC2D6;}
	#footnav .spnnav { display:none;}

	#footnav { padding:0 5%;}
	#footnav .footnav-separate	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border:0;}
	#footnav .footnav-separate > li	{ margin:0 0 4rem; padding:0 1%; width:20%;}
	#footnav .menu	{}
	#footnav .menu li	{ border:0;}
	#footnav .menu li a	{ position:relative; display:block; padding:1em; color:#000;}
	#footnav .menu li a:before	{ position:absolute; top:calc(50% - 4px); right:16px; content:''; width:8px; height:8px; border:solid #A888BB; border-width:1px 1px 0 0; transform:rotate(45deg);}
	#footnav .menu li a:hover	{}
	#footnav .sub-menu	{ display:block; margin:0 0 0 24px; font-size:1.3rem; font-weight:400;}
	#footnav .sub-menu li	{ margin:0; border:0;}
	#footnav .sub-menu li:first-child	{ border:0;}
	#footnav .sub-menu li:last-child	{ border:0;}
	#footnav .sub-menu li a	{ padding:0.5em 0 0.5em 16px;}
	#footnav .sub-menu li a:before	{ position:absolute; top:calc(50% - 4px); left:0; right:auto; content:''; width:6px; height:6px; border:solid #A888BB; border-width:1px 1px 0 0; transform:rotate(45deg);}
	#footnav .sub-menu li a:hover	{}
	#footnav .menu li.menu-item-has-children > a	{ pointer-events:none;}
	#footnav .menu li.menu-item-has-children > a:before	{ top:calc(50% - 5px); right:14px; width:7px; height:7px; border-width:0 1px 1px 0; transform:rotate(45deg);}
	#footnav .menu li.menu-item-has-children > a:after	{ border-width:0;}
	#footnav .menu li .sub-menu	{ height:auto !important; visibility:visible !important;}
	

	.site-footer .banner li	{ margin:0 0 5px; padding:0 5px; width:25%;}
	.site-footer address		{ margin:0 0 4rem; text-align:center;}
	.site-footer address span	{ display:inline-block; margin:0 1em;}
	.site-footer address a:link,
	.site-footer address b		{ font-size:120%; font-weight:400; color:#000;}
	#copyright p	{ text-align:center; font-size:1.2rem;}


	/**
	 *  - container 	**/
	th,
	td { padding:1.4em 0.8em;}
	.page-content	{ margin:0 auto; padding:0 0;}
	.archive-content { margin:0 auto 4rem; padding:0;}
	.entry-content	{ margin:0 auto; padding:0 0 6rem;}

	/**  column  **/

	.block-message	{ 
		padding:24px; font-size:1.4rem;
	}
	.block-message .image	{ width:20%;}
	.block-message .content	{ width:76%;}
	.block-message p	{}

	.block .image	{ margin-bottom:10px;}

	.block2	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block2 > div	{ width:50%;}

	.block2-1	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block2-1 > div:nth-child(1)	{ width:66%;}
	.block2-1 > div:nth-child(2)	{ width:30%;}
	.block2-1.reverse	{ flex-flow:row-reverse wrap;}

	.block1-2	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block1-2 > div:nth-child(1)	{ width:30%;}
	.block1-2 > div:nth-child(2)	{ width:66%;}
	.block1-2.reverse	{ flex-flow:row-reverse wrap;}

	.block3	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block3 > div	{ width:calc(100% / 3);}

	.block4	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block4 > div	{ width:25%;}

	.block5	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.block5 > div	{ width:20%;}



	/**
	 * .page
	 */
	.page-billboard	.billboard-title	{ padding:1rem 0; font-size:3.4rem;}

	.page-header	{ padding:4rem 0 4rem;}
	.page-title		{ font-size:3.4rem; color:#414141;}
	.page-title span	{ border-bottom:3px solid #86C1C6;}

	.page article section	{ padding:6rem 4%;}
	.page article .section-title	{ font-size:2.8rem;}
	.page article .section-title span	{ border-bottom:3px solid #46B9C2;}

	.page article .block-points	{ padding:6rem 5%;}
	.block-points ul	{ font-size:1.6rem;}
	.block-points ul li	{ padding:3px 0 1.6rem 38px;}
	.block-points ul li:before	{ width:32px; height:32px;  border:3px solid #fff;}
	.block-points ul li:after	{ top:4px; left:10px; width:12px; height:18px; border-width:0 3px 3px 0;}

	.page article .block-download	{ padding:6rem 5%;}
	.block-download ul	{ font-size:1.6rem;}
	.block-download ul li	{ padding:3px 0 1.6rem 38px;}
	.block-download ul li:before	{ width:32px; height:32px;  border:3px solid #fff;}
	.block-download ul li:after	{ top:4px; left:10px; width:12px; height:18px; border-width:0 3px 3px 0;}



	/**
	 * .single
	 */
	.single-header .single-title {}

	.single article	{ margin:0 auto 0; text-align:left; max-width:978px;}
	.post-footer .post-data	{ padding:4rem 0;}
	.single .postnav	{ margin:0 auto 12rem; text-align:left; max-width:978px;}
	.nav-prev,
	.nav-next	{ font-size:1.4rem;}
	.nav-archive a	{ padding:2rem; font-size:1.5rem;}


	/**
	 * .archive
	 */
	.archive-header	{ padding:4rem 0 4rem;}
	.archive-title		{ font-size:3.4rem; color:#414141;}
	.archive-title span	{ border-bottom:3px solid #86C1C6;}

	.archive article	{ margin:0 auto 12rem; text-align:left; max-width:978px;}
	.archive .archive-content article	{ margin:0;}
	.archive-content article a	{ display:block; padding:26px 0; color:#000;}

	.archive-events .archive-content { padding:0 3%;}
	.archive-events .archive-content article { display:inline-block; vertical-align:top; margin:0 1.5% 8rem; width:30%;}


	/**
	 * - Form
	 */
	.mailform	{}
	.mailform dl	{}
	.mailform dt	{ display:inline-block; float:left; padding:2.4rem 0 0;}
	.mailform dd	{ margin:0 !important; padding:2rem 0 1.6rem 15em; border-bottom:1px solid #878787;}
	.mailform dd p	{ margin:0;}
	.mailform .mw_wp_form_confirm dt	{ padding:1.5em 0 0;}
	.mailform .mw_wp_form_confirm dd	{ padding:1.5em 0 1.5rem 14em; min-height:4em;}

	input.half { margin-right:2%; width:47%;}

}



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


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

	.home #headnav	{ padding:160px 0 0; width:220px;}
	.home #headnav .menu > li { font-size:1.6rem; }
	.home #headnav .menu > li:hover .menu-2nd { z-index:5; padding:170px 0 0; width:240px;}
	.home #headnav .menu-2nd	{ left:220px; padding:170px 0 0;}
	.home #headnav .menu-2nd li	{ width:240px;}

}




/* 2023.10.24追加 I類LPへの固定ボタン */

.fixed_btn_pc
{
	position: fixed;
    z-index: 99999;
    padding: 0;
    border: none;
	width: 180px;
	height: 180px;
    bottom: 10px;
    right: 10px;
	transition: transform 0.2s ease-in-out;

}

.fixed_btn_pc:hover {
	transform: translateY(6px);
}

.fixed_btn_spn
{
	position: fixed;
    z-index: 99999;
	margin: 0;
    padding: 0;
    border: none;
	width: 200px;
    bottom: 8px;
    right: 8px;

}