/*----------------------------------------------------
	☆Reset
	
theme color #f27754
sub color #FEE3E9
color #58585F
link color #f27754
	
	
----------------------------------------------------*/
*, *: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;
}
body, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, p, img {
	margin: 0;
	padding: 0;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #333;
	line-height: 100%;
}
a {
	color: #1677a8;
	text-decoration: underline;
	cursor: pointer;
	outline: none;
}
a:link {
	color: #1677a8;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #1677a8;
	text-decoration: none;
	outline: none;
}
#contents a {
	color: #1677a8;
	text-decoration: underline;
}
#contents a:hover {
	color: #1677a8;
	text-decoration: none;
}
#contents p {
	line-height: 1.7;
}
.margin-lr {
	line-height: 1.7;
    margin-left:20px;
}
.margin-b {
	line-height: 1.7;
    margin-bottom:20px;
}
.margin-tb {
	line-height: 1.7;
    margin-top:20px;
    margin-bottom:20px;
}
ul, ol {
	list-style-type: none;
}
ul li, ol li, dl {
	line-height: 1.7;
}
a:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
/*font-size:100%;*/
}
/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
br.clear_all {
	clear: both;
	line-height: 0px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie {
	display: block!important;
	content: " ";
}
}
div.clear_noie {
	clear: both;
	line-height: 0px;
}
/*----------------------------------------------------
	☆opacity Hack
----------------------------------------------------*/
.roBtn:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* IE8 */
html>/**/body .roBtn:hover {
	display /*\**/: inline-block\9;
	zoom /*\**/: 1\9;
}
/* 新旧Firefox */


/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

/*#gNav a span{
	display:none;
	visibility:hidden;
}*/

/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

/*-- HEADER --*/

#site_body {
    padding-top: 121px;
}
#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 120px;
    z-index: 999;
    background: #fff;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}
#header.is-scroll {
	border-bottom: 1px solid #ebebeb;
}
#headerTop {
	padding-bottom: 7px;
	height: 40px;
	width: 100%;
	background:url(../image/bg_headTop.jpg) left bottom repeat-x #FF0;
}
#header.is-scroll #headerTop {
	height: 28px;
}
.pageH1 {
	color: #1e1e1e;
	font-size: 85%!important;
	font-weight: normal;
	float: left;
	margin-top: 10px;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
}
#header.is-scroll .pageH1 {
	margin-top: 3px;
}
#header div.headerInr {
	width: 1000px;
	margin: 0 auto;
}
#header .headerInrCon {
	width: 1000px;
	margin: 0 auto;
}
#header .headerInrCon ul.topR {
	float: right;
	font-weight: bold;
}
#header .headerInrCon ul.topR li {
	float: left;
	padding-left: 12px;
	text-align: center;
}
#header .headerInrCon ul.topR li a,
#header .headerInrCon ul.topR li .login-btn input {
	box-sizing: border-box;
	color: #000;
	display: block;
	font-size: 85%;
	text-decoration: none;
}
#header .headerInrCon ul.topR li.login-mypage{
	font-size: 10px;
	text-align: left;
	margin-top: 10px;
}
#header.is-scroll .headerInrCon ul.topR li.login-mypage {
	margin-top: 3px;
}
#header .headerInrCon ul.topR li.login-mypage a {
	color: #e61374;
	font-size: 110%;
}

#header .headerInrCon ul.topR li.login-comment{
	font-size: 10px;
    text-align: left;
	margin-top: 10px;
}

#header.is-scroll .headerInrCon ul.topR li.login-comment {
	margin-top: 3px;
}
#header .headerInrCon ul.topR li.logout-comment{
	font-size: 85%;
    margin-top: 10px;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
}

#header.is-scroll .headerInrCon ul.topR li.logout-comment {
	margin-top: 3px;
}
#header .headerInrCon ul.topR li.login-btn{
	font-size: 85%;
	margin-top: 10px;
}
#header.is-scroll .headerInrCon ul.topR li.login-btn{
	margin-top: 3px;
}
#header .headerInrCon ul.topR li.logout-btn{
	margin-top: 10px;
}
#header.is-scroll .headerInrCon ul.topR li.logout-btn{
	margin-top: 3px;
}
#header .headerInrCon ul.topR li.login-btn input{
    border: none;
    background: none;
	font-size: 93% !important;
    font-weight: bold;
}
#header .headerInrCon ul.topR li .header_business {
	margin-top: 5px;
}
#header.is-scroll .headerInrCon ul.topR li .header_business {
	margin-top: 3px;
}
#header .headerInrCon ul.topR li a:hover,
#header .headerInrCon ul.topR li.login-btn input:hover {
	opacity: 0.8;
}
#spHeader {
	display: none;
}
#headerBtm {
	clear: both;
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#headerBtm .searchBox {
	width: 220px;
	margin-top: 10px;
	text-align: right;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
}
#headerBtm .logo {
	width: 240px;
	margin-top: 18px;
    -webkit-transition: margin 0.2s;
	transition: margin 0.2s;
	text-align-last: left;
}
#header.is-scroll #headerBtm .logo {
	margin-top: 10px;
}
#header.is-scroll #headerBtm .logo img {
	width: 210px;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}
