@charset "UTF-8";
@font-face {
	font-family: "NotoSansCJKjp-Light";
	src:
	local("NotoSansCJKjp-Light"),
	url("../fonts/NotoSansCJKjp-Light.woff") format("woff"),
	url("../fonts/NotoSansCJKjp-Light.woff2") format("woff2"),
	url("../fonts/NotoSansCJKjp-Light.otf") format("opentype");
}
@font-face {
	font-family: "Amatic SC";
	src:
	url("../fonts/AmaticSC-Bold.woff") format("woff"),
	url("../fonts/AmaticSC-Bold.woff2") format("woff2"),
	url("../fonts/AmaticSC-Bold.ttf") format("truetype");
}
/*english none できたら消す。*/
#nav_lang {
	display: none;
}

/*common css*/
img {
	height: auto;
	vertical-align: bottom;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}
.displaynone {
	display: none;
	width: 0;
}
body {
	width: 100%;
	color: #f2f7e1;
	font-size: 16px;
	line-height: 1.5;
	font-family: "NotoSansCJKjp-Light", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐゴシック", "MS PGothic", serif;
	background-color: #FFFFFF;
	overflow-x: hidden;
}
a {
	color: #f2f7e1;
	text-decoration: dotted;
}

.mean-container .mean-bar {
    position: fixed;
    z-index: 99;
    background-color: transparent;
}
.mean-container a.meanmenu-reveal span {
    background: rgba(212, 216, 192, 0.6) none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin-bottom: 6px;
}
.mean-container a.meanmenu-reveal {
    color: #666;
    padding: 20px 20px;
}
.mean-container .mean-nav {
    background-color: rgba(246, 249, 234, 0.95);
    margin-top: 0;
}
a.meanmenu-reveal {
    z-index: 999999;
}
.mean-container .mean-nav ul li a {
    border-bottom: 1px solid #f6f9ea;
    color: #666;
    text-transform: none;
}
div#wrapper {
	position: relative;
}
nav {
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
}
nav {
	z-index: 5;
}

section.content>div>h1,
section#sub-content>h1,
nav ul li a {
	font-family: "Amatic SC", cursive;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
}
nav ul li a:hover {
}
div#nav_lang {
	position: fixed;
	top: 50px;
	right: 10px;
	z-index: 5;
}
div#nav_lang a {
	color: rgba(200,200,200,0.3);
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
}
div#nav_lang a:hover {
	color: rgba(200,200,200,0.5);
}

footer {
	font-size: 10px;
	text-align: center;
	opacity: 0.6;
}


#homepage header {
	background-color: #fff;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#homepage header h1 {
	position: relative;
}
#homepage header h1 img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 80%;
	margin: auto;
	max-width: 1000px;
}
main#fullpage {
	position: absolute;
	top: 0;
}

#section_header {
	background: url(../img/bg_header.jpg) 30% 35% no-repeat;
	background-size: 270% auto;
	text-align: center;
	z-index: -10;
}
#section_header img {
	width: 80%;
	opacity: 0.8;
	max-width: 1000px;
}
#section_about, #section_gallery, #section_order {
	height: 100%;
}
#about_wrapper {
	background: url(../img/bg1kai30.jpg) 40% center no-repeat;
	background-size: auto 102%;
}
#gallery_wrapper {
	background: url(../img/bg2kai30.jpg) 35% center no-repeat;
	background-size: auto 102%;
}
#order_wrapper {
	background: url(../img/bg3kai30.jpg) 10% center no-repeat;
	background-size: cover;
}

#about_wrapper, #gallery_wrapper, #order_wrapper {
	z-index:-2;
}
#section_about:before, #section_gallery:before, #section_order:before {
 content:"";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  margin:0;
  margin-top: 0px;/*ないとぼかしがはみだす*/
  padding:0;
}
#section_about:before {
	background: url(../img/bg1_blurkai60.jpg) 40% center no-repeat;
	background-size: auto 102%;
}
#section_gallery:before {
	background: url(../img/bg2_blurkai60.jpg) 35% center no-repeat;
	background-size: auto 102%;
}
#section_order:before {
	background: url(../img/bg3_blurkai60.jpg) 10% center no-repeat;
	background-size: cover;
}

