/*
Theme Name: Kizukijapan 日本語版
Theme URI: https://kizukijapan.jp/
Author: kizukijapan
Author URI: https://kizukijapan.jp/
Description: 
Version: 1.0
License: 
License 
Tags: 
Text Domain: 
*/


/*------------------- 共通 -------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


@font-face {
	font-family: 'Shuei Mincho L';
/*	src: local(ShueiMinPr6N-L);*/
}
@font-face {
	font-family: 'Shuei Mincho M';
/*	src: local(ShueiMinPr6N-M);*/
}
html {
	font-family: 'Shuei Mincho L', serif;
	font-size: 62.5%;
	color: #222;
}
body {
	position:relative;
}
h1, h2, h3 {
	font-family: 'Shuei Mincho M', serif;
	font-weight: normal;
	margin: 0 0 .6em;
}
h1 {
	font-size: 3.2rem;
	line-height: 4.8rem;
}
h2 {
	font-size: 2.4rem;
	line-height: 4.0rem;
	margin: 0 0 .35rem
}
h3 {
	font-size: 2.1rem;
}
div, article p {
	font-size: 1.4rem;
	text-align: justify;
	letter-spacing: .1em;
	font-weight: 200;
	line-height: 2;
}
article h1, article h2, article h3 {
	text-align: justify;
	font-feature-settings: "palt";
	letter-spacing: .05em;
	font-weight: 200;
}
p {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, a:hover {
	transition: all 0.3s ease;
}
.txt-r {
	text-align: right!important;
}
.txt-l {
	text-align: left!important;
}
.txt-c {
	text-align: center!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.caption {
	font-size: 1.2rem
}
.flex-c {
	display: flex;
	justify-content: center;
	align-items: center;
}
.black {
	color: #222;
}
.white {
	color: #FFF;
}
.ol-decimal {
	padding-left: 2em;
}
.ol-decimal li {
	list-style: decimal;
}
.sp-only{
	display:none;
}

/*------------------- #page-top & .lang -------------------*/
#page-top,#page-top2 {
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
	font-size: 22px;
	transform: none !important;
}
#page-top a,#page-top2 a {
	display: block;
	-moz-opacity: 0.9;
	opacity: 0.9;
	width: 32px;
	height: 32px;
	background:url(img/img-arrow-up-noborder-b.png) center bottom no-repeat #FFF;
	border-radius:20px;
	border:1px solid #383c3c;
}

#lang,
#lang2{
  position: fixed;
  bottom:10px;
  right: 50px;
  background: #fff;
  border-radius: 16px;
  z-index: 9999;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #383c3c;
  line-height: 2.8rem;
}
#lang a,
#lang2 a{
  text-decoration: none;
}
#lang a:before,
#lang2 a:before{
  content: " | ";
}





/*------------------- footer -------------------*/
footer {
	margin-top: 0;
	z-index: 100;
	position: relative;
	background-color:#FFF;
}
#footer-cat-box {
	display: flex;
}
.footer-cat {
	position: relative;
	text-align: center;
	width: 25%;
	padding: 10px 30px 40px;
	border-right: #cccccc solid 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-cat:hover {
	background: #efefef;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-cat:last-child {
	border-right: none;
}
.footer-cat a {
	text-decoration: none;
	color: #222;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
.footer-cat img {
	margin: 0 auto 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-cat:hover img {
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-cat-title {
	font-size: 1.8rem;
	line-height: 1.0;
	margin-bottom: 10px;
}
#cat-title-01 {
	color: #6a5d21
}
#cat-title-02 {
	color: #2c4f54
}
#cat-title-03 {
	color: #005243
}
#cat-title-04 {
	color: #640125
}
.footer-cat-en-title {
	font-size: 1.2rem;
	line-height: 1.0;
	margin-bottom: 31px;
}
.footer-cat-lead {
	font-size: 1.4rem;
	text-align: justify;
	padding-bottom: 30px;
	line-height: 1.8;
}
.footer-cat-end {
	font-size: 1.4rem;
	position: absolute;
	bottom: 10px;
}
.footer-cat.online-box:hover {
	background: rgba(0,0,0,0.6);
}
.footer-cat .cover-black {
	display: none;
}
.footer-cat.online-box:hover .cover-black {
	height: 100%;
	width: 100%;
	display: table;
	z-index: 99;
	position: absolute;
	margin: -10px -30px;
}
.footer-cat.online-box:hover .cover-black p {
	text-align: center;
	color: #FFF;
	font-size: 3rem;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
#footer-news-box {
	background-image: url('img/bg-top-news.png');
	background-size: cover;
	background-position: top center;
	padding: 60px 5%;
}
#footer-news-area {
	max-width: 1280px;
	margin: 0 auto;
}
#footer-news-area h3 {
	line-height: 1;
	font-size: 4rem;
	text-align: center;
	margin-top: -10px;
}
ul.footer-news-list {
	margin-top: 20px;
}
ul.footer-news-list li {
	border-top: 1px solid #383c3c;
	padding: 20px 0;
	text-align: left;
}
ul.footer-news-list li:last-child {
	border-bottom: 1px solid #383c3c;
}
p.footer-news-date {
	background-color: rgba(56,60,60,0.8);
	width: 120px;
	height: 40px;
	line-height: 1.0;
	padding: 13px 0;
	text-align: center;
	color: #FFF;
	margin: 0 22px 0 0;
	font-size: 1.6rem;
	display: inline-block;
}
p.footer-news-title {
	font-size: 1.4rem;
	line-height: 1.0;
	display: inline-block;
}
p.footer-news-title a {
	color: #383c3c;
}
p.footer-news-title a:hover {
	color: #fff;
}
a.btn-footer-news {
	background-color: rgba(56,60,60,0.8);
	width: 207px;
	height: 44px;
	border-radius: 25px;
	padding: 9px 0;
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4rem;
	margin: 20px auto 0;
}
a:hover.btn-footer-news {
	background-color: rgba(56,60,60,0.5);
}
#footer-l {
	border-top: 8px solid #B4292C;
	background: #383C3C;
	display: flex;
	justify-content: center;
}
#footer-link-box {
	height: 80px;
	background: #383C3C;
	padding-right: 240px;
}
ul#footer-link {
	text-align: center;
	margin: 0 auto;
	background: #383C3C;
	display: flex;
	padding-left: 0;
}
ul#footer-link li {
	padding: 25px 15px;
}

