@charset "UTF-8";
/*
Theme Name: 未知採用オウンドメディア
Template: twentynineteen
Author: 未知株式会社
Description:
Version: 1.0
Updated: 2020-09-17
*/


/* Color Scheme
-----------------------------------------------------

	=Theme Color = #ccc6a8

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

@import url(reset.css);
@import url(wordpress.css);

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

 	=Global Layout

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

* {
	margin: 0; padding: 0;
}

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

html {
	font-family: "brother-1816", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	color: #000;
	font-size: 10px;
	font-weight: 400;
	line-height: 2.0;
	word-wrap: break-word;
	letter-spacing: 0em;
}

body{
	background-color: #fff;
	font-size: 1.6rem;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li {
	line-height: 2.0;
}
p, ul, ol, dl, table {
	margin-bottom: 3.0rem;
}
p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child {
	margin-bottom: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.75;
	text-align: left;
}
th, td {
	padding: 1.0em;
	vertical-align: top;
}
th {
	font-weight: bold;
}
tr {
	border-bottom: solid 1px #dcdcdc;
}
hr {
	clear: both;
	border: none;
}
img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a img {
	border: none;
}
a {
	color: inherit;
	color: #ccc6a8;
	text-decoration: underline;
}
a,
a img {
	cursor: pointer;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
a:focus, a:active, a:hover {
	opacity: 0.5;
	text-decoration: none;
}
/*::selection {
	background-color: #e91d42;
}
*/
em {}
ol{
	counter-reset: number;
	list-style: none;
	}
ol li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dcdcdc;
}
ol li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
ol li:before{
	counter-increment: number;
	content: counter(number);
	color: #ccc6a8;
	font-weight: bold;
	margin-right: 0.5em;
}

strong { font-weight: bold; }
iframe { display: block; max-width: 100%;}
form {}
input[type=text],
input[type=email],
input[type=password],
textarea {
	padding: 5px;
	font-size: 16px;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	background-color: #fff;
	color: #999;
	border: 1px solid #ccc;
	line-height: 1;
	vertical-align: middle;
	max-width: 100%;
}
input[type=text] { margin-bottom: 0.5em; }
input[type=text]:last-child { margin-bottom: 0; }
input[type=email] {}
input[type=submit] { cursor: pointer;}
input[type="text"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type=text]:focus,
textarea:focus {
	color: #555;
}
textarea {
}
::placeholder{
  color: #aaa
}
form ul { margin: 0 !important; padding: 0 !important; border: none !important;}
form ul li { display: inline-block !important;}
form label { margin-right: 1.4em;}
form input[type*="submit"] {}
form input[type*="submit"]:hover { opacity: 0.8;}

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

 	=Global Style

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

#container {}

.wrapper {
	width: 1280px;
	margin: auto;
}

.wrapper-min {
	max-width: 800px;
}


/* =Preloader
----------------------------------------------------- */
/*
html,
html body,
* html,
* html body {
	height: 100%;
}

#loader {
	display: none;
	display: block;
	position: fixed;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	left: 0;
	text-align:
	center;
	background-color: #fff;
}

* html #loader,
* html #loader p {
	position: absolute;
}
*/

#progress {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 0;
    display: block;
    overflow: hidden;
    z-index: 999999;
}
#progress #progress_start {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999999;
}
#progress #progress_loading {
    background-color: #171713;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999999;
}
#progress #progress_loading #progress_img {
	width: 100%;
	height: 100%;
  background: url(assets/images/cover-pic.jpg) no-repeat center;
  background-size: cover;
}
#progress #progress_loading #progress_img01 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);

    width: 980px;
  	max-width: 82%;
}
#progress #progress_loading #progress_img02 {
    position: absolute;
    bottom: 6.25vw;
    right: 6.25vw;

    width: 734px;
  	max-width: 42%;
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	#progress {
    height: 100%;
	}
	#progress #progress_loading #progress_img {
	  background-image: url(assets/images/cover-pic-sp.jpg);
	}
	#progress #progress_loading #progress_img01 {
		display: none;
	}
	#progress #progress_loading #progress_img02 {
		max-width: 80%;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
	}
}


/* objectFitImages.js
----------------------------------------------------- */
/* objectFitImages.js */
img.js-object-fit {
	object-fit: cover;
	width: 100%;
	height: 100%;

	/* objectFitImages for ie11 */
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}


/* Animation
-----------------------------------------------------*/
.fade_in {
  -webkit-animation: fade_in_animation 2s;
          animation: fade_in_animation 2s;
}

.fade_in_two {
  -webkit-animation: fade_in_animation 4s;
          animation: fade_in_animation 4s;
}

.fade_in_three {
  -webkit-animation: fade_in_animation 6s;
          animation: fade_in_animation 6s;
}

.fade_in_four {
  -webkit-animation: fade_in_animation 8s;
          animation: fade_in_animation 8s;
}

@-webkit-keyframes fade_in_animation {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

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

	=Header

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

#cont {
	padding-top: 160px;
}

/* =Header
----------------------------------------------------- */
#header {
	position: fixed;
	z-index: 9990;
	top: auto;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#header #header-in {
	padding: 20px 3.125vw; 
	height: 100px;
}
#header .logo {
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#header .logo .img { max-width: 275px; margin: 0;}

#header .info {}

#header .info .nav-english {
	margin: 14px 0 0 0;
}

/* フッターでも併用 */
.nav-english ul {
	text-align: right;
}
.nav-english ul:not( :last-child ) {
	margin-bottom: 1em;
}
.nav-english ul li {
	display: inline-block;
	margin-left: 2em;
}
.nav-english ul li a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: "brother-1816", sans-serif;
	color: #000;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.nav-english ul li a i {
	margin-right: 0.5em;
}


	.nav-english ul li.sns {
		margin-left: 2em;
	}
	.nav-english ul li.sns a {
		font-weight: bold;
		letter-spacing: 0.05em;
		font-size: 1.6rem;
	}
	.nav-english ul li.sns a i { margin-right: 0; }

	.nav-english ul li.sns a i.twitter {
		display: inline-block;
		vertical-align: baseline;
		background: url(assets/images/icon-sns-twitter.png) no-repeat center;
		background-size: 100% auto;
		width: 13px;
		height: 13px;
	}
	#footer .nav-english ul li.sns a i.twitter {
		background-image: url(assets/images/icon-sns-twitter-white.png);
	}

