@charset "UTF-8";
@import "usces_cart.css";
/* CSS Document */


.news_thumb a img,
.thumlist li div:nth-child(1) a img{background: #fff;border: solid 2px #eee}


#store_wrap{
	max-width: 1100px;
	text-align: left;
	padding: 0 0 3em;
	width: 90%;
	margin: 0 auto;
}

.info_title{
	border-bottom: solid 1px #ccc;
	padding: .5em 0;
	margin-bottom: 1em!important
}


@media screen and (max-width: 767px) {
	#newentry{display: none}
}	


.postlink{padding: 15px 0px;
	text-align: center;
	color: #e30582
}

.postlink a{text-decoration: none;
	color: #e30582
}

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

@media print, screen and (min-width: 768px) {
	.thumlist li div:nth-child(1){flex-basis: 30%;}
	.thumlist li div:nth-child(2){flex-basis: 65%;}
}	

@media print, screen and (min-width: 1000px) {}	





ul.itemlist {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 5%;
  max-width: 900px;
  margin: 0 auto
}

.item_img{
	margin: 0 0 1em
}

.item_img img{
	border-radius: 6px;
	position: relative;
}


ul.sku{
	display: flex;
}

ul.sku li:not(:last-child){
	margin: 0 1em 0 0
}

/* ------------------------------
 INDEX
------------------------------ */

ul#blogarc > li{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	border-top: solid 1px #eee;
	padding: 1.3em 0;
	text-align: left;
	-webkit-transition: all .3s;
	transition: all .3s;
}

ul#blogarc > li:hover{
	background: #f9f9f9
}

ul#blogarc > li:last-child{
	border-top: solid 1px #eee;
}


ul#blogarc li div:nth-child(1){
	width: 25%
}

ul#blogarc li div:nth-child(2){
	width: 70%
}


.news_info ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: .5em;
	align-items: center
}
.news_info ul li{line-height: 1em;}
.news_info ul li.news_cat{
	color: #fff;
	margin-left: 1em;
	background: #d36a0c;
	padding: 2px 4px;
	font-size: .8em;
	padding: .3em .5em
}

.news_info h3{
	font-size: 1.1em;
	font-weight: bold;
	margin: .5em 0 .3em
}



@media screen and (max-width: 767px) {
	.news_info p{line-height: 1.4em}
	ul#newslist > li{padding: 1em}
}	

@media print, screen and (min-width: 768px) {
	ul#newslist > li{padding: 2em 0;}
	.news_info h3{font-size: 1.3em;}
}	

/* ------------------------------
 article
------------------------------ */

.itempost{
	margin: 0 auto 2em;
	position: relative;
	max-width: 860px;
	text-align: center
}	


.thumb{margin-bottom: 3em}

.thumb img{
	object-fit: cover;
	width: 100%;
	height: 250px
}

.itempost h1{
	font-size: 1.6em;
	line-height: 1.5em;
	padding: 0 0 .8em;
	text-align: left
}	

.itempost h1 a:hover{background: rgba(238, 238, 238, 0.8);}




@media  (min-width: 768px) {
	.itempost h1{font-size: 2.2em;}
	.thumb img{height: 400px}
}	


ul.post-meta{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom: 3em
}
ul.post-meta li{}
ul.post-meta li.date{
	margin-right: 1em
}
ul.post-meta li a{
	color: #d36a0c
}



.post-body{
	line-height: 1.8em;
	font-size:1.2em;
	text-align:left;
	margin-bottom: 2em
}

.post-body h2 {
	font-size: 1.3em;
	margin: 1em 0;
	background: #f0f0f0;
	padding: .5em 1.2em .5em 1.2em;
	border-radius: 5px;
	position: relative;
	
}

.post-body p{margin-bottom: 1em;}

.post-body img{
	display:block;
	margin-bottom: 1em;
	max-width: 100%;
	height: auto}

.post-body .wp-caption{width: 100% !important;}

.post-body .wp-caption-text{
	font-size: .9em
}
.post-body .wp-caption-text:before{
	content: "▲";
	padding-right: 5px;
}

@media screen and (max-width: 667px) {
	.bodywrap{width: 90%;margin: 0 auto}
	.post-body img{width: 100%;
		height: auto
	}
}	


@media  (min-width: 768px) {
	.post-body h2 h1{font-size: 1.8em;}
}


ul.tags{
	text-align: left

}

ul.tags li{
	display: inline-block;
	margin-right: 1em
}

ul.tags li:before{
	font-family: icomoon;
	content: "\e935";
	padding-right: 5px
}



/* ------------------------------
 SNS
------------------------------ */

#snspost {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}


#snspost ul{
	display: flex;
	margin: 2em 0 0 0;
}


#snspost li{
	text-align: center;
	margin: 0 1em 0 0
}

#snspost li a{
	font-size: 1.6em;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	font-family:"Courier New", Courier, monospace;
	position: relative;
	border-radius: 5px;	
	
}

#snspost li a:before{display: flex;
	justify-content: center;
	align-items: center;}
	

#snspost li a i{margin-right: .5em}


#snspost li#facebook a {background: #3b5998;}
#snspost li#facebook a:before{
	font-family: snsi;
	content: "\e60d";
}

 
#snspost li#twitter a {background: #00aef1;}

#snspost li#twitter a:before{
	font-family: snsi;
	content: "\e611";
}

 
#snspost li#gplus a {background: #dd4b39;}
 
#snspost li#line a{background: #2CBF13;}
#snspost li#line a:before{
	font-family: snsi;
	content: "\e009";
}



#snspost li#email a{background:rgba(238,196,0,1.00)}

span.count {
	font-size: .9em;
	color: #fff
}