@media screen and (min-width: 1200px) {
ul#footer-link li {
	padding: 25px 50px;
}
}

ul#footer-link li a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.4rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul#footer-link li a:hover {
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#footer-sns-box {
	position: absolute;
	right: 0;
	display: flex;
	background: #FFF;
}
#footer-sns-box a {
	height: 80px;
	width: 80px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
  justify-content: center;
  align-items: center;
}
#footer-sns-box a.footer-sns-fb {
	background-color:#3b5998;
}
#footer-sns-box a.footer-sns-tw {
	background-color:#1da1f2;
}
#footer-sns-box a.footer-sns-ig {
	background-color:#cd486b;
}
#footer-sns-box a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width:auto;
	height:34px;
}
#footer-sns-box a:hover img {
	transform: scale(1.3);
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-c {
	text-align: center;
}
p#copy {
	font-size: 1.6rem;
	line-height: 1.0;
	padding: 18px 0;
	letter-spacing: normal;
	margin: 0;
}
/*------------------- トップページ -------------------*/
header#header-top {
	margin-bottom: 30px;
}
#wrapper-top {
	margin-bottom: 120px;
	min-height: 300px;
}
#top-archive-area {
	max-width: 1366px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.top-archive-box {
	width: 33.3%;
	padding: 30px;
	position: relative;
}
.top-archive-box a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
.top-archive-thum {
	display:block;
	width: 100%;
	margin-bottom: 15px;
	line-height: 1;
	overflow: hidden;
}
.top-archive-thum-sp {
	display: none;
}
.top-archive-thum img {
	width: 100%;
	line-height: 1;
}
.top-archive-cat {
	font-size: 1.4rem;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 9px;
	padding-bottom: 9px;
	letter-spacing: 0.3em;
	margin-bottom: 15px;
	line-height: 1;
}
.top-archive-title {
	font-size: 2.4rem;
	line-height: 1.8;
	padding-bottom: 30px;
	margin-top: -5px;
}
.top-archive-name {
	font-size: 1.4rem;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.top-archive-box:hover {
	background: #ececec;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top-archive-box .top-archive-thum img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top-archive-box:hover .top-archive-thum img {
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/*------------------- トップ以下グローバル -------------------*/
main#wrapper {
	display: flex;
}
.home main#wrapper, .page-id-135 main#wrapper {
	display: block;
}
#global-pc {
	width: 80px;
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	position: relative;
	z-index: 100;
	display: inline;
}
.global-navc.fixedsticky-off {
}
.global-nav.fixedsticky-on {
}
.global-navc.fixedsticky-off {
	bottom: 0;
}
.global-nav {
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 80px;
	z-index: 100;
	height: 100vh;
	background-color: #eeeeee;
}
.global-nav a,.global-nav span {
	display: block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-decoration: none;
	height: 20vh;
	min-height: 100px;
	width: 80px;

}
.global-nav a li,.global-nav span li {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	font-size: 1.2rem;
	line-height: 2.0;
	width: 80px;
}
.global-nav a li.site-logo {
	background: #FFF;
}
.global-nav a li.site-logo img {
	width: 60px;
	height: auto;
}

.global-nav a:hover, .global-nav a.current ,.global-nav span:hover{
	color: #fff;
}
.global-nav a:hover li, .global-nav a.current li,.global-nav span:hover li {
	background: #383C3C;
	color: #fff;
}
.global-nav a.current li.site-logo {
	background: #FFF;
}
.global-nav a:hover li.site-logo {
	background: #999;
}
.global-nav span li.still .cover-black {
	display: none;
}
.global-nav span:hover li.still .cover-black {
	background-color: #222;
	color: #FFF;
}
.global-nav span:hover li.still .cover-black {
	display: table;
	z-index: 99;
	position: absolute;
	width: 80px;
	height: 20vh;
	background-color: rgba(56,60,60,0.8);
}
.global-nav span:hover li.still .cover-black p {
	text-align: center;
	color: #FFF;
	font-size: 1.3rem;
	display: table-cell;
	vertical-align: middle;
	writing-mode: normal;
	width: 100%;
	height: 100%;
	letter-spacing: 1em;
}

.breadcrumbs {
	display: flex;
	margin: 0 0 20px;
	padding: 0;
	flex-wrap:wrap;
}
.breadcrumbs li {
	font-size: 1.2rem;
	margin-right: 1em;
}
.breadcrumbs li a {
	text-decoration: none;
}
ol.breadcrumbs li:not(:last-child):after {
	content: '＞';
	font-size: 1.4rem;
	margin-left: 1em;
}
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


#page-top a:hover,#page-top2 a:hover {
	background:url(img/img-arrow-up-noborder-w.png) center bottom no-repeat #FFF;
	background-color:#383c3c;
}


/*------------------- カテゴリー共通 -------------------*/
.main-wrapper, .main-inner, .main-inner.archive2 {
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
	width: 100%;
}
.main-inner {
	display: flex;
	height: 100%;
}
.wrapper-left {
	display: block;
	min-height: 100vh;
	min-width: 120px;
	position: relative;
	width:calc(42.1% - 80px);
	/*width:100%;*/
}
.archive2 .wrapper-left {
	background-position: top left;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.wrapper-right {
	padding: 0;
	margin-top: 80px;
	padding-bottom: 60px;
	background: #fff;
	width:calc(57.9% + 80px);
}
.archive2 .wrapper-right {
}
.kouzo .archive2 .wrapper-right {
	margin-top: 0px;
}
.post .wrapper-right {
	margin: 0px auto;
}
.wrapper-right-inner {
	padding:20px 5% 0;
	background-color: #fff;
	transition:0.3s ease;
}

@media screen and (min-width: 1358px) {
.wrapper-right-inner {
	padding: 20px 10% 0;
}
}
@media screen and (min-width: 1920px) {
.wrapper-right-inner {
	padding: 20px 15% 0;
}
}
.overfix{
	height:100%;
	position:absolute;
}

#titlebox {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#titlebox.fullpage {
	left: 0px;
}