#header.scrolled {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.125);
}
#header.scrolled #header-in {}
#header.scrolled .logo {}


/* =Search Window
----------------------------------------------------- */

/* =Searchform */
.searchform {
	position: relative;
	width: 100%;
}
@media screen and (min-width: 600px) { 
	#header .searchform { width: 100%; }
}
.searchform input {
	padding: 0.5em 1.25em;
	height: 60px;
}
.searchform .assistive-text {
	display: none;
}
.searchform .field {
	width: 100%;
	font-size: 1.6rem;
	border: solid 1px #ccc;
	border-radius: 15px;
	box-shadow: none;
}
.searchform .submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	margin: 0;
	font-size: 0;
	background: transparent url(assets/images/icon-search.png) no-repeat center;
	background-size: 16px auto;
	border: none;
}
.searchform .submit:hover {}


/* =Search Window */
#searchwindow {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.85);
  color: #fff;
	opacity: 0;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
	/*display: none;*/
  z-index: -1;
}
#searchwindow.active {
	display: block;
	opacity: 1;
  z-index: 99999;
}

#searchwindow .button-close {
	position: absolute;
  top: 32px;
  right: 32px;
}
#searchwindow .button-close .trigger {
    cursor: pointer;
    position: relative;
    width: 28px;
    height: 22px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#searchwindow .button-close .trigger span {
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#searchwindow .button-close .trigger span:nth-child(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg);
    -webkit-transform: translateY(-10px) rotate(45deg);
    -moz-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    -o-transform: translateY(-10px) rotate(45deg);
}
#searchwindow .button-close .trigger span:nth-child(1) {
    transform: translateY(11px) rotate(-45deg);
    -webkit-transform: translateY(11px) rotate(-45deg);
    -moz-transform: translateY(11px) rotate(-45deg);
    -ms-transform: translateY(11px) rotate(-45deg);
    -o-transform: translateY(11px) rotate(-45deg);
}

#searchwindow .inner {
	height: 100%;
}
#searchwindow .searchform {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);

  width: 800px;
  max-width: 100%;
  margin: auto;
	opacity: 0;
	border-bottom: solid 1px #fff;
	-webkit-transition: all ease-out 0.6s;
	   -moz-transition: all ease-out 0.6s;
	    -ms-transition: all ease-out 0.6s;
	        transition: all ease-out 0.6s;
}
#searchwindow.active .searchform {
	opacity: 1;
}
#searchwindow .searchform .field {
	width: 100%;
	font-size: 1.6rem;
	border: none;
	border-color: #fff;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
}
#searchwindow .searchform .submit {
	background: transparent url(assets/images/icon-search-w.png) no-repeat center;
	background-size: 16px auto;
}



/* =Navigation
----------------------------------------------------- */

#nav {
	background-color: #000;
	position: relative;
}
#nav-in {
	padding: 0 3.125vw; 
}
#nav ul.nav-main {
	letter-spacing: 0;
	font-size: 0;
	margin: 0;
}
#nav ul.nav-main li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2.0em 0 0;
	font-size: 1.6rem;
	font-weight: bold;
}
#nav ul.nav-main li a {
	display: block;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#nav ul.nav-main li a:hover {
	opacity: 1;
	color: #aaa;
}

#nav ul.nav-main li.line {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	max-width: 260px;
	margin: 0;
}
#nav ul.nav-main li.line a {
	background-color: #00b900;
	color: #fff;
	text-align: center;
}
#nav ul.nav-main li.line a:hover {
	background-color: #f1f1f1;
	color: #00b900;
}


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

	=Key Visual

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

/* =Type : slider
----------------------------------------------------- */

#key {
	position: relative;
	padding: 0;
}

	/* flexslider.js override */
	.flexslider {
		z-index: 2;
		background-color: transparent !important;
		margin-bottom: 0 !important;
		border: none !important;
	}
	.flexslider .slides li,
	.flexslider .slides li .image {
		width: 100vw;
		height: 75vh;
	}
	.flexslider .slides li img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	/* flexslider.js */
	.flexslider {
		z-index: 2;
		margin-bottom: 0 !important;
		border: none !important;
	}
	.flexslider .slides li img { width: 100%; }

	/* Prev & next */
	.flex-direction-nav {
		right: 0;
		bottom: 0;
	}
	.flex-direction-nav a {
		background: #fff no-repeat center;
		background-size: cover;
		width: 50px !important;
		height: 50px !important;
		top: inherit !important;
		bottom: 0 !important;
		margin: 0 0 !important;
		opacity: 1 !important;
		font-size: 0 !important;
		-webkit-transition: all ease-out 0.2s;
		   -moz-transition: all ease-out 0.2s;
		    -ms-transition: all ease-out 0.2s;
		        transition: all ease-out 0.2s;
	}
	.flex-direction-nav a:before {
		content: "" !important;
		font-size: 0 !important;

	}
	.flex-direction-nav .flex-prev {
		background-image: url(assets/images/icon-arrow-slider-left.png);
		left: auto !important;
		right: 50px !important;
	}

	.flex-direction-nav .flex-next {
		background-image: url(assets/images/icon-arrow-slider-right.png);
		right: 0 !important;
	}
	.flex-direction-nav .flex-prev:hover,
	.flex-direction-nav .flex-next:hover { opacity: 0.6; }
	.flex-direction-nav .flex-prev:hover {}
	.flex-direction-nav .flex-next:hover {}

	/* Pager */
	.flex-control-paging {
		display: block;
		right: 125px !important;
		bottom: 0 !important;
		width: auto !important;
		z-index: 90;
	}
	.flex-control-paging li a {
		width: 20px !important;
		height: 3px !important;
		box-shadow: none !important;
		background-color: #fff !important;
		opacity: 0.5 !important;
		-webkit-transition: all ease-out 0.2s;
		   -moz-transition: all ease-out 0.2s;
		    -ms-transition: all ease-out 0.2s;
		        transition: all ease-out 0.2s;
	}
	.flex-control-paging li a.flex-active {
		width: 60px !important;
		opacity: 1 !important;
	}
	.flex-control-nav {
		counter-reset: number;
		list-style: none;
	}
	.flex-control-nav li{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.flex-control-nav li:before{
		display: none;
	}

/* Zoom Effect */
.flexslider .slides li {
	overflow: hidden; 
}
.flexslider .slides li .image img {
	width: 100%;
	height: auto;
	-webkit-transition: all ease-out 12.0s;
	   -moz-transition: all ease-out 12.0s;
	    -ms-transition: all ease-out 12.0s;
	        transition: all ease-out 12.0s;
}
.flexslider .slides li.flex-active-slide .image img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}


