@charset "UTF-8";
/*
Theme Name: 「ナサホーム様」メディア用テンプレート
Template: twentyfifteen
Author: 未知株式会社
Description:
Version: 1.0
Updated: 2020-02-27
*/

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

	=Theme Color = #fd9417, #ff290b

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

@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: "游ゴシック体", "Yu Gothic", YuGothic, 'Roboto Condensed', 'Roboto', "ヒラギノ角ゴ 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: #444;
	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: #D90000;
/*	color: #fd9417;*/
	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: #fd9417; 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 !important;}
form label { margin-right: 1.4em;}
form input[type="radio"] { margin-right: 0.7em;}
form input[type*="submit"] {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;
	padding: 1em 2em;
	border: none;
	background-color: #fd9417;
	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*="submit"]:hover {
	opacity: 0.7;
}

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

 	=Global Style

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

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

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

/* Animation & Decoration
-----------------------------------------------------*/

/* Zoom Effect */
.zoom_effect { overflow: hidden; }
.zoom_effect img {
	opacity: 0.8;
	-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;
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

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

/* 追従Table of Contents Plus */
@media screen and (min-width: 800px) {
	.js-fixed-toc.scrolled {
		top: 180px;
		position: fixed;
	}
	.js-fixed-toc {
		position: static;
		padding: 20px 0;
		max-width: 280px;
		font-size: 1.4rem;
	}
	.js-fixed-toc ul li {
		line-height: 1.6;
	}
}

#header {
	position: fixed;
	z-index: 9999;
	top: auto;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 800px) {
	#header {

	}
}

#header #header-in {
	padding: 10px 0 20px;
}

/* Scrolled */
#header.scrolled #header-in {}

#header .header-left { width: 50%;}
#header .header-right { width: 50%; text-align: right;}

/* Left */
#header .sitetitle {
	margin: -0.25em 0 0.5em 0;
	font-size: 12px;
}
#header .logo {
	padding: 0;
}
#header .logo .img,
#header .logo .navigation {
	display: inline-block;
	vertical-align: middle;
}

#header .logo .img {
	margin: 0; 
}
#header .logo .img img {
	display: block; max-width: 411px;
}

/*#header .logo .navigation {
	margin-left: 30px;
	max-width: 580px;
}*/

/*#header .social-button { margin-left: 15px; }
#header .social-button .article-sns,
#header .social-button .article-sns .item { margin-bottom: 0; }*/

/* Right */
#header .header-right {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#header .header-right > * {
	margin: 0 0 0 20px;
}
#header .header-right .search {
}
#header .header-right .button {
	margin: 0 0 0 20px;
	max-width: 268px;
}


/* .button */
#header .header-right .button {}
/*#header .header-right .button ul {
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
}
#header .header-right .button ul li {
	display: inline-block;
	font-size: 12px;
	position: relative;
	margin: 0 10px;
}
#header .header-right .button ul li a {
	display: block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #333; 
	font-size: 10px;
	line-height: 1.5;
}
#header .header-right .button ul li a img {
	display: block;
	margin: 0 auto 5px;
}
#header .header-right .button ul li a:hover {
	opacity: 0.6;
}*/

/* =Navigation
----------------------------------------------------- */
#nav {
	background-color: #fff;
}

@media screen and (min-width: 800px) {
	#nav {
		border-top: solid 1px #dcdcdc;
	}
}


#nav ul {
	padding: 13px 0;
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
}
#nav ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2.0em 0 0;
	padding: 0;
	line-height: 1.5;
	font-size: 16px;
	font-weight: normal;
}
#nav ul li,
#nav ul li a {
	color: #000;
}
#nav ul li a {
	display: block;
	text-decoration: none;
	line-height: 1.5;

	background: no-repeat left center;
	padding-left: 32px !important;
	font-weight: bold;
}
/*#nav ul li a::before {
	content: "● ";
	margin: 0 0.25em 0 0;
	color: #fd9417;
	font-size: 9px;
}*/