.title-box{
	text-align: center;
	top: 170px;
	margin-bottom: 178px;
	word-wrap: break-word; /* IE11用 */
	padding: 0 2vw;
	left: 80px;
	width: 100%;
	margin: 0 auto;
	position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
}
.title-box-sp {
	text-align: center;
}

#titlebox .title-box {
	top: 70px;
}
.archive .title-box {
	color: #FFF;
}
.archive .title-box.black {
	color: #222;
}
.title-box-sp {
	display: none;
}
h1.archive-h1 {
	font-size: 4.0rem;
	letter-spacing: .14em;
	margin-bottom: 10px;
}
.archive-lead {
	text-align: left;
}


.wrapper-left .archive-lead {
	line-height: 2.0;
	font-size: 1.4rem;
	letter-spacing: .2em;
}

@media screen and (min-width: 992px) {
.wrapper-right-inner .post-area {
	max-width: 800px;
}
}
.post-area .archive-box:first-child {
	border-top: 1px solid #999;
}
.archive-box {
	width: 100%;
	padding: 30px 0;
	position: relative;
	border-bottom: 1px solid #999;
	display: flex;
	min-height:260px;
}
.archive-box a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
.archive-thum {
	display:block;
	float:left;
	width: 220px;
	height: 220px;
	margin-right: 30px;
	line-height: 1;
	overflow: hidden;
	min-width: 220px;
	text-align: center;
}
.archive-thum img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	text-align: center;
}
.archive-right {
	min-width: 0;
}
.archive-cat {
	font-size: 1.4rem;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 9px;
	padding-bottom: 9px;
	letter-spacing: 0.3em;
	margin-bottom: 15px;
	line-height: 1;
}
.archive-title {
	font-size: 2.4rem;
	line-height: 1.8;
	padding-bottom: 30px;
	margin-top: 7px;
}
.archive-p {
	line-height: 1.8;
	padding-bottom: 30px;
	margin-top: 7px;
}
.archive-name {
	font-size: 1.4rem;
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 0;
	line-height: 2.0;
	width:calc(100% - 250px);
	line-height:1.4;
	margin-bottom:0!important;
}
.archive-box:hover {
	background: #ececec;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.archive-box:hover .archive-thum img {
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pagination {
	margin-top: 30px;
	width: 100%;
}
.pagination h2 {
	display: none;
}
.pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagination a.page-numbers {
	text-decoration: none;
}
.pagination .page-numbers span {
	background-color: #FFF;
	width: 45px;
	height: 45px;
	border: 1px solid #999;
	padding: 8px 0 12px;
	border-radius: 25px;
	text-align: center;
	display: block;
	font-size: 1.4rem;
	margin: 0 5px;
	text-decoration: none;
	color: #999;
}
.pagination a.page-numbers:hover {
	color: #FFF;
}
.pagination a.page-numbers.prev span, .pagination a.page-numbers.next span {
	width: 120px;
	padding: 8px 0 12px;
}
.pagination a.page-numbers:hover span {
	background-color: #383c3c;
	color: #FFF;
	border-color:#383c3c;
}
.pagination .page-numbers.current span {
	background-color: #383c3c;
	color: #FFF;
	border-color:#383c3c;
}
.pagination.washi a.page-numbers span {
	width: 265px;
}
.wrapper-right.single,body.postid-54 .wrapper-right{
	margin: 0 auto;
}
.post-area {
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	width: auto;
}


/*------------------- ［詳細共通］ -------------------*/
.main-image-2 {
	display: none;
}
.post-area article {
	width: auto;
}
h1.post-title {
	margin-bottom: 40px;
	margin-top: 5px;
}
/* タイトル部に小さい文字を入れて改行用スタイル（記事タイトル、内部リンク共通） */
h1>span.small,
h3>span.small{
  display: block;
  font-size: 1.6rem;
}
/* end - 181004追記 */

.post-sub, .post-sub-news {
	margin-bottom: 45px;
}
.post-sub p, .post-sub-news p {
	padding: 12px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	display: table;
}
.post-sub-news p {
	display: block;
}
.post-area h2 {
	margin-top: 40px;
	margin-bottom: 10px;
}
.post-area p {
	margin-top: 20px;
}
.post-img {
	margin: 20px 0;
}
.post-img.size-1 img {
	width: 100%;
}
.post-img.size-1or img {
}
.post-img.size-2 {
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 20px;
}
.size-2-inner {
	width: 47.5%;
}
.size-2-inner:nth-child(2n) {
	margin-left: 5%;
}
.size-2-inner:nth-last-child(n+3) {
	margin-bottom: 20px;
}
.post-img.size-2 img {
	width: 100%;
}
.post-img.size-3 {
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 30px;
	margin-top: 30px;
}
.size-3-inner {
	width: 32%;
}
.size-3-inner:not(:last-child) {
	margin-right: 2%;
}
.post-img.size-3 img {
	width: 100%;
}
.post-img .caption, .post-profile-box .caption, .post-column-box .caption {
	text-align: center;
	margin-top: -5px;
	font-size: 1.2rem;
	display: block;
}
.post-img .caption-2-1{
  margin-top: -25px;
  width: 100%;
	text-align: center;
	font-size: 1.2rem;
	display: block;
	
}
.post-profile,.post-column {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-profile p,.post-column p {
	margin-top: 0;
}
.post-profile img {
	float: left;
	margin-right: 30px;
	width: 210px;
}
.post-column img {
	margin-right: 30px;
	width: 210px;
}
.post-profile-box,.post-column-box {
	float: left;
	margin-right: 30px;
	width: 210px;
}
h3.profile-title {
	line-height: 1;
}
/* 注釈用ページ内リンク部小文字スタイル */
a.annotation{
  font-size: 1.0rem;
  vertical-align: top;
}
/* end-181002追記 */

/* 和紙コラム太字用スタイル */
span.bold{
  font-weight: bold;
}
/* end-181004追記 */

ul.profile-info {
	padding-left: 0;
}
ul.profile-info dl {
	display: flex;
}
ul.profile-info dl dt {
	word-break: keep-all;
}
ul.profile-info dl dd:before {
	content: '：';
	right: 0;
}
.sns-area {
	margin: 10px 0 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
}
.sns-area li a {
	width: 120px;
	height: 45px;
	border: 1px solid;
	padding: 8px 0px 0px 16px;
	border-radius: 25px;
	text-align: center;
	display: block;
	font-size: 1.2rem;
	margin: 0 8px;
	text-decoration: none;
	letter-spacing: 0;
}
.sns-area li.sns-fb a {
	color: #3b5998;
	border-color: #3b5998;
}
.sns-area li.sns-tw a {
	color: #1da1f2;
	border-color: #1da1f2;
}
.sns-area li.sns-ln a {
	color: #4daf33;
	border-color: #4daf33;
	position: relative;
}
.sns-area li a:hover {
	color: #FFF;
}
.sns-area li.sns-fb a:hover {
	background: #3b5998;
}
.sns-area li.sns-tw a:hover {
	background: #1da1f2;
}
.sns-area li.sns-ln a:hover {
	background: #4daf33;
}
.sns-area li a span {
	position: relative;
}
.sns-area li a span:before {
	content: "";
	width: 16px;
	height: 16px;
	top: -2px;
	left: -20px;
	background-repeat: no-repeat;
	position: absolute;
}
.sns-area li.sns-fb a span:before {
	background: url(img/facebook-c.svg);
}
.sns-area li.sns-tw a span:before {
	background: url(img/twitter-c.svg);
}
.sns-area li.sns-ln a span:before {
	background: url(img/line-c.svg);
}
.sns-area li.sns-fb a:hover span:before {
	background: url(img/facebook.svg);
}
.sns-area li.sns-tw a:hover span:before {
	background: url(img/twitter.svg);
}
.sns-area li.sns-ln a:hover span:before {
	background: url(img/line.svg);
}
.btn-area {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	margin-bottom: 30px;
}
.detail-btn a {
	width: 208px;
	height: 45px;
	border: 1px solid #383c3c;
	padding: 8px 0px 0px 16px;
	border-radius: 25px;
	text-align: center;
	display: block;
	font-size: 1.2rem;
	margin: 0 8px;
	text-decoration: none;
	letter-spacing: 0;
	color: #383c3c;
	border-color: #383c3c;
}
.detail-btn a:hover {
	color: #FFF;
	background: #383c3c;
}
.detail-btn a span {
	position: relative;
}
.detail-btn a span:before {
	content: "";
	width: 15px;
	height: 15px;
	top: -2px;
	left: -20px;
	background-repeat: no-repeat;
	position: absolute;
	background: url(img/icon-detail.png);
}
.detail-btn a:hover span:before {
	background: url(img/icon-detail-h.png);
}

.wrapper-left.post-detail {
}
.wrapper-left.post-detail .main-image {
	height: 100vh;
	display: flex;
	align-items: top;
	justify-content: center;
	overflow: hidden;
	top: 0;
	z-index: 1;
	left: 80px;
}

.wrapper-left.post-detail .main-image img {
	width: auto;
	height: inherit;
	position: absolute;
	left: -100%;
	right: -100%;
	margin: 0 auto;
}


/*------------------- ［個別］ -------------------*/
body.post-type-archive-creators_voice .main-inner {
	background-image: url(img/bg-cat-creator.jpg);
}
body.post-type-archive-washi_no_korekara .main-inner {
	background-image: url(img/bg-cat-washi-2.jpg);
}
body.post-type-archive-washi_to_watashi .main-inner {
	background-image: url(img/bg-cat-washi-3b.jpg);
}
body.post-type-archive-presents .main-inner {
	background-image: url(img/bg-archive-presents.jpg);
}
.main-inner#about-1 {
	background-image: url(img/bg-about-01.jpg);
}
.main-inner#about-2 {
	background-image: url(img/bg-about-02.jpg);
}
body.single-news .main-inner, body.post-type-archive-news .main-inner {
	background-image: url(img/bg-cat-news.jpg);
}
body.page .main-wrapper {
	background-image: url(img/bg-policy.jpg);
}
body.postid-54 .wrapper-left {
	background-image: url(img/bg-cat-kouzo.jpg);
	height: 100%;
}
body.postid-54 .archive-p {
	margin-top:0!important;
}