#homepage section.content {
	position: relative;
	text-shadow: 0 0 5px #330;
}
#homepage section.content>div {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
/*	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 1000px;
	margin: auto;*/
}
#homepage section.content h1 {
	padding: 0 20px 10px;
}
#homepage section.content section {
	padding: 0px 20px 10px;
}
#homepage section p {
	font-size: 14px;
}

.underline {
	color: #f2f7e1;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	margin-left: 1em;
	margin-right: 1em;
}

/*gallery*/

#homepage section#section_gallery div>p {
	padding: 10px 1em 10px;
	line-height: 45px;
}

#homepage section#galwrapper {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	clear: both;
}
#homepage #galwrapper p.more {
	width: 100%;
	text-align: right;
	clear: both;
	font-family: "Amatic SC", cursive;
	font-size: 20px;
}
#homepage #galwrapper p.more a {
	margin-right: 1em;
}

ul.owl-carousel {
	padding: 0;
	margin: 0 0 1em;
	height:170px;
}

ul.owl-carousel li {
	list-style: none;
	text-align: center;
	width: auto;
	height: 170px;
}
ul.owl-carousel li img {
	width: 170px;
	height: 170px;
	max-width: 170px;
	margin: 0 auto;
}
.owl-theme .owl-controls {
	margin-top: 0;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	background-color: transparent;
	margin-top: 0;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background-color: transparent;
}
img.arrow {
	width: 35px;
	height: 40px;
	opacity: 0.6;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
img.arrow:hover {
	opacity: 0.8;
}
div.owl-nav {
	margin-top: -170px;
	z-index:9999;
	width: 100%;
}
div.owl-next, div.owl-prev {
	margin: 0;
	padding: 0;
	height: 162px;
}
div.owl-next img, div.owl-prev img {
	line-height: 170px;
	padding: 40px 0; /*リンクの範囲*/
	margin-top: 21px;
}
div.owl-next img {
	padding-left: 20px;
}
div.owl-prev img {
	padding-right: 20px;
}
div.owl-next {
	float: right;
}
div.owl-prev {
	float: left;
}
div.owl-dots {
	padding-top: 100px;
}
/*order*/

#order_info p {
	margin-bottom: 3em;
}
#order_info a {
	text-decoration: none;
}
div#to-mail {
	background-color: rgba(124, 118, 105, 1);
	width: auto;
	max-width: 600px;
	height: 90px;
	margin-top: 20px;
	text-align: center;
	opacity: 0.8;
}
div#to-mail a {

	line-height: 1;
	color: #f2f7e1;
	font-size: 20px;
	font-weight: bold;
	height: 20px;
	padding: 32px 0 38px;
	display: block;
}
#order_info div:hover {
	opacity: 0.5;
}


#homepage footer {
	position: fixed;
	bottom: 0;
	z-index: 10;
	width: 100%;
	font-size: 10px;
	text-align: center;
}


/*sub 共通 css*/
.subPage header>h1 {
	margin-bottom: 35px;
}
.subPage header h1 a {
	display: inline-block;
	height: 44px;
	margin: 20px 0 0;
}

.subPage #sub-content>h1 {
	margin-bottom: 25px;
}
.subPage div#wrapper {
	margin: 0;
	background-color: rgba(117,124,113,0.4);

}
.subPage .mean-bar,
.subPage div#nav_lang {
	position: fixed;
}
.subPage .mean-bar {
	width: 48px;
	right:0;
}
.subPage header,
.subPage main {
	margin: 0 5%;
}
.subPage div#wrapper section#sub-content {
	margin-bottom: 80px;
}
section#sub-content>h1 {
	margin-bottom: 10px;
	vertical-align: middle;
	line-height: 1;
}
span#h1sub {
	font-size: 15px;
	font-weight: bold;
	font-family: "NotoSansCJKjp-Light";
	vertical-align: middle;
	letter-spacing: -1.5px;
	margin-left: 0.5em;
}


/* arcives/index.html */
body#archives::before {
/*	background:url(../img/bg2_blurkai60.jpg);
	background-size: 200% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;*/
}
#archives {
/*	background: url(../archives/img/bg2-2.jpg);
	background-size: 100% auto;*/
	background-color: rgba(140,162,153,0.75);
	background-color: rgba(140,162,153,1);
}
#archives main {
	position: relative;
