@charset "UTF-8";
/*
Theme Name: KEC教育グループで働く魅力 オウンドメディア
Template: twentynineteen
Author: 未知株式会社
Description:
Version: 1.0.0
Updated: 2025-02-17
*/

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

	=Theme Color = #cc0000

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

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

:root {
	--color-primary: #cc0000;
	--color-secondary: #cc0000;
}

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

	=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: 'Noto Sans JP', "游ゴシック体", "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: normal;
	line-height: 2.2;
	word-wrap: break-word;
	letter-spacing: 0.00em;
}

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

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li { line-height: 2.2;}
p, ul, ol, dl { margin-bottom: 20px;}
p:last-child, ul:last-child, ol:last-child, dl:last-child { margin-bottom: 0;}
table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.75;
	text-align: left;
}
th,td {
	padding: 1.4em;
	vertical-align: top;
	border: none;
}
th { font-weight: normal;}
tr { border-bottom: solid 1px #ddd;}
tr:last-child { border-bottom: none !important;}
img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a img { border: none;}
a {
	color: var(--color-primary);
	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 { text-decoration: none;}
em {}
ol li {
	display: list-item;
	list-style: decimal inside;
	line-height:2;
	margin: 0;
	font-size: 100%;
}
strong { font-weight: bold; }

input[type=text],
input[type=email],
input[type="tel"],
input[type=password],
textarea {
	padding: 0.7em;
	font-size: 100%;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type=text],
input[type=email],
input[type="tel"],
input[type=password],
textarea,
select {
	background-color: #fff;
	color: #777;
	-webkit-box-shadow: inset 2px 2px 0 #ddd;
	   -moz-box-shadow: inset 2px 2px 0 #ddd;
	        box-shadow: inset 1px 1px 0 #ddd;
	border: 1px solid #ccc;
	border-radius: 0;
	line-height: 1;
}
input[type=text] {}
input[type=email] {}
input[type=submit] { cursor: pointer;}
input[type="text"],
input[type="tel"],
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: #373737;
}
textarea {
	width: 92%;
}

form em { background: var(--color-primary); color: #fff; font-size: 80%; padding: 0.3em 0.3em; border-radius: 5px; font-style: bold;}
form table em { margin-left: 0.7em;}
form ul { margin: 0 !important; padding: 0 !important; border: none !important;}
form ul li { display: inline-block;}
form label { margin-right: 1.0em;}
form input[type="radio"] { margin-right: 0.7em;}
form input[type*="button"],
form input[type*="submit"] {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;
	padding: 1em 2em;
	border: none;
	background-color: var(--color-primary);
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	-webkit-transition: all ease-out 0.1s;
	   -moz-transition: all ease-out 0.1s;
	    -ms-transition: all ease-out 0.1s;
	        transition: all ease-out 0.1s;
}
form input[type*="button"]:hover,
form input[type*="submit"]:hover {
	opacity: 0.7;
}

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

 	=Global Style

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

#container {
	position: relative;
	z-index: 2;
}

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


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

	=Header

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

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

	/* Fixed Sidebar */
	.js-fixed-sidebar {
		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;

		position: static;
		padding: 20px 0;
		max-width: 280px;
	}
	.js-fixed-sidebar.scrolled {
		opacity: 1;
		top: 180px;
		position: fixed;
	}
	.js-fixed-sidebar.fadeout {
		top: -100%;
	}

	/* Table of Contents Plus */
	.js-fixed-toc ul li {
		line-height: 1.6;
		font-size: 1.4rem;
	}
	.toc_widget ul li .toc_number { font-weight: bold; }

}

/* Fixed Slidein */
.js-fixed-slidein {
	-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;

	position: fixed;
	z-index: 9999;
	/*left: -120%;*/
	right: -120%;
	bottom: 0;
	margin: 6.25vw;
	max-width: 280px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	background-color: #fff;
}
.js-fixed-slidein.scrolled {
	right: 0;
}
.js-fixed-slidein .button {
	position: absolute;
	display: block;
	cursor: pointer;
	content: "×";
	top: -5px;
	right: -5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #000;
	border: solid 1px #fff;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.js-fixed-slidein .js-target.active {
	display:none;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.js-fixed-slidein {
		max-width: 100%;
		margin: 6.25vw;
	}
}


#header {
	position: absolute;
	z-index: 9998;
	top: auto;
	left: 0;
	width: 100%;
	background-color: #fff;
	/* box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.05); */
	display: flex;
	align-items: center;
}
#header #header-in {
	position: relative;
	padding: 0 60px;
	width: 100%;
	align-items: center;
}
/* スクロール時 */
#header.scrolled {
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.05);
}
#header.scrolled #header-in {}

/* 2カラム ver. */
#header .header-center { display: none; }
#header .header-left,
#header .header-right {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
}
#header .header-left {}
#header .header-right {
	text-align: right;
}

/* 3カラム ver.
#header .header-left,
#header .header-center,
#header .header-right {	width: 33.33%;}
#header .header-left {}
#header .header-center { display: none; }
#header .header-right { text-align: right;} */

/* ロゴセンタリング ver.
#header .header-left,
#header .header-center,
#header .header-right {
	z-index: 2;
	width: 100%;
}
#header .header-left { display: none; }
@media screen and (min-width: 600px) { 
	#header .header-center {
		width: 258px;
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 60px;
		text-align: center;
	}
}
 */

img.logo-image-media,
img.logo-image-company {
	vertical-align: middle;
}
img.logo-image-media {
	zoom: 0.5;
}
img.logo-image-company {
	width: 156px;
}