/*------------------- 和紙top -------------------*/

body.category-japanese_paper #washi-1.main-inner {
	background-image: url(img/bg-cat-washi-1.jpg);
	padding-bottom: 80px;
}
body.category-japanese_paper #washi-2.main-inner {
	background-image: url(img/bg-cat-washi-2.jpg);
	padding-bottom: 80px;
}
body.category-japanese_paper #washi-3.main-inner {
	background-image: url(img/bg-cat-washi-3.jpg);
	padding-bottom: 80px;
}
#fullpage .main-inner {
	background-attachment: inherit;
}
body.category-japanese_paper .wrapper-left {
	min-width: 290px;
}
.post-area article {
	width: 100%;
}
.archive .wrapper-right .post-area {
}
#washi-archive-area {
	width:100%;
}
@media screen and (min-width:992px) and (max-width: 1100px) {
body.category-japanese_paper .wrapper-right .post-area {
	min-width: 300px;
	width: 500px;
	max-width: 500px;
}
body.category-japanese_paper .post-area article {
	max-width: 500px;
	width: 500px;
}
}


#washi-2 .wrapper-right, #washi-3 .wrapper-right {
	margin-top: 80px;
}
.archive .wrapper-left .archive-lead {
	max-width: 420px;
	margin: 10px auto;
	text-align: left;
}
h1.washi-post-title {
	font-size: 3.6rem;
	margin-bottom: 10px;
	width: 100%;
}
h2.washi-post-title {
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
}
hr.hr-post {
	margin: 30px 0;
}
.washi-box {
	border-top: 1px solid #999;
	padding: 40px 0 30px;
	overflow: hidden;
}
.washi-box-last {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 40px 0 20px;
	margin-top: 40px;
	overflow: hidden;
}
.washi-box-last p.washi-excerpt a {
	margin-top: 1em;
	display: block;
	text-align: right;
}
.washi-box.post-profile,.washi-box.post-column {
	border-bottom: none;
	padding-bottom: 0;
}
.washi-box.post-profile p,.washi-box.post-column p {
	overflow: auto
}
.pagenav {
	margin: 40px auto 15px;
	max-width: 420px;
	text-align: left;
}
.pagenav li {
	height: 32px;
	display: block;
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 25px;
	position: relative;
	text-align: left;
	cursor: pointer;
}
.pagenav li a {
	width: 100%;
	height: 32px;
	line-height: 1;
	right: 0;
	top: 0;
	color: #FFF;
	display: flex;
	text-decoration: none;
}
.pagenav li span.navtitle {
	width: 185px;
}
.pagenav li span.icon {
	margin-right: 0;
	width: 32px;
	height: 32px;
	display: block;
}
.pagenav li.down span.icon {
	background: url(img/arrow-circle-down-w.svg) center bottom no-repeat;
}
.pagenav li.up span.icon {
	background: url(img/arrow-circle-up-w.svg) center bottom no-repeat;
}
.pagenav li hr.linkline {
	flex: 1;
	margin-right: 5px;
	border: 0;
	height: 1px;
	background-color: #FFF;
}
.pagenav li.current hr.linkline {
	display: none;
}
.pagenav li.current {
	opacity: 0.5;
}
.black {
	color: #222;
}
.white {
	color: #FFF;
}
div.black .pagenav li a {
	color: #222;
}
div.black .pagenav li.down span.icon {
	background: url(img/arrow-circle-down.svg) center bottom no-repeat;
}
div.black .pagenav li.up span.icon {
	background: url(img/arrow-circle-up.svg) center bottom no-repeat;
}
div.black .pagenav li hr.linkline {
	flex: 1;
	margin-right: 5px;
	background-color: #222;
}
.pagenav li.current {
	background: none;
}
.pagenav li a:hover {
	opacity: 0.5;
}
.pagenav li.down:hover {
}
.pagenav li.up:hover {
}
div.black .pagenav li.down:hover {
}
div.black .pagenav li.up:hover {
}
.pagenav li.new {
	margin-top: -24px;
	height: 48px;
}
.pagenav li.new:before {
	content: 'NEW';
	color: #c30d23;
	height: 14px;
	top: 0;
	left: 0;
	font-size: 1.4rem;
}
.pagenav span.new {
	margin-top: -23px;
	height: 48px;
	color: #c30d23;
	height: 14px;
	font-size: 1.4rem;
	display: block;
	margin-bottom: 9px;
}


