@charset "utf-8";

html{

	scroll-behavior: smooth;

}

body {

	margin:0;

	padding: 0;

	background-color: #eee;

	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;

	min-width: 1440px;

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	letter-spacing: 0.1em;

	/* overflow: hidden; */

	/* word-wrap:break-all; */

}



p, nav ul, ol, th,td{

	list-style: none;

	font-size: 14px;

	line-height: 1.5em;

	text-align: justify;

}

input,textarea {

	padding: 10px;

}



h2 {

	font-size: 34px;

	font-weight: bold;

}

h3 {

	font-size: 26px;

	font-weight: bold;

}



/* header */

header {

	display: flex;

	justify-content: space-between;

	width: 100%;

	height: 100px;

	background-color: #fff;

	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);

	position:fixed;

	top:0;

	z-index: 3;

}



header #hamburger {

	display: block;

	width: 60px;

	height: 60px;

	padding: 20px;

	margin-top: 20px;

	margin-left: 30px;

}

.hamburger_inner {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	cursor: pointer;

}

.hamburger_inner span {

	display: block;

	width: 100%;

	height: 2px;

	background-color: #000;

	position: absolute;

}

.hamburger_inner span:nth-child(1){

	top: 0;

	transition: all 0.2s;

}

.hamburger_inner span:nth-child(2) {

	top: 0;

	bottom: 0;

	margin: auto;

}



.hamburger_inner span:nth-child(3) {

	bottom: 0;

	transition: all 0.2s;

}



.open span:nth-child(1) {

	top:0;

	bottom: 0;

	margin: auto;

	transform: rotate(405deg);

}



.open span:nth-child(2){

	top: 0;

	bottom: 0;

	margin: auto;

	opacity: 0;

}

.open span:nth-child(3) {

	top:0;

	bottom: 0;

	margin: auto;

	transform: rotate(-405deg);

}



/* ハンバーガー中身 */

.hamburger_nav {

    background: #f5f5f5;

    width: 400px;

    height: 800px;

    display: flex;

	position:fixed;

	margin-left:0;

	margin-top: 100px;



    flex-direction: column;

}

.hamburger_nav ul {

    list-style-type: none;

    width: 350px;

    margin: 0 auto;

    padding-top: 30px;

}



.hamburger_nav .hamb_btn li {

    background: #fff;

    margin-bottom: 10px;

    text-align: center;

    border: 1px solid #ccc;

}

.hamburger_nav ul li a {

    text-decoration: none;

    color: #333;

    display: block;

    padding: 10px;

}

.hamburger_nav .tel {

    font-size: 15px;

    text-align: center;

    padding: 20px;

}

.hamburger_nav .tel_link:hover {

	background: #f5f5f5;

}

.hamburger_nav .tel p svg {

    display:inline-block;

	margin-right:3px;

	vertical-align: middle;

	line-height: 1.5em;

	fill:#333;

}

.hamburger_nav .tel p {

    font-size: 28px;

    font-weight: bold;

    letter-spacing: 0.07em;

    color: #333;

    text-align: center;

}

.hamburger_nav li a:hover {

    background: #ccc;

}

.hamburger_nav .contact a {

    background: #696969;

    display: block;

    border-radius: 10rem;

    text-align: center; 

}

/* アニメーション前のメニューの状態 */

.hamburger_nav{

  pointer-events: none;

  opacity: 0;

  transition: opacity .3s linear;

}

/* アニメーション後のメニューの状態 */

.hamburger_nav.is-active{

  pointer-events: auto;

  opacity: 1;

}



/* ハンバーガー中身ここまで */







header h1, header p.logo {

	margin: auto 0;

	margin-left: 110px;

}

header h1 a svg,header p.logo a svg{

	margin: auto 0;

	display: block;

	fill: #000;

	stroke: #000;

}



#header_nav {

	margin: auto 0;

}

#header_nav nav ul {

	display: flex;

	

}

#header_nav ul li {

	margin: auto 0;

}



#header_nav ul li a {

	text-decoration: none;

	color: #000;

	display:block;

	margin-right: 30px;

}



#header_nav ul li a:hover {

	color: #ff9a18;

}