@media screen and (min-width: 600px) {
	#cont {
		padding-top: 120px;
	}
	#header {
		height: 120px;
	}
	/* Left */
	#header .logo-company {
		position: relative;
		height: 100%;
	}
	#header .logo-company .img {}
	#header .logo-company .img img {
		vertical-align: top;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	#header .header-left>* {
		margin-right: 40px;
	}

	/* Center */
	#header .logo {}
	#header .logo .img {
		margin: 0;
	}
	#header .logo .img img {
		display: block;
		margin: 0 auto;
	}
	#header .sitetitle {
		margin: 0;
		margin-top: 1em;
		margin-bottom: 10px;
		color: #555;
		font-size: 12px;
		line-height: 1;
	}

	/* Right */
	#header .header-right {
		/* display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: center;

		position: relative;
		height: 100%; */
		position: relative;
		height: 100%;
		display: block;
	}
	#header .header-right > * {}
	#header .header-right #nav {
		display: block;
		width: 100%;
	}
	/* #header .header-right .search, */
	#header .header-right .button {
		display: inline-block;
		position: relative;
		margin-left: 20px;
		top: 0;
		bottom: 0;
	}
	/* ABSOLUTE VER.
	#header .header-right .search {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		height: 40px;
	} */
	#header .header-right .button {
		margin-left: 10px;
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		text-align: center;
	}
	#header .header-right .button>* {
		margin-left: 20px;
	}

	#header .header-right .button a.textlink {
		display: block;
		border-radius: 25px;
		padding: 1em 2em;
		background-color: var(--color-primary);
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	#cont { padding-top: 70px; }
	#header {
		position: fixed;
		border-top: 0;
		height: 70px;
		box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.05);
	}
	#header #header-in {
		width: 100%;
		height: 100%;
		padding: 0 6.25vw;
		padding: 0 15px;
		flex-direction: row;
	}

	#header .header-left,
	#header .header-center,
	#header .header-right {
		width: 100%; 
		height: 100%; 
	}
	#header .header-left {}
	#header .header-center {}

	#header .header-right>.button {
		display: none;
	}
	#header .header-right { width: 0; }
	#header .header-right > * { margin: 0; }

	#header .header-center { text-align: left; }

	#header .logo  {
		margin: 0 0 0;
	}
	#header .logo .img {
		margin: 0;
		padding: 0;
	}
	#header .logo .img img {
		display: block;
		margin: 0;
	}

	img.logo-image-media {
		zoom: 0.3;
	}
	img.logo-image-company {
		width: 185px; 
	}

	#header .sitetitle {
		display: none !important;
		font-size: 9px;
	}
	#nav .button>* {
		margin-bottom: 10px;
	}
	#nav .button a.button-radius {
		display: block;
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		padding: 0 2em;
		min-width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		text-align: center;
	}
	#header .header-right .button a.button-radius:hover {
		opacity: 0.5;
	}
}



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

@media screen and (min-width: 0px) and (max-width: 599px) {
	/* Search */
	.searchform {
		width: 100%;
		max-width: 100%;
	}
	.searchform input { font-size: 16px !important; }
	.searchform input {
		padding: 8px;
	}
	.searchform .field {}
	.searchform .submit {
		font-size: 0 !important;
		background-position: center;
	}
}


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

@media screen and (min-width: 600px) {
	#nav {
		border-top: none;
	}
	#nav .wrapper {}
	#nav ul {
		margin-bottom: 0;
		font-size: 0;
		line-height: 0;
	}
	#nav ul li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 1.5em 0 0;
		padding: 0 0;
		font-size: 1.6rem;
		font-weight: bold;
	}
	#nav ul li:not( :last-child ) a {}
	#nav ul li,
	#nav ul li a {
		color: inherit;
	}
	#nav ul li a {
		display: block;
		padding: 0;
		line-height: 60px;
		text-decoration: none;
	}
	#nav ul li:hover a,
	#nav ul li.active a {
		opacity: 0.5;
	}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	/* Toggle Navigation */
	#header .toggler {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
	}
	#header .toggler .btn {
		padding: 13px 9px;
		width: 70px;
		height: 70px;
		float: right;
		text-align: center;
		font-size: 10px;
		line-height: 11px;
	}
	/*#header .toggler .btn i {
		display: block;
		font-size: 20px;
		line-height: 26px;
	}*/
	/* Font Awesome を利用しない */
	#header .toggler .btn i {
		display: block;
		font-size: 0;
		background: url(assets/images/icon-menu.png) no-repeat center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		margin: 4px auto 5px;
	}


	.btn-open,
	.btn-close {
		display: block;
		background-color: var(--color-primary);
		color: #fff;
		text-decoration: none;
	}
	.btn-open:hover,
	.btn-close:hover {}
	.btn-close { display: none;}
	.btn-open span,
	.btn-close span {
		font-size: 9px;
		letter-spacing: 0;
		font-weight: bold;
		line-height: 10px;
	}

	.btn-contact {
		display: block;
		background-color: var(--color-primary);
		color: #fff;
		text-decoration: none;
	}

	#header #header-in {
		position: relative;
		z-index: 9998;
	}
	#nav {
		position: absolute;
		position: fixed;
		z-index: 9997;
		top: 0;
		left: 0;
		bottom: auto;
		width: 70vw !important;
		max-width: 300px !important;
		height: 100vh;
		padding: 0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		text-align: center;
		background-color: rgba(255, 255, 255, 1);
		-webkit-transform:translate3d(-100%,0,0);
		   -moz-transform:translate3d(-100%,0,0);
		    -ms-transform:translate3d(-100%,0,0);
		        transform:translate3d(-100%,0,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 {
		margin-top: 0;
		border-top: 0;
		padding-top: 60px !important;
	}
	#header #nav {
		padding-top: 0 !important;
	}

	#nav.on {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	#nav .wrapper {}
	#nav ul,
	#nav .search {
		padding: 15px; 
		margin-bottom: 0 !important;
	}
	#nav ul li {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border: none;
		border-bottom: solid 1px rgba(0,0,0,0.15);
	}
	#nav ul li:first-child { border-left: none; }
	#nav ul li a {
		display: block;
		width: auto;
		height: auto;
		margin-bottom: 0;
		padding: 10px 0;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		color: #000;
		text-decoration: none;
	}
	#nav ul li a:hover {}
	#nav ul li a:before { display: none; }

	#overlay {
		background-color: rgba(0, 0, 0, 0.7);
		position: fixed;
		z-index: 9991;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: none;
	}
}


/* =Fiexd Button
----------------------------------------------------- */
#fixed-button {
	position: fixed;
	z-index: 9999;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: auto;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all ease-out 0.5s;
		 -moz-transition: all ease-out 0.5s;
			-ms-transition: all ease-out 0.5s;
					transition: all ease-out 0.5s;
}

#fixed-button a:hover {}


/* =Key Visual
----------------------------------------------------- */
/* ※ ループ「.type-slider」にて後述 */

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

	=Main

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

#main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main main { width: 100%; }

/* メインカラム・サイドバー */
#primary { width: 800px;}
#secondary { width: 330px;}
#secondary .sidebar {
	height: 100%;
	padding: 0 0 50px;
}
.sidebar .u-sticky {
	position: sticky;
	top: 40px;
}


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

	=Side

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

#secondary .sidebar {}

.list-bnr li { margin-bottom: 10px; }
.list-bnr li:last-child { margin-bottom: 0; }
.list-bnr li a img:hover { opacity: 0.6; }

/* Font Awesome を利用しない */
.tit-side i {
	display: none;
}
/* センター揃え ver. */
.tit-side {
	margin: 0 0 1.25em;
	padding: 0 0 1em;
	border-bottom: solid 1px var(--color-primary);
	border-bottom: solid 1px #dcdcdc;
	color: var(--color-primary);
	font-size: 1.6rem;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.tit-side em {
	font-size: 1.2rem;
	display: block;
	color: #000;
	text-transform: uppercase;
}
	/* アイコン画像ありver.
	.tit-side {
		padding-top: 50px;
	}
	.ranking .tit-side {
		background: url(assets/images/icon-ranking.png) no-repeat center top;
		background-size: 41px auto;
		background-size: 50px auto;
	}
	.new .tit-side {
		background: url(assets/images/icon-new.png) no-repeat center top;
		background-size: 33px auto;
		background-size: 50px auto;
	}
	.keyword .tit-side {
		background: url(assets/images/icon-keyword.png) no-repeat center top;
		background-size: 33px auto;
		background-size: 50px auto;
	} */


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

	=Action

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



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

	=Footer

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

/* ページトップへ戻る */
#btn-pagetop {
	position: absolute;
	z-index: 9990;
	right: 40px;
	bottom: 40px;
	width: 40px;
	-webkit-transition: all ease-in 0.2s;
	-moz-transition: all ease-in 0.2s;
	-ms-transition: all ease-in 0.2s;
	transition: all ease-in 0.2s;
}
#btn-pagetop:hover {
	opacity: 0.75;
}