/*------------------- about -------------------*/

.page-id-2 h1.post-title {
	display: none;
}
.page-id-2 h2.washi-post-title {
	width: auto;
}
.about-title {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 30px 0 30px;
	overflow: hidden;
}
.about-title img {
	width: 200px;
	margin-right: 50px;
}
div.about-title + div.washi-box{
  border-top: none;
}


/*------------------- contact -------------------*/
.mw_wp_form p {
	margin-top: 40px;
	margin-bottom: 10px;
}
.mw_wp_form p span.required {
	margin-left: 50px;
	width: 60px;
	height: 28px;
	color: #FFF;
	background-color: #e60012;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}
.mw_wp_form.mw_wp_form_complete p span.required, .mw_wp_form.mw_wp_form_confirm p span.required {
	display: none;
}
.mw_wp_form input.formbox {
	width: 100%;
	height: 60px;
	padding: 0 20px;
}
.mw_wp_form textarea {
	width: 100%;
	height: 200px;
	padding: 20px 20px;
}
.mw_wp_form hr.hr-confirm, .mw_wp_form.mw_wp_form_complete hr.hr-confirm {
	display: none;
}
.mw_wp_form.mw_wp_form_confirm .hr-confirm {
	display: block;
	margin: 30px 0;
}
.mw_wp_form.mw_wp_form_confirm p.form-input {
	display: inline-block;
	margin-right: 80px;
	width: 170px;
}
.mw_wp_form.mw_wp_form_confirm p.form-input {
	margin-top: 0;
	margin-bottom: 0;
}
.mw_wp_form_send_error {
	font-size: 30px;
	color: #FF0000;
}
nav.contactbtn, nav.formtop {
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.contactbtn input, nav.contactbtn button, nav.formtop a {
	background-color: #FFF;
	width: 45px;
	height: 45px;
	border: 1px solid #999;
	padding: 8px 0 12px;
	border-radius: 25px;
	text-align: center;
	display: block;
	font-size: 1.4rem;
	margin: 0 15px;
	text-decoration: none;
	color: #999;
	width: 160px;
}
nav.contactbtn input:hover, nav.contactbtn button:hover, nav.formtop a:hover {
	background-color: #383c3c;
	color: #FFF;
}



/*-------------------------------------- タブレット --------------------------------------*/
@media screen and (max-width: 991px) and (min-width:768px) {
	
	
}
/*-------------------------------------- Smartphone＆タブレット --------------------------------------*/
@media screen and (max-width: 991px) {
/*------------------- Smartphone＆タブレット 共通 -------------------*/
/*------------------- Smartphone＆タブレット footer-------------------*/
	.footer-cat{
		padding:10px 15px 40px;
	}
ul#footer-link li {
	padding:25px 7px
}
ul#footer-link li a {
	font-size:1.2rem;
}
/*------------------- Smartphone＆タブレット トップページ-------------------*/
/*------------------- Smartphone＆タブレット トップ以下グローバル-------------------*/


/*------------------- Smartphone＆タブレット カテゴリー共通 -------------------*/
.wrapper-right {
	width:100%;
	margin-top:0;
	background:none;
	padding-bottom:10px;
}
.wrapper-right-inner {
	padding: 20px 10px 60px;
}
.main-wrapper, .main-inner, .main-inner.archive2 {
	width: 100%;
}
.main-inner ,.main-inner.archive2 {
	padding:10px;
}

.wrapper-left {
	display: none;
}
.overfix {
		display: none;
	}
.title-box-sp {
	display: block;
	margin-bottom: 60px;
    margin-top: 60px;
}
.title-box-sp h1.white, .title-box-sp p.white {
	color: #222;
	text-align: center;
}
body.post-type-archive-presents .title-box-sp.black h1.white,body.post-type-archive-presents .title-box-sp.black p.white{
	color:#FFF;
	}
.wrapper-left.post-detail, .main-image {
	display: none;
}
.post-area {
	width: auto;
}

/*------------------- Smartphone＆タブレット 詳細共通 -------------------*/
.wrapper-right-outer {
		height:100%;
		background:#FFF;
	}
.main-image-2 {
	display: block;
}
.post-img.size-1.main-image-2 {
	width: auto;
	text-align: center;
	overflow: hidden;
	height:500px;
}
.post-img.size-1.main-image-2 img {
	width: auto;
	height:500px;
}
/*------------------- Smartphone＆タブレット 和紙top -------------------*/
body.category-japanese_paper .wrapper-right{
		background:none;
		margin-top:0!important;
}
	body.category-japanese_paper .wrapper-right-outer {
		height:auto;
		background:none;
	}
body.category-japanese_paper .main-inner{
	padding-bottom:30px!important;
}
body.category-japanese_paper .post-area{	
	padding-bottom: 30px;
	}

/*------------------- Smartphone＆タブレット about -------------------*/

/*------------------- Smartphone＆タブレット contact -------------------*/
	
/*Smartphone＆タブレット用 閉じタグ */
}