.cart_icon a{

	display: block;

	margin: auto 0;

	fill: #000;

	stroke:#000;

	/* z-index:3; */

}



.cart_icon a:hover {

	fill:#ff9a18;

	stroke: #ff9a18;

	

}



/* メインビジュアル */

#mv {

	width: 100%;

	height: 100%;

	padding-top: 100px;

}



.slider{

	width:100%;

	margin: 0 auto;

}



.slider img {

	width:100%;

	display: block;

	padding: 0 20px;

	height:auto;

}



.slider img:hover {

	opacity: .7;

}



.slider .slick-slide {

	margin: 0;

}











/* wrap */

#wrap {

	margin: 0 auto;

	display: flex;

	max-width: 1080px;

	margin-top: 100px;

}



/* 左nav */

#wrap nav {

	width: 280px;

	padding-top: 50px;

	padding-left: 20px;

}



#wrap nav h3 {

	margin-bottom: 20px;

	color: #888;

	letter-spacing: 0.2em;

}

#wrap .nav_top input[type="submit"] {

	margin:0;

	padding: 0;

}

#wrap .nav_top input[type="submit"]:hover {

	color: #ff9a18;

}

#wrap nav ul.nav_top {

	margin-bottom: 20px;

}

#wrap nav ul.nav_mid {

	padding-left: 1em;

}

#wrap nav ul.nav_low {

	padding-left: 2em;

	list-style: "-";

}

#wrap nav ul.nav_top li{

	line-height: 2em;

	font-weight: bold;

	font-size: 16px;

}

#wrap nav ul.nav_mid li{

	line-height: 2em;

	font-weight: normal;

	font-size: 14px;

}

#wrap nav ul.nav_low li{

	line-height: 2em;

	font-weight: normal;

	font-size: 14px;

}

#wrap nav ul li a {

	text-decoration: none;

	color: #000;

	

}

#wrap nav ul li a:hover {

	color: #ff9a18;



}

/* 右 */

#section_wrap {

	width: 800px;

	padding-bottom: 50px;

	margin: 0 auto;

}

#section_wrap_wonav {

	width: 1080px;

	padding-bottom: 50px;

	margin: 0 auto;

}



section {

	margin-top: 50px;

	margin-bottom: 100px;

}







/* バナー */

section#banner:hover {

	opacity: 0.7;

}



section#category a:hover {

	opacity: 0.7;

}

section#category img {

	margin-top: 10px;

}



#category {

	width: 800px;

	display:flex;

	flex-direction: column;

}

.cat_image_upper,.cat_image_lower {

	display: flex;

	flex-direction:row;

	justify-content: space-between;

}





#category div.category_img1,#category div.category_img2{

	width: 390px;

	height: 222px;



}



#category div.category_img1 {

	background-image: url(../images/category_1.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	cursor: pointer;

}





/* おすすめランキング共通 */

section#recommend, section#ranking, section#content{

	background: url(../images/backgray.png);

	background-size: 100px 100px;

	background-repeat: repeat-x;

	background-position: center top;

	background-color: #fff;

	padding: 50px 20px;

}

section h2 {

	line-height: 3em;

	padding-left: 1em;

	background: url(../images/icon_title.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	background-size: 7px 37px;

}

.cols {

	display: flex;

	justify-content: space-between;

}



.item {

	width: 180px;

}



.item_1st,.item_2nd,.item_3rd {

	width: 180px;

	position:relative;

}

.rank_num1, .rank_num2, .rank_num3{

	position: absolute;

	top:-5px;

	left:-5px;

	color: #fff;

	padding: 20px;

	font-weight: bold;

}



.rank_num1{

	background: url(../images/no1.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center 15px;

	background-size: 35px 40px;

}

.rank_num2{

	background: url(../images/no2.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center 15px;

	background-size: 35px 40px;

}

.rank_num3{

	background: url(../images/no3.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center 15px;

	background-size: 35px 40px;

}



.item_text {

	padding: 10px;

}

#recommend .item_name,#ranking .item_name{

	font-size: 15px;

	font-weight: bold;



}



#recommend .item_num, #ranking .item_num {

	font-size: 13px;

	color: #555;

}

#recommend .item_price, #ranking .item_price  {

	font-size: 16px;

	font-weight: bold;

	margin-top: 20px;

}



#recommend .item_price span, #ranking .item_price span {

	font-size: 12px;

	font-weight: normal;

}

