@charset "utf-8";

/*
Theme Name:  aiyu-2
Theme URI: http://aiyu-hasami.com
Description: aiyu専用のベーステーマ
Author: y2 yohei yokoyama
Url: http://yyyyyy.in
Version: 2.0
*/
::-moz-selection {
	background:#dedede;
	color:#333;
}

::selection {
	background:#dedede;
	color:#333;
}

a {
	color:#000;
	text-decoration:none;
	outline:none;
	transition:.2s linear;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	-ms-transition:.2s linear;
}

a:hover {
	color:#ccc!important;
	text-decoration:none;
}

.clearfix {
	display:block;
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0;
}

body.pc .sp_view {
	display:none!important;
}

body.sp .pc_view {
	display:none!important;
}

/*  
---------------------------------------------------------------------------*/
body,html {
	width:100%;
	height:100%;
}

body {
	color:#333;
	font-size:14px;
	font-family:"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	line-height:1;
	background-color:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* class
---------------------------------------------------------------------------*/
p {
	font-size:16px;
	margin-bottom:1em;
}

/* rollhover
------------------*/
a {
	color:#333;
	text-decoration:none;
	transition:.2s linear;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	-ms-transition:.2s linear;
}

a:hover {
	color:#ccc!important;
	text-decoration:none;
}

a img {
	-webkit-transition:opacity .2s ease-out;
	-moz-transition:opacity .2s ease-out;
	-ms-transition:opacity .2s ease-out;
	transition:opacity .2s ease-out;
}

a:hover img {
	opacity:.5;
	-webkit-opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
/* IE lt 8 */
	-ms-filter:alpha(opacity=50);
/* IE 8 */
}

/* .wrapLink
------------------*/
.wrapLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.wrapLink:hover {
	background:#fff;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
	transition:all .2s ease-in-out 0;
	-moz-transition:all .2s ease-in-out 0;
	-webkit-transition:all .2s ease-in-out 0;
}

/* contents
---------------------------------------------------------------------------*/
#mainContents {
	max-width:1400px;
	margin:0 auto;
}

.container {
	width:80%;
	min-width:960px;
	max-width:1400px;
	margin:0 auto;
	text-align:left;
	opacity:0;
	bottom:-5px;
	position:relative;
}

.container img {
	opacity:0;
	position:relative;
	bottom:-10px;
}

/* txt
------------------*/
.txtS {
	font-size:12px;
	line-height:1.7;
}

.tit-slash {
	font-size:16px;
	position:relative;
	margin-top:8px;
	font-weight:700;
	letter-spacing:1px;
	font-family:"秀英角ゴシック銀 B","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.tit-slash:before {
	content:'';
	position:absolute;
	width:15px;
	height:1px;
	background:#999;
	top:.4em;
	left:0;
}

.tit-slash span {
	padding-left:30px;
}

/* product
---------------------------------------------------------------------------*/
/* .product-header
------------------------------------*/
.product-header {
	position:relative;
	margin:100px auto 30px;
}

.product-header .page-title-item {
	color:#545454;
	background:url(img/share/bg-slash.png) no-repeat left top;
	background-size:11px 26px;
	padding-left:30px;
}

.product-header .page-title-item em {
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight:300;
	font-size:50px;
	letter-spacing:3px;
	line-height:1;
}

.product-header .page-title-item strong {
	padding-left:15px;
	font-size:18px;
}

.product-header .allitem {
	float:right;
	position:relative;
	bottom:20px;
	right:30px;
	font-size:14px;
	letter-spacing:2px;
	padding-left:80px;
}

.product-header .allitem:before {
	content:' ';
	width:35px;
	height:1px;
	background:#dedede;
	position:absolute;
	top:45%;
	left:0;
	padding-right:20px;
}

/* search-nav
------------------------------------*/
.search-nav {
	position:relative;
}

.search-nav > ul {
	position:relative;
}

.search-nav > ul > li {
	float:left;
	margin-left:28px;
	border-top:3px solid #000;
	padding-top:20px;
}

.search-nav ul li:nth-child(1) {
	border-color:#B7A381;
}

.search-nav ul li:nth-child(1) strong {
	letter-spacing:1px;
}

.search-nav ul li:nth-child(2) {
	border-color:#DADC7D;
}

.search-nav ul li:nth-child(3) {
	border-color:#F0C798;
}

.search-nav ul li:nth-child(4) {
	border-color:#AC593B;
}

.search-nav ul li:nth-child(5) {
	border-color:#276D86;
}

/* .search-nav li.base{
------------------------------------*/
.search-nav li.base,.search-nav li.base a {
	display:block;
	padding-bottom:30px;
}