/*-------------------------------------- Smartphone --------------------------------------*/
@media screen and (max-width: 767px) {
	


/*------------------- Smartphone 共通 -------------------*/
body.fixed{
  position: fixed;
  width:100%;
}
	h1 {
	font-size: 2.0rem;
	line-height: 2.8rem;
}
h2 {
	font-size: 1.6rem;
	line-height: 2.0rem;
	margin: 0 0 .35rem
}
h3 {
	font-size: 1.6rem;
}
img {max-width:100%;display: block;}
div, article p {
	font-size: 1.4rem;
	text-align: justify;
	letter-spacing: .1em;
	font-weight: 200;
	line-height: 2.24rem;
}
	.sp-only {
		display:block;
	}
main#wrapper {
		display: block;
	}
body:not(.home) main#wrapper {
		display: block;
	padding-top: 60px;
	}
	
/*------------------- Smartphone footer-------------------*/
#footer-news-box {
	padding: 10px;
}
#footer-news-area {
	max-width: 100%;
}
#footer-news-area h3 {
	font-size: 1.6rem;
	margin-top: 5px;
}
ul.footer-news-list {
	margin-top: 15px;
}
ul.footer-news-list li {
	padding: 5px 0;
}
p.footer-news-date {
	width: 80px;
	height: 20px;
	padding: 4px 0;
	margin: 0 11px 0 0;
	font-size: 1.2rem;
}
p.footer-news-title {
	font-size: 1.2rem;
	 letter-spacing: normal;
}
a.btn-footer-news {
	width: 188px;
	font-size: 1.2rem;
}
a:hover.btn-footer-news {
	background-color: rgba(56,60,60,0.5);
}
footer #footer-cat-box {
		flex-wrap: wrap;
		padding:15px 0 5px 10px;
	}
footer .footer-cat {
		width: calc(50% - 10px);
    border: 1px solid;
    margin-right: 10px;
    margin-bottom: 10px;
	padding:10px 5px 10px;
	}
footer .footer-cat-title {
		font-size:1.4rem;
		letter-spacing:normal;
	}
footer .footer-cat-en-title {
		margin-bottom:0;
	}
footer .footer-cat:last-child {
	border-right:1px solid;
	}
footer .footer-cat-lead ,.footer-cat-end{
		display: none;
	}
	
.footer-cat.online-box {
	background: rgba(0,0,0,0.6);
}

.footer-cat.online-box .cover-black,.footer-cat.online-box:hover .cover-black {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 99;
	margin: -10px -5px;
}
.footer-cat.online-box .cover-black p,.footer-cat.online-box:hover .cover-black p {
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	vertical-align: middle;
	height:auto;
}	
#footer-l {padding:15px;}
#footer-link-box {
	display: none;
}
#footer-sns-box {
	position: relative;
	width:100%;
	background:none;
}
#footer-sns-box a {
    height: 50px;
    width: calc(33.3% - 10px);
    margin-right: calc(15px);
}
	#footer-sns-box a img {
    height: 20px;
}
	#footer-sns-box a:last-child {
    margin-right: 0;
}
p#copy {
	font-size: 1.0rem;
	padding:10px 0;
}
/*------------------- Smartphone トップページ-------------------*/
header#header-top {
   margin-bottom: 20px;
}
#wrapper-top {
	margin-bottom: 0;
	min-height: auto;
}
#top-archive-area {
	max-width: 100%;
	margin: 0 auto;
	display:inherit;
}
.top-archive-box {
	width: 100%;
	padding: 10px;
	margin-bottom:10px;
	min-height:120px;
	
}
.top-archive-thum {
	display:none;
}
.top-archive-thum-sp {
	display:block;
	float:left;
	width:100px;
	height:100px;
	overflow: hidden;
	margin-right:10px;
}
.top-archive-thum-sp img {
	width:100px;
	height:100px;
}
.top-archive-cat {
	font-size: 1.0rem;
	margin-bottom: 8px;
	    margin-left: 110px;
	padding-top:5px;
	padding-bottom:5px;
}
.top-archive-title {
	font-size: 1.6rem;
	padding-bottom: 20px;
	letter-spacing:0.05em;
	overflow: hidden;
	line-height: 1.4;
}
.top-archive-name {
	font-size: 1.0rem;
	text-align: right;
	bottom: 10px;
	right: 10px;
	line-height:1.2;
	width: calc(100% - 120px);
}
footer ul.menu-2{
	padding:10px;
	background-color:rgba(238,238,238,0.85);
}
	footer ul.menu-2 li a{
		color:#383c3c;
	}
/*------------------- Smartphone トップ以下グローバル-------------------*/
#global-pc {
		display: none;
	}
header:not(#header-top) {
		width:100%;
		height:60px;
		background-color:rgba(238,238,238,0.9);
		position:fixed;
		top:0;
		left:0;
		z-index:200;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	.sp-only.sitelogo	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:60px;
		display: flex;
		justify-content: center;
	align-items: center;
	}
	.sp-only.sitelogo a{
		height:30px;
	}

/*--------------------------------
アコーディオンメニュー
---------------------------------*/

.menu-navigation-container {
	overflow: hidden;
}
.menu-g-nav-container {
	padding-top: 0;
	height:100%;
}
nav li a:hover {
	text-decoration: underline;
}
#s-navi {
	margin: 0;
}
	#s-navi a,#s-navi a:hover{
		text-decoration: none;
		color:#000;
	}