#recommend .button {

	background-color: #888;

	margin:0 auto;

	width: 400px;

	margin-top: 30px;

}

#recommend .button:hover {

	background-color: #ff9a18;

}

#recommend .button a{

	display:block;

	color: #fff;

	text-align: center;

	text-decoration: none;

	background: url(../images/button_arrow.png);

	background-repeat: no-repeat;

	background-size: 50px;

	background-position: 300px 18px;

	line-height:50px;

}



/* フッター */

footer {

	background-color: #fff;

	border-top: 10px solid #e5e5e5;

}

.pagetop {

	display:none;

	right:30px;

	bottom:30px;

	position:fixed;

}



.pagetop_display {

	display:block;

}



footer #footer_top {

	max-width: 1080px;

	margin: 0 auto;

	padding-top: 50px;

	padding-bottom: 50px;

	display: flex;

	justify-content: space-between;

}



.footer_left a svg{

	margin: auto 0;

	margin-left: -5px;

	display: block;

	fill: #000;

	stroke: #000;

}

.footer_nav {

	margin-top: 15px;

}

.footer_nav nav{

	display: flex;

}



.footer_nav nav ul {

	margin-left: 40px;

	list-style: none;

}

.footer_nav nav ul li a {

	text-decoration: none;

	color: #000;

	display: block;

	line-height: 2em;

	

}

.footer_nav nav ul li a:hover {

	color:#ff9a18;

}



footer #footer_bottom {

	border-top: 10px solid #e5e5e5;

}

footer #footer_bottom p {

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

}



/* パンくず */

#bread_fade_op {

	margin: 0 auto;

	max-width: 1080px;

	margin-top: 150px;

	margin-bottom: -50px;

}



#bread_fade_op ol{

	display: flex;

}



#bread_fade_op ol li a:hover{

	color: #ff9a18;

}



/* ★★下層ページの情報はここに入力★★ */

section#content{

	margin-top: -30px;

	margin-bottom: 100px;

	

}

.content {

	padding:50px;

}



/* ここからお問い合わせフォーム */

.p_contact{

	margin-bottom: 20px;

}





#contact {

	margin:0 auto;

	width: 700px;

}

.step{

  	list-style-type: none;

 	display: table;

 	width: 100%;

 	padding: 0;

 	margin: 0;

 	overflow: hidden;

	margin-bottom: 30px;

	font-weight: bold;

	text-align: center;

	border-radius: 5px;

}

.step li{

 	display: table-cell;

 	position: relative;

 	background: #ccc;

 	padding: 1em 0.5em 1em 2em;

 	color: #696969;

}

.step li:last-child{

 	padding-right: 1em;

}

.step li:last-child:before,

.step li:last-child:after{

 	display: none;

}

.step li:before,

.step li:after{

 	content: "";

 	position: absolute;

 	width: 0;

 	height: 0;

 	margin: auto;

}

.step li:before{

 	top:-15px;

 	right:-1em;

 	border-style: solid;

 	border-color: transparent transparent transparent #fff;

 	border-width: 40px 0 40px 1em;

 	z-index: 1;

}

.step li:after{

  	top:-15px;

 	right:-.8em;

 	border-style: solid;

 	border-color: transparent transparent transparent #ccc;

 	border-width: 40px 0 40px 1em;

 	z-index: 1;

}

.step li.is-current{

 	background: #696969;

 	font-weight: bold;

	color: #fff;

}

.step li.is-current:after{

 	border-color: transparent transparent transparent #696969;

}

#contact .p1 {

	margin: 0 auto;

	margin-bottom:20px;

	width: 600px;

	text-align: left;

	font-weight: normal;

}

#contact caption{

	margin: 20px;

	font-size: 90%;

	font-weight: normal;

}

#contact_form {

	width: 700px;

	margin: 0 auto;

}