.flexslider .slides > li {
	position: relative;
}

.flexslider .slides li article * {
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.flexslider .slides li article {
	position: relative;
	width: 100%;
	height: 100%;
}
.flexslider .slides li article::before {
	content: "";
	position: absolute;
	z-index: 902;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all ease-in 0.4s;
	   -moz-transition: all ease-in 0.4s;
	    -ms-transition: all ease-in 0.4s;
	        transition: all ease-in 0.4s;
}
.flexslider .slides li.flex-active-slide article::before {
	width: 0;
}

.flexslider .slides li .image {
	position: relative;
	z-index: -1;
	background-color: #000;
}
.flexslider .slides li .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
.flexslider .slides li .image img:hover {}



.flexslider .slides li .content {
	position: absolute;
	z-index: 901;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 3.125vw;
	height: auto;
	max-height: 100%;
	color: #fff;

	opacity: 0;
	-webkit-transition: all ease-in 0.9s;
	   -moz-transition: all ease-in 0.9s;
	    -ms-transition: all ease-in 0.9s;
	        transition: all ease-in 0.9s;
}
.flexslider .slides li.flex-active-slide .content {
	opacity: 1;
}

.flexslider .slides li .content > *:not( :last-child ) {
	margin-bottom: 20px;
}

.flexslider .slides li .content .title {
	font-size: 3.6rem;
	line-height: 1.35;
	font-weight: bold;
	-webkit-transition: all ease-in 0.5s;
	   -moz-transition: all ease-in 0.5s;
	    -ms-transition: all ease-in 0.5s;
	        transition: all ease-in 0.5s;
	opacity: 0;
	position: relative;
	left: 1em;
	max-width: 66%;
}
.flexslider .slides li.flex-active-slide .content .title {
	opacity: 1;
	left: 0;
}
.flexslider .slides li .content .title a {
	color: #fff;
	text-decoration: none;
}
.flexslider .slides li .content .title a:hover { opacity: 0.5; }


.flexslider .slides li .content .meta {
	color: #ccc6a8;
	-webkit-transition: all ease-in 0.8s;
	   -moz-transition: all ease-in 0.8s;
	    -ms-transition: all ease-in 0.8s;
	        transition: all ease-in 0.8s;
	opacity: 0;
	margin-left: 0;
}
.flexslider .slides li.flex-active-slide .content .meta {
	opacity: 1;
	margin-left: 0;
}
.flexslider .slides li .content .meta > * { display: block;}
.flexslider .slides li .content .meta > *:not( :last-child ) {
	margin-bottom: 20px;
} 
.flexslider .slides li .content .meta .category {}
.flexslider .slides li .content .meta .category span {}
.flexslider .slides li .content .meta .category span:hover {}
.flexslider .slides li .content .meta .date {
	font-size: 1.2rem;
}

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

	=Main

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

#cont {}
#main {}

#primary {
	width: 100%;
	max-width: 840px;
}
#secondary {
	width: 100%;
	max-width: 360px;
}


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

	=Sidebar

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

.sns-area .fb-container {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}

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

	=Footer

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


#footer {
  background-color: #171713;
	font-size: 1.2rem;
	color: #fff;
}
#footer,
#footer a {}

#footer #footer-in {
	position: relative;
	padding: 40px 0;
}

#footer #f_info {
    margin-bottom: 40px;
    display: inline-block;
}
#footer #f_info #f_logo {
    margin-bottom: 40px;
}
#footer #f_info p.address {
    color: #a2a2a1;
    font-family: "Noto Serif JP",serif;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 24px;
    line-height: 2;
    letter-spacing: 1px;
}

#footer #f_menu {
    float: right;
    display: inline-block;
}
#footer #f_menu a {
	color: #fff;
}
#footer .nav-english ul li.sns a {
	font-size: 1.5em;
}

#footer .copyright {
	text-align: left;
}

#footer #button-pagetop {
	position: fixed;
	z-index: 2;
	right: 0;
	bottom: -50vh;
	width: 60px;
	height: 60px;
	margin: 3.125vw;
	-webkit-transition: all ease-out 0.4s;
	   -moz-transition: all ease-out 0.4s;
	    -ms-transition: all ease-out 0.4s;
	        transition: all ease-out 0.4s;
}
#footer #button-pagetop.scrolled {
	bottom: 0;
}
#footer #button-pagetop a {
	display: block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #000;
	color: #fff;
}
#footer #button-pagetop a:hover {
	opacity: 1;
	background-color: #f1f1f1;
	color: #000;
}


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

	=Common Parts

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

/* =Breadcrumbs
----------------------------------------------------- */
#breadcrumbs {
	padding: 10px 3.125vw;
	background-color: #eee;
	font-size: 1.2rem;
	line-height: 20px;
}

#breadcrumbs .in {}
#breadcrumbs,
#breadcrumbs a {
	color: inherit;
}
#breadcrumbs a {
	/*color: #0094ff;*/
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

/* =Section
----------------------------------------------------- */

hr {
	clear: both;
	border: none;
	height: 60px;
}

hr.hr-sep {
	margin: 0 auto 80px;
	height: 1px;
	background-color: #dcdcdc;
}

.section {
	position: relative;
	padding: 100px 0;
}

.block:not( :last-child ) {
	margin: 0 auto 100px;
}

.picture-content > .content,
.picture-content > .picture { width: 100%; }



/* =Decoration
----------------------------------------------------- */

.bg-theme { background-color: #ccc6a8; }
.bg-gold {}

.marker {
	position: relative;
	z-index: 2;
}
.marker::after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: -0;
	width: 100%;
	height: 0.5em;
	background-color: #ebf3a2;
}