#s-navi ul.sub-menu {
	display: none;
}
#s-navi dl.acordion {
	margin: 0px;
	width: 100%;
}
#s-navi dt.trigger {
	cursor: pointer;
	height: 40px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
.trigger .fa:not(.fa-bars) {
	font-size: 20px;
}
/*アコーディオンメニューボタン*/
#s-navi:after {
	content: "";
	display: block;
	clear: both;
}
#s-navi dt.trigger .op {
	color: #000;
	display: block;
	float: right;
	height: 60px;
	width: 45px;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
#s-navi dt.trigger .op.active {
	position: absolute;
	right: 0;
	z-index: 999;
}

#s-navi dt.trigger .op, #s-navi dt.trigger .op span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#s-navi dt.trigger .op span {
	position: absolute;
	width: 25px;
	height: 2px;
	right: 15px;
	background-color: #000;
}
#s-navi dt.trigger .op span:nth-of-type(1) {
	top: 20px;
}
#s-navi dt.trigger .op span:nth-of-type(2) {
	top: 29px
}
#s-navi dt.trigger .op span:nth-of-type(3) {
	bottom: 20px;
}
#s-navi dt.trigger .op.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
#s-navi dt.trigger .op.active span:nth-of-type(2) {
	opacity: 0;
}
#s-navi dt.trigger .op.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}	
#s-navi dd.acordion_tree {
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 10;
	background-color: rgba(238, 238, 238, 0.9);
	width: 100%;
	height: 100%;
	margin-top:60px;
}

.menu-close {
	padding: 10px;
}

#menu-g-nav {
	border-top: #383c3c solid 1px;
/*	height:calc(100vh - 130px);*/
	padding:0 10px 60px;
	overflow: scroll;
	height:100%;
	}
	#menu-g-nav li.menu-g-nav-li
	{
	border-top: #383c3c solid 1px;
	height:120px;
/*	height:calc(20vh - 12px);*/
	}
	#menu-g-nav li.menu-g-nav-li:first-child {
	border-top: none;
}
.s-navi-cat {
	text-align: center;
	padding: 10px 0;
	position: relative;
}
.s-navi-cat a,.s-navi-cat span {
	text-decoration: none;
	color: #222;
	width: 100%;
	height: 100%;
	display: flex;
}
.s-navi-cat a:hover {
	text-decoration: none;
}

.s-navi-left {
		margin-left:20px;
		margin-right:20px;
		display: flex;
		justify-content: center;
	align-items: center;
		width:25%;
	}
.s-navi-right {
		width:75%;
	text-align:center;
	}
.s-navi-cat:first-child {
	border-top: none;
}



.s-navi-cat p{
		display: block;
		overflow: hidden;
	}