#contact_form table th,td {

	vertical-align: middle;

	padding: 20px 10px;

}

#contact_form table {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	margin-top:30px;

	width: 700px;

}



#contact_form table th {

	text-align: left;

	border-top: dashed 1px #ccc;

	border-bottom: dashed 1px #ccc;

	width: 250px;

}

#contact_form table td {

	border-top: dashed 1px #ccc;

	border-bottom: dashed 1px #ccc;

}



#contact_form input{

	border: 1px solid #ccc;

}

#contact_form input[type="text"]{

	width: 450px;

}

#contact_form input[type="email"] {

	width: 450px;

}

#contact_form input[type="submit"] {

	border: none;

	padding: 10px;

	margin: 20px 0px;

	background: #f1891a;

	color: #fff;

	width: 190px;

	text-align: center;

	font-size: 15px;

}

#contact_form input[type="button"] {

	border: none;

	padding: 10px;

	margin: 20px 0px;

	background: #333;

	color: #fff;

	width: 190px;

	text-align: center;

	font-size: 15px;

}

#contact_form input[type="submit"]:hover,#contact_form input[type="button"]:hover{

	background: #ccc;

}

#contact_form .s_button {

	display: flex;

	justify-content: center;

	margin: auto;

	font-weight: bold;

	padding: 10px;

}

#contact_form textarea {

	border: 1px solid #ccc;

	width: 450px;

	height: 10em;

}

#contact_form #btn {

	display: flex;

	justify-content: center;

	/* padding: 20px; */

	font-weight: bold;

	width: 400px;

	margin: 0 auto;

}

#contact_form span {

	color: red;

	font-size: 80%;

}

#contact .complete {

	color: #f1891a;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 20px;

}



#contact .contact_content {

	margin-bottom: 30px;

}

#contact .contact_no {

	margin-top: 10px;

	margin-bottom: 10px;

}

#contact .goshop, #order .goshop {

	display:block;

	width: 300px;

	background: #f1891a;

	/* margin-top: 10px;

	padding: 10px 20px 10px 20px; */

	padding: 10px;

	margin: 20px 0px;

	text-align: center;

	font-weight: bold;

	color: #fff;

	font-size: 15px;

}

#contact a:hover {

	background: #ccc;

}

.a_center {

	text-align: center;

	width: 300px;

	margin: 0 auto;

}

/* ここまでお問い合わせフォーム */



/* ご利用ガイド追加分 */

.nav_guide {

	list-style: "-";

	line-height: 3em;

	font-weight: normal;

	font-size: 14px;

}



.guide {

	padding: 0px 50px;

	margin-top: 50px;

	margin-bottom: 50px;



}

.guide h3 {

	text-align: center;

	background-color: #888;

	color: #fff;

	font-size: 20px;

	line-height: 2.5em;



}



#content1,#content2,#content3,#content4{

	padding-top: 100px;/*ページ内リンククリック後の表示位置調整*/

	margin-top:-100px;/*ページ内リンククリック後の表示位置調整*/

	margin-bottom: 50px;



}



.guide span{ 

	color:#888;

	font-size: 12px;

}





/*お支払方法について追加分*/



.pay{ 

	margin-top:30px;

	margin-bottom:30px;

}



#content1 .bank ,#content1 .delivery {

	margin-top:30px;

}



/*ここまでお支払方法について追加分*/



/*送料・配送料について追加分*/



.postage{ 

	margin-top:30px;

	margin-bottom:30px;



}

.postage table {

	width: 100%;

	height:auto;

	border:1px solid #ccc;

	margin: 10px auto;

	border-collapse: collapse;

}



.postage table th, .postage table td{

	padding: 10px;

	border: solid 1px #ccc;

	vertical-align: middle;

	font-size: 13px;

}





.postage table tr.table_top{

	background-color: #ddd;

}



.postage table th.area{

	background-color: #eee;

}





/*ここまで送料・配送料について追加分*/



/*返品・交換について追加分*/



.returns{ 

	margin-top:30px;

	margin-bottom:30px;

}



/*ここまで返品・交換について追加分*/



/*よくあるご質問追加分*/