.search-nav ul li.base p {
	position:relative;
	z-index:9999;
	margin-bottom:0;
}

.search-nav ul li p.current-snav:after {
	content:'';
	margin:0;
	padding:0;
	position:absolute;
	bottom:-30px;
	left:25px;
	z-index:9999;
	width:0;
	height:14px;
	border:14px solid transparent;
	border-bottom:14px solid #dedede;
}

.search-nav ul li.base p:hover {
	cursor:pointer;
}

.search-nav ul li.base .snav {
	width:100%;
	z-index:1;
	display:none;
	margin-top:65px;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
	padding:35px 35px 15px;
	background:#fff;
	border:10px solid #dedede;
	opacity:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.search-nav ul li.base ul.snav li {
	float:left;
	width:19%;
	height:1em;
	margin:0 0 0 1%;
	padding:0;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:20px;
	display:inline-block;
	border-bottom:1px dotted #121212;
	position:relative;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.search-nav ul li.base ul.snav li a {
	padding-bottom:10px;
	display:block;
	padding:0 0 7px 3px;
}

.search-nav ul li.base ul.snav li:nth-child(5n-4) {
	margin-left:0;
}

.search-nav ul li strong {
	font-size:16px;
	display:block;
	margin-bottom:8px;
	font-feature-settings : "palt" 1;
}

.search-nav ul li em {
	font-size:12px;
	letter-spacing:1px;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#888;
}

.search-nav ul li:first-child {
	margin-left:0;
}

/* .search-product{
------------------------------------*/
.search-product {
	width:35%;
	float:right;
	margin-top:20px;
}

/* #searchform
------------------------------------*/
#searchform .screen-reader-text {
	display:none;
}

#searchform div input[type="text"] {
	background:#fff;
	background-size:213px 17px;
	border:1px solid #dedede!important;
	border:none;
	font-size:14px;
	padding:10px;
	width:80%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

#searchform div input[type="text"]:focus {
	background:#fafafa;
	color:#333;
	border:dotted 1px #333!important;
}

#searchform div input[type="submit"] {
	background:#666;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	border:none;
	font-weight: bold;
	padding:14px 10px;
	width:18%;
	line-height:1;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

/* window size
---------------------------------------------------------------------------*/
@media screen and (max-width:1240px) {
	.search-product {
		width:30%;
		float:right;
		margin-top:20px;
	}
	
	#searchform div input[type="text"] {
		background-size:160px 13px!important;
	}
}

/* .grid-container
------------------------------------*/
.grid-container {
	max-width:1400px;
	margin:0 auto;
}

.grid-container article {
	float:left;
	position:relative;
}

.grid-container article .label {
	position:absolute;
	left:10px;
	top:-13px;
	font-size:18px;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	letter-spacing:2px;
	z-index:2000;
}

.label-new {
	color:#C5514B!important;
	border-color:#C5514B!important;
}

.label-recommend {
	color:#3D91B8!important;
	border-color:#3D91B8!important;
}

.label-sold {
	color:#999!important;
	border-color:#999!important;
}

.grid-container article figure {
	width:100%;
}

.grid-container article figure img {
	width:100%;
	height:auto;
}

.grid-container article strong {
	display:block;
	margin:20px 0 6px;
	line-height:1.5;
	font-size:16px;
}

.grid-container article em {
	line-height:1.5;
	letter-spacing:1px;
}

/* .grid-4n
------------------------------------*/
.grid-4n article {
	width:22%;
	margin:0 0 5.2% 4%;
	float:left;
}

.grid-4n article:nth-child(4n-3) {
	margin-left:0;
}

/* .grid-3n article
------------------------------------*/
.grid-3n article {
	width:31%;
	margin:0 0 5.2% 3.5%;
}

.grid-3n article:nth-child(3n-2) {
	margin-left:0;
}

/* grid-center
------------------------------------*/
body#top .grid-center {
	width:94%;
	margin:0 auto;
	max-width:1100px;
}

.grid-center article {
	text-align:center;
}

.grid-center article h2 {
	text-align:center;
	display:block;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:22px;
	margin:20px 0 10px;
	line-height:1.6;
	letter-spacing:1px;
}

.grid-center article h3 {
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
}

/* pageNaviWrap
------------------------------------*/
div.pageNaviWrap {
	clear:both;
	position:relative;
	margin-top:60px;
}