/*	min-height:500px;*/
}
#archives #wrapper {
}
/*archives並べ替え　css*/
#archives_filter {
	position: absolute;
	margin-bottom: 20px;
	z-index: 10;
	color: #534741;
}
#archives_filter ul li,
#archives_filter {
	cursor: pointer;
	font-family: "Amatic SC", cursive;
	font-size: 24px;
	font-weight: 700;
}
.back {
	padding-left: 24px;
	background: url(../img/arrow_l.png) no-repeat left center;
	background-size: 18px 18px;
	height: 24px;
	font-family: "Amatic SC", cursive;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
}

/*PC表示時のcss*/
#archives_filter.forPC {
	height: 40px;
}
#archives_filter.forPC .selected {
	display: none;
}
#archives_filter.forPC ul {
	width: auto;
}
#archives_filter.forPC ul li {
	float: left;
	font-size: 20px;
	padding-right: 10px;
	color:rgba(205,210,193,0.5);
}
#archives_filter.forPC ul li:hover,
#archives_filter.forPC ul li.active {
	color: rgba(205,210,193,1);
}


/* select風時のcss */
#archives_filter.forMobile ul {
	width: 200px;
}
#archives_filter.forMobile .selected,
#archives_filter.forMobile ul li {
	width: 200px;
	height: 40px;
	margin-bottom: 1px;
	line-height: 40px;
	padding-left: 0.5em;
}
#archives_filter.forMobile .selected {
	display: block;
	background: url(../archives/img/selectarrow.gif) right center no-repeat rgba(255,255,255,0.8);
	background-size: 40px 40px;
}

#archives_filter.forMobile ul li {
	background: rgba(255,255,255,0.8);
	display: none;
}
#archives_filter.forMobile ul li.active {
	background: rgba(150,150,150,0.8);
}



#archives_images {
	margin-top: 70px;
	padding-top: 30px;
	margin-bottom: 30px;
}
#archives_images ul li {
	float: left;
	width:32%;
	width: calc( 33vw - 28px);
	height:100px;
	height: calc( 33vw - 28px);
	margin-right: 12px;
	padding-bottom: 12px;
	text-align: center;
}
#archives_images ul li:nth-child(3n) {
	margin-right: 0;
}
#archives_images ul li img {
	width: 100%;
	height: 100%;
}
#animationList {
	overflow: hidden;

}


/*order/index.html*/
body.toOrder::before {
	background:url(../img/bg3_blurkai60.jpg);
	background-size: 200% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
}
#toOrder-howto #sub-content {
	width: 100%;
	max-width: 600px;

	margin-left: auto;
	margin-right: auto;
}
section#toOrder-detail {
	margin-bottom: 80px;
}
section.elements-box {
	background: url(../img/orderarrow.png) center bottom no-repeat;
	background-size: 50px 25px;
	padding-bottom: 50px;
	margin: 0 auto 30px;
}
section.elements-box:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
section.box-bg_none {
	background: none;
}
section.elements-box h1 {
	background-color: rgba(152,152,152,0.6);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	padding: 16px 0 20px;
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
}
section.elements-box p {
	margin-bottom: 1em;
	font-size: 14px;
}
#toOrder-howto div#to-mail {
	background-color: rgba(200, 200, 200,0.6);
	opacity: 1;
}
#toOrder-howto div#to-mail:hover {
	opacity: 0.8;
}
#toOrder-howto div#to-mail a {
}

/*order form css*/
#form_p {
	margin-bottom: 20px;
}
section#form {
	margin-bottom: 80px;
}
table, tbody, thead, tfoot, tr, th, td {
	display: block;
	width: 100%;
}
th {
	text-align: left;
	font-size: 14px;
	margin-bottom: 0.2em;
}
td {
	margin-bottom: 0.5em;
}
input, textarea {
	background-color: rgba(255,255,255,0.8);
	border: none;
	width: 100%;
	font-family: "NotoSansCJKjp-Light";
	color: #3f3818;
}
textarea {
	height: 10em;
}
td.empty {
	height: 0;
	padding: 0;
}
input,textarea {
	box-sizing: border-box;
	padding: 0.6em;
	-webkit-appearance: none;
	border-radius: 0;
}
td.confirm-back,
td.confirm-submit {
	display: table-cell;
	width: 100px;
	padding-right: 20px;
}
main tr {
	margin-bottom: 1em;
}
#toOrder-confirm #wrapper,
#toOrder-complete #wrapper {
	min-height: 100vh;
}
#toOrder-confirm #form>h1,
#toOrder-complete #form>h1 {
	font-size: 1.2em;
	margin-bottom: 30px;
}
#toOrder-confirm footer,
#toOrder-complete footer {
	position: absolute;
	bottom: 0;
	top: auto;
	margin: auto;
	width: 100%;
}