.text-note { font-size: 12px; }



/* =Heading
----------------------------------------------------- */


.title-mega {
	margin: 0 auto 30px;
	line-height: 1.0;
	color: #ccc6a8;
	font-size: 7.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	/*margin-left: -0.5em;*/

}

.title-simple {
	margin-bottom: 2em;
	font-size: 20px;
	letter-spacing: 0.05em;
	font-weight: bold;
	line-height: 1.8;
	color: #000;
}
.title-simple em {
	display: inline-block;
	margin-left: 2em;
	font-style: normal;
	color: #ccc6a8;
}


.title-main {
	margin-bottom: 1.0em;
	font-size: 4.0rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	line-height: 1.6;
	color: #000;
	text-transform: uppercase;
}
.title-main em {
	display: block;
	font-style: normal;
	font-size: 2.6rem;
	color: #ccc6a8;
}


/* =Button
----------------------------------------------------- */
.button-more {
	position: relative;
	display: inline-block;
	min-width: 260px;
	padding: 0.75em 1.25em;
	line-height: 1.5;
	background-color: #ccc6a8;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
.button-more:hover {
	background-color: #ccc6a8;
	color: #fff;
	opacity: 1;
}
.button-more:after {}

/*.button-more i {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.0em;
	margin: auto;
	height: 1.2rem;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
}*/

	.button-more.white {
		background-color: rgba(255,255,255,0.15);
		background-color: transparent;
		border-color: #fff;
		color: #fff;
	}
	.button-more.white:hover { background-color: rgba(255,255,255,0.35); }


	.button-more.border {
		background-color: transparent;
		color: #ccc6a8;
	}
	.button-more.border:hover {
		background-color: #ccc6a8;
		color: #fff;
	}


.button-more.line {
	background-color: #00b900;
	color: #fff;
	text-align: center;
}
.button-more.line:hover {
	background-color: #f1f1f1;
	color: #00b900;
}


/* =List
----------------------------------------------------- */


/* tag */
ul.list-tag li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
ul.list-tag li a {
	display: block;
	border: solid 1px #121212;
	color: #000;
	text-decoration: none;
	padding: 0 0.75em;
	font-size: 1rem;
	min-width: 0;
	border-radius: 1.5em;
}
ul.list-tag li a::before {
	content: "#";
}
ul.list-tag li a:hover {
	opacity: 1;
	background-color: #000;
	color: #fff;
}


/*ul.list-button {
	font-size: 0;
	letter-spacing: 0;
}
ul.list-button li {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 0.5em;
}*/

ul.list-circle li {
	margin: 0 0 0.25em;
	position: relative;
	padding-left: 1.2em;
}
ul.list-circle li::before {
	content: "● ";
	position: absolute;
	left: 0;
	top: 0.25em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.25em 0 0;
	color: #ccc6a8;
	font-size: 0.9rem;
}

/* information */
/*ul.list-information {}
ul.list-information li {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
	display: flex;
	justify-content: space-between;
}
ul.list-information li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
ul.list-information li .date,
ul.list-information li .category,
ul.list-information li .text {
	display: inline-block;
}
ul.list-information li .date { width: 15%; }
ul.list-information li .category { width: 10%; }
ul.list-information li .text { width: 75%; }

ul.list-information li .date {}
ul.list-information li .category > * {
	padding: 0.35em 1em;
	text-align: center;
	border-radius: 0px;
	border: solid 1px #ccc6a8;
	color: #ccc6a8;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
}
ul.list-information li .text {}
ul.list-information li .text .title {
	margin: 0 0 0.25em;
	font-size: 2.0rem;
}*/
/* =Table
----------------------------------------------------- */

.table-minimal {}
.table-minimal tr {
	border: none;
}
.table-minimal th,
.table-minimal td {
	border: none;
	font-weight: normal;
}


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

	=Loop

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

/* =Common
----------------------------------------------------- */
/* 全ループ共通 */
.loop {}
.loop .row {}
.loop .row .col {}
.more-link { display: none; }

.loop .image {
	position: relative;
	overflow: hidden;
	background-color: #121212;
}
.loop .image img {
	/* objectFitImages for ie11 */
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
	-webkit-transition: all ease-out 0.8s;
	   -moz-transition: all ease-out 0.8s;
	    -ms-transition: all ease-out 0.8s;
	        transition: all ease-out 0.8s;
}

.loop .image img:hover {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}
.loop .meta {
	font-size: 1.0rem;
	color: #aaa;
}
.loop .date {
	font-family: "brother-1816", sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.loop .date.published { color: #ccc6a8; }
.loop .date.modified {}
.loop .category {}
.loop .category span {
	display: inline-block;
	padding: 0.25em 1.25em;
	border-radius: 0;
	background: #ccc6a8;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.loop .category a {
	color: #fff;
	text-decoration: none;
}
.loop .category a:hover {}

.loop .tag {}

.loop .title {
	font-weight: bold;
}
.loop .title,
.loop .title p {
	line-height: 1.5;
}
.loop .title a {
	color: #555;
	text-decoration: none;
}
.loop .title a:hover { text-decoration: underline; }

.loop .content {
}
.loop .content .text {
	color: #aaa;
	font-size: 12px;
	max-height: 5em;
	overflow: hidden;
}
.loop .content .text p {
	line-height: 1.8;
}
.loop .content .text p:not( :last-child ) {
	margin-bottom: 0.75em;
}

.loop .more {
	display: none;

	position: absolute;
	z-index: 9;
	right: 20px;
	bottom: 20px;
	width: 60px;
	height: 30px;
	/*background: url(assets/images/ico-more.png) no-repeat;
	background-size: 100% auto;*/
}




/* =Type : Main
----------------------------------------------------- */
/* ※縦配置パターン　*/
.loop .type-main {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -3% -6% 0;
}
.loop .type-main .col {
	width: 30.33%;
	margin: 0 3% 6% 0;
}

.loop .type-main .col > *:not( :last-child ) { margin-bottom: 30px; }

.loop .type-main .image {
	height: 0;
	padding-bottom: 66.66%;
	position: relative;
	overflow: hidden;
}
.loop .type-main .image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: all ease-out 0.8s;
	   -moz-transition: all ease-out 0.8s;
	    -ms-transition: all ease-out 0.8s;
	        transition: all ease-out 0.8s;
}
.loop .type-main .image img:hover {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.loop .type-main .image .category {
	position: absolute;
	right: 0;
	top: 0;
} 

.loop .type-main .content {
	padding: 0;
	margin-top: 20px;
}
.loop .type-main .content > *:not( :last-child ) { margin-bottom: 15px; }

.loop .type-main .title {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.8;
}
.loop .type-main .title a { color: inherit; text-decoration: none;}
.loop .type-main .title a:hover {
	text-decoration: underline;
}
.loop .type-main .meta {}
.loop .type-main .meta > * {
	display: block;
	display: inline-block;
}
.loop .type-main .meta > .tag { display: block; }
.loop .type-main .meta > *:not( :last-child ) {
	margin-right: 1.0rem;
	margin-bottom: 1.0rem;
} 

.loop .type-main .meta .date { font-size: 1.2rem;}

.loop .type-main .category {}
.loop .type-main .category span {}

.loop .type-main .tag {}
.loop .type-main .tag .list-tag {}

.loop .type-main .content {}
.loop .type-main .content .text {}



/* =Type : Horiontal
----------------------------------------------------- */
/* トップや一覧ページなどで表示する */
/* メインカラム内のメインのループ */
/* ※横配置パターン */

/* 1カラム型 */
.loop .type-horizontal {
	display: flex;
	flex-direction: column;
}
.loop .type-horizontal .col {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	background-color: rgb(255, 255, 255);
  box-shadow: 1.286px 1.532px 2px 0px rgba(0, 0, 0, 0.25);
}
.loop .type-horizontal .col:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.loop .type-horizontal .image { width: 300px;}
.loop .type-horizontal .header { width: 500px; padding: 30px;}

	@media screen and (min-width: 0px) and (max-width: 599px) {
		.loop .type-horizontal .image,
		.loop .type-horizontal .header { width: 100%;}
		.loop .type-horizontal .image:not( :last-child ),
		.loop .type-horizontal .header:not( :last-child ) { margin-bottom: 20px; }
	}

.loop .type-horizontal .header > *:not( :last-child ) { margin-bottom: 20px;}
.loop .type-horizontal .meta > *:not( :last-child ) { margin: 0 1em 0 0;}
.loop .type-horizontal .title {
	font-size: 2.0rem;
}

.loop .type-horizontal .content {
	display: none;
	font-size: 12px;
	color: #666;
}


/* =Type : Side
----------------------------------------------------- */
/* サイドバーで表示するメインのループ */
.loop .type-side {}
.loop .type-side .col {}
.loop .type-side .col:not( :last-child ) { margin-bottom: 30px;}

.loop .type-side:after,
.loop .type-side .col:after  {
	content:".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.loop .type-side .image {
	position: relative;
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 20px;
}
.loop .type-side .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-side .image img:hover {}
.ranking-area .loop .type-side .col:nth-child(1) .image:before,
.ranking-area .loop .type-side .col:nth-child(2) .image:before,
.ranking-area .loop .type-side .col:nth-child(3) .image:before,
.ranking-area .loop .type-side .col:nth-child(4) .image:before,
.ranking-area .loop .type-side .col:nth-child(5) .image:before {
	content: "1";
	position: absolute;
	z-index: 1;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #000;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;

	/* square */
	top: -0;
	left: -0;
	border-radius: 0%;

	/* ciccle
	top: -5px;
	left: -5px;
	border-radius: 50%; */
}
.ranking-area .loop .type-side .col:nth-child(1) .image:before { content: "1"; background-color: #dcb43b; }
.ranking-area .loop .type-side .col:nth-child(2) .image:before { content: "2"; background-color: #b5b5b5; }
.ranking-area .loop .type-side .col:nth-child(3) .image:before { content: "3"; background-color: #c8a96d; }
.ranking-area .loop .type-side .col:nth-child(4) .image:before { content: "4"; }
.ranking-area .loop .type-side .col:nth-child(5) .image:before { content: "5"; }

.loop .type-side .meta {
	margin-bottom: 5px; 
	font-size: 10px;
	line-height: 1.5;
}
.loop .type-side .meta > * {
	display: block;
}
.loop .type-side .meta > *:not( :first-child ) {
	margin-bottom: 5px; 
}

.loop .type-side .category {}
.loop .type-side .category span {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	color: #ccc6a8;
	font-size: 1.2rem;
}
.loop .type-side .category a {
	color: #ccc6a8;
	text-decoration: none;
}

.loop .type-side .title {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
}
.loop .type-side .title a { color: #000; }



/* =Type : slider
----------------------------------------------------- */
/* トップページ：「TO STUDENTS」用のループ（Swiperを利用） */

.loop .type-slider {}
.loop .type-slider .col {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.loop .type-slider .image {
	height: 0;
	padding-bottom: 66.66%;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.loop .type-slider .image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-slider .image img:hover {}

.loop .type-slider .image .category {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
} 
.loop .type-slider .content {
	padding: 30px;
}
.loop .type-slider .content > *:not( :last-child ) { margin-bottom: 15px; }
.loop .type-slider .title {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.8;
}
.loop .type-slider .title a { color: inherit; text-decoration: none;}
.loop .type-slider .title a:hover { text-decoration: underline;}
.loop .type-slider .meta {}
.loop .type-slider .meta > * {
	display: inline-block;
}
.loop .type-slider .meta .date { font-size: 1.2rem;}

		/* Swiper
		-------------------------------------------------- */
		.swiper-grandparent {
			position: relative !important;
			overflow: hidden;
			width: 100%;
		}
		.swiper-parent {}
		.swiper-grandparent .swiper-parent .swiper-container {
		    overflow: visible !important; /* swiper.min.css を上書き */
		}
		.loop .row.swiper-wrapper {
			flex-wrap: inherit !important; margin-bottom: 0px !important;
		}

		/* setting */
		.swiper-container {
			position: static !important; /* Prev & Next をフル画面にしたいとき */
		}
		.swiper-slide {}
		.swiper-slide-active { opacity: 1; }

		/* Prev & Next */
		.swiper-button-prev,
		.swiper-container-rtl .swiper-button-next,
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
		  top: 0 !important;
		  width: 50px !important;
		  height: 100% !important;
		  margin-top: 0 !important;
		}
		.swiper-button-prev,
		.swiper-container-rtl .swiper-button-next {
		  left: 0% !important;
		  background-image: url(assets/images/icon-arrow-slider-left.png) !important;
		  background-size: 50px auto !important;
		}
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
		  right: 0% !important;
		  background-image: url(assets/images/icon-arrow-slider-right.png) !important;
		  background-size: 50px auto !important;
		} 

		/* pagination */
		.swiper-container .swiper-pagination {
			display: none !important;
			position: static;
			padding: 15px 0;
		}
		.swiper-container .swiper-pagination-bullet {
			background-color: #ddd !important; 
			opacity: 1 !important;
		}
		.swiper-container .swiper-pagination-bullet-active { 
			background-color: #07a21f !important; 
		}


		@media screen and (min-width: 0px) and (max-width: 599px) {
			.swiper-container {}
			.swiper-slide {}
			.swiper-slide-active { opacity: 1; }
			
			.swiper-grandparent,
			.swiper-grandparent .wrapper {/* padding: 0 !important;*/ }
			.swiper-button-next,
			.swiper-button-prev { display: none !important; }

			/* Prev & Next */
			.swiper-button-prev,
			.swiper-container-rtl .swiper-button-next,
			.swiper-button-next,
			.swiper-container-rtl .swiper-button-prev {
			  top: 0 !important;
			  width: 40px !important;
			  height: 100% !important;
			  margin-top: 0 !important;
			}
			.swiper-button-prev,
			.swiper-container-rtl .swiper-button-next {
			  left: 0px !important;
			  background-size: 22px auto !important;
			}
			.swiper-button-next,
			.swiper-container-rtl .swiper-button-prev {
			  right: 0px !important;
			  background-size: 22px auto !important;
			}
		}



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

	=Front Page

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


/* =common
----------------------------------------------------- */
.parallax {
	background: no-repeat center top fixed;
	background-size: cover;  
}

.section-header {
	text-align: center;
}
.section-image {}
.section-image img { width: 100%; height: auto; }


/* =NEW POSTS */
.section-posts {}

/* TO STUDENTS */
.section-students {
	position: relative;
}
.section-students .title-mega {
	position: absolute;
	top: 0;
	margin-top: -0.5em;
	color: #000; 
}



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

	=Archive

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

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

	=Page

-----------------------------------------------------
*/
/* Sitemap */
.sitemap {
	font-size: 0;
	letter-spacing: 0;
}
.sitemap ul {
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: top;
	margin-bottom: 0;
	padding-right: 20px;
	min-width: 50%;
}
.sitemap ul:nth-child(2n) { padding-right: 0; }

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

	=Single

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

.article {}
.article-content { margin-bottom: 0 !important; }

/* 記事上部 */
.article-header {
	margin-bottom: 40px;
}
.article-header > *:not( :last-child ) {
	margin-bottom: 20px;
}
.article-header > *:last-child {
	margin-bottom: 0;
}
.article-header:after {
	content:".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.article-image {
	float: right;
	width: 32%;
	height: 180px;
	margin-left: 40px;
	margin-bottom: 40px;
}
.article-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.article-title {
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;
}
.article-title a {
	text-decoration: none;
}
.article-title a:hover {
	text-decoration: underline;
}

.article-meta {
	margin-bottom: 20px;
	font-size: 1rem;
}
.article-meta .article-date,
.article-meta .article-category {
	display: inline-block;
}
.article-meta .article-date {
	margin-right: 1.5em;
}
.article-meta .article-category a {
	margin-right: 1em;
	color: #ccc6a8;
	text-decoration: none;
}
.article-meta .article-category a:hover {
	text-decoration: underline;
}
.article-summary {
	color: #666;
	font-size: 1.2rem;
}
.article-readingtime {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 3px 12px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #aaa;
}
.article-readingtime strong {
	display: inline-block;
	color: #333;
}
.article-relatedposts {
	margin-top: 40px;
	margin-bottom: 20px;
	border: solid 1px #dcdcdc;
	padding: 30px;
}
.article-relatedposts .tit {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
}
.article-relatedposts p,
.article-relatedposts li {
	line-height: 1.5;
}
.article-relatedposts li {
	margin-bottom: 0.5em;
}
.article-author {
	margin-bottom: 40px;
	border: solid 1px #dcdcdc;
	background-color: #fff;
	padding: 30px;
}
.article-author .picture {
	float: left;
	max-width: 150px;
	margin: 0 20px 20px 0;
}
.article-author .picture img.avatar { border-radius: 0; }
.article-author .title,
.article-author .text { overflow: hidden; margin-bottom: 5px; }
.article-author .title {
	margin-bottom: 20px;
	/*padding-bottom: 20px;
	border-bottom: solid 1px #dcdcdc;*/
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.25;
}
.article-author .title span {
	display: block;
	margin-right: 1em;
	margin-bottom: 5px;
	color: #666;
	font-size: 1.2rem;
	font-weight: normal;
}
.article-author .text,
.article-author .link {
	color: #666;
	font-size: 1.2rem;
}
.article-author .link {
	text-align: right;
}
.article-sns {}
.article-sns .item {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 5px 0;
	max-width: 200px;
	overflow: hidden;
}

.article-summary {}
.article-summary p {
	font-size: 1.5rem;
	line-height: 1.75;
	letter-spacing: 0;
}

/* 本分 */
/* 本文の見出しスタイルなどは、wordpress.css */
.article-content {
	margin-bottom: 80px;
}

/* 記事下部 */
.article-footer {
	margin-bottom: 80px;
}
@media screen and (min-width: 600px) {
	.article-footer .article-sns { text-align: right;}
}


/* Fixed Button */
#fixed-button {
	position: fixed;
	z-index: 99;
	left: -100px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 60px;
	height: 290px;
	/*opacity: 0;*/
	-webkit-transition: all ease-out 0.4s;
	   -moz-transition: all ease-out 0.4s;
	    -ms-transition: all ease-out 0.4s;
	        transition: all ease-out 0.4s;
}

#fixed-button.scrolled {
	left: 3.125vw;
	opacity: 1;
}

#fixed-button ul li {
	display: block;
	color: #fff;
  font-size: 12px;
  font-weight: 700;
  width: 60px;
  padding: 12px 0;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#fixed-button ul li:not( :last-child ) {
	margin: 0 0 10px;
}
#fixed-button ul li.facebook { background-color: #3C5A99;}
#fixed-button ul li.twitter { background-color: #1DA1F2;}
#fixed-button ul li.hatena { background-color: #00A4DE;}
#fixed-button ul li.note { background-color: #41C9B4;}
#fixed-button ul li.pocket { background-color: #ee4056;}
#fixed-button ul li.feedly { background-color: #6CC655;}

#fixed-button ul li a {
	display: block;
	color: inherit;
	font-size: 24px;
	line-height: 1;
	-webkit-transition: all ease-out 0.2s;
	   -moz-transition: all ease-out 0.2s;
	    -ms-transition: all ease-out 0.2s;
	        transition: all ease-out 0.2s;
}
#fixed-button ul li:hover {
	background-color: #ccc6a8;
}
#fixed-button ul li:hover {}

#fixed-button ul li a span { display: none; }
#fixed-button ul li a svg {
	width: 24px;
	height: auto;
}

@media screen and (min-width: 600px) and (max-width: 1440px) {
	#fixed-button {
		position: static;
		width: 100%;
		height: auto;
	}
	#fixed-button ul {
	}
	#fixed-button ul li {
		display: inline-block;
	}
	#fixed-button ul li:not( :last-child ) {
		margin: 0 10px 0 0;
	}
}




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

	=Media Queries Responsive Structure

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