#footer {
	background-color: #f6f6f6;
	font-size: 1.4rem;
	box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: none;
}
#footer,
#footer a {
	color: inherit;
}
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer #footer-in {
	padding: 80px 0;
}

#footer .footer-left { width: 48%;}
#footer .footer-right { width: 48%;}


/* Right */
#footer { }
#footer .search {
	margin-bottom: 20px; 
	text-align: right;
}
#footer .search:after {
	content:".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#footer .search .searchform { margin-left: auto; }
#footer .sns {
	font-size: 0;
	letter-spacing: 0;
	text-align: right;
}
#footer .sns li {
	display: inline-block;
	font-size: 1em;
	margin-left: 7px;
}
#footer .sns li:first-child {
	margin-left: 0;
}

/* Left */
#footer .footer-left {
	font-size: 0;
	letter-spacing: 0;
}
#footer .logo,
#footer .nav { display: inline-block; vertical-align: top; font-size: 1.2rem; }

#footer .logo {}
#footer .nav { width: 100%; }
#footer .logo .img {}
#footer .logo .img img {
	max-width: 100%;
}

#footer .nav .tit {
	margin-bottom: 1.25em;
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#footer .nav>* {
	margin: 0 0 1em;
}
#footer .nav>*:last-child { padding-right: 0; }
#footer .nav>*.x2 { width: 50%;}
#footer .nav>*:first-child {}
#footer .nav ul li {
	display: inline-block;
	margin: 0 2em 1em 0;
}
#footer .nav>*.x2 li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
#footer .nav ul li a {
	text-decoration: none;
}
#footer .nav ul li a:hover {
	opacity: 0.4; 
	text-decoration: underline;
}
#footer #copyright {
	padding: 30px 0;
	text-align: left;
	font-size: 9px;
	line-height: 1;
	text-transform: uppercase;
}


@media screen and (min-width: 0px) and (max-width: 599px) {
	#btn-pagetop {
		right: 6.25vw;
		bottom: 6.25vw;
	}
	#footer {}
	#footer #footer-in { padding: 40px 6.25vw; }

	#footer .footer-left > *,
	#footer .footer-right > * {
		display: block;
		width: 100%;
		margin: auto;
		margin-bottom: 6.25vw;
	}
	#footer .search .searchform { margin: auto !important; }

	#footer .footer-left {
		margin-bottom: 20px;
	}
	#footer .logo {
		text-align: center;
	}
	#footer .logo .img {}
	#footer .logo .img img {
		zoom: 0.35;
	}

	#footer .nav {
		display: flex;
		font-size: 0;
		letter-spacing: 0;
	}
	#footer .nav>* {
		font-size: 1rem;
		letter-spacing: 0;
		padding-right: 0;
		width: 48% !important;
	}
	#footer .nav ul li {
		display: block !important;
		width: auto !important;
		margin: 0 0 1em 0;
	}
	#footer .nav .tit {
		font-size: 1.2rem;
		background-image: none;
	}
	#footer #copyright {
		font-size: 9px;
		text-align: left;
	}
}



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

	=COMMON PARTS [共通パーツ]

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

/* =BREADCRUMBS [パンくずリスト]
----------------------------------------------------- */
#breadcrumbs {
	position: relative;
	z-index: 99;
	margin-bottom: 40px;
	padding: 10px 0;
	font-size: 1.2rem;
	line-height: 20px;

	/* 背景色 ver. */
	background-color: var(--color-secondary);
	background-color: #f2f2f2;

	/* 罫線 ver. 
	border-bottom: solid 1px #dcdcdc;
	*/
}
#breadcrumbs,
#breadcrumbs a {
	color: inherit;
	color: #000;
}

#breadcrumbs .wrapper {
	background: url(assets/images/icon-home.png) no-repeat left center;
	background-size: 13px auto;
	padding-left: 20px;
}
#breadcrumbs a {
	font-weight: bold;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* SECTION [セクション・枠]
----------------------------------------------------- */
.section {
	padding: 40px 0;
}
.block {
	margin-bottom: 40px;
}
.block:last-child {
	margin-bottom: 0;
}
hr {
    clear: both;
    border: none;
    height: 50px;
}
.c-img-x2 {
	zoom: 0.5;
}

/* TEXT [テキスト装飾]
----------------------------------------------------- */
.fc-theme {
	color: var(--color-primary);
}
a.plain { text-decoration: none; color: inherit;}
.txt-note { font-size: 0.875em; color: #999; }

.link { font-size: 1.2rem; }
.link-plain { color: inherit; }

/* HEADING [見出し]
----------------------------------------------------- */
/* 汎用見出し - アイコンなし見出し・横並び*/
.tit-main {
	margin: -10px 0 1.0em;
	padding: 0;
	color: var(--color-primary);
	font-family: futura-pt, sans-serif;
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
}
.tit-main em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 2em;
	font-family: inherit;
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3.2;
	text-transform: inherit;
} 

/* 汎用見出し - アイコンなし見出し・縦並び */
.tit-vertical {
	position: relative;
	margin: 0 0 .5em;
	padding: 0;
	color: var(--color-primary);
	font-family: futura-pt, sans-serif;
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
}
.tit-vertical em {
	display: block;
	font-family: inherit;
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
@media screen and (min-width: 600px) {
	.sidebar .tit-vertical {
		font-size: 4.8rem;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.tit-vertical {
		font-size: 2.1rem;
	}
	.tit-vertical em {
		font-size: 1.4rem;
	}
}

/* 汎用見出し - アイコン付き見出し */
.tit-icon {
	margin: 0 0 1.0em;
	padding: 0;
	padding-left: 60px;
	background: url(assets/images/icon-tit.png) no-repeat left center;
	background-size: 45px auto;
	border-bottom: solid 0 rgba(0,0,0,0.1);
	color: #000;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.5;
}
.tit-icon.campaign { background-image: url(assets/images/icon-tit-campaign.png) }
.tit-icon.recommend { background-image: url(assets/images/icon-tit-recommend.png) }
.tit-icon.special { background-image: url(assets/images/icon-tit-special.png) }
.tit-icon.latestposts { background-image: url(assets/images/icon-tit-latestposts.png) }
.tit-icon.tag { background-image: url(assets/images/icon-tit-tag.png) }
.tit-icon em {
	/* display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 2em;
	color: var(--color-primary);
	font-size: 1.2rem;
	letter-spacing: 0.0em;
	font-weight: bold;
	line-height: 3.2; */

	display: block;
	color: var(--color-primary);
	font-size: 1.2rem;
	letter-spacing: 0.0em;
	font-weight: bold;
	text-transform: uppercase;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.tit-icon {
		margin-bottom: 0.5em;
		border-bottom: none;
		font-size: 2.0rem;
	}
}

/* 汎用見出し - カテゴリー別 */
.tit-category {
	position: relative;
	margin: 0 0 0.5em;
	color: var(--color-primary);
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
}
.tit-category em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 20px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #aaa;
}

/* 汎用見出し - 本文よりも少しだけ大きい見出し */
.tit-attention {
	margin: 0 0 0.5em;
	color: var(--color-primary);
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5;
}

/* FRAME
----------------------------------------------------- */
.frame {
	padding: 3em;
}
.frame:not( :last-child ) {
	margin: 0 0 40px 0;
}
.frame-theme {
	border: solid 1px var(--color-primary);
	border-radius: 5px;
}

/* LIST
----------------------------------------------------- */
.list-inline {
	letter-spacing: 0;
	font-size: 0;
}
.list-inline li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.4rem;
}
.list-inline li:not( :last-child ) {
	margin: 0 1.5em 0 0;
}