/* Customize */
#nav ul li.cat-item-1 a {
	background-image: url(assets/images/ico-category-reform.png);
	background-size: 22px auto;
}
#nav ul li.cat-item-2 a {
	background-image: url(assets/images/ico-category-kitchen.png);
	background-size: 25px auto;
}
#nav ul li.cat-item-3 a {
	background-image: url(assets/images/ico-category-bath.png);
	background-size: 25px auto;
}
#nav ul li.cat-item-4 a {
	background-image: url(assets/images/ico-category-lavatory.png);
	background-size: 25px auto;
}
#nav ul li.cat-item-5 a {
	background-image: url(assets/images/ico-category-toilet.png);
	background-size: 25px auto;
}
#nav ul li.cat-item-6 a {
	background-image: url(assets/images/ico-category-waterheater.png);
	background-size: 25px auto;
}
#nav ul li.cat-item-7 a {
	background-image: url(assets/images/ico-category-other.png);
	background-size: 25px auto;
}

#nav ul li:hover,
#nav ul li.active { opacity: 0.6;}


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

/* =Searchform
----------------------------------------------------- */
.searchform {
	position: relative;
	width: 220px;
}
.searchform input {
	padding: 10px;
	height: 40px;
}
.searchform .assistive-text {
	display: none;
}
.searchform .field {
	width: 100%;
	font-size: 11px;
	border: solid 1px #1371BA;
	border-radius: 3px;
	box-shadow: none;
}
.searchform .submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	margin: 0;
	font-size: 0;
	background: #1371BA url(assets/images/ico-search.png) no-repeat center;
	background-size: 16px auto;
	border-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px; 
}
.searchform .submit:hover {}


/* =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
----------------------------------------------------- */
/* ※ ループについては後述 */

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

	=Main

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

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

/* メインカラム・サイドバー */
#primary { width: 800px;}
#secondary { width: 280px;}


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

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

.sidebar .block:not( :last-child ) {
	margin-bottom: 25px;
}

/* サイドバーの見出し */
.sidebar .tit-main {
	padding: 0.25em 0.75em;
/*	padding-bottom: 0.75em;
	border-bottom: solid 1px #fd9417;*/
	font-size: 20px;
}
.sidebar .tit-main em { font-size: 11px; }

.tit-icon {
	position: relative;
	margin-bottom: 20px;
	padding: 7px 5px 5px 32px;
	border-bottom: solid 1px #dcdcdc;
	color:#1371BA;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: no-repeat left 0 center;
	background-size: 25px  auto;
	line-height: 1.8;
	text-transform: uppercase;
}

/*.tit-icon::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}*/
.tit-icon em {
	margin: 0 0 0 0.75em;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
	color: #000;
}

.ranking .tit-icon {
	background-image: url(assets/images/ico-ranking.png);
	background-size: 26px  auto;
}
/*.recommend .tit-icon {
	background-image: url(assets/images/ico-recommend.png);
}*/
.new .tit-icon{
	background-image: url(assets/images/ico-new.png);
	background-size: 25px  auto;
}

/* タグのリスト一覧 */
ul.list-tag {
	font-size: 0;
	letter-spacing: 0;
}
ul.list-tag li {
	font-size: 1rem;
	letter-spacing: 0;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
ul.list-tag li a {
	display: block;
	min-width: 100px;
	padding: 7px 15px;
	padding-left: 30px;
	background: url(assets/images/ico-tag.png) no-repeat 10px center;
	background-color: #dcdcdc;
	border: solid 0 #000;
	color: #000;
	background-size: 14px auto;
	border-radius: 50px;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
}
ul.list-tag li a:hover {
	background-color: #aaa;
}

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

	=Action

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



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

	=Footer

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

/* ページトップへ戻る */
#btn-pagetop {
	position: absolute;
	z-index: 9990;
	right: 0px;
	bottom: 40px;
	/*top: -30px;*/
	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 {
	border-top: solid 1px #dcdcdc;
	background-color: #fff;
	font-size: 1.2rem;
}
#footer,
#footer a { color: inherit; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer #footer-in {
	position: relative;
	padding: 40px 0;
	flex-direction: row-reverse;
}

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


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

#footer .logo { margin-right: 6%; width: 33%;}
#footer .nav { width: 60%; }
#footer .logo .img { max-width: 411px;}