.question{ 

	margin-top:30px;

	margin-bottom:30px;

}



.question a { 

	color:#1a0dab;

	text-decoration:underline;

	font-weight:bold;

}



.q_subhead {

	font-size:16px;

	font-weight:bold;

	line-height:2em;

}



.ans {

	font-size:14px;

	font-weight:normal;

	line-height:1.5em;

	margin-bottom:20px;

}



/*ここまでよくあるご質問追加分*/



/* ここまでご利用ガイド追加分 */

/*プライバシーポリシー追記部分↓*/



#content .text {

	width:90%;

	margin-left:auto;

	margin-right:auto;

}



#content .text p{

	margin-top:5px;

	margin-bottom:25px;

	line-height:1.8em;

}



#content .sub_title {

	font-size:16px;

	font-weight:bold;

}



/* ここまでプライバシーポリシー */

/*特定商取引法に基づく表示追加分↓*/

.main_table {

	width:100%;

	height:auto;

	border-top: none;

	border-left: none;

	border-right: none;

	margin-left:auto;

	margin-right:auto;

}



.main_table th {

	text-align: left ;

	padding-left:5px;

	vertical-align:middle;

	border-bottom: solid 2px #ff9a18;

	font-size: 90%;

}

.main_table td {

	width: 75%;

	text-align: left ;

	line-height:1.8em;

	padding:20px;

	vertical-align:middle;

	border-bottom: solid 1px #ccc;

	font-size: 80%;

}





.postage .sub_table {

	width: 100%;

	height:auto;

	border:1px solid #ccc;

	margin: 10px auto;

	border-collapse: collapse;

}



.postage .sub_table th, .postage .sub_table td{

	width:auto;

	padding: 10px;

	border: solid 1px #ccc;

	vertical-align: middle;

	font-size: 13px;

}



/* 特定商取引法に基づく表示ここまで */



/* 購入ここから */

#order {

	margin:0 auto;

	width: 700px;

}

#order a:hover {

	background: #ccc;

}



.p1 {

    margin: 0 auto;

    margin-bottom: 20px;

    width: 600px;

    text-align: left;

    font-weight: normal;

}

/* ↓ステップ↓ */

.step{

  	list-style-type: none;

 	display: table;

 	width: 100%;

 	padding: 0;

 	margin: 0;

 	overflow: hidden;

	margin-bottom: 30px;

	font-weight: bold;

	text-align: center;

	border-radius: 5px;

}

.step li{

 	display: table-cell;

 	position: relative;

 	background: #ccc;

 	padding: 1em 0.5em 1em 2em;

 	color: #696969;

}

.step li:last-child{

 	padding-right: 1em;

}

.step li:last-child:before,

.step li:last-child:after{

 	display: none;

}

.step li:before,

.step li:after{

 	content: "";

 	position: absolute;

 	width: 0;

 	height: 0;

 	margin: auto;

}

.step li:before{

 	top:-15px;

 	right:-1em;

 	border-style: solid;

 	border-color: transparent transparent transparent #fff;

 	border-width: 40px 0 40px 1em;

 	z-index: 1;

}

.step li:after{

  	top:-15px;

 	right:-.8em;

 	border-style: solid;

 	border-color: transparent transparent transparent #ccc;

 	border-width: 40px 0 40px 1em;

 	z-index: 1;

}

.step li.is-current{

 	background: #696969;

 	font-weight: bold;

	color: #fff;

}

.step li.is-current:after{

 	border-color: transparent transparent transparent #696969;

}

/* ↑ステップ↑ */



/* ↓ご注文内容 ↓ */

.td_right {

	text-align: right;

}

.cart th, .cart td {

	border-bottom: 1px solid #ccc;

	padding: 10px;

}

.total th, .total td{

	border-bottom: none;

	border-top: 1px solid #ccc;

}

.border_dashed th, .border_dashed td {

	border-bottom: 1px dashed #ccc;

	padding: 15px;

}

.shipping {



	color: red;

}

#shipping {

	display: flex;

	justify-content: flex-end;

}

/* ↑ご注文内容↑*/