.list-button {
	letter-spacing: 0;
	font-size: 0;
}
.list-button li {
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
	margin: 0 20px 0 0;
}
.list-button li:last-child {}

.list-button li a:hover {
	opacity: 0.5;
}

@media screen and (min-width: 600px) {
	.list-button.ta-r {
		text-align: right;
	}
	.list-button.ta-r li {
		margin: 0 0 0 20px;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.list-button {
		margin-right: -20px;
	}
	.list-button li {
		width: calc(50% - 20px);
		margin-bottom: 10px;
	}
	.list-button li:nth-child(even) {
		margin-right: 0;
	}
}

/* =BUTTON
----------------------------------------------------- */
.button-more {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-width: 320px;
	padding: 0.85em 2.5em;
	border-radius: 35px;
	line-height: 1.5;
	background-color: var(--color-primary);
	color: #fff;
	font-size: 2.0rem;
	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:after {}

.button-more i {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.5em;
	margin: auto;
	height: 1.4rem;
	font-size: 1.4rem;
	-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 {
	opacity: 0.85;
}
.button-more:hover i {
	right: 0.95em;
}

	.button-more.white {
		background-color: #fff;
		border: none;
		color: var(--color-primary);
	}
	.button-more.white:hover { opacity: .75; }


	.button-more.small {
		display: inline-block;
		min-width: auto;
		padding: 0.75em 3em;
		background-color: var(--color-primary);
		color: #fff;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
	}
	.button-more.small:hover {}
	.button-more.large {
		display: block;
		width: 100%;
		border-radius: 0;
	}


/* INTRODUCING [メディア紹介エリア（トップページのみ）]
----------------------------------------------------- */
.media-introduction {}
.media-introduction .frame {
	border: solid 0 var(--color-primary);
	background-color: #f6f6f6;
	border-radius: 0;
}
.media-introduction .logo {}
.media-introduction .logo img {
	vertical-align: middle;
}
.list-follow {}
.list-follow li.title {
	margin-right: 1em;
	line-height: 50px;
	color: #3795d7;
	font-size: 1.6rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.10em;
}
.list-follow li.sns {}
.list-follow li.sns img {
	max-width: 50px;
}
.list-inline li.sns:not( :last-child ) {
    margin: 0 10px 0 0;
}
.list-follow li.button img {
	max-width: 200px;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.list-follow li.title {
		font-size: 1.4rem;
	}
	.list-inline li.sns:not( :last-child ) {
    margin: 0 10px 10px 0;
	}
	.media-introduction .logo img {
		zoom: inherit;
		zoom: 0.35;
	}

	#footer .media-introduction {
		text-align: left;
	}
}

/* SUMMARY（カテゴリー一覧ページのみ）
----------------------------------------------------- */
#summary {}
#summary .wrapper {
	margin-bottom: 40px;
	padding-bottom: 30px; /* -10px for tags */
	border-bottom: solid 1px #dcdcdc;
}

#summary .pic { width: 25%; }
#summary .cont { width: 73%; }

#summary .tit {
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;
}
#summary .tit em {
	display: block;
	font-size: 1.6rem;
	margin-top: 10px;
	text-transform: uppercase;
}
#summary p {
	font-size: 1.3rem;
	line-height: 1.75;
	letter-spacing: 0;
}


/* カテゴリーナビゲーション
----------------------------------------------------- */
.nav-category {}
.nav-category ul {
	display: flex;
	justify-content: flex-start;
}
.nav-category ul li {
	width: 33.33%;
}
.nav-category ul li a {
	display: block;
	padding: 10px 20px;
	border: solid 1px var(--color-primary);
	margin: -1px;
	background-color: #fff;
	color: var(--color-primary);
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}
.nav-category ul li a:hover {
	background-color: var(--color-primary);
	color: #fff;
}



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

	=LOOP

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

/* =COMMON [全ループ共通]
----------------------------------------------------- */
.loop {}
.loop .row {}
.loop .row .col {}
.more-link { display: none; }
.loop .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;

	/* objectFitImages for ie11 */
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}
.loop .header {}
.loop .header > *:not( :last-child ) {
	margin-bottom: 10px;
}
.loop .meta {
	font-size: 1.6rem;
	color: #aaa;
}
.loop .meta > *:not( :last-child ) {
	margin: 0 1em 0 0;
}

.loop .date {
	color: var(--color-primary);
	color: #333;
	font-family: futura-pt, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.0em;
}
.loop .modified_date {
	color: #aaa;
	font-size: 1.2rem;
}