.s-navi-cat img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.s-navi-cat:hover img {
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.s-navi-cat-title {
	font-size: 1.4rem;
	line-height: 1.0;
	margin-bottom: 5px;
}
.s-navi-cat-en-title {
	font-size: 1.0rem;
	line-height: 1.0;
	margin-bottom: 10px;
}
.s-navi-cat-lead {
	font-size: 1.0rem;
	text-align: justify;
	line-height: 1.6rem;
}
.s-navi-cat.online-box {
	background: rgba(0,0,0,0.3);
}
.s-navi-cat.online-box .cover-black {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.s-navi-cat.online-box .cover-black p {
	text-align: center;
	color: #FFF;
	font-size: 1.5rem;
	letter-spacing: 2;
}	
ul.menu-2{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	ul.menu-2 li {
		width:48%;
		text-align:center;
		border-top:none;
		border-bottom: #383c3c solid 1px;
		padding-top:15px;
		padding-bottom:15px;
	}
	ul.menu-2 li a{
		font-size:1.2rem;
		text-decoration: none;
	}

/*------------------- Smartphone カテゴリー共通 -------------------*/
.title-box-sp {
		margin-top:20px;
		margin-bottom:30px;
	}
.wrapper-right-inner {
    padding: 20px 10px 30px;
}
.breadcrumbs li {
		font-size: 1.0rem;
		letter-spacing: normal;
	}
	ol.breadcrumbs li:not(:last-child):after {
		font-size: 1.0rem;
	}
body.single .main-inner{
	padding-bottom:0;}

body.single-news .main-inner{
	padding-bottom:30px;}

.wrapper-right.single {
		padding-bottom:0;
	}
.single .wrapper-right-inner {
	padding: 20px 4px 0px;
}
.single-news .wrapper-right-inner {
    padding: 20px 10px 30px;
}
.single-news .main-inner {
		padding: 30px 10px;
	}	
h1.archive-h1 {
	font-size: 2.0rem;
}
.archive-box {
	width: 100%;
	padding: 15px 0;
	min-height:120px;
	
}
.archive-thum {
	display:block;
	float:left;
	width:100px;
	min-width:100px;
	height:100px;
	overflow: hidden;
	margin-right:10px;
}
.archive-thum img {
	width:100px;
	height:100px;
	object-fit:cover;
}
.archive-title {
	font-size: 1.6rem;
    margin: -5px 0 0;
    letter-spacing: 0.05em;
    line-height: 1.4;
}
.archive-name {
	font-size: 1.0rem;
	text-align: right;
	bottom: 10px;
	right: 0;
	top:auto;
	width:calc(100% - 120px);
	line-height:1.4;
	margin-bottom:0!important;
}
.pagination .page-numbers span {
		padding: 11px 0 11px;}
.pagination a.page-numbers.prev span,.pagination a.page-numbers.next span {
    width: 45px;
    padding: 8px 0 12px;
	text-indent:-9999px;
	background-size:50%;
	background-position:center 11px;
	background-repeat: no-repeat;
}
	.pagination a.page-numbers.prev span {
	background-image:url(img/arrow-left.svg);
}
		.pagination a.page-numbers.next span {
	background-image:url(img/arrow-right.svg);
}
/*------------------- Smartphone 詳細共通 -------------------*/
h1.post-title {
    margin-bottom: 20px;
    margin-top: 0px;
}
.post-area h2 {
		margin-top:30px;
	}
.post-area p{
		margin-bottom:20px;
	}
article > p:last-of-type{
		margin-bottom:30px;
	}
.post-sub, .post-sub-news {
    margin-bottom: 20px;
}
.post-sub p, .post-sub-news p {
    padding: 6px 0;
	line-height:1.6;
	font-size:1.2rem;
}
.post-img.size-1.main-image-2 {
	height: auto;
	width: auto;
}
.post-img.size-1.main-image-2 img {
	width: auto;
	height:auto;
}
.size-2-inner {
    width: calc(50% - 7px);
	line-height:1;
}
.size-2-inner img{
   line-height:1;
	margin-bottom: 0;
}
.post-img.size-2 {
    margin: 14px 0 14px;
}
.size-2-inner:nth-child(2n) {
    margin-left: 14px;
}
.post-img .caption, .post-profile-box .caption,.post-column-box .caption {
    font-size: 1.0rem;
	margin-top:5px;
	line-height: 1.2;
}
.post-img .caption-2-1{
  margin-top: -16px;
  width: 100%;
	font-size: 1.0rem;
	line-height: 1.2;
}
.post-profile,.post-column {
		margin-top:20px;
		margin-bottom:20px;
	}
.post-profile h2,.post-column h2 {
		margin-top:0;
	}
.post-profile p,.post-column p{
		margin:0;
	}
.post-profile img,.post-column img {
	padding-bottom: 14px;
    width: 30%;
}
.post-profile .post-profile-box,.post-column .post-column-box {
    margin-right: 30px;
	padding-bottom:14px;
    width: 30%;
}
.post-profile .post-profile-box img,.post-column .post-column-box img{
    padding-bottom:0;
	width:100%;
}
.profile-info li dl dd{
  padding-left: 1.4rem;
  text-indent: -1.4rem;
}
hr.hr-post{
    margin: 20px 0;
}

.size-2 + hr.hr-post,.size-2 + div{
    margin: 30px 0;
}
.sns-area {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 7px;
  padding: 20px 0;
}
.sns-area li:first-child {
	width:100%;
	text-align:center;
	margin-bottom: 1.4rem;
}
.sns-area li {
	width:30%;
	text-align:center;
	margin-right:5%;
}
.sns-area li:last-child {
	margin-right:0%;
}
.sns-area li a {
	width:100%;
	margin:0;
	height: 50px;
    border: 1px solid;
    padding: 22px 0px 0px 0;
}
	.sns-area li a span::before{
	margin:auto;
	top: -20px;
    left: 0;
	right:0;
}

/*------------------- Smartphone 和紙top -------------------*/
.pagenav {
    margin: 30px auto 0;
    max-width: 60%;
    text-align: left;
}
.pagenav li {
	font-size:1.4rem;
	margin-bottom: 30px;
	height:16px;
	}
.pagenav li a {
    height: 16px;
	}
.pagenav li.new {
    margin-top: -14px;
    height: auto;
}
.pagenav li.new:before {
    font-size:10px;
	height:10px;
}
	.pagenav li span.icon {
	margin-right: 0;
    width: 16px;
    height: 16px;
    display: block;
}
.pagenav li span.navtitle {
    min-width: 110px;
	width:auto;
}
h1.washi-post-title {
    font-size: 2.0rem;
}
.washi-box.post-profile p,.washi-box.post-column p {
		overflow: unset;
	}
.washi-box-last {
    padding: 0 0 16px;
    margin-top: 30px;
}
	#washi-archive-area.mt40 {
		margin-top: 0!important;
	}
body.category-japanese_paper .wrapper-right-inner .post-area {
		padding-bottom:0;
	}
/*------------------- Smartphone about -------------------*/
.main-inner#about-1{
    padding: 30px 10px 0;
}
.main-inner#about-2{
    padding: 0 10px 30px;
}

#about-1 .single .wrapper-right-inner {
    padding: 20px 10px 0px;
}
#about-2 .single .wrapper-right-inner{
    padding: 20px 10px 40px;
}
.about-title img {
    width: 30%;
    margin-right: 1em;
}

.about-title h2.washi-post-title {
  font-size: 2rem;
  line-height: 2.8rem;
}
#about-1 h1.washi-post-title,
#about-2 h2.washi-post-title{
  font-size: 1.6rem;
  line-height: 2.4rem;
}

#about-1 .washi-box p,
#about-2 p{
  text-align: left!important;/* justifyの文字揃えはjustify適用前の文字揃えに準じるため追記が必要 */
  text-align: justify!important;
}
#about-1 .washi-box p br,
#about-2 p br{
  display: none;
}
	
/*------------------- Smartphone page/contact -------------------*/
.page .main-inner{
    padding: 30px 10px;
}
.page .single .wrapper-right-inner{
    padding: 20px 10px 40px;
}
.page .single .wrapper-right-inner h1.post-title {
    margin-bottom: 30px;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form textarea{
  border: 1px solid #666;
}
	.mw_wp_form.mw_wp_form_confirm p.form-input {
		display:block;
	}
	
/*smartphone用 閉じタグ */
}
/*-------------------------------------- ie11対応 --------------------------------------*/
@media all and (-ms-high-contrast:none) {
	
 *::-ms-backdrop, * {
transition: none;
}
	
 *::-ms-backdrop, #global-pc {
width:85px;}
 *::-ms-backdrop, .fixedbottom.fixedsticky-off {
position:absolute!important;
bottom:0;
top:auto!important;
left:0!important;
}
*::-ms-backdrop,.global-nav span:hover li.still .cover-black {height: auto;}
	
*::-ms-backdrop, * .overfix{
	position:fixed;
	left:0;
	top:0;
}
	
 *::-ms-backdrop, * .title-box {
	position: absolute;
}

 *::-ms-backdrop, * .wrapper-left {
overflow: hidden;
}	
	
 *::-ms-backdrop, .wrapper-right .post-area {
 max-width:800px;
}
 *::-ms-backdrop, .post-img.size-1 img {
 max-width:800px;
}
*::-ms-backdrop, .post-img.size-2 img {
 max-width:380px;
}
 *::-ms-backdrop, .post-img.size-3 img {
 width:100%;
 max-width:240px;
}	

}

@media screen and (max-width: 991px) and (-ms-high-contrast:none) {
	 *::-ms-backdrop, * .wrapper-right-inner {
padding:20px 0 0;
}
*::-ms-backdrop, * .post-area {
padding:20px 0 0;
}
}