#header.is-scroll {
	height: 85px;
}

#header_menu {
	display: flex;
	margin-top: 8px;
}
#header.is-scroll #header_menu {
	margin-top: 3px;
}
#header_menu > li {
	margin-right: 10px;
}

#header_menu li a img {
	width: 50px;
	height: auto;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

#header.is-scroll #header_menu li a img {
	width: 43px;
}

#header .header_cart {
    position: relative;
    display: inline-block;
}
#header .header_cart_cart_quantity {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #f10909;
    background: #f10909;
    color: #fff;
    border-radius: 50%;
    padding: 3px 5px;
    line-height: 1;
    font-size: 12px;
}
/* 検索窓
    ----------------------------------------------------------- */  
#searchform4 {
	border-radius:4px;
	display: block;
	position: relative;
    margin-top: 10px;
}
.searchbox {
	width: 100%;
	display: flex;
    justify-content: flex-end;
	position: relative;
	border: 1px solid #B4B4B4;
	overflow: hidden;
	margin-top: 16px;
}
#header.is-scroll .searchbox {
	margin-top: 12px;
}
.searc_btn {
	position: absolute;
	top: 0;
	right: 0;
}
#keywords4 {
	border: none;
	padding: 3px 40px 3px 3px !important;
	color:#333;
	width: 215px;
}
#searchBtn4 {
	border: 1px solid #706871;
	background: #706871;
	color: #fff;
	padding: 3px 5px 3px 3px;
}
/*-- MV --*/


/*-- CONTENTS --*/

div#title {
	background: url(https://yamatomi.biz/js/jquery.ui/theme/cmn_img/bg_h2.gif) left top repeat-x;
	height: 58px;
}
div#title div {
	margin: 0 auto;
	width: 1000px;
}
div#title h2 {
	background: url(https://yamatomi.biz/js/jquery.ui/theme/cmn_img/bg_h2img.gif) left top no-repeat;
	color: #FFF;
	letter-spacing: 0.1em;
	padding: 10px 20px 14px 50px;
	font-weight: bold;
	font-size: 147% !important;
}
/*-- FOOTER --*/
#footerbottomcolumn {
	background:url(../image/bg_footer.gif) center top repeat;
	padding: 50px 0 0;
	color: #FFF;
	width: 100%;
}
#footer {
}
#footer p {
/*line-height:1.8;*/
}
#footer .footerInr {
	width: 1000px;
	margin: 0 auto;
}
#footer .footerInr .footerL {
	float: left;
	width: 490px;
	display: block;
}
#footer .footerInr .footerR {
	float: right;
	width: 500px;
	display: block;
}
#footer .footerInr .footerR .social li{
	display: contents;
    margin-right:2%;
}
#footer .footerInr .footerR .social li:last-child{
    margin-right:0;
}
#footer .footerInr .footerR .social li img{
    padding: 10px;
}
#footer .footerInr .footerL p {
	line-height: 2 !important;
	float: left;
}
#footer .footerInr .footerL p.footerLogo {
	margin-right: 20px;
    margin-bottom: 40px;
}
#footer .footerInr .footerL ul {
	float: left;
	width: 33%;
}
#footer .footerInr .footerL ul li {
	padding: 2px 0;
    line-height: 1.4;
}
#footer .footerInr .footerL ul a {
	color: #FFF !important;
	text-decoration: none !important;
}
small {
	background: #000;
	display: block;
	padding: 5px 0 10px;
	text-align: center;
}
/*--パンくず--*/
#breadChumbs {
	text-align: left;
	padding: 9px 0;
}
#breadChumbs p {
	width: 1000px;
	margin: 0 auto;
	color: #0f0f0f;
}
.footer-info {
    margin-top:40px;
    line-height: 1.5;
}
.footer-info p{
    display: inline-block;
    vertical-align: top;
    margin-right: 55px;
}
.footer-info-right {
    margin-top:25px;
}