/* ↓お客様情報の入力 ↓ */

.contents_name {

	font-size: 20px;

	font-weight: bold;

	margin: 40px 20px 20px 0;

}

#order caption{

	margin-bottom: 20px;

	font-size: 80%;

}

.order_form {

	width: 700px;

	margin: 0 auto;

}

.order_form th, .order_form td {

	vertical-align: middle;

	padding: 20px 10px;

}

.order_form table {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	margin-top:30px;

	width: 700px;

}



.order_form table th {

	text-align: left;

	border-top: dashed 1px #ccc;

	border-bottom: dashed 1px #ccc;

	width: 250px;

}

.order_form table td {

	border-top: dashed 1px #ccc;

	border-bottom: dashed 1px #ccc;

}

#order .item_name {

	width: 600px;

}

.order_form table .total {

	border-top: solid 1px #ccc;

}

.order_form input{

	border: 1px solid #ccc;

}

.order_form input[type="text"] {

	width: 450px;

}

.order_form input[type="email"] {

	width: 450px;

}

.required {

	color: red;

	font-size: 80%;

}



.order_form .c_info {

	padding-bottom: -10px;

}

.order_form .c-information {

	padding-bottom: -10px;

}

.address input[type="text"] {

	width: 100px;

}

.ad_area input[type="text"] {

	width: 380px;

}

.address select,option {

	border: 1px solid #ccc;

	padding: 10px;

}

.address p {

	margin-bottom:10px;

}

.order_form .card_form {

	width: 500px;

}

.card_form input[type="text"] {

	width: 87px;

}



.card_number input[type="text"],

.card_name input[type="text"] {

	width: 220px;

}

/* ↑お客様情報の入力 ↑ */



/* ↓確認画面へボタン↓ */

.s_button input[type="submit"] {

	border: none;

	padding: 10px;

	margin: 20px 0px;

	background: #f1891a;

	color: #fff;

	width: 190px;

	text-align: center;

	font-size: 15px;

}



.s_button input[type="submit"]:hover{

	background: #ccc;

}

.s_button {

	display: flex;

	justify-content: center;

	margin: auto;

	font-weight: bold;

	padding: 10px;

}

/* ↑確認画面へボタン↑ */

/* ↓ボタン装飾↓ */

.btn input[type="submit"] {

	border: none;

	padding: 10px;

	margin: 20px;

	background: #f1891a;

	color: #fff;

	width: 190px;

	text-align: center;

	font-size: 15px;

}



.btn input[type="submit"]:hover, .btn input[type="button"]:hover {

	background: #ccc;

}

.btn {

	display: flex;

	justify-content: center;

	margin: auto;

	font-weight: bold;

	padding: 10px;

}

.btn input[type="button"] {

	border: none;

	padding: 10px;

	margin: 20px 0;

	background: #333;

	color: #fff;

	width: 190px;

	text-align: center;

	font-size: 15px;



}

/* ↑ボタン装飾↑ */

/* ↓お支払方法テーブル ↓ */

