@charset "UTF-8";

/*
style_sp.css
*/

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

/**********************************************************/
/*トップPR                
/**********************************************************/

  .site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0; }

    .site-branding .site-title a {
      font-weight: 700; }

  .site-branding .logo {
    margin: 0; }


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

  .col-full header.entry-header h1.entry-title{
	width:100%;
	font-size:200%;
	line-height:1.5;
	margin:50px 0 30px 0;
	padding:0;}

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


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

ul#main_content li{
	display:block;
	vertical-align:top;
	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;
	}

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


/**********************************************************/
/*コンテンツ
/**********************************************************/

#content #secondary.widget-area{
	width:95% !important;
	margin:50px auto 20px auto !important;
	float:none !important;}

.single-product #secondary .widget{
	width:100%;
	margin: 30px 0 10px 0;
	display:block;
	vertical-align:top;}

div.under_page{
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;
	z-index:2;}

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

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

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

/**********************************************************/
/*カテゴリ―
/**********************************************************/
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; 
	display: block;
	width:96%;
	padding:2%;}

#content .entry-content table td{
	margin-bottom:2%;}

#content .entry-content table {
	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
/**********************************************************/
#primary{
	float:none;
	}


#sidebar_footer section{
	padding:0 2.5%;
	float:none;}

.footer-widgets{
	text-align:left;
	vertical-align:top;
	float:none !important;}

footer .col-full ul#footer_menu li{
	font-size:80%;
	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, .gallery-columns-4 .gallery-item {
	width: 48%;
	margin: 0%;
	}
	.gallery-columns-5 .gallery-item {
	width: 31.33333%;
	margin: 0%;
	}}