/*news*/
#news, #news article a {
	color: #534741;
}
#news a.meanmenu-reveal span {
    background: rgba(83, 71, 65, 0.6) none repeat scroll 0 0;
}
body#news::before {
	background:url(../news/img/news-bg.jpg);
	background-size: 200% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
	}
#news div#wrapper {
	background: none;
}
.subPage header {
	position: absolute;
	width: 100%;
	margin: auto 0;	z-index: 80;
}
.subPage header h1 {
	text-align: right;
	margin-bottom: 0;
}
.subPage header h1 a {
	margin: 18px 50px auto;
}
.subPage header h1 a img {
	width: 174px;
	height: 32px;
}
.subPage main {
	margin: auto 30px;
}
.subPage #sub-content>h1 {
	margin: 90px auto 30px;
}
#news article {
	padding-top: 70px;
	margin-top: -70px;
	margin-bottom: 55px;
	clear: both;
}
#news article p.article-date {
	font-size: 10px;
	line-height: 1;
	margin-bottom: 10px;
}
#news article h1.article-title {
	font-size: 18px;
	margin-bottom: 25px;
}
#news article div.article-text {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 50px;
}
#news article div.article-text p {
	margin-bottom: 10px;
}

#news article div.article-text p b {
	font-weight: bold;
}
#news article div.article-text a {
	text-decoration: underline;
}
#news article div.article-text .news-images {
	padding-top: 1em;
}
#news article div.article-text .news-images img {
	margin-bottom: 20px;
	width: 100%;
}
#news article div.article-text .news-images img:last-child {
	margin-bottom: 0;
}

#news article hr {
	height: 1px;
	background: #534741;
	border: none;
}
#news #pagination {
	text-align: center;
	line-height: 1;
	font-size: 12px;
}

/*photpswipe css*/
.pswp__bg {
	background: rgba(117,124,113,1);
}
.pswp__top-bar, .pswp__caption {
	background: rgba(117,124,113,0.8);
}
.pswp__img--placeholder {
	display: none;
}

@media only screen and (min-width: 480px) {
br.max479 {
	display: none;
}
}


@media only screen and (min-width: 600px) {
/*background 位置*/
#section_header {
	background: url(../img/bg_header.jpg) 0% 40% repeat;
	background-size: auto 280%;
}
#about_wrapper {
	background: url(../img/bg1kai30.jpg) center 40% no-repeat;
	background-size: cover;
}
#gallery_wrapper {
	background: url(../img/bg2kai30.jpg) center 60% no-repeat;
	background-size: cover;
}
#order_wrapper {
	background: url(../img/bg3kai30.jpg) center 25% no-repeat;
	background-size: cover;
}
#section_about:before {
	background: url(../img/bg1_blurkai60.jpg) center 40% no-repeat;
	background-size: cover;
}
#section_gallery:before {
	background: url(../img/bg2_blurkai60.jpg) center 60% no-repeat;
	background-size: cover;
}
#section_order:before {
	background: url(../img/bg3_blurkai60.jpg) center 25% no-repeat;
	background-size: cover;
}

}


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


nav {
	z-index: 5;
	margin: 20px;
}

nav ul li {
	background: url(../img/nav_on.png) 125px center no-repeat;
	background-size: 12px 12px;
	width: 140px;
	height: 30px;
	margin-bottom: 5px;
	opacity: 0.5;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
nav ul li:hover {
	background: url(../img/nav_on.png) 122px center no-repeat;
	background-size: 18px 18px;
	opacity: 0.9;
}
nav ul li a {
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	color: rgba(242,247,225,0.3);
	padding-right: 30px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
nav ul li a:hover {
	color: rgba(242,247,225,1);
}
div#nav_lang {
	position: fixed;
	top: 160px;
	right: 20px;
	z-index: 5;
}
div#nav_lang a {
	color: rgba(242,247,225,0.2);
	font-size: 12px;
	font-family: Helvetica;
	text-decoration: underline;
}
div#nav_lang a:hover {
	color: rgba(242,247,225,0.5);
}
#homepage footer,
footer {
	font-size: 14px;
}

