@charset "UTF-8";

/*====================================
RESET
======================================*/
html{overflow-y: scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
blockquote, q {
    quotes:none;
}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal; display:block; font-size: 100%;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding: 0 20px ;margin:0;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
	text-decoration:none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:focus {
	outline:none;
}
input, textarea, select {
    vertical-align:middle;
}
input, textarea, select{outline: none;}

img {vertical-align:bottom; border:0; padding:0; margin:0;line-height:0;}
div {margin:0;padding:0;}

caption, th{
    font-weight: normal;
}



/*============
clearfix
==============*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear{clear:both;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*=============================================
共通の設定
=============================================*/
/* ----------------------------------------------------
Font
----------------------------------------------------*/
@font-face {
     font-family: opensans;
     src: url(../font/Lato-Regular.ttf) format("opentype");
}
@font-face {
     font-family: oswald;
     src: url(../font/Oswald-Regular.ttf) format("opentype");
}


html {height:100%;}

body{
	margin:0px;
	padding:0px;
	color: #000;
	font-size: 62.5%;
	font-family: opensans, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic" , sans-serif;
	font-weight: 500;
	line-height:1.2em;
	position: relative;
    left: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, body {	-webkit-text-stroke-width:0.2px;/*--winsafari用--*/}
}



a{
	text-decoration:none;
	color: #000;
	display: block;
}
a:hover, a:active{text-decoration: underline;}
img{width: 100%;height:auto;}
a img:hover, a img:active, .fade:hover, .post:hover{
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

a img ,.fade, .post{
-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
img.noAlpha:hover, a img.noAlpha:active{
	position:relative;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}



/*----------------
セクション内パーツ
----------------*/
article{
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic" , sans-serif;
}
/*--パンくず--*/
#breadcrumbs{
	background:#f5f5f5;
	margin-bottom: 40px;
	padding: 10px 0 10px 0 ;
	font-size: 14px;
}
#breadcrumbs ol{max-width: 1000px; margin: 0 auto;}
	#breadcrumbs li{float: left;}
	#breadcrumbs li+li{margin-left: 10px;}
	#breadcrumbs li+li:before{
		content: ">";
		margin-right: 10px;
	}
@media only screen and (max-width: 800px) {
	#breadcrumbs{
		margin-bottom: 15px;
		padding: 4px 0 ;
		font-size: 11px;
	}
	#breadcrumbs li+li{margin-left: 4px;}
	#breadcrumbs li+li:before{margin-right: 4px;}
}



.wrapper{max-width: 1000px; margin: 0 auto; line-height: 1.6em;}
	@media only screen and (max-width: 1000px) {.wrapper{padding-left:8px; padding-right: 8px;}}
	@media only screen and (max-width: 800px) {.wrapper{padding-left:8px; padding-right: 8px;}}



/*------------------------------------
レイアウト基本の枠
------------------------------------*/
/*--汎用☆レスポンシブル用幅100%のボックス--*/
.innerWrap {
  clear: both;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
/*  font-size: 1.4em;*/
  line-height: 1.4em;
}

#sb-site{
	padding-top: 120px;
	background: #fff;
	overflow-y:hidden;
}
@media only screen and (max-width: 800px) {
	#sb-site{padding-top: 50px;}
}


/*--リンクボタン風--*/
a.linkBox{
	margin: -8px auto 0 auto;
	display: block;
	padding: 15px 0;
	width: 280px;
	background:#fff url(../images/common/arrow_r.png) right center no-repeat;
	background-size: 20px;
	text-decoration: none;
	font-size: 16px;
	box-shadow: 0 0 0 1px #1e1e1e inset;
	text-align: center;
}
a.linkBox:hover, a.linkBox:active{
	background:#bc341a url(../images/common/arrowhover_r.png) right center no-repeat;
	background-size: 20px;
	color: #FFF;
	box-shadow: none;
	}


/*--セクション内コンテンツのマージン--*/
.wrapper section+section{margin-top: 20px;}
.wrapper p+p{margin-top: 10px;}
.wrapper p+h2, .wrapper p+h3, .wrapper p+h4, .wrapper p+section, {margin-top: 30px;}
.wrapper img+p, .wrapper img+img{margin-top: 5px;}





/*=============================================
共通で使用するクラス
=============================================*/
/*----------------
layout
----------------*/
.mB20{margin-bottom: 20px!important;}
/*--spのみ--*/
@media only screen and (max-width: 800px) {
	.mB20sp{margin-bottom: 20px!important;}
}
@media only screen and (max-width: 800px) {
	.mB20{margin-bottom: 0px!important;}
}


/*-デバイス幅に合わせて画像の切り替え用-*/
.switch {
    visibility: hidden;
}
/*--スマホ版のみ表示・PC版のみさせるものに--*/
@media only screen and (min-width: 1001px) {.tabOnly{display: none!important;}}
@media only screen and (min-width: 801px) {.spOnly{display: none!important;}}
@media only screen and (max-width: 800px) {.pcOnly{display: none!important;}}

/*----------------
box
----------------*/

/*----------------
txt
----------------*/

/*--indent--*/
.hang1{
/*	margin: 0; */
/*	padding: 0; */
	padding-left: 1em;
	text-indent: -1em;
}
.hang1Dot{
/*	margin: 0; */
/*	padding: 0; */
	padding-left: 1.4em;
	text-indent: -1.4em;
}



/*20180205*/
.woocommerce-page #itemDetailBox a{
	display: inline-block;
}