div.wp-pagenavi {
	font-size:24px;
	margin:0 auto;
	text-align:center;
	padding-top:80px;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

div.wp-pagenavi span.pages {
	text-align:center;
	margin:0 auto;
	position:absolute;
	top:20px;
	left:0;
	right:0;
	font-size:28px;
	font-weight:300;
	letter-spacing:2px;
}

div.wp-pagenavi a,div.wp-pagenavi .current {
	padding:10px 12px;
	font-size:14px;
	letter-spacing:1px;
}

/* chapter-border
------------------------------------*/
strong.chapter-border {
	font-size:14px;
	letter-spacing:1px;
	font-weight:700;
	display:block;
	position:relative;
}

strong.chapter-border span {
	background:#fff;
	padding-right:12px;
}

strong.chapter-border:after {
	content:' ';
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	top:7px;
	right:0;
	width:100%;
	display:block;
	z-index:-1;
}

/* .page-title-set {
------------------------------------*/
.page-title-set {
	margin:60px auto 40px;
	width:80%;
}

.page-title-set h1 {
	font-size:36px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:14px;
}

.page-title-set h2 {
	font-size:16px;
	letter-spacing:1px;
}

/* .page-title-column2
------------------------------------*/
.page-title-column2 {
	margin-bottom:60px;
}

.page-title-column2 .page-title-set {
	width:37%;
	float:left;
}

.page-title-column2 .title-txt {
	font-size:14px;
	letter-spacing:1px;
	line-height:2;
	width:60%;
	float:right;
	margin-top:60px;
}

/* .side-dl 
------------------------------------*/
.side-dl {
}

.side-dl dt {
	font-size:18px;
	letter-spacing:1px;
	font-family:"秀英角ゴシック銀 B","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	margin-bottom:26px;
}

.side-dl dd {
	color:#666;
	letter-spacing:1px;
	font-size:14px;
	margin-bottom:60px;
	line-height:1.8;
}

.side-dl dd strong {
	display:block;
	margin-bottom:15px;
	color:#333;
}

.side-dl dd p + strong {
	margin-top:25px;
}

.side-dl dd p,.side-dl dd address {
	font-size:16px;
	font-style:normal;
}

.side-dl dd address {
	display:block;
	padding-top:15px;
}

.side-dl dd .txtS {
	font-size:12px;
	letter-spacing:1px;
	display:block;
	margin-top:20px;
	line-height:1.8;
}

.side-dl dd ul {
	padding:5px 0 0 25px;
}

.side-dl dd li,.side-dl dd li {
	line-height:1.9;
	margin-bottom:5px;
	width:100%;
	letter-spacing: 0.06em;
	font-feature-settings : "palt" 1;
}

.side-dl dd ul li {
	list-style:decimal outside;
}

.side-dl dd ol {
	padding-left:25px;
}

.side-dl dd ol li {
	list-style:decimal outside;
	font-feature-settings : "palt" 1;
}

.side-dl dd ul + p {
	margin-top:20px;
}

/* navigation
---------------------------------------------------------------------------*/
header {
	width:100%;
	min-width:1040px;
	max-width:1400px;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding:25px 20px 25px 30px;
	position:relative;
	margin-bottom:50px;
	border-bottom:1px solid #dedede;
	min-height:225px;
}

#top header,#product-archive header {
	margin:0 auto;
	border-bottom:none;
}

header .headerLogo {
	width:222px;
	position:absolute;
	bottom:10px;
}

#top header .headerLogo {
	position:absolute;
	bottom:26px;
}

@media screen and (max-width:1150px) {
	header .headerLogo {
		width:180px;
	}
}

header .headerLogo img {
	width:100%;
	height:auto;
}

/* .gnav
------------------------------------*/
header .gnav {
	width:794px;
	right:25px;
	bottom:26px;
	position:absolute;
}

header .gnav ul {
	width:100%;
	padding-top:15px;
	border-top:1px solid #dedede;
}

header .gnav ul li {
	float:left;
	height:26px;
	background:url(img/share/bg_nav.png) no-repeat left top;
	background-size:11px 26px;
}

@media screen and (max-width:1100px) {
	header .gnav {
		width:748px;
	}
	
	header .gnav ul li {
		height:24px;
	}
}

header .gnav ul li a {
	padding:0 12px 0 22px;
}

header .gnav ul li:first-child {
	margin-left:7px;
	background:none;
}

header .gnav ul li:first-child a {
	padding-left:0;
}

header .gnav ul li img {
	width:auto;
	height:100%;
}

/* .snav {
------------------------------------*/
header .snav {
	position:absolute;
	top:20px;
	right:30px;
	width:640px;
}

header .snav li {
	float:left;
	letter-spacing:0.07em;;
  font-feature-settings : "palt" 1;
}

header .snav li a {
	background:url(img/share/bg_snav.png) no-repeat left center;
	background-size:14px 34px;
	padding-left:19px;
	margin-left:10px;
	padding-top:20px;
}

header .snav li:first-child a {
	background:none;
	padding-left:0;
}