/* Desktop
----------------------------------------------------- */
@media screen and (min-width: 600px) {
	.sp { display: none !important; }

	body {
		min-width: 1120px;
	}
}


/* Smartphone
----------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 599px) {
	html { font-size: 10px; }
	body { font-size: 1.4rem; letter-spacing: 0;}

	.pc { display: none !important;}

	/* Apperance
	--------------------------------------------------*/
	input[type="button"],
	input[type="text"],
	input[type="submit"] {-webkit-appearance: none;border-radius: 0;}

	/* Reset
	--------------------------------------------------*/
	iframe { width: 100%; max-height: 240px;}


	/* =Global Style
	-------------------------------------------------- */
	.wrapper {
		width: auto;
		padding: 0 6.25vw;
		margin: auto;
	}

	/*#primary,
	#secondary { width: 100%; }*/

	/* =Header
	-------------------------------------------------- */
	#cont {
		padding-top: 60px;
	}

	#header {}
	#header #header-in {
		height: 60px;
		padding: 3.125vw 3.125vw;
	}
	#header #header-in > .flex-wrapper { flex-direction: row; }
	#header .logo {
		width: 100%;
	}
	#header .logo .img {
		max-width: 155px;
    margin-top: -2px;
	}
	#header .info { display: none; }



	/* =Navigation
	-------------------------------------------------- */

	.toggler {
		position: fixed;
		/*position: absolute;*/
		z-index: 9998;
		top: 0;
		right: 0;
		width: 60px;
    height: 60px;
    padding: 18px 15px;
    text-align: center;
    background-color: #ccc6a8;
	}
	.trigger-bars,
	.trigger-bars span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.trigger-bars {
		position: relative;
		z-index: 9999;
		width: 30px;
		height: 24px;
	}
	.trigger-bars span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		border-radius: 0;
		-webkit-transition: all ease-out 0.14s;
			 -moz-transition: all ease-out 0.14s;
				-ms-transition: all ease-out 0.14s;
						transition: all ease-out 0.14s;
	}
	.trigger-bars span:nth-of-type(1) { top: 0;}
	.trigger-bars span:nth-of-type(2) { top: 11px;}
	.trigger-bars span:nth-of-type(3) {	bottom: 0;}
	.trigger-bars.active span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-45deg);
		        transform: translateY(11px) rotate(-45deg);
	}
	.trigger-bars.active span:nth-of-type(2) {
		opacity: 0;
	}
	.trigger-bars.active span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		        transform: translateY(-11px) rotate(45deg);
	}

	#nav {
		position: fixed;
		/*position: absolute;*/
		z-index: 9996;
		/*top: 0;
		left: 0;
		bottom: 0;
		width: 75vw;
		height: 100%;*/
		top: 60px;
		left: 0;
		bottom: auto;
		width: 100vw;
		height: 100vh;

		padding: 0;
		background-color: #000;
		overflow-y:scroll;
		opacity: 0;
		-webkit-overflow-scrolling:touch;
		-webkit-transform:translate3d(-100%,0,0);
			 -moz-transform:translate3d(-100%,0,0);
				-ms-transform:translate3d(-100%,0,0);
						transform:translate3d(-100%,0,0);
		/*-webkit-transform:translate3d(0,-100%,0);
			 -moz-transform:translate3d(0,-100%,0);
				-ms-transform:translate3d(0,-100%,0);
						transform:translate3d(0,-100%,0);*/
		/*-webkit-transition: all ease-out 0.25s;
			 -moz-transition: all ease-out 0.25s;
				-ms-transition: all ease-out 0.25s;
						transition: all ease-out 0.25s;*/
		-webkit-transition: opacity ease-out 0.25s;
			 -moz-transition: opacity ease-out 0.25s;
				-ms-transition: opacity ease-out 0.25s;
						transition: opacity ease-out 0.25s;
	}

	#nav.on {
		opacity: 1;
		-webkit-transform:translate3d(0,0,0);
		   -moz-transform:translate3d(0,0,0);
		    -ms-transform:translate3d(0,0,0);
		        transform:translate3d(0,0,0);
	}
	#nav.on #nav-in {
		opacity: 1;
	}

	#nav,
	#nav a {}

	#nav #nav-in {
		margin: 0;
    padding: 6.25vw;
	}
	#nav ul.nav-main {
		padding: 0 0 6.25vw;
	}
	#nav ul.nav-main li {
		display: block;
		margin: 0;
		margin-bottom: 20px;
	}
	#nav ul.nav-main li a {
		background-color: #000;
		color: #fff;
		padding: 0.75em 1em;
		text-align: center;
	}
	#nav ul.nav-main > li > a {
		line-height: 1.5;
		height: auto;
	}
	#nav ul.nav-main li a:hover {}

	#nav ul.nav-main li.line {
		position: static;
		max-width: 100%;
	}

	/* overlau */
	#overlay {
		display: block;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		opacity: 0;
		-webkit-transition: all ease-out 0.2s;
			 -moz-transition: all ease-out 0.2s;
				-ms-transition: all ease-out 0.2s;
						transition: all ease-out 0.2s;
	}
	#nav.on + #overlay {
		z-index: 9995;
		opacity: 1;
	}


	#nav ul.nav-main li.button-onlinestore a {
		border-radius: 0;
		padding: 0.85em 1em;
	}


	/* =Key Visual
	-------------------------------------------------- */
	#key {}
	.top-key {}
	.top-key .content {
		padding: 6.25vw;
		max-height: 420px;
	}
	.top-key .content .text:not( :last-child ) {
		margin: 0 auto 6.25vw;
	}
	.top-key .content .logo { max-width: 40%; }
	.top-key .content .text01 { font-size: 2.0rem; }

	.flexslider .slides li {
		height: 70vh;
	}


	/* =footer
	--------------------------------------------------*/

	#footer {
		text-align: center;
	}
	#footer #footer-in {
		padding: 9.375vw 6.25vw;
	}
	#footer #f_menu {
		float: none;
	}
	#footer .nav-english ul {
		text-align: center;
	}
	#footer .copyright {
		margin-top: 6.25vw;
		font-size: 1.0rem;
		text-align: center;
	}



	/* =Main
	-------------------------------------------------- */
	#primary,
	#secondary { width: 100%; max-width: 100%; }
	#primary { margin-bottom: 6.25vw; }
	#secondary {}


	/* Side */
	.banner-area { text-align: center; }

	/* =Common Parts
	--------------------------------------------------*/

	/* Section */
	.section {
		padding: 6.25vw 0;
	}
	.block:not( :last-child ) {
		margin: 0 auto 6.25vw;
	}
	.section-main {
		padding-left: 6.25vw;
		padding-right: 6.25vw;
	}

	hr { height: 6.25vw; }

	.picture-content > .content, 
	.picture-content > .picture { max-width: 100%; }

	/* Heading */
	.title-main { font-size: 2.0rem;}
	.title-main em { font-size: 1.7rem;}
	.title-mega {
		margin-left: 0;
		font-size: 3.2rem;
	}
	
	#breadcrumbs {
		padding: 10px 3.125vw;
		font-size: .9rem;
	}

	/* =Front Page
	-------------------------------------------------- */
	.flexslider .slides li {
		height: auto;
	}
	.flexslider .slides li .content .title {
		font-size: 2.0rem;
		max-width: 100%;
	}

	/* Horizontal */
	.loop .type-main {}
	.loop .type-main .col {}
	.loop .type-main .col:not( :last-child ) { margin-bottom: 0;}

	.loop .type-main:after,
	.loop .type-main .col:after  {
		content:".";
		display: block;
		height: 0px;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.loop .type-main .image {
		position: relative;
		width: 120px;
		height: 100%;
		min-height: 120px;
		float: left;
		margin-right: 20px;
		padding-bottom: 0;
	}
	
	.loop .type-main .image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.loop .type-main .image img:hover {}
	.loop .type-main .content {
		margin-top: 0;
	}
	.loop .type-main .meta {
		margin-bottom: 5px; 
		font-size: 10px;
		line-height: 1.5;
	}
	.loop .type-main .meta > * {
		display: block;
	}
	.loop .type-main .meta > *:not( :first-child ) {
		margin-bottom: 5px; 
	}

	.loop .type-main .category {}
	.loop .type-main .category span {
		padding: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		color: #ccc6a8;
		font-size: 1.2rem;
	}
	.loop .type-main .category a {
		color: #ccc6a8;
		text-decoration: none;
	}

	.loop .type-main .title {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.6;
	}
	.loop .type-main .title a { color: #000; }

	/* Slider : Horizontal */
	.loop .type-slider {}
	.loop .type-slider .col {}
	.loop .type-slider .col:not( :last-child ) { margin-bottom: 0;}

	.loop .type-slider:after,
	.loop .type-slider .col:after  {
		content:".";
		display: block;
		height: 0px;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.loop .type-slider .image {
		position: relative;
		width: 120px;
		height: 100%;
		min-height: 120px;
		float: left;
		margin-right: 20px;
		padding-bottom: 0;
	}
	.loop .type-slider .image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.loop .type-slider .image img:hover {}
	.loop .type-slider .content {
		margin-top: 0;
		padding: 15px;
	}
	.loop .type-slider .content > *:not( :last-child ) {
		margin-bottom: 5px; 
	}
	.loop .type-slider .meta {
		margin-bottom: 5px; 
		font-size: 10px;
		line-height: 1.5;
	}
	.loop .type-slider .meta > * {
		display: block;
	}

	.loop .type-slider .category {}
	.loop .type-slider .category span {
		padding: 0;
		margin: 0;
		border: none;
		background-color: transparent;
		color: #ccc6a8;
		font-size: 1.2rem;
	}
	.loop .type-slider .category a {
		color: #ccc6a8;
		text-decoration: none;
	}

	.loop .type-slider .title {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.6;
	}
	.loop .type-slider .title a { color: #000; }



	/* Single
	-------------------------------------------------- */
	.single .section-main {
		padding-top: 0;
	}
	
	/*.article {
		background-color: #fff;
		padding: 3.125vw;
		box-shadow: none;
	}*/
	.article-title {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.article-image {
		float: none;
    width: 100vw;
    height: 200px;
    margin-left: -6.25vw;
    margin-right: -6.25vw;
		margin-bottom: 20px;
	}
	.article-author .title, 
	.article-author .text {
		overflow: inherit;
	}
	.article-author .picture {
		float: none;
		max-width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.article-author .title { text-align: center;}



}

/* 黄色マーカー
	-------------------------------------------------- */
.marker-yellow { background: linear-gradient(transparent 60%, #ffff00 0%); }