@charset "utf-8";

/* --------------------------------

-------------------------------- */


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

.text-left {
		text-align: left; }

.text-right {
		text-align: right; }

.lead {
		color: #03004c;
		font-size: 20px;
		font-size: 2rem; }

.text-white {
		color: #fff !important; }

.text-black {
		color: #000 !important; }

.text-red {
		color: #f00 !important; }

@media (max-width: 767px) {
		.pc-only {
				display: none !important; }
		.sp-text-center {
				text-align: center; }
		.sp-text-left {
				text-align: left; }
		.sp-text-right {
				text-align: right; } }


@media (min-width: 768px) {
	.sp-only {
			display: none !important; }
	.pc-text-center {
			text-align: center; }
	.pc-text-left {
			text-align: left; }
	.pc-text-right {
			text-align: right; } }


body {
    border-top: solid 40px #666666;
    color: #333;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0.02em;
}

@media (max-width: 767px) {
body {
border-top: none;
}
}
.clearfix::after {
      content: " ";
      display: block;
      clear: both;
}

h2.title {
    margin-bottom: 10px;
    padding: 8px;
    color: #333;
    background: url("../img/common/line_01.gif") repeat-x;
    background-color: #ebeced;
    height: 53px;
    padding-left: 21px;
    padding-top: 8px;
    font-size: 29px;
    letter-spacing: 3px;
}


@media (max-width: 768px){
	.header_logo img {
	    width: 200px;
	}
}



/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
    float: right;
    width: 650px;
margin-top:20px;
}

div#header_navi ul{
float:right;
margin-top:-10px;
}

div#header_navi ul li {
    display:inline;
    padding:0 10px 0 8px;
    font-size:16px;
    border-right: 1px solid #333;
}

div#header_navi ul li#mainMenu6 {
    border-right: none;
}

div#header_navi ul li.mypage,
div#header_navi ul li.entry {
    margin-top: 6px;
				background:url(../img/common/line_header_navi.gif) right center no-repeat;
}

div#header_navi ul li a:link ,
div#header_navi ul li a:visited{
    text-decoration: none;
    color: #333;
}

div#header_navi ul li a:hover{
  text-decoration: underline;
}




/*　フッター
----------------------------------------------- */

#footer {
padding: 0px;
margin: 0px;
margin-top: 3em;
background: #fff;
}
#footer2 {
background: #e5e5e5;
}

#footer .inner {
  background: #e5e5e5;
  max-width: 1020px;
}

.btn2 {
    padding: 3px 0;
    width: 184px;
    text-align: center;
    margin: 0 auto;
  font-weight: bold;
display: block;
}
#footer_wrap {
    margin: 0 auto;
    background: #e5e5e5;
    padding-top: 10px;
}

#footer .btn2{
border:solid 1px #7d7d7d;
margin:50px auto 40px;
font-weight: normal;
}

#footer .anchor{
margin-top:-39px;
text-align:right;
}

#footer #footer_category01{
width:240px;
float:left;
margin-right: 102px;
height: 335px;
}

#footer #footer_category02{
max-width: 338px;
float:left;
height: 335px;
}
#footer #footer_category03{
width:210px;
float:right;
height: 335px;
}


#footer2 h3{
border-bottom:solid 1px #1a1a1a;
text-align:center;
padding-bottom:15px;
font-weight:normal;
}

#footer2 ul{
margin:40px 0;
}

#footer2 ul li{
float:left;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width:30px;
margin: 0;
}

#footer2 ul li a:hover{
text-decoration:none;
color:#aaa;
}

#footer2 ul li a img:hover {
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#footer_bottom p#footer_contact{
float:left;
margin-right:102px;
}

#footer ul.footer_navi{
float:left;
width:154px;
}

#footer ul.footer_navi li{
font-size:15px;
text-align: left;
display: list-item;
margin: 0;
line-height: 24px;
}



#footer_bottom{
max-width:1000px;
margin:70px auto;
}

#copyright {
    background: #666666;
    color: #000;
    text-align: center;
    font-size: 10px;
    padding: 20px 0;
}


@media (max-width: 768px) {
#footer_bottom p#footer_contact {
  margin-right: 0;
  margin-bottom: 2em;
  }
ul.footer_navi {
    margin-left: 10%;
  }
#footer #footer_category01,
#footer #footer_category02,
#footer #footer_category03 {
float: none;
margin: auto;
  }
.global_footer{
background-color: #eee;
text-align: center;
padding-top: 10px;
font-size: 12px;
}


}




/*　商品タグ
----------------------------------------------- */
#product_tag_box__product_tag--1{
  color: #fff;
border: solid 1px #DE5D50;
background-color: #DE5D50;
}

#product_tag_box__product_tag--2{
  color: #fff;
border: solid 1px #ffc107;
background-color: #ffc107;
}

#product_tag_box__product_tag--3{
  color: #fff;
border: solid 1px #17a2b8;
background-color: #17a2b8
}

#product_tag_box__product_tag--4{
  color: #fff;
border: solid 1px #28a745;
background-color: #28a745;
}


/*　商品
----------------------------------------------- */
.item_comment2{
	color: #525263;
}
.item_stock{
	 color: #525263;
}
.detail_stock{
	color: #525263;
}
.item_price {
font-weight: normal;
}



/*　ドロワー
----------------------------------------------- */

#glovalnavi{
	display: none;
}



/*　商品一覧
----------------------------------------------- */

        .item_photo {
	    height: 316px;
            display: flex;
            align-items: center;
	}


	.item_photo img {
            margin: 0 auto;
	    max-height: 316px;
	    width: auto;
	}


/*　商品詳細
----------------------------------------------- */

@media (min-width: 768px) {
	#item_photo_area img {
	    object-fit: contain;
	    height: 280px;
	}

}