@charset "UTF-8";
/* CSS Document */

img {
border: 0;
width: 100%;
height: auto;}


.container {background-color: #fcf7f9;}

/*.under.newspost{background-color: #fbecf2;}*/

.copperplate{
width: 33%;
display: block;
margin: 1em auto;}

.news {
position: relative;
margin-bottom: 30.6vw;
padding-bottom: .1vw;
transition: 1.4s;
opacity: 1;
/*background-image: url(../img/pc/news-bg-shadow.png);*/
background-repeat: no-repeat;
background-position: center top;}

.newslist{margin: 3em 1em 4em;}

.news-post-box {
width: 80%;
margin: 0 auto;
padding: 4em 0 2em;
font-size: 24px;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
color: #fff;
word-break: break-all;
color: #000;}

.text-box h3{font-family: 'Noto Serif JP', serif;}

.news-post-box p{font-size:1rem;}

.news-post-box h2 {
font-size: 30px;
font-weight: 700;
line-height: 1.4;
padding: 0!important;
text-align: center!important;
margin-bottom: .5em;
color: #000;}

.time{text-align:center;color:#9e8147;}

.news-post-back {
text-align: right;
margin: 6em auto 0;
width: 90%;}

.news-post-back a {
color: #9e8147;
text-decoration: none;
border: 1px solid #9e8147;
padding: .7em 1.4em;
text-align: center;
font-size: 14px;}

.pager .num .current_page {
display: inline-block;
border: 1px solid #9e8147;
background-color: #9e8147;
color: #ffffff;
padding: .4em 1em;
margin-bottom: 1em;
font-size: 3vw;}

.pager {
text-align: center;
padding: 1em 0 0;
position: relative;}

.news-post-box{padding: 7em 0em 0em;}


/*privacy policy*/
.policy_detail p{font-family: 'Source Sans Pro', sans-serif;}
.policy_detail p.ttl{font-family: 'Source Sans Pro', sans-serif;font-weight:bold;}
.policy_detail ul,li{font-family: 'Source Sans Pro', sans-serif;font-size:.9rem;}
.policy_detail h2{margin-bottom: 1.5em;color: #9e8147;}

/*company profile*/
.company_detail h2{margin-bottom: 1.5em;color: #9e8147;}
.companylist table {
width: 100%;
border-left: 0px solid #b79243;
border-top: 0px solid #b79243;
text-align: center;}

.companylist table th, .companylist table td {
display: block;
padding: 0 0em .5em;
border-right: 0px solid #b79243;
border-bottom: 0px solid #b79243;}

.companylist {
width: 90%;
margin: 0 auto;
padding: 1em 0 2em;
font-size: 24px;
line-height: 1.3;
font-family: 'Noto Serif JP', serif;
color: #fff;
word-break: break-all;
color: #000;}

/*contact*/
.contact_detail h2{margin-bottom: 1.5em;color: #9e8147;}
h3.media_contact{font-size:1.1rem;text-align: center;margin: 1em;color: #9e8147;}


/*online*/
.onlineshop_detail h2{margin-bottom: 1.5em;color: #9e8147;}
.onlineshop_detail p{text-align:center;}

.online_list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 2.5em 0 .5em;}
.online_list li{width:100%;padding:0 10%;}



/*footer*/
.footer_menu li{font-family: 'Source Sans Pro', sans-serif;font-size:1rem;}


	
@media only screen and (min-width: 768px){
.copperplate {
width: 23%;
display: block;
margin: 1em auto;}
	
/*online*/
.online_list li{width:45%;}	
	
	
	
}


@media only screen and (min-width: 897px){
/*.news-post-box {
width: 900px;
padding: 8.5em 0 2em;
font-size: 14px;
line-height: 1.8;}*/
	
.copperplate{
width: 15%;
display: block;
margin: 1em auto;}	
	
.news-post-box {
padding: 8.5em 10% 2em 10%;
font-size: 14px;
line-height: 1.8;}
	
.news-post-box h2 {
font-size: 26px;
line-height: 1.4;
text-align: left;
width: 100%;
padding: 0 0 1em!important;
font-weight: 500;}
	
.news-post-back {margin: 5em auto 0;width: 900px;}

.news-post-back a {font-size: 14px;}
	
.news .newslist {
display: flex;
max-width: 81%;
margin: 0 auto;
justify-content: flex-start;
flex-wrap: wrap;}

.thumb{width:100%;}	
	
.newsdelay{margin:.5em;}
.pager .num .current_page {font-size: 14px;}
	
	
}


@media only screen and (min-width: 1024px){
.newsdelay {margin: .5em;width: 48%;}
	
.copperplate {
width: 11%;
display: block;
margin: 1em auto;}
	
/*online*/
.online_list li{width:30%;}
	
	
}

@media only screen and (min-width: 1440px){
	
.news .newslist {
display: flex;
max-width: 87%;
margin: 0 auto;
justify-content: flex-start;
flex-wrap: wrap;}
	
.newsdelay {margin: .5em;}
.thumb {width: 98%;}

	
	
}