#footer .nav .tit {
	margin-bottom: 0.25em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1371BA;
	text-transform: uppercase;
}
#footer .nav ul {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
	padding-right: 6em;
	width: auto;
	font-size: 12px;
}
#footer .nav ul:last-child {}
#footer .nav ul.x2 { width: 60%;}
#footer .nav ul:first-child {}
#footer .nav ul li {
	display: block;
	margin-bottom: 0em;
	/*background: url(assets/images/ico-arrow-right.png) no-repeat left center;
	background-size: 4px auto;
	padding-left: 13px;*/
}
#footer .nav ul.x2 li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
#footer .nav ul li a {
	text-decoration: underline;
}
#footer .nav ul li a:hover { opacity: 0.4; text-decoration: none;}

#footer #copyright {
	border-top: solid 1px #dcdcdc;
	padding: 10px 0;
	text-align: left;
	font-size: 12px;
	color: inherit;
	line-height: 1;
	text-transform: uppercase;
}


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

	=Common Parts

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

/* =Breadcrumbs
----------------------------------------------------- */
#breadcrumbs {
	margin-bottom: 40px;
	padding: 10px 0;
	border-bottom: solid 1px #dcdcdc;
	font-size: 1.2rem;
	line-height: 20px;
}

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

/* =Common Format
-----------------------------------------------------*/
/* Section */
.section {
	padding: 40px 0;
}
.block {
	margin-bottom: 40px;
}
.block:last-child {
	margin-bottom: 0;
}

/* Decoration */
a.plain { text-decoration: none; color: inherit;}

/* Heading */
.tit-main {
	margin-top: 40px;
	margin-bottom: 1em;
	padding: 7px 5px 0.5em 52px;
	border-bottom: solid 1px #dcdcdc;
	color:#1371BA;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0.05em;
	background: no-repeat left 0 center;
	background-image: url(assets/images/icon-logo.png);
	background-size: auto;
	text-transform: uppercase;
}
.tit-main em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 20px;
	color: #000;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0;
}
.tit-main:first-child { margin-top: 0;}
.tit-main.noborder {
	padding-bottom: 0;
	border-bottom: none;
}
.tit-main.noborder { border-bottom: none; padding-bottom: 0; }


/*.tit-main {
	margin: 0 0 0.75em;
	padding: 0.5em 1em;
	border-radius: 0;
	background-color: #fd9417;
	color: #fff;
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1.5;
	text-transform: uppercase;
}
.tit-main em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 20px;
	font-size: 1.4rem;
}*/

/*.tit-main::before {
	content: "●";
	color: #fff;
	display: inline-block;
	margin: 0 0.5em 0 0;
}*/

.tit-sub {
	margin: 0 0 0.75em;
	padding: 0.5em 1.5em;
	border-radius: 40px;
	background-color: #1371BA;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
}
.tit-sub em {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.35em;
	margin-left: 1.0em;
	font-size: 1.2rem;
}


/* Text */
.txt-note { font-size: 0.875em; color: #999; }

.link { font-size: 1.2rem; }


/* list */
.list-button {
	text-align: center;
	letter-spacing: 0;
	font-size: 0;
}
.list-button li {
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 20px 10px 0;
}
.list-button li:last-child { margin: 0; }


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

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

/* =Sticky（カテゴリー一覧ページのみ） */
#sticky {
	margin-bottom: 60px;
}


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


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

	=Loop

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

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

.loop .title a {
	color: inherit;
	text-decoration: none;
}
.loop .title a:hover { text-decoration: underline; }

.loop .image img {
	
	/* objectFitImages for ie11 */
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;'
}

