@charset "UTF-8";

/*
style_pc.css
*/

/* Minimum width of 769 pixels.
-------------------------------------------------------------- */
@media screen and (min-width: 769px){

body.woocommerce-cart #primary #main{
	display : block;
	max-width:1200px !important;
	width:90% !important;
	margin: 30px auto 0 auto;}

/**********************************************************/
/*コンテンツ
/**********************************************************/
div.under_page{
	width:100%;
	position:relative;
	margin-top:0px;
	z-index:2;}

div.under_page #pagetitle{
	height:150px;
	overflow:hidden;
	position:relative;
	z-index:2;}

div.under_page img{
	position:absolute;
	top:0px;
	left:0;
	right:0;
	width:100%;
	z-index:1;}

div.under_page #pagetitle h2{
	display:block;
	position:relative;
	z-index:9999999999999;
	width:1050px;
	margin:0 auto;
	padding-top:95px;
	color:#fff;
	text-shadow: 1px 2px 3px #000;}

header.entry-header img.attachment-full{
	display:none;}

.storefront-breadcrumb{
	padding:5px 0 !important;
	}

body.single #primary #main article.post p{
	font-size:130%;}

/**********************************************************/
/*トップページ
/**********************************************************/
h3.font-page_tit{
	text-align:center;}

  .col-full {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0em;
    box-sizing: content-box; }

  .col-full header.entry-header h1.entry-title{
	font-size:300%;
	margin:50px;
	text-align:center;}

  .col-full .entry-content p{
	text-align:left;}

ul#main_content{
	margin:0;
	padding:0;
	display:flex;}

ul#main_content li{
	display:inline-block;
	width : calc(98% / 3) ;
	padding:1.5%;
	vertical-align:top;
	position:relative;
	padding-bottom:30px;}

ul#main_content li h3{
	font-size:180%;
	font-weight:bold;
	text-align:center;}

ul#main_content li figure{
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:8px;}

ul#main_content li figure img{
	width:100%;
	height:auto;}

ul#main_content li span.more a:link,
ul#main_content li span.more a:visited{
	display:block;
	width:70%;
	margin:3px auto;
	text-align:center;
	color:#000;
	border:1px solid #000 !important;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	}

ul#main_content li span.more :hover,
ul#main_content li span.more :active{
	color:#666;
	border:1px solid #666 !important;
	}

/**********************************************************/
/*カテゴリ―
/**********************************************************/
body.archive #primary #main article .entry-header span{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size:80%;}

body.archive #primary #main article .entry-header h2.entry-title{
	margin-top:5px;
	margin-bottom:0px;
	font-size:180%;
	font-weight:bold;}

body.archive #primary #main article .entry-content{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }


/**********************************************************/
/*Table
/**********************************************************/
#content .entry-content table{}

#content .entry-content table th,
#content .entry-content table td{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	border:1px solid #fff;}

/**********************************************************/
/*Widget area
/**********************************************************/
#secondary ul li{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }


body.single-product #content #secondary{
	display:none;}

/**********************************************************/
/*Footer
/**********************************************************/
footer .col-full .footer-widgets{
	text-align:center;
	vertical-align:top;}

footer .col-full .footer-widgets .block{
	width:100%;
	display:block;
	vertical-align:top !important;}

footer .col-full .footer-widgets .block .widget{
	width:100%;
	display:inline-block;
	vertical-align:top !important;
	margin:0;
	padding:0;}

footer .col-full ul#footer_menu li{
	font-size:100%;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }


/**********************************************************/
/*ギャラリー
/**********************************************************/

.gallery {
	width: 100%;
	margin-bottom: 20px !important;
	overflow: hidden;}

.gallery br {display: none;}

#content .gallery figure.gallery-item {
	float: left;
	margin-bottom: 0 !important;
	padding:1%;}

.gallery-icon { 
	text-align: center;}

.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;}

.gallery-caption {
	color: #222;
	font-size: 12px;
	margin: 0 0 10px;
	text-align: center;}

.gallery-columns-1 .gallery-item {
	width: 100%;
	margin-right: 0;}

.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
	width: 31.33333%;
	margin: 0%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
	width: 23%;
	margin: 0%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
	width: 18%;
	margin: 0%;
}}