.loop .category {}
/* 囲みver. */
.loop .category a {
	display: inline-block;
	padding: 0.5em 1.0em;
	border-radius: 2em;
	border: solid 0 var(--color-secondary);
	background: var(--color-secondary);
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.loop .category a:hover {
	opacity: 0.6;
}
/* シンプルテキストver.
.loop .category a {
	display: inline-block;
	color: var(--color-primary);
	font-size: 92%;
	font-weight: normal;
	text-decoration: none;
}
.loop .category a:hover {
	opacity: 0.7;
} */
/* ABSOLUTE OPTION */
.loop .image .category {
	position: absolute;
	z-index: inherit;
	bottom: 0;
	left: 0;
}

a.category-1 { background-color: var(--color-primary); } 

/* タグのリスト一覧 */
ul.list-tag {
	font-size: 0;
	letter-spacing: 0;
}
ul.list-tag li {
	font-size: 1rem;
	letter-spacing: 0;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.list-tag li a {
	display: block;
	padding: 0.75em 1em;
	line-height: 1;
	font-size: 1.2rem;
	font-weight: normal;
	text-decoration: none;
	
	/* アイコン画像 ver.
	padding-left: 30px;
	background: url(assets/images/icon-tag.png) no-repeat 10px center;
	background-size: 14px auto;
	*/

	/* 罫線囲み ver.
	background-color: transparent;
	border: solid 1px #555;
	color: #555;
	border-radius: 20px; */
	
	/* 背景色 ver. */
	border: 0;
	background-color: #eeeeee;
	color: #000;
	border-radius: 20px;

	/* ハッシュタグ風 ver.
	padding: 0;
	color: #333; */
}

ul.list-tag li a:before {
	content: "#";
}
ul.list-tag li a:hover {
	/*border-color: var(--color-primary);
	background-color: var(--color-primary);
	color: #fff;*/
	color: var(--color-primary);
}

.loop .tag {}
.loop .tag ul.list-tag li a {
	font-size: 1rem;
	min-width: 0;
}

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

.loop .content {
}
.loop .content .text {
	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/icon-more.png) no-repeat;
	background-size: 100% auto;*/
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.loop .row { margin-right: 0; margin-bottom: 0; }
	.loop .row .col 
	.loop .row .col .content { display: block; }
}


/* =Type : slider
----------------------------------------------------- */
/* トップページ：swiper用のループ */


/* カード型（黒いフィルターの上に白文字の文章） ver.
.loop .type-slider {

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -3%;
}

.loop .type-slider .col {
	position: relative;
	z-index: 2;
	-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;

	overflow: hidden;
	border-radius: 0;
}
.loop .type-slider .col:hover {
	z-index: 3;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.loop .type-slider .image {
	position: relative;
	height: 360px;
}
.loop .type-slider .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-slider .image::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	opacity: 0.5;
	background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
}

.loop .type-slider .header {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
}
.loop .type-slider .header,
.loop .type-slider .header * {
	color: #fff;
}
.loop .type-slider .header a {
	color: inherit;
	text-decoration: none;
}
.loop .type-slider .header > * { margin: 0 0 1.5rem;}
.loop .type-slider .header > *:last-child { margin: 0;}
.loop .type-slider .title {
	font-size: 2.0rem;
	font-weight: normal;
}
.loop .type-slider .title a { color: inherit; }

.loop .type-slider .meta {
	font-size: 1.2rem;
}
.loop .type-slider .date {}
.loop .type-slider .category {}
.loop .type-slider .category a:hover { opacity: 1;}
.loop .type-slider .tag ul.list-tag li a {
	display: none;
	color: #555; 
}
.loop .type-slider .content { display: none; }
 */

/* 画像と文章　横並び ver.
.loop .type-slider {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -3%;
}
.loop .type-slider .col {
	position: relative;
	z-index: 2;
	border-radius: 0;
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: none;
	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;
}

.loop .type-slider {}
.loop .type-slider .col {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 30px;
	border-radius: 0px;
	overflow: hidden;
}
.loop .type-slider .image,
.loop .type-slider .header {}
.loop .type-slider .image {
	width: 340px; 
	height: 340px;
}
.loop .type-slider .header { 
	width: calc(100% - 340px - 30px); 
	padding: 0 30px 0 0; 
}

.loop .type-slider .header {
	background-size: cover;
}
.loop .type-slider .image {
	border-radius: 0px;
	overflow: hidden;
}
.loop .type-slider .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-slider .image img:hover {
	opacity: 0.7;
}
.loop .type-slider .header > *:not( :last-child ) {
	margin-bottom: 20px;
} 
.loop .type-slider .header .meta {}
.loop .type-slider .header .meta > span {
	display: block;
	display: inline-block;
}
.loop .type-slider .header .meta > span:not( :last-child ) {
	margin-bottom: 20px;
} 
.loop .type-slider .header .meta .category {}
.loop .type-slider .header .meta .category a {}
.loop .type-slider .header .meta .category a:hover {}
.loop .type-slider .header .title {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1.6;
}
.loop .type-slider .header .title a {
	text-decoration: none;
}
.loop .type-slider .header .title a:hover { opacity: 0.5; }
.loop .type-slider .header .text {}
.loop .type-slider .header .text p {}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.loop .type-slider {}
	.loop .type-slider .col {
		padding: 0;
		flex-direction: column;
		margin-bottom: 0;
	}
	.loop .type-slider .image,
	.loop .type-slider .header {
		width: 100%;
		border-radius: 0px;
	}
	.loop .type-slider .image {
		height: 48vw;
		max-height: 100%;
		padding: 0;
	}
	.loop .type-slider .header {
		padding: 20px;
		height: 22em;
	}
	.loop .type-slider .header .title {
		margin-bottom: 10px; 
		min-height: 3em;
		font-size: 1.6rem;
	}
	.loop .type-slider .header .meta {}
} */



/* 画像と文章　縦並び ver. */
.loop .type-slider {}
.loop .type-slider .col {
	position: relative;
	z-index: 2;
	/* -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;

	overflow: hidden;
	border-radius: 0; */
}
/* .loop .type-slider .col:hover {
	z-index: 3;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
} */

.loop .type-slider .image {
	position: relative;
	height: 240px;
}
.loop .type-slider .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-slider .header {
	position: relative;
	padding: 20px 0;
	background-color: rgba(255, 255, 255, 1);
}

.loop .type-slider .header,
.loop .type-slider .header a {
	text-decoration: none;
}
.loop .type-slider .header > * { margin: 0 0 1.5rem;}
.loop .type-slider .header > *:last-child { margin: 0;}
.loop .type-slider .title {
	font-size: 1.5em;
}
.loop .type-slider .title a { color: inherit; }

.loop .type-slider .meta {}
.loop .type-slider .category {}
.loop .type-slider .category a:hover { opacity: 1;}
.loop .type-slider .date {}
.loop .type-slider .content {
	display: none; 
}
.loop .type-slider .tag {}



/* そのほかスライダーエリア周辺設定 ver.*/
	.keyvisual {}
	@media screen and (min-width: 0px) and (max-width: 599px) {
		.keyvisual {
			padding: 6.25vw;
		}
	}

		/* Swiper
		-------------------------------------------------- */
		/* シャドウを見せるとき
		@media screen and (min-width: 600px) {
			.swiper-grandparent .swiper-parent .swiper-container  {
				max-width: 1200px;
				padding: 0 15px 15px;
				margin: 0 -15px;
			}
		}
		*/

		/* Prev & Next をフル画面にしたいとき
		.swiper-container {
			position: static !important; 
		}
		.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: 21px !important;
			height: 100% !important;
			height: 240px !important;
			margin-top: 0 !important;
		}
		.swiper-button-prev,
		.swiper-container-rtl .swiper-button-next {
			left: 3% !important;
			background-image: url(assets/images/icon-arrow-swiper-left.png) !important;
			background-size: 100% auto !important;
		}
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
			right: 3% !important;
			background-image: url(assets/images/icon-arrow-swiper-right.png) !important;
			background-size: 100% auto !important;
		}

		/* pagination */
		.swiper-container .swiper-pagination {
			position: static;
			padding: 15px 0;
		}
		.swiper-container .swiper-pagination-bullet {
			background-color: #ccc !important; 
			opacity: 1 !important;
		}
		.swiper-container .swiper-pagination-bullet-active { 
			background-color: var(--color-primary) !important;
			background-color: #000 !important; 
		}


		@media screen and (min-width: 0px) and (max-width: 599px) {
			.swiper-slide {}
			.swiper-slide-active { opacity: 1; }
			
			/* フル画面 ver.*/
			.swiper-grandparent { padding: 0 !important; }
			.swiper-grandparent .wrapper { padding: 0 !important; }
			

			/* センタリング ver.
			.swiper-grandparent {}
			.swiper-grandparent .wrapper {}
			.swiper-grandparent .swiper-parent .swiper-container {
				overflow: hidden !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: 16px !important;
				height: 48vw !important;
				margin-top: 0 !important;
			}
			.swiper-button-prev,
			.swiper-container-rtl .swiper-button-next {
				left: 10px !important;
				background-size: 100% auto !important;
			}
			.swiper-button-next,
			.swiper-container-rtl .swiper-button-prev {
				right: 10px !important;
				background-size: 100% auto !important;
			}
		}



/* =Type : Main
----------------------------------------------------- */
/* トップや一覧ページなどで表示する */

/* =============================

下記の4つのテンプレートで loop-main か loop-horizontal どちらかを読み込み
index.php
archive.php
search.php
single.php

============================= */

/* メインカラム内のメインのループ */

/* ※縦配置パターン　*/
.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 .image {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 66.66%;
	border-radius: 0;

	/* 
	border-radius-top-left: 25px;
	border-radius-top-right: 25px;
	overflow: hidden; */
}
.loop .type-main .image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-main .image img:hover {
	opacity: 0.7;
}

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

/* メインループ - タイトル */
.loop .type-main .title {
	font-size: 1.6rem;
	line-height: 1.6;
}
.loop .type-main .title a { color: inherit; text-decoration: none;}
.loop .type-main .title a:hover {
	text-decoration: underline;
}
/* メインループ - メタ情報 */
.loop .type-main .meta {}

/* メインループ - メタ情報 - インライン配置ver. */
.loop .type-main .meta > * {
	display: inline-block;
	vertical-align: middle;
}
.loop .type-main .meta > *:not( :last-child ) {
	margin: 0 10px 0 0;
}
/* メインループ - メタ情報 - ブロック配置ver.
.loop .type-main .meta > * {
	display: block;
}
.loop .type-main .meta > *:not( :last-child ) {
	margin: 0 0 10px;
} */

/* メインループ - 日付 */
.loop .type-main .meta .date {}

/* メインループ - カテゴリー - 通常ver. */
.loop .type-main .category {}
.loop .type-main .category a {}

/* メインループ - カテゴリー - サムネール画像上に配置ver. */
.loop .type-main .image .category {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
}

/* メインループ - タグ */
.loop .type-main .tag {}
.loop .type-main .tag ul.list-tag li {}

/* メインループ - 抜粋 */
.loop .type-main .content {}
.loop .type-main .content .text {}

@media screen and (min-width: 0px) and (max-width: 599px) {
	/* main（縦に配置パターン） */
	.loop {
		overflow: hidden;
	}
	.loop .type-main {
		margin: 0 -4% 0 0;
		overflow: hidden;
	}
	.loop .type-main .col {
		width: 46%;
		margin: 0 4% 4% 0;
	}
	.loop .type-main.type-focus .col { width: 50% !important; }
	.loop .type-main .image { 
		height: 30vw; 
	}
	.loop .type-main .title {
		margin-bottom: 10px; 
		font-size: 14px; 
	}
	.loop .type-main .content {
		display: none;
		font-size: 9px; 
	}
	.loop ul.list-tag li {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.loop .tag ul.list-tag li a {
		font-size: 9px;
	}
}


/* =Type : Full
----------------------------------------------------- */
/* フルワイド最新の1記事 */
@media screen and (min-width: 600px) {
	/* Full */
	.loop .type-full,
	.loop .type-full .col,
	.loop .type-full .col .image {}
	.loop .type-full .col {
		position: relative;
		width: 342px;
	}
	.loop .type-full .col .image {}
	.loop .type-full .header .title {
		font-size: 1.7rem;
	}
	.loop .type-full .header .meta .date {}
	.loop .type-full .header .meta .category {}

}



/* =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;

	/* 罫線ver. */
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #dcdcdc;

	/* シャドウver. */
	/*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: 250px;}
.loop .type-horizontal .header { width: 520px;}

	@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: 10px;
}
.loop .type-horizontal .meta > *:not( :last-child ) {
	margin: 0 1em 0 0;
}
.loop .type-horizontal .title {}
.loop .type-horizontal .content {}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.loop .type-horizontal .col {
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
		background-color: transparent;
		box-shadow: none;
	}
	.loop .type-horizontal .image { width: 30%; height: 90px; }
	.loop .type-horizontal .header { width: 66%; padding: 0; }
	.loop .type-horizontal .title { line-height: 1.25; margin-bottom: 10px; font-size: 14px; font-weight: normal; }
	.loop .type-horizontal .content { font-size: 9px; }
	.loop .type-horizontal .content p {  line-height: 1.5;}
}

/* 2カラム型
.loop .type-horizontal {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -2% 0 0;
}
.loop .type-horizontal .col {
	width: 48%;
	margin: 0 2% 0 0;

	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: 40%;
}
.loop .type-horizontal .header { width: 60%; padding: 15px;}
.loop .type-horizontal .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}

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

.loop .type-horizontal .meta {
	margin-bottom: 20px;
}

.loop .type-horizontal .meta > *:not( :last-child ) { margin: 0 1em 0 0;}

.loop .type-horizontal .title {
	font-size: 1.4rem;
}

.loop .type-horizontal .content {
	display: none;
}
 */

@media screen and (min-width: 600px) {
	/* Focus */
	.loop .type-focus .col {
		margin-right: 14px !important;
	}
	.loop .type-focus .col:nth-child(1),
	.loop .type-focus .col:nth-child(2),
	.loop .type-focus .col:nth-child(3),
	.loop .type-focus .col:nth-child(4),
	.loop .type-focus .col:nth-child(5),
	.loop .type-focus .col:nth-child(6) {
		margin-right: 14px !important;
		width: 257px !important;
	}
	.loop .type-focus .col:nth-child(1) .teaser-image,
	.loop .type-focus .col:nth-child(2) .teaser-image,
	.loop .type-focus .col:nth-child(3) .teaser-image,
	.loop .type-focus .col:nth-child(4) .teaser-image,
	.loop .type-focus .col:nth-child(5) .teaser-image,
	.loop .type-focus .col:nth-child(6) .teaser-image {
		height: 171px !important;
	}
	.loop .type-focus .col:nth-child(3),
	.loop .type-focus .col:nth-child(6) { margin-right: 0 !important; }
	.loop .type-focus .col:nth-child(4n+6) { margin-right: 0 !important;}

	/* Full */
	.loop .type-full .col {
		/*width: 32.33% !important;*/
		margin-bottom: 0 !important;
	}
	.loop .type-full .col:nth-child(3) { margin-right: 0 !important; }
	.loop .type-full .col .teaser-image {
		height: 240px !important;
	}
	.loop .type-full .teaser-title {
		font-size: 1.6rem !important;
	}

}


/* =Type : Side
----------------------------------------------------- */
/* サイドバーで表示するメインのループ */
.loop .type-side {}
.loop .type-side .col {
	float: none;
	margin-bottom: 15px;
}
.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: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
}
.loop .type-side .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-side .image img:hover {
	opacity: 0.7;
}
.ranking .loop .type-side .col:nth-child(1) .image:before,
.ranking .loop .type-side .col:nth-child(2) .image:before,
.ranking .loop .type-side .col:nth-child(3) .image:before,
.ranking .loop .type-side .col:nth-child(4) .image:before,
.ranking .loop .type-side .col:nth-child(5) .image:before {
	content: "1";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 0%;
	background-color: var(--color-primary);
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.ranking .loop .type-side .col:nth-child(1) .image:before { content: "1"; background-color: #dcb43b; }
.ranking .loop .type-side .col:nth-child(2) .image:before { content: "2"; background-color: #b5b5b5; }
.ranking .loop .type-side .col:nth-child(3) .image:before { content: "3"; background-color: #c8a96d; }
.ranking .loop .type-side .col:nth-child(4) .image:before { content: "4"; }
.ranking .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 a {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	color: var(--color-primary);
	font-size: 1.0rem;
}

.loop .type-side .title {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5;
}
.loop .type-side .title a { color: #000; }
.loop .type-side .content { display: none; }


/* =Type : Key
----------------------------------------------------- */
/* キービジュアル専用ループ */
/* ※ メインループについては下記にマークアップ */
/* ※ スマホでは非採用のスタイル */
.loop .type-tile {}
.loop .type-tile:after {
	content:".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.loop .type-tile .col {
	float: left;
	position: relative;
	width: 24%;
	height: 175px;
}
.loop .type-tile .col:first-child {
	width: 52%;
	height: 350px;
}

.loop .type-tile .image {
	width: 100%;
	height: 100%;
	background-color: #000;
}
.loop .type-tile .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.loop .type-tile .image:hover img { opacity: 0.8;}
.loop .type-tile .image .filter {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	opacity: 0.75;
	background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0.74902) 50%, rgba(0,0,0,0) 100%);
}

.loop .type-tile .category {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	font-size: 0;
	letter-spacing: 0;
}
.loop .type-tile .category a {}
.loop .type-tile .category a:hover {}

.loop .type-tile .header {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
}
.loop .type-tile .header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	text-shadow: 1px 1px 2px #333;
}
.loop .type-tile .title a { color: #fff; text-decoration: none;}
.loop .type-tile .more {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
}
.loop .type-tile .col:first-child .header,
.loop .type-tile .col:first-child .more {
	padding: 25px;
}
.loop .type-tile .col:first-child .header .title {
	font-size: 1.6rem;
}
.loop .type-tile .col:first-child .header .category {
	position: relative;
	margin-bottom: 10px;
}


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

	=Home

-----------------------------------------------------
*/
/* タブ切替
----------------------------------------------------- */
.tab-switcher {}

/* tabs : ボタン部分 */
.tab-switcher ul.tabs {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.tab-switcher ul.tabs li {
	margin-right: 1px;
}
.tab-switcher ul.tabs li a {
	display: block;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0.25em 0.75em;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;

	/* 背景なし ver */
	border-bottom: solid 0 #fff;
	padding: 0.25em 1em;
	background-color: rgba(246, 179, 127, 0.2);
	color: var(--color-primary);
	color: #555;
}

.tab-switcher ul.tabs .active a,
.tab-switcher ul.tabs li a:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff;
}

/* tabboxes : タブ内容部分 */
.tab-switcher .tabboxes {}
.tab-switcher .tabboxes .tabbox {
	display: none;
	padding: 25px 0 0;
	/*border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;*/
	border: solid 1px var(--color-primary);
	padding: 20px;
	background-color: #fff;
	font-size: 1.4rem;
}
.tab-switcher .tabboxes .tabbox:first-child {}

.tab-switcher .tabboxes .tabbox ul {}
.tab-switcher .tabboxes .tabbox ul li {
	border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.tab-switcher .tabboxes .tabbox ul li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.tab-switcher .tabboxes .tabbox ul li a {
	display: block;
	color: #555;
	padding: 0.5em 1em;
	text-decoration: none;
}
.tab-switcher .tabboxes .tabbox ul li a::before {
}
.tab-switcher .tabboxes .tabbox ul li a:hover {
	text-decoration: underline;
	color: var(--color-primary);
}

@media screen and (min-width: 0px) and (max-width: 599px) {
	.tab-switcher ul.tabs li a {
		padding: 0.25em 1em;
		font-size: 1.25rem;
	}

	.tab-switcher .tabboxes .tabbox {
		margin-top: 5px;
	}
}

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

	=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 {
/*	background-color: #fff;
	padding: 30px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);*/
}
.article-content { margin-bottom: 0 !important; }

/* 記事上部 */
.article-header {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: solid 1px #dcdcdc;
}
.article-header > * {
	overflow: hidden;
}
.article-header > *:not( :last-child ) {}
.article-header > *:last-child {
	margin-bottom: 0;
}
.article-header:after {
	content:".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.article-header .article-image:not( :last-child ) {}
.article-header .article-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.article-title {
	margin-bottom: 15px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.article-title a {
	text-decoration: none;
}
.article-title a:hover {
	text-decoration: underline;
}

.article-meta {
	margin-bottom: 5px;
	font-size: 1rem;
}
.article-meta > span {
	display: inline-block;
	margin: 0 1.5em 10px 0;
}
.article-meta .article-date,
.article-meta .article-category {
	display: inline-block;
}
.article-meta .article-date {
	color: #555;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.article-modifieddate {}

.article-meta .article-category {}
.article-meta .article-category a  {
	/* 文字のみver. */
	/* display: inline-block;
	text-decoration: none;
	color: var(--color-primary);
	font-size: 110%; */

	/* 背景ありver. */
	display: block;
	text-decoration: none;
	padding: 0.5em 1.5em;
	background: var(--color-secondary);
	border: solid 0 var(--color-secondary);
	border-radius: 3em;
	color: #fff;
	font-weight: bold;
	text-align: center;

}
.article-meta .article-category a :hover {
	background-color: #000;
	color: #fff;
}

.article-summary {
	margin-bottom: 15px;
	color: #777;
	font-size: 1.2rem;
}
.article-summary p {
	line-height: 1.6;
}
.article-readingtime {
	background-color: rgba(0, 0, 0, 0.05);
	padding: 3px 12px;
	font-size: 1.3rem;
	font-weight: bold;
	border-radius: 30px;
}
.article-readingtime strong {
	display: inline-block;
	color: #333;
}
.article-relatedposts {
	margin-top: 40px;
	margin-bottom: 20px;
	border: solid 1px #dcdcdc;
	padding: 2em;
}
.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;
}

@media screen and (min-width: 600px) {
	.article-header .article-image:not( :last-child ) {
		float: left;
		width: 32%;
		height: 180px;
		margin-right: 30px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.article {}
	.article-header > *:not( :last-child ) {}
	.article-header > *:last-child {}
	.article-title {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.article-header .article-image {
		float: none;
		width: 100%;
		height: 200px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.article-author .tit, 
	.article-author .txt {
		overflow: inherit;
	}
	.article-author .pic {
		float: none;
		max-width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.article-author .tit { text-align: center;}
}

/* 記事コンテンツエリア */
/* ※本文の見出しスタイルなどは、wordpress.css */
.article-content {
	margin-bottom: 80px;
}
.article-content .article-summary {
	border: solid 1px var(--color-primary);
	padding: 1.5em;
	border-radius: 3px;
	font-size: 0.9em;
}
.article-content .article-summary p {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 0px) and (max-width: 599px) {}


/* 記事フッターエリア */
.article-footer {
	margin-bottom: 80px;
}
.article-footer .article-sns {
	text-align: right;
}
.article-author {
	margin-bottom: 40px;
	border: solid 0px var(--color-primary);
	padding: 40px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.article-author .pic {
	float: left;
	max-width: 150px;
	margin: 0 2em 2em 0;
}
.article-author .pic img.avatar { border-radius: 0; }
.article-author .tit,
.article-author .txt { overflow: hidden; margin-bottom: 5px; }
.article-author .tit {
	margin-bottom: 20px;
	/*padding-bottom: 20px;
	border-bottom: solid 1px #dcdcdc;*/
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.25;
}
.article-author .tit span {
	display: block;
	margin-right: 1em;
	margin-bottom: 5px;
	color: #666;
	font-size: 1.2rem;
	font-weight: normal;
}
.article-author .txt,
.article-author .link {
	color: #666;
	font-size: 1.2rem;
}
.article-author .link {
	text-align: right;
}
.article-sns {
	margin: 20px 0; 
}
.article-sns .item {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 5px 0;
	max-width: 200px;
	overflow: hidden;
}

@media screen and (min-width: 600px) {}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.article-author .tit, 
	.article-author .txt {
		overflow: inherit;
	}
	.article-author .pic {
		float: none;
		max-width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.article-author .tit { text-align: center;}
}
@media screen and (min-width: 600px) {
	.article-header .article-image:not( :last-child ) {
		float: left;
		width: 32%;
		height: 180px;
		margin-right: 30px;
		margin-bottom: 20px;
	}
}

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

	=Option Parts
	1. CTA

-----------------------------------------------------
*/
/* バナーエリア（テキスト型） */
.banner-text {
	padding: 40px 0;
	text-align: center;
}
.banner-text .title {
	font-size: 1.2em;
	font-weight: bold;
}
/* ボタン部分 */
.banner-text .button {
	position: relative;
	display: inline-block;
	padding: 1.0em 2em;
	width: 400px;
	max-width: 100%;
	height: auto;
	line-height: 1.5;
	border: solid 1px var(--color-primary);
	background-color: var(--color-primary);
	color: #fff;
	font-family: "brother-1816", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box
}
.banner-text .button::before {
	content: "";
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s
}
.banner-text .button:hover {
	opacity: 1;
	color: var(--color-primary);
}
.banner-text .button:hover:before {
	width: 100%;
}
.banner-text .button span {
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 600px) {
	.banner-text .button {
	}
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.banner-text .button {
		font-size: 1.0em;
		padding: 1.0em 1.5em;
	}
	.banner-text .button::before {}
}


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

	=Media Queries Responsive Structure

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

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

	body {
		min-width: 1120px;
	}

	.button-open,
	.button-close { display: none;}
}


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

	.pc { display: none !important;}

	p {}
	hr { margin: 20px 0;}
	iframe { width:100%;}

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

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

	.block { margin-bottom: 6.25vw; }
	hr {
		margin: 0 auto;
		height:	6.25vw;
	}
	.section { padding: 6.25vw 0; }


	/* Main Column
	-------------------------------------------------- */
	#main {}
	#primary,
	#secondary { 
		width: 100%;
		padding-top: 0; 
	}
	#primary { margin-bottom: 6.25vw; }
	#secondary { display: none; }

	#breadcrumbs {
		margin-bottom: 6.25vw;
		padding: 10px 6.25vw;
		font-size: 11px;
	}
	#breadcrumbs .wrapper {
		background-position: left top 3px;
	}
	#breadcrumbs p { line-height: 1.8; }

	/* Common Parts
	--------------------------------------------------*/
	/* Tags */
	ul.list-tag li {
		font-size: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}


	/* Archive
	-------------------------------------------------- */
	/* Summary */
	#summary .wrapper {
		display: block;
		flex-direction: row;
	}
	#summary .pic { width: 50% !important; float: left; margin: 0 15px 15px 0; }
	#summary .cont { width: 100% !important; }
	#summary p { font-size: 1.1rem; }
	#summary .pic img { width: 100%; }
	#summary .tit { font-size: 1.6rem; }
	#summary .tit em { font-size: 1.2rem; margin-top: 5px; }

	#sticky { margin-bottom: 20px; }

	/* Category Navigation */
	.nav-category ul li {
		width: 50%;
	}
	.nav-category ul li a {
		padding: 7px 14px;
		font-size: 1.2rem;
	}
}



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

	=ACTION ENTRY

-----------------------------------------------------
*/
.action-entry {
	background: url(assets/images/action-entry-bg.png) no-repeat center;
	background-size: cover;
	color: var(--color-primary);
}
.action-entry .inner {
	padding: 100px 0;
	width: 600px;
	max-width: 100%;
}
.action-entry .inner .text {}
.action-entry .inner .text01 {
	margin: 0 0 20px;
	font-family: futura-pt, sans-serif;
	font-size: 14.6rem;
	font-weight: 900;
	line-height: .9;
}
.action-entry .inner .text02 {
	font-family: futura-pt, sans-serif;
	font-size: 3.2rem;
	font-weight: bold;
}
.action-entry .inner .text03 {
	margin: 0 0 20px;
}
.action-entry .inner .button a:hover {
	opacity: 0.5;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	.action-entry .inner .text01 {
		font-size: 4.0rem;
	}
	.action-entry .inner .text02 {
		font-size: 1.8rem;
	}
	.action-entry .inner .text03 {
		font-size: 1.2rem;
		margin: 0 0 20px;
	}
}