.loop .category {}
.loop .category a {
	display: inline-block;
	padding: 0.35em 1.25em;
	border-radius: 5px;
	background:#D90000;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
}
.loop .category a.category-reform { background-color: #3361ae; }
.loop .category a.category-care { background-color: #7cc336; }
.loop .category a.category-interior { background-color: #fd9417; }

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

.loop .content {
	font-size: 1.2rem;
}
.loop .content p {
	line-height: 1.75;
}

/* =Type : slider
----------------------------------------------------- */
/* スワイプスライダー専用 */
.loop .type-slider {

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-right: -3%;
	/*margin-bottom: -40px;*/
}

.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;
}
.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 .header {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	background-color: rgba(53, 53, 53, 0.5);
}

.loop .type-slider .header,
.loop .type-slider .header a {
	text-decoration: none;
	color: #fff;
}
.loop .type-slider .header > * { margin: 0 0 1.5rem;}
.loop .type-slider .header > *:last-child { margin: 0;}
.loop .type-slider .title {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.75;
}
.loop .type-slider .title a { color: inherit; }

.loop .type-slider .meta {
	font-size: 1.4rem;
}
.loop .type-slider .category {
	/*position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;*/
}
.loop .type-slider .category a {}

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



/* Title "Pick Up" */
.swiper-grandparent {
	position: relative;
}

		/* Swiper
		-------------------------------------------------- */
		.swiper-grandparent {
			overflow: hidden;
			width: 100%;
			background-color: #fff;
			padding-top: 40px;
		}
		.swiper-parent {
			max-width: 800px;
		}
		.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;
		  height: 100% !important;
		  margin-top: 0 !important;
		}
		.swiper-button-prev,
		.swiper-container-rtl .swiper-button-next {
		  left: -25px !important;
		  left: -0 !important;
		  background-image: url(assets/images/ico-arrow-swiper-left.png) !important;
		  background-size: 50px auto !important;
		}
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
		  right: -25px !important;
		  right: -0 !important;
		  background-image: url(assets/images/ico-arrow-swiper-right.png) !important;
		  background-size: 50px auto !important;
		} 

		.swiper-container .swiper-pagination {
			position: static;
			padding: 15px 0;
		}
		.swiper-container .swiper-pagination-bullet { background-color: #fff !important; }
		.swiper-container .swiper-pagination-bullet-active { background-color: #fff !important; }



/* =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 {
	display: inline-block;
	padding: 7px 14px;
	background-color: #4a488e;
	opacity: 0.75;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
}
.loop .type-tile .category a:hover { opacity: 1;}
.loop .type-tile .category a {}

.loop .type-tile .title {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 70%;
	margin: 15px;
	font-size: 1.5rem;
	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;
	margin: 18px;
	width: 40px;
	height: 14px;
	background: url(assets/images/btn-more.png) no-repeat;
	background-size: contain;
}*/
.loop .type-tile .col:first-child .title { font-size: 1.8rem;}
.loop .type-tile .col:first-child .title { margin: 25px;}



/* =Type : Main
----------------------------------------------------- */
/* トップや一覧ページなどで表示する */
/* メインカラム内のメインのループ */
/* ※縦配置パターン　*/
/* ※縦配置パターン　*/
.loop .type-main {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 -1.5% -3% 0;
}
.loop .type-main .col {
	width: 31.33%;
	margin: 0 1.5% 3% 0;
}

.loop .type-main .image {
	height: 0;
	padding-bottom: 66.66%;
	position: relative;
}
.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: 20px;
	background-color: #fff;*/
	margin-top: 15px;
}

.loop .type-main .title {
	margin-bottom: 15px;
	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 {
	margin-bottom: 10px;
	font-size: 14px;
}
.loop .type-main .meta span {
	display: inline-block;
	font-weight: normal;
  margin-bottom: .5em;
}
.loop .type-main .meta .date,.loop .type-main .meta .update {
	margin-bottom: 10px;
	margin: 0 0 0 0.5em;
	color: #fd9417;
	font-weight: bold;
}

.loop .type-main .meta .update {
  color: #8a6d3b;
}

.loop .type-main .category {}
.loop .type-main .category a {
}
.loop .type-main .content {
	display: none;
	margin-bottom: 15px;
	font-size: 12px;
	color: #555;
}


/* =Type : Full
----------------------------------------------------- */
/* フルワイド最新の1記事 
@media screen and (min-width: 800px) {

	.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
----------------------------------------------------- */
/* トップや一覧ページなどで表示する */
/* メインカラム内のメインのループ */
/* ※横配置パターン */

.loop .type-horizontal {
	display: flex;
	flex-direction: column;
}
.loop .type-horizontal .col {
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: solid 1px #dcdcdc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.loop .type-horizontal .col:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.loop .type-horizontal .image { width: 254px; max-height: 180px;}
.loop .type-horizontal .header { width: 520px;}

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

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


.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 {}

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


@media screen and (min-width: 800px) {
	/* 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(3n+6) { margin-right: 0 !important;}

	/* Full
	.loop .type-full .col {
		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: 10px;
}
.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: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
}
.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: #1371BA;
	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;
	background-color: transparent;
	color: #1371BA;
	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; }



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

	=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 {
	min-width: 120px;
	margin-right: 1px;
}
.tab-switcher ul.tabs li a {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 0.25em 1em;
	background-color: rgba(214, 40, 24, 0.15);
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.tab-switcher ul.tabs .active a,
.tab-switcher ul.tabs li a:hover {
	background-color: #fd9417;
	color: #fff;
}

/* tabboxes */
.tab-switcher .tabboxes {}
.tab-switcher .tabboxes .tabbox {
	display: none;
	border-top: solid 3px #fd9417;
	padding: 25px 0 0;
	/*border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;*/
	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;
	background: url(assets/images/ico-arrow-right.png) no-repeat right 1em center;
	background-size: 6px auto;
	padding: 0.5em 1em;
	text-decoration: none;
}
.tab-switcher .tabboxes .tabbox ul li a::before {
	margin: 0 0.5em 0 0;
	content: "■";
	color: #fd9417;
}
.tab-switcher .tabboxes .tabbox ul li a:hover {
	text-decoration: underline;
	background-color: rgba(214, 40, 24, 0.15);
}


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

	=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: 40px;
	padding-bottom: 40px;
	border-bottom: solid 1px #dcdcdc;
}
.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;
  font-size: 1.1em;
}

.article-meta .update {
	margin-right: 1.5em;
  font-size: 1.1em;
}

/* article.php */
/*.archive .header .meta .update {
  display: none;
}
*/
.article-meta .article-category a {
	margin-right: 1em;
	color: #fd9417;
	text-decoration: none;
  font-size: 1.2em;
}
.article-meta .article-category a:hover {
	text-decoration: underline;
}
.article-summary {
	margin-bottom: 20px;
	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 .pic {
	float: right;
	max-width: 150px;
	margin: 0 0 20px 20px;
}
.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-bottom: 20px;
}
.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.3rem;
	line-height: 1.75;
	letter-spacing: 0;
}

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

/* 記事下部 */
.article-footer {
	margin-bottom: 80px;
}
.article-footer .article-sns {
	text-align: right;
}


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

	=Media Queries Responsive Structure

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

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

	body {
		min-width: 1120px;
	}

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


/* Smartphone
----------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 799px) {
	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 3.125vw;
		margin: auto;
	}

	.block { margin-bottom: 3.125vw; }
	.section { padding: 3.125vw 0; }

	/* Header
	-------------------------------------------------- */
	#cont { padding-top: 60px; }
	#header {
		height: 60px; 
	}
	#header #header-in {
		padding: 18px 3.125vw;
		flex-direction: row;
	}
	#header .header-right  { display: none; }
	#header .header-left,
	#header .header-right { width: 50% !important; }
	#header .logo  {}
	#header .sitetitle { display: none !important;}
	#header .logo .img {
		width: 180px;
    margin: 0;
    padding: 0;
	}
	#header .logo .img img { display: block; max-width: 100%;}

	/* Search */
	.searchform {
		max-width: 100%;
		width: 100%;
	}
	.searchform input { font-size: 16px !important; }
	.searchform input {
		padding: 8px;
	}
	.searchform .field {}
	.searchform .submit {
		font-size: 0 !important;
		background-position: center;
	}

	/* Toggler */
	#header .toggler {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
	}
	.btn-open,
	.btn-close {
		display: block;
		padding: 8px 4px;
		width: 60px;
		height: 60px;
		text-align: center;
		font-size: 11px;
		line-height: 11px;
		background-color: #ff290b;
		color: #fff;
		text-decoration: none;
	}
	.btn-open:hover,
	.btn-close:hover {}
	.btn-close { display: none;}
	.btn-open i,
	.btn-close i {
		display: block;
		font-size: 20px;
		line-height: 26px;
	}
	.btn-open span,
	.btn-close span {
		font-size: 9px;
		letter-spacing: 0;
		font-weight: bold;
		line-height: 10px;
	}

		/* 電話番号ボタン */
		#header .caller {
			position: absolute;
			top: 0;
			right: 60px;
			z-index: 9999;
		}
		.btn-tel {
			display: block;
			padding: 8px 4px;
			width: 60px;
			height: 60px;
			text-align: center;
			font-size: 11px;
			line-height: 11px;
			background-color: #3361ae;
			color: #fff;
			text-decoration: none;
		}
		.btn-tel i {
			display: block;
			font-size: 20px;
			line-height: 26px;
		}

	/* Toggle Navigation */
	#header #header-in {
		position: relative;
		z-index: 9998;
	}
	#nav {
		position: absolute;
		position: fixed;
		z-index: 9997;
		top: 0;
		left:0;
		bottom: auto;
		width: 100vw !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: 65px !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: 10px; 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 #ccc;
	}
	#nav ul li:first-child { border-left: none; }
	#nav ul li a {
		display: block;
		width: auto;
		height: auto;
		margin-bottom: 0;
		padding: 15px 0;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}
	#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: 100vh;
		height: 100vh;
		display: none;
	}
	/* Key Visual */
	#key {}


	/* Action
	-------------------------------------------------- */
	.action-download {
		background-image: none;
		background-color: #fd9417;
		color: #fff;
	}
	.action-download .box {
		padding: 0;
		font-size: 1.2rem;
		text-align: center;
	}
	.action-download .box .title {
		margin: 0 0 0.5em;
		font-size: 2.0rem;
		text-align: center;
	}
	.action-download .box strong {
		color: #fff3ce;
	}
	.btn-main {
		background-color: #fff;
		color: #fd9417;
		font-size: 1.8rem;
	}
	.btn-main:hover {
		background-color: #dcb43b;
		opacity: 0.8;
	}
	
	/* Footer
	-------------------------------------------------- */
	#btn-pagetop {
		right: 6.25vw;
	}
	#footer {}
	#footer #footer-in { padding: 40px 6.25vw; }

	#footer .footer-left > *,
	#footer .footer-right > * {
		display: block;
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
		text-align: center;
	}
	#footer .search .searchform { margin: auto !important; }

	#footer .footer-left {
		margin-bottom: 20px;
	}
	#footer .logo {
		text-align: center;
	}
	#footer .logo .img { margin: auto; }
	#footer .nav {
		font-size: 0;
		letter-spacing: 0;
	}
	#footer .nav ul {
		font-size: 1rem;
		letter-spacing: 0;
		padding-right: 0;
		width: 48% !important;
	}
	#footer .nav ul li {
		display: block !important;
    width: auto !important;
	}
	#footer .nav .tit {
		font-size: 1.2rem;
	}
	#footer #copyright {
		font-size: 9px;
		text-align: center;
	}

	/* for Bochat */
	#footer { padding-bottom: 120px !important; }

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

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

	/* Common Parts
	--------------------------------------------------*/
	.tit-main { font-size: 2rem; padding-bottom: 10px; }

	/*.list-button li:not( :first-child ) {
		margin: 0 auto 10px 0; 
	}
	*/
	.list-button li {
    margin: 0 2%;
    width: 46%;
  }

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


	/* Loop
	--------------------------------------------------*/
	.loop .row { margin-right: 0; margin-bottom: 0; }
	.loop .row .col 
	.loop .row .col .content { display: block; }

	/* slider */
	.loop .type-slider .image { height: 50vw; }
	.loop .type-slider .header .title {
		margin-bottom: 0 !important; 
	}
	.loop .type-slider .content { display: none; }

		/* Swiper */
		.swiper-grandparent { padding-top: 0; }
		.swiper-container {}
		.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: 40px !important;
		  height: 100% !important;
		  margin-top: 0 !important;
		}
		.swiper-button-prev,
		.swiper-container-rtl .swiper-button-next {
		  left: 0px !important;
		  background-image: url(assets/images/ico-arrow-swiper-left.png) !important;
		  background-size: 100% auto !important;
		}
		.swiper-button-next,
		.swiper-container-rtl .swiper-button-prev {
		  right: 0px !important;
		  background-image: url(assets/images/ico-arrow-swiper-right.png) !important;
		  background-size: 100% auto !important;
		}


	/* main（たて配置パターン） */
	.loop .type-main {
		 margin: 0 -2% 3% 0;
	}
	.loop .type-main .col {
		width: 48%;
		margin: 0 2% 3% 0;
	}
	.loop .type-main.type-focus .col { width: 50% !important; }
	.loop .type-main .image { 
		height: 30vw; 
	}
	.loop .type-main .title {
		line-height: 1.25; 
		margin-bottom: 10px; 
		font-size: 14px; 
	}
	.loop .type-main .content {
		font-size: 9px; 
	}

	/* horizontal（横配置パターン） */
	.loop .type-horizontal {
		display: block;
	}
	.loop .type-horizontal .col {
		width: 100%;
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
		background-color: transparent;
		box-shadow: none;
	}
	.loop .type-horizontal .image { width: 25%; height: auto; padding-bottom: 0; margin-bottom: 0; }
	.loop .type-horizontal .header { width: 72%; padding: 0; }
	.loop .type-horizontal .title {
		margin-bottom: 0 !important; 
		line-height: 1.6; 
		font-size: 14px; font-weight: normal; 
	}

	.loop .type-horizontal .content { display: none; font-size: 9px; }
	.loop .type-horizontal .content p {  line-height: 1.5;}

	/*#sticky .row .col:nth-child(1):before { display: none !important; } */

	/* sticky
	.loop .type-sticky .image { height: 200px; } */

	/* full
	.loop .type-full .col { width: 100% !important; margin-bottom: 20px; }
	.loop .type-full .image { height: 170px; margin-bottom: 10px; } */


	/* Home
	-------------------------------------------------- */

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

	/* Single
	-------------------------------------------------- */
	.article {
		background-color: #fff;
		padding: 3.125vw;
		box-shadow: none;
	}
	.article-title {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.article-image {
		width: 100%;
		height: 200px;
		margin-left: 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;}


	#nav .button ul li {
		display: inline-block;
		border: none;
	}
	#nav .button ul li img { margin: 0 10px 0 0; }


	/* Contact form 7 */
	.wpcf7 th, .wpcf7 td {
		display: block;
		width: 100%;
		background-color: transparent;
		color: #000;
		padding: 0;
	}
	.wpcf7 th {
		margin: 0 0 1em;
	}
	.wpcf7 tr {
		display: block;
		padding: 3.125vw;
		background-color: #fff;
	}