.pay_method {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.pay_method th, .pay_method td {

	border-bottom: 1px dashed #ccc;

}

.card_form th, .card_form td {

	border-style: none;

}

.card_form {

	width: 500px;

	margin-top: 20px;

}

.card_form input{

	border: 1px solid #ccc;

}

 /* ↑お支払方法テーブル ↑ */



/* ↓お支払方法確認テーブル ↓ */

.pay_method_conf {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

.pay_method_conf  th, .pay_method_conf td {

	border-bottom: 1px dashed #ccc;

	padding-top: 30px;

}

.pay_method_conf td {

	border-bottom: none;

}

.pay_method_conf th {

	width: 250px;

	padding: 30px 10px;

}

 /* ↑お支払方法確認テーブル ↑ */

/* ↓ ラジオボタン装飾 ここから ↓*/

.ECM_RadioInput {

  padding: 18px 8px;

  display: flex;

  align-items: center;

  cursor: pointer;

}

.ECM_RadioInput:hover {

 

}

.ECM_RadioInput-Input {

  opacity: 0;

  width: 0;

  margin: 0;

}

.ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput {

  border: solid 2px #333333;

  background: #EEEEEE;

}

.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput {

  border: solid 2px #333333;

}

.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #333333;

}

.ECM_RadioInput-DummyInput {

  position: relative;

  top: 0;

  left: 0;

  display: block;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  background: #fff;

  border: solid 2px #888;

}

.ECM_RadioInput-LabelText {

  margin-left: 12px;

  display: block;

  font-weight: bold;

}

/* ↑ラジオボタン装飾ここまで↑ */

/* 支払い完了画面 */

.complete {

	color: #f1891a;

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 20px;

}

.order_content {

	margin-bottom: 30px;

}

.order_no {

	margin-top: 10px;

	margin-bottom: 10px;

}

/* 支払い完了ここまで */



/* カート内ここから */

table tr:nth-child(1) td:nth-child(3){

	margin: auto;

	vertical-align: middle;

}

a.btn--return{

	margin-right: 10px;

	display:flex;

	justify-content: center;

	color: #fff;

	background-color:#555;

	width:180px;

	padding: 10px;

	box-sizing:border-box;

}

a.btn--cash{

	margin-left: 10px;

	display:flex;

	justify-content: center;

	color: #fff;

	background-color:#ff9a18;

	width:180px;

	padding: 10px;

	box-sizing:border-box;

}

.btn--return:hover, .btn--cash:hover{

	background: #ccc;

}



.add{ 

	color: red;

	font-weight: bold;

	padding-bottom: 10px;

	font-size: 18px;

}

.reji{  

	padding-top:40px;

	display: flex;

	justify-content: center;

}

/* 

.postage{

	font-weight:bold;

	font-size:20px;

	color:#000;

	padding-top:30px;

} */

.explain{

	margin-top: 20px;

	/* padding-bottom: 15px; */

	/* margin-bottom: -50px; */

}

.total{

	padding-top:10px;

}

td {

	font-weight:lighter;

}

#cart_table {

	margin-top: 100px;

}

#cart_table h3{

	font-size: 18px;

}

.cart_item_wrap {

	border-top: 1px solid #ccc;

	/* border-bottom:1px solid #ccc; */

	display: flex;

	justify-content: space-between;

	padding-top: 10px;

	padding-bottom: 10px;

}



.cart_item_image {

	width: 200px;

}

.cart_item_image{

	margin: auto;

}

.cart_item_image img{

	margin: auto;

}

.cart_item_detail {

	width: 420px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	padding-left: 10px;

	padding-right:10px;

}

.cart_item_name {

	font-size: 20px;

	font-weight: bold;

}

.cart_item_unit {

	color: #aaa;

	font-weight: bold;

	margin-bottom: 20px;

}

.cart_item_exp {

	font-size: 13px;

}

.cart_item_price{

	width: 180px;

	margin: auto 0;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

}

.cart_item_price span{

	

	font-size: 14px;



}

.cart_item_cnt {

	width: 100px;

	margin: auto 0;

	text-align: center;

}

.cart_item_cnt input[type="text"]{

	border: 1px solid #ccc;

	padding: 5px;

}

.cart_item_delete {

	width: 80px;

	margin: auto 0;

	padding-left:20px;

}

.cart_item_delete input[type="submit"] {

	color: blue;

	padding: 2px;

	border-bottom: 1px solid blue;

	

}

.cart_item_delete input[type="submit"]:hover {

	opacity: 0.7;

	/* text-decoration: underline; */

}





/* 送料関係テーブル */

/* table.pt{

	border-collapse: collapse;

}

table.pt th, table.pt td{

	padding: 10px;

	border: solid 1px black;

} */

/* カート内ここまで */



/* 商品一覧ここから */

section#item_all {  /*大分類：作業用品*/

	margin-top:0;

}

#item_all .item_category{

	margin-bottom: 100px;

}



#item_all h3 {

	font-size: 18px;

	margin-bottom: 50px;

	color:#888;

}



#item_all a:hover {

	opacity: .75;

}

#item_all img {

width:150px;

height:auto;

justify-content: center;

}

#item_all .item_list {

	display:flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	width: 640px;

}