/* header .news-header {
------------------------------------*/
header .news-header {
	width:786px;
	position:absolute;
	top:77px;
	right:30px;
}

@media screen and (max-width:1100px) {
	header .news-header {
		width:738px;
		top:84px;
	}
}

header .news-header p {
	float:left;
	font-family:'Gill Sans','Gill Sans MT','Lato',"秀英角ゴシック銀 M","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	letter-spacing:1px;
}

header .news-header ul {
	float:left;
	margin-left:30px;
}

header .news-header ul li {
	display:block;
	line-height:1;
  letter-spacing: 0.06em;
}

header .news-header ul li:first-child {
	margin-bottom:13px;
}

header .news-header ul li a {
	display:block;
	width:340px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
}


.bnr-motte{
  display: block;
  margin: 150px auto 0;
  border: none;
  padding: 0;
  background: none;
}

/* footer
---------------------------------------------------------------------------*/
footer {
	margin-top:100px;
}

footer .logo-footer {
	text-align:center;
	width:276px;
	margin:0 auto 45px;
}

footer .logo-footer img {
	width:100%;
	height:auto;
}

/* footer .snav
------------------------------------*/
footer .snav {
/*
	position:relative;
	overflow:hidden;
*/
	position:relative;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #dedede;
}

footer .snav ul {
	position:relative;
	left:50%;
	float:left;
}

footer .snav ul li {
	position:relative;
	left:-50%;
	float:left;
	font-family:'Lato',sans-serif;
	padding:0 10px 0 20px;
	font-size:16px;
	letter-spacing:2px;
	border-left:1px solid #ddd;
	margin-left:10px;
	line-height:1.2;
}

footer .snav ul li a {
	padding:2px 0;
}

footer .snav ul li:first-child {
	border-left:none;
	padding-left:0;
}

/* footer .gnav
------------------------------------*/
footer .gnav {
	position:relative;
	overflow:hidden;
}

footer .gnav ul {
	position:relative;
	left:50%;
	float:left;
	margin:15px 0;
}

footer .gnav ul li {
	position:relative;
	left:-50%;
	float:left;
	height:26px;
	background:url(img/share/bg_nav.png) no-repeat left top;
	background-size:11px 26px;
	padding-left:25px;
	margin-left:17px;
}

footer .gnav ul li:first-child {
	background:no-repeat;
	padding-left:0;
	margin-left:0;
}

footer .gnav ul li img {
	width:auto;
	height:100%;
}

/* .footer-bg
------------------------------------*/
footer .footer-bg {
	background:#F8F8F8;
	padding:45px 0 30px;
}

footer .footer-bg .footer-bg-inner {
	width:1000px;
	margin:0 auto;
}

/* .footer-bg-inner
------------------------------------*/
.footer-bg-inner .aiyu-info {
	float:left;
	margin-right:30px;
}

.footer-bg-inner .aiyu-info span {
	font-size:12px;
	letter-spacing:2px;
	font-family:'Lato',sans-serif;
}

.footer-bg-inner .aiyu-info address {
	font-style:normal;
	line-height:1.7;
	font-size:16px;
	letter-spacing:1px;
	margin:8px 0 12px;
}

.footer-bg-inner .aiyu-info .icon-link {
	width:200px;
}

.footer-bg-inner .aiyu-info .icon-link li {
	float:left;
	height:18px;
	margin-right:16px;
}

.footer-bg-inner .aiyu-info .icon-link li img {
	height:100%;
	width:auto;
}

/* .term-link
------------------------------------*/
.footer-bg-inner .terms-link {
	float:left;
	padding-top:25px;
}

.terms-link ul {
	width:400px;
}

.terms-link ul li {
	float:left;
	width:60%;
	font-size:14px;
	line-height:1.5;
	letter-spacing:0.05em;
	display:block;
	margin-bottom:10px;
}

.terms-link ul li:before {
	content:'\002192';
	padding-right:7px;
}

.terms-link ul li:nth-child(2n) {
	width:35%;
}

/* .search-container
------------------------------------*/
.footer-bg-inner .search-container {
	float:right;
	width:290px;
	margin-top:20px;
}

.footer-bg-inner .search-container form div {
	margin-bottom:14px;
}

.footer-bg-inner small {
	float:left;
	font-family:'Lato',sans-serif;
	font-size:16px;
	margin-top:8px;
	letter-spacing:1px;
}

/* .sns-link
------------------------------------*/
.footer-bg-inner .sns-link {
	margin-top:12px;
}

.footer-bg-inner .sns-link ul {
	float:right;
}

.footer-bg-inner .sns-link ul li {
	display:inline;
	width:27px;
}

.footer-bg-inner .sns-link ul li img {
	width:27px;
	height:auto;
}