.subPage nav, .subPage div#nav_lang {
	position: fixed;
}

.subPage div#wrapper {
	margin: 0 auto;
}

#homepage section.content>div {
	width:75%;
	max-width: 750px;
	margin:0 auto;
}

section.content>div>h1,
section#sub-content>h1 {
	font-family: "Amatic SC", cursive;
	font-size: 40px;
	font-weight: bold;
}
#homepage section p {
	font-size: 16px;
	line-height: 2;
}


/*gallery*/
ul.owl-carousel li img {
	width: auto;
	height: 170px;
	max-width: auto;
	margin: 0 auto;
}

div.owl-nav {
	margin-left: -5%;
	width: 110%;
}

#homepage #galwrapper p.more {
	font-size: 28px;
	line-height: 1;
}

/*sub 共通 css*/

.subPage header h1 img {
	margin: 40px 0;
}

.subPage header,
.subPage main {
	margin: 0 5%;
	width: auto;
}
.subPage div#wrapper section#sub-content {
	margin-bottom: 150px;
}
section#sub-content>h1 {
	margin-bottom: 20px;
	font-size: 56px;
}
span#h1sub {
    font-size: 18px;
}
/*archives/index.html*/


/*#archives {
	background: url(../img/bg2_blurkai60.jpg) center 60% fixed;
	background-size: cover;
}
*/
#archives {
/*	background: url(../archives/img/bg2-1.jpg);
	background-size: 100% auto;*/
}

#archives_images {
	margin-top: 70px;
}
#archives_images ul li,
#archives_images ul li:nth-child(3n) {
	float: left;
	width: 22%;
	height: 22vw;
	text-align: center;
	margin-right: 4%;
}
#archives_images ul li:nth-child(4n) {
	margin-right: 0;
}
#archives_images ul li img {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
#animationList {
	overflow: hidden;
}
/*order/inde.html*/
#toOrder-howto {
	background: url(../img/bg3_blurkai60.jpg) center 25% fixed;
	background-size: cover;
}

/*order/index.html*/
body.toOrder::before {
  background:url(../img/bg3_blurkai60.jpg) center 25%;
  background-size: 200% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}
/*#toOrder-howto {
	background: url(../img/bg3_blurkai60.jpg);
	background-size: 200% auto;
}*/
#toOrder-howto header>h1 {
}
#toOrder-howto #sub-content {
	width: 100%;
	max-width: 800px;
}
#toOrder-howto #sub-content>h1 {
	width: 100%;
	max-width: 600px;
	margin-left: 0;
	margin-bottom: 70px;
}
section#toOrder-detail {
	margin-bottom: 80px;
}
section.elements-box {
	background: url(../img/orderarrow.png) center bottom no-repeat;
	background-size: 65px 32px;
	padding-bottom: 50px;
	margin: 0 auto 30px;
	width: 100%;
	max-width: 600px;
}
section.elements-box:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
section.box-bg_none {
	background: none;
}
section.elements-box h1 {
	background-color: rgba(152,152,152,0.6);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	padding: 28px 0 33px;
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
}
section.elements-box p {
	margin-bottom: 1em;
	font-size: 18px;
}
#toOrder-howto div#to-mail {
	background-color: rgba(200, 200, 200,0.6);
	opacity: 1;
	width: 100%;
	max-width: 600px;
	margin: auto;
}
#toOrder-howto div#to-mail:hover {
	opacity: 0.8;
}
#toOrder-howto div#to-mail a {
	font-size: 28px;
	text-decoration: none;
}
#form_p {
	margin-bottom: 50px;
	line-height: 2;
	font-size: 18px;
}
table, tbody, thead, tfoot, tr {
	display: table;
	width: auto;
}
th,td {
	display: table-cell;
	height: 50px;
}
tr {
	margin-bottom: 20px;
}
th {
	width: 250px;
	vertical-align: top;
	font-size: 18px;
	line-height: 50px;
}
td {
	width: 550px;
}
textarea {
	height: 20em;
}
input {
	height:50px;

}
input,textarea {
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
td.empty {
	width: 250px;
}
td.confirm-back,
td.confirm-submit {
	padding-right: 10px;
	width: 100px;
}
input#submit {
	font-weight: bold;
}