#item_all .item_card {

	width: 160px;

	padding: 5px;

	margin-bottom: 50px;

}

#item_all .item_card div {

	width: 150px;



}



#item_all .item_tag {

	border: 1px solid #aaa;

	padding: 5px;

	color: #aaa;

	display:inline;

	font-size: 13px;

}

#item_all .item_name {

	font-size: 14px;

	margin-top: 10px;

	font-weight: bold;

	/* word-wrap: break-word; */

}



#item_all .item_unit {

	color: #aaa;

	margin-top: 5px;

	font-size:12px;

}

#item_all .item_size {

	font-size:12px;

	margin-top: 10px;

}

#item_all .item_price {

	font-size:15px;

	font-weight: bold;

	margin-top:10px;

}

#item_all .item_price span {

	font-size:10px;

	font-weight: bold;

	/* margin-top: 20px; */

}





.content table .item_name {

font-size: 13px;

font-weight: bold;

height:45px;

line-height:1.5em;

}

.content .item_num {

font-size: 11px;

font-weight: normal;

height:15px;

}

.content .item_size {

font-size: 11px;

font-weight: normal;

height:15px;

}

.content .item_price {

font-size: 13px;

font-weight: bold;

height:20px;

line-height:1.5em;

}

.content .item_price span{

font-size: 10px;

font-weight: bold;

height:20px;

}



/* 商品一覧ここまで */



/* 商品詳細ここから */



#item_detail {

	width: 700px;

	margin: 0 auto;

	display:flex;

	flex-wrap: wrap;

}



#item_detail .left {

	width: 350px;



}



#item_detail ul {

	display: flex;

	width: 300px;

	flex-wrap: wrap;

}

#item_detail ul li {

	/* padding: 5px; */

	width: 65px;

	margin: 5px;

	cursor:pointer;

	

}



.click {

	box-shadow: 0 0 5px  #ff9a18;

	border:none;

}



#item_detail ul li img {

	border: 1px solid #ccc;

}

#item_detail .right {

	width: 350px;

	padding-top: 20px;

}



#item_detail .item_name {

	font-size:24px;

	font-weight: bold;

	width: 350px;

}

#item_detail .item_unit {

	width: 350px;

	font-size: 16px;

	font-weight: bold;

	color: #aaa;

}



#item_detail .item_price {

	font-size: 20px;

	font-weight: bold;



	margin-top: 50px;

}

#item_detail .item_price span {

	font-size: 15px;

	

}

#item_detail .item_property {

	margin-top: 30px;

}

#item_detail .item_property th,#item_detail .item_property td, .cart_item_wrap .item_property th,.cart_item_wrap .item_property td {

	margin:0px;

	padding: 5px 0;

}

#item_detail .item_property th,.cart_item_wrap .item_property th {

	/* margin:10px; */

	width: 80px;

}

#item_detail .item_property td,.cart_item_wrap .item_property td {

	/* margin:10px; */

	width: 270px;

}

#item_detail .item_tocart {

	margin-top: 50px;

}



#item_detail .item_tocart input[type="number"] {

	width: 4em;

	border: 1px solid #ccc;

}



#item_detail .item_tocart input[type="submit"] {

	color:#fff;

	background-color: #ff9a18;

	margin-left: 20px;

}



#item_detail .item_tocart input[type="submit"]:hover {

	background-color: #ccc;

}

.select {

	display: inline-block;

	position: relative;

	border: 1px solid #eee;

	vertical-align: middle;

}

.select select {

	appearance: none;

	width: 120px;

	padding: 1px 5px;

	padding-right: 1em;

	border: none;

	outline: 0;

	background: #fff;

	background-image: none;

	box-shadow: none;

	/* text-indent: 0.01px; */

	/* text-overflow: ellipsis; // 文字の省略 */

	cursor: pointer;

}



.select::before {

	position: absolute;

	top: 10px;

	right: 16px;

	width: 0;

	height: 0;

	border-width: 10px 5px 0 5px;

	border-style: solid;

	border-color: #eee transparent transparent transparent;

	content: "";

	pointer-events: none;

}

  

/* 商品詳細ここまで */

/* ↑ここまで */