.loop .type-main .meta .date,.loop .type-main .meta .update {
  margin: 0 0 .4em .5em;
  font-size: .86em;
}

.loop .type-main .meta .update {
  margin: 0 0 .4em .5em;
  font-size: .86em;
}
  
}


.footerFixedMenuBox {
width:100%;
position: fixed;
bottom: 0;
left:0;
z-index: 9990;
text-align:center;
}

ul.footerFixedMenu,
ul.footerFixedMenu02 {
max-width:480px;
width:100%;
margin: 0 auto;
padding: 0;
overflow: hidden;
display: table;
}

ul.footerFixedMenu li {
width:20%;
margin: 0;
padding: 0 1px 1px 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul.footerFixedMenu02 li {
width:25%;
margin: 0;
padding: 0 1px 1px 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

ul.footerFixedMenu li a,
ul.footerFixedMenu02 li a {
border: none;
display: block;
color: #666;
text-align: center;
text-decoration: none;
background: rgba(255,255,255,0.95);
padding:5px 0;
}
ul.footerFixedMenu li a .footerFixedIcon,
ul.footerFixedMenu02 li a .footerFixedIcon {
border: none;
display: inline-block;
text-align:center;
padding:1px 0;
}
ul.footerFixedMenu li a .footerFixedIcon img,
ul.footerFixedMenu02 li a .footerFixedIcon img {
margin:0;
padding:0;
line-height:1;
display:block;
}
ul.footerFixedMenu li a p,
ul.footerFixedMenu02 li a p {
margin:0;
padding:0 0 5px 0;
color: #000;
font-size:10px;
font-weight: bold;
text-align:center;
line-height:1.2;
}

ul.footerFixedMenu li a.touch,
ul.footerFixedMenu li a.touchend,
ul.footerFixedMenu02 li a.touch,
ul.footerFixedMenu02 li a.touchend {
background: rgba(255,255,255,0.95);
}
ul.footerFixedMenu li a.touchstart,
ul.footerFixedMenu02 li a.touchstart {
background: rgba(153,153,153,0.95);
}
ul.footerFixedMenu li a img,
ul.footerFixedMenu02 li a img {
max-width:89px;
width:100%;
height:auto;
}


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

  .sp {
    display:none;
  }

}

@media screen and (max-width: 799px) {

  .sp {
    display:block;
  }

}

@media screen and (max-width: 430px) {

  .sp {
    display:block;
  }

}