/*news*/
.subPage header {
	margin: auto 0;
	width: 100%;
}
.subPage header h1 a {
	margin: 30px 15px;
}
.subPage header h1 a img {
	margin: 0;
	width: 336px;
	height: 64px;
}
.subPage nav {
	position: absolute;
	top: 62px;
	margin-top: 45px;
}
#news nav ul li {
	background: url(../img/nav_on-brown.png) 125px center no-repeat;
	background-size: 12px 12px;
}
#news nav ul li:hover {
	background: url(../img/nav_on-brown.png) 122px center no-repeat;
	background-size: 18px 18px;
	opacity: 0.9;
}
#news nav ul li a {
	color: rgba(83, 71, 65, 0.3);
}

#news nav ul li a:hover {
	color: rgba(83, 71, 65, 1);
}
.subPage #sub-content {
	margin-top: 150px;
}

#news article {
	margin-bottom: 100px;
}
#news article p.article-date {
	font-size: 16px;
	margin-bottom: 30px;
}
#news article h1.article-title {
	font-size: 36px;
	margin-bottom: 40px;
}
#news article div.article-text {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 75px;
}
#news article div.article-text p {
	margin-bottom: 10px;
}
#news article div.article-text .news-images {
	padding-top: 2em;
}
#news article div.article-text .news-images img {
	float: left;
	margin-bottom: 4.5vw;
	margin-right: 5%;
	width: 30%;
}
#news article div.article-text .news-images img:nth-child(3n) {
	margin-right: 0;
}

#news #pagination {
	font-size: 18px;
}

}

@media only screen and (min-width: 900px) {
#archives_images ul li {
	height: 225px;
}
}
@media only screen and (min-width: 1000px) {



/*PC表示時のcss*/
#archives_filter.forPC {
	height: 40px;
}
#archives_filter.forPC .selected {
	display: none;
}
#archives_filter.forPC ul {
	width: auto;
}
#archives_filter.forPC ul li {
	float: left;
	font-size: 35px;
	padding-right: 20px;
}

#homepage section.content>div {
	width:90%;
	max-width: 900px;
	margin:0 auto;
}



#archives_images ul li,
#archives_images ul li:nth-child(3n),
#archives_images ul li:nth-child(4n) {
	float: left;
	width: 16%;
	height: 16vw;
	text-align: center;
	margin-right: 5%;
	margin-bottom: 5%;
}
#archives_images ul li:nth-child(5n) {
	margin-right: 0;
}
body#news::before {
	background:url(../news/img/news-bg.jpg);
	background-size: 200% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
	}
#news div#wrapper {
	background: none;
}
#news main {
	margin: auto auto;
	width: 1000px;
}

.subPage #sub-content {
	margin-top: 200px;
}
#news #sub-content>h1 {
	font-size: 60px;
	margin-bottom: 100px;
}
#news article {
	margin-bottom: 100px;
}
#news article p.article-date {
	font-size: 16px;
	margin-bottom: 30px;
}
#news article h1.article-title {
	font-size: 36px;
	margin-bottom: 40px;
}
#news article div.article-text {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 75px;
}
#news article div.article-text p {
	margin-bottom: 10px;
}
#news article div.article-text .news-images img {
	margin-bottom: 50px;
}
#news article div.article-text .news-images img:nth-child(3n) {
	margin-right: 0;
}

#news #pagination {
	font-size: 18px;
}

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

#homepage section.content>div {
	width:1000px;
	max-width: 1000px;
	margin:0 auto;
}
section.content>div>h1,
section#sub-content>h1 {
	font-family: "Amatic SC", cursive;
	font-size: 45px;
	font-weight: 700;
}
#homepage section p {
	font-size: 18px;
	line-height: 2;
}
.subPage header {
	margin: 0 auto;
	max-width: none;
}

.subPage main {
	margin: 0 auto;
	width: auto;
	max-width: 1100px;
}
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #homepage section.content>div {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 400px;
		max-width: 1000px;
		margin: auto;
		-ms-transform: none;
	}
}