@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');


/********** Common ************/

body {
    
    font-family: 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
    /*font-family: century-gothic, sans-serif;*/
    margin: 0;
    font-weight: 400;
    padding: 0;
    font-size: 1.0rem;
    color: #1a1a1a;
    line-height: 1.8;
}

b{
font-weight:bold;
}

a{
outline: none;
text-decoration:none;
border:none;
}


a:link, a:visited {
    text-decoration: none;
    color: #0084cf;
}

a:hover{
text-decoration:underline;
}

a:focus{
outline: none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

img{
vertical-align:bottom;
max-width:100%;
}

p{
margin:0 0 15px 0;
line-height:1.5;
}

h1 {
    margin:0 auto 1em auto;
    text-align: center;
    font-size:22px;
    font-weight:500;
    color:#9094A1;
}

h1 {
  position: relative;
  display: inline-block;
  padding: 0 80px;
  text-align: center;
}

h1:before,
h1:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #C6C7CE;
  border-bottom: solid 2px #C6C7CE;
}

h1:before {
  left: 0;
}

h1:after {
  right: 0;
}

h1 span{
 font-size:16px;
 display:block;
 text-align:center;
}

h1 i{
 padding:0 !important;
}

h1 i.fas{
 display:block;
 font-size:35px;
 margin-bottom:10px;
 color:#26465E;
}

.sec_ttl{
margin:0;
font-weight:400;
font-size:18px;
color:#26465E;
margin-bottom:1em;
margin-top:1em;
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height:1.6;
}

h1.Contents__title{
    border-top: 3px solid #26465E;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1em;
    padding: 1em .5em 1em 1em;
    color:#26465E;
    position: relative;
    box-shadow: 0 2px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.08);
    display:block;
     width:100%;
    text-align:left;
	background: #feffff;
	background: -moz-linear-gradient(top,  #feffff 0%, #eeeeee 99%);
	background: -webkit-linear-gradient(top,  #feffff 0%,#eeeeee 99%);
	background: linear-gradient(to bottom,  #feffff 0%,#eeeeee 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eeeeee',GradientType=0 );

}

h1.Contents__title:before,
h1.Contents__title:after{
 display:none;
 }

h2{
    color: #1a1a1a;
    font-size: 1.2rem;
    position: relative;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: .55em .3em .55em 1em;
    background: #fff;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 1.5em;
}

h2:before {
    content: '';
    position: absolute;
    height: 70%;
    left: 0;
    background: #26465E;
    width: 5px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

h2:after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 3px;
    height: 70%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

footer .copy{
 font-size:10px;
 text-align:center;
 margin:2em auto 0 auto;
 color:#777;
 padding:.85em 0 .85em 0;
}

input::placeholder {
  color: #888;
}

p.detail{
 margin:1em 0 2em 0;
 line-height:1.9;
}

h3.pr{
 position:relative;
 padding-left:20px;
 font-weight:400;
 font-size:18px;
 margin-top:1em;
 margin-bottom:1em;
}

h3.pr:before{
 content:'';
 height:100%;
 max-height:80px;
 background:#06669d;
 width:8px;
 position:absolute;
 top:0;
 left:0;
 border-radius:12px;
}

.pr_btn_center{
 margin:2em auto 2em auto;
 text-align:center;
}

.pr_count{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
    border:1px solid #ccc;
    margin:2em auto 0 auto;
    max-width:500px;
}

.pr_count .Item{
 width:30%;
 padding:1em;
 border-right:1px solid #ccc;
 text-align:center;
 font-weight:500;
 font-size:17px;
 }

.pr_count .Item:nth-of-type(2){
 width:70%;
 border-right:none;
 text-align:left;
}

.pr_count .Item input[type="text"]{
 box-shadow:none;
 border:1px solid #ccc;
 width:100px;
}

.text_wrap{
 background:#f2f8fd;
 padding:1em;
}

/********** Common ************/

/********** Layout ************/

article.Gray {
    background-color: #E3E6E8;
    /*padding:0 .85em 0 .85em;*/
    padding: 0 .3em;
}

#wrapper{
 max-width:768px;
 margin:auto;
}

#Page__wrapper{
 padding:1em 0 1em 0;
 max-width:768px;
 margin:auto;
}



/********** Layout Common ************/

.fl__wrap{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
}

.Page__fl__wrap{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: flex-start;
}

.vh__100{
 min-height:100vh;
 padding-bottom:.85em;
 padding-top:.85em;
 }

.ptb_none{
 padding-top:0;
padding-bottom:0;
}

.bg__white{
 background:rgba(255,255,255,0.8);
 border:3px solid #fff;
/* padding:1.5em .85em;*/
 padding: .5em;
 box-shadow: 0px 1px 8px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.025);
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.025);
 width:100%;
 }

.box_radius{
 border-radius:0px;
}

.Flex_contents{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}

.Flex_contents .Item{
 width:100%;
}

.Flex_contents .pr__photo{
  width:50%;
 }

.Flex_contents .pr__photo__text{
  width:47%;
 }

/********** Layout ************/

.Logo__center{
 text-align:center;
 margin:0 auto .5em auto;
 max-width:220px;
}
    .Logo__center .shop-name {
        font-size: 0.9em;
    }

.L_ttl{
 color:#26465E;
 font-weight:600;
 font-size:1.2rem;
 margin: 0 0 .5em;
}

.Log_wrap:not(:last-child){
 margin-bottom:1em;
}

.Logo__center__Page{
 max-width:120px;
 margin:0 auto 1em auto;
}

.bottom_btn_wrap{
 max-width:680px;
 margin:1em auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
justify-content:space-between;
}

.bottom_btn_wrap .item{
 width:calc(90% / 2);
 }

.top_btn_wrap{
 max-width:680px;
 margin:0 0 1em auto;
    display: flex;
    flex-direction: row;
justify-content:flex-end;
}

.top_btn_wrap .item{
 width:calc(96% / 3);
 }

i.fa-plus{
 color:#0084cf;
 margin-right:7px;
 display:inline-block;
 font-size:20px;
}

i.fa-times{
 color:#fe0009;
 margin-right:7px;
 display:inline-block;
 font-size:20px;
}

i.fa-sync-alt{
 color:#319ca3;
 margin-right:7px;
 display:inline-block;
 font-size:20px;
}

/********** header ************/

.hedaer_logout__wrap{
 margin-bottom:1em;
    width:100%;
 background:#fff;
 margin-bottom:.5em;
 padding:0.85em;
 font-size:15px;
 line-height:1.6;
}

.hedaer_logout__wrap span{
 display:block;
 text-align:center;
 padding-top:.5em;
 margin-top:.5em;
 border-top:1px solid #E3E6E8;
 font-size:14px;
}

.hedaer_logout__wrap font{
 display:block;
}

.hedaer_logout__wrap .Flex__wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
 }

.hedaer_logout__wrap .Flex__wrap .Item:nth-of-type(odd){
 background:#fff;
 padding:.5em;
 width:50%;
}

.hedaer_logout__wrap .Flex__wrap .Item:nth-of-type(even){
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-end;
    align-items: center;
 }


.hedaer_logout__wrap .Flex__wrap .Item:nth-of-type(even) a{
 font-size:14px !important;
 margin-bottom:0 !important;
     padding: 0.5em 1em;
 width:calc(98% / 2);
 min-width:200px;
 margin-right:.5em
}

.hedaer_logout__wrap .Flex__wrap .Item:nth-of-type(even) a:last-child{
 margin-right:0;
}

.hedaer_logout__wrap .Flex__wrap .Item:nth-of-type(odd) span{
 padding-left:.25em;
 margin-left:.25em;
 display:inline-block;
 }

/********** Form ************/

	input[type=search], input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea{
	 border:1px solid #ddd;
	 box-shadow:none;
	 font-size:17px;
	 border-radius:0;
	padding:.75em 1em;
	width:100%;
	font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	}

	input[type=file], input[type=date]{
	font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	 font-size:17px;
	}

	input[type=date]{
	 padding:.5em;
	}

	input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
	    border-color: #9094a0;
	 box-shadow:1px 1px 4px 1px #ddd inset;
	}

	input[type=text]#short{
	 width:25%;
	}

/*	.button, button, input[type=submit], input[type=reset], input[type=button] {
	    color: #fff;
	display:block;
	height:auto;
	width:100%;
	border-radius:3px;
	border:none;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	padding:1.2em 2em;
	line-height:1.0;
	 font-size:20px;
	    background: #0084cf;
	font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	}

	.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
	    background: #004a8f;
	    color: #fff;
	}*/

	.forget-pswd {
	    display: block;
	    float:none;
	    line-height: 40px;
	    margin-top:1em;
	    text-align:center;
	}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin:auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-weight:400;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 50%;
	  transform: translateY(-50%);
	  -webkit- transform: translateY(-50%);
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0084cf;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #1a1a1a;
}

input[type=radio], input[type=checkbox]{
 opacity:1;
    -moz-appearance: auto;
    /* -webkit-appearance: auto; */
    -ms-appearance: auto;
    appearance: auto;
  margin-left:auto;
  margin-right:auto;
  float:none;
  width:20px;
  height:20px;
	font-family:'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	 font-size:17px;

}

input[type=radio]{
 vertical-align:top;
 margin-right:5px;
 display:inline-block;
 font-size:18px;
}

input[type="date"]{
 font-size:16px;
 margin-right:0;
}

input[type="date"]:nth-of-type(2){
 margin-top:5px;
 margin-right:3px;
}

.cancel{
 background:#454545 !important;
}

.cancel:hover{
 background:#888 !important;
}

/********** Btn ************/

.btn_wrap {
  display: block;
  position: relative;
}

.btn_wrap span.min{
 font-size:15px;
}

.btn {
  padding: 0.75em .3em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #0084cf;
  font-size:19px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#0084cf;
    box-shadow:none;
}

.btn, .btn__02{
 margin-bottom:1.5em;
}

  .btn:hover {
    background-color: #fff;
    text-decoration:none;
    color: #0084cf !important;
  border: 2px solid #0084cf;
}


.btn__02 {
  padding: 0.75em .3em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #004374;
  font-size: 19px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#004374;
    box-shadow:none;
}

.btn__02:hover {
    background-color: #fff;
    text-decoration:none;
    color: #26465E !important;
  border: 2px solid #26465E;
}

.btn__03 {
  padding: 0.75em .3em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #319ca3;
  font-size: 19px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#319ca3;
    box-shadow:none;
}

.btn__03:hover {
    background-color: #fff;
    text-decoration:none;
    color: #319ca3 !important;
  border: 2px solid #319ca3;
}

.close_wrap{
  margin-top:2em;
 }


.btn__04 {
  padding: 0.5em .3em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #343434;
  font-size: 14px;
  display:block;
  border-radius:4px;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  max-width:50%;
  background:#343434;
  margin:auto;
    box-shadow:none;
}

.btn__04:hover {
    background-color: #fff;
    text-decoration:none;
    color: #343434 !important;
  border: 2px solid #343434;
}

.btn, .btn__02, .btn, .btn__03{
 max-width:600px;
 margin-left:auto;
 margin-right:auto;
}

.btn__04{
 max-width:250px;
 margin-left:auto;
 margin-right:auto;
}

a.btn i.fas, a.btn__02 i.far, a.btn__03 i.fas{
 margin-right:.5em;
 }

.btn-danger{
 border-top-right-radius:6px;
 border-bottom-right-radius:6px;
 border-top-left-radius:0px;
 border-bottom-left-radius:0px;
  margin:0;
 padding:10px;
     font-size: 20px;
 align-items: center;
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
justify-content:center;
border:none;
 width:90px !important;
 text-align:center;
box-shadow:none;
}

.btn-danger:hover{
 border:none;
 background:#0084cf;
 color:#fff !important;
 box-shadow:0;
}

.align_center{
align-items: center;
}

a.btn_min{
display:inline-block;
margin-right:.5em;
border:2px solid #0084cf;
text-align:center;
padding:.3em 1em;
color:#0084cf;
font-size:18px;
background:#fff;
border-radius:1.4em;
}

.search_btn{
 max-width:220px;
 font-size:18px;
 margin-top:1em;
}

.search_btn i{
 margin-right:.3em;
}

/********** Layout Table ************/

dl.order__table{
 display:table;
 background:#fff;
 margin:0;
 width:100%;
}

dl.order__table:first-child{
 border-top:1px solid #ddd;
}

dl.order__table dt{
 display:table-cell;
 width:30%;
 text-align:center;
 vertical-align:middle;
 color:#fff;
 padding:1em .5em;
 background:#06669d;
 border-bottom:1px solid #ddd;
 line-height:1.5;
  font-size:15px;
}

dl.order__table dd{
 display:table-cell;
 text-align:left;
 padding:1em .5em;
 vertical-align:middle;
 border-bottom:1px solid #ddd;
 border-right:1px solid #ddd;
 line-height:1.5;
  font-size:15px;
}

dl.order__table dd span.number{
 font-size:15px;
 display:block;
 margin-bottom.3em;
}

dl.order__table dd.tel:before{
  	font-family: "Font Awesome 5 Free";
	content: '\f879';
	font-weight:900;
	margin-right:.25em;
	font-size:0.9rem;
}

table th, table td{
 font-size:15px;
}

table.order, table.search, table.order__contact{
 width:100%;
 margin-top:2em;
 background:#fff;
}

table.order th, table.order__contact th{
 vertical-align:middle;
 background:#26465E;
 color:#fff;
 border-right:1px solid #fff;
 text-align:center;
 padding:1em .5em;
  width:30%;
 font-size:15px;
}

table.order{
 border-top:1px solid #ddd;
}

td.bt_border{
 border-top:1px solid #ddd;
}

table.order td, table.order__contact td{
 text-align:left;
 padding:1em .5em;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
 vertical-align:middle;
 line-height:1.45;
 font-size:15px;

}

td.center{
 text-align:center !important;
}

td.right{
 text-align:right !important;
}

table.order td.price, table.order__contact td.price{
 font-weight:bold;
}

table.search__table td{
 text-align:left;
 padding:1em;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}

table.search__table th{
 font-weight:middle;
 background:#26465E;
 color:#fff;
 border-right:1px solid #fff;
 text-align:center;
 padding:1em;
}


table.search__table tr th:nth-of-type(1){
 width:20%;
}

table.search__table tr th:nth-of-type(2){
 width:30%;
}

table.search__table tr th:nth-of-type(3){
 width:8%;
 text-align:center;
}

table.search__table tr th:nth-of-type(4){
 width:28%;
 text-align:center;
}

table.search__table tr th:nth-of-type(n+5){
 width:7%;
 text-align:center;
 vertical-align:middle;
}

table.search__table tr td{
 vertical-align:middle;
}

table.search__table tr td:nth-of-type(1){
 text-align:left;
}

table.search__table tr td:nth-of-type(2){
 text-align:left;
}

table.search__table tr td:nth-of-type(3){
 text-align:right;
}

table.search__table tr td:nth-of-type(4){
 text-align:left;
}

table.search__table tr td:nth-of-type(n+5){
 text-align:center;
  width:7%;
 vertical-align:middle;
}

.order__contact_wrap table:first-child{
  border-top:1px solid #ddd;
 }

.order__contact_wrap table:nth-of-type(even){
 margin-top:0;
 }

p.delivery__free{
 margin-top:.5em;
 /*font-size:1.15rem;
 margin-bottom:10px;*/
}

p.delivery__free span{
 font-size:1.25rem;
background:linear-gradient(transparent 60%, #fcfc9a 60%);

}

p.delivery__free:before{
  	font-family: "Font Awesome 5 Free";
	content: '\f48b';
	font-weight:900;
	color:#26465E;
	margin-right:.25em;
	font-size:1.0rem;
}

.search{
     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:flex-start;
    width:100%;
    margin-bottom:1em;
}

.search input{
 width:100%;
 padding:10px;
 border:2px solid #0084cf;
}

td a.btn{
 font-size:1.0rem;
 padding: 0.5em 0.25em;
 border-radius:3px;
 border:none;
  margin:auto;
}

td a.btn:hover{
 border:none;
 box-shadow:none;
 background:#0084cf;
 color:#fff !important;
 }

.fas{
 font-weight:normal;
 margin-right:5px;
}

td.wd86{
 width:30%;
}

td.gray{
 background:#f2f2f9;
}


/********** Products Photo ************/

.products_photo_wrap{
 max-width:1020px;
 margin-left:auto;
 margin-right:auto;
}

.products_photo_wrap p{
 margin-top:.5em;
 font-weight:500;
 font-size:1.05rem;
}

/*.pr__photo__text input[type="button"]{
 border:none;
 border-radius:1.5em;
 width:100%;
}*/

.pr__photo__text input[type="button"]:hover{
 color:#fff !important;
 }

.pr__photo__text input[type="button"].back{
 margin-left:auto;
 margin-right:auto;
 font-size:15px;
 background:#454545;
 max-width:200px;
 display:block;
 }

.pr__photo__text input[type="button"].back:hover{
 background:#1a1a1a;
 }

.pr__photo img{
 background:#fff;
 padding:10px;
 border:1px solid #ddd;
}

.mt_10{
 margin-top:.5em !important;
}

.mt_none{
 margin-top:0em !important;
}

.mt_15{
 margin-top:1.5em;
}

.mb_10{
 margin-bottom:1em;
}

.mb_none{
 margin-bottom:0 !important;
}

span.zaiko{
 background:#ff8e21;
 padding:.3em .5em;
 border-radius:3px;
 text-align:center;
 color:#fff;
 display:inline-block;
 margin-bottom:.5em;
 font-size:1.0rem;
 min-width:150px;
 margin-right:5px;
}

span.zaikonashi{
 background:#d31a21;
 padding:.3em .5em;
 border-radius:3px;
 text-align:center;
 color:#fff;
 display:inline-block;
 margin-bottom:.5em;
 font-size:1.0rem;
 min-width:150px;
 margin-right:5px;

}

span.toiawase{
 background:#319ca3;
 padding:.3em .5em;
 border-radius:3px;
 text-align:center;
 color:#fff;
 display:inline-block;
 margin-bottom:.5em;
 font-size:1.0rem;
 min-width:150px;
 margin-right:5px;
}

.products-code{
color: #fff;
  padding: 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #26465e;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
  margin-bottom:.5em;
}

.products-code:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

/********** decoration ************/

.txt_red{
 color:#fe0009;
}

.bold{
 font-weight:bold;
}

span.required{
 background:#fe0009;
 text-align:center;
 padding:.3em;
 line-height:1.0;
 min-width:50px;
 color:#fff;
 display:inline-block;
 margin-left:10px;
 font-size:15px;
}

/********** order ************/

.total_price_wrap{
 padding:1.5em;
 border:1px solid #ddd;
 margin-top:1em;
 margin-bottom:1em;
}

.total_price{
 padding-bottom:.3em;
 margin-bottom:.3em;
 border-bottom:3px solid #ddd;
 font-weight:600;
 font-size:1.3rem;
 text-align:center;
 line-height:1.4;
}

.total_price_wrap p.delivery__free{
 margin-bottom:0;
}

.deliverly_flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items:center;
}

.deliverly_flex .add{
 width:100%;
 }

.deliverly_flex .right{
 width:100%;
 margin-top:1em;
 }

.deliverly_flex .right input[type=button]{
  padding:15px 10px;
  font-size:15px;
}

input[type=button].min{
  padding:15px;
  font-size:16px;
}

table.order td input[type=button].min{
  padding:10px;
  font-size:15px;
}

table.order td.left{
 text-align:left !important;
}

@media screen and (max-width: 767px) {
  .lum-lightbox-inner img {
    max-width:95% !important;
    max-height:95% !important;
  }
}

.lum-gallery-button {
  display: none !important;
}

a.zoom {
    position: relative;
    display: block;
    z-index: 9999;
}

    a.zoom::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 2em;
        height: 2em;
        background-color: rgba(255,255,255,0.5);
        background-image: url("zoom.png");
        background-size: 1em 1em;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 9999;
    }

.flash {
    animation: flash 1s linear infinite;
    color: #fe0009;
    font-weight: 600;
    font-size: 17px;
    margin-bottom:0;
    display:block;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}


/********** 商品選択 ************/

.cf:before,
.cf:after{
 content:"";
 display:table;
}
 
.cf:after{
 clear:both;
}
 
.cf{
 zoom:1;
}

#content {
 max-width:600px;
 margin:0 auto 1em auto;
 text-align: center;
}

#featured_img img,
#thumb_img img {
 max-width: 100%;
}

#thumb_img{
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
justify-content:flex-start;
}

#thumb_img {
 margin-top:2%;
}

 #thumb_img img {
 width:calc(96% / 3);
 cursor: pointer;
 margin-right:2%;
 margin-bottom:2%;
 border:2px solid #eee;
 box-sizing:border-box;
 }

 #thumb_img img.active{
 border:2px solid #cac6b8;
 }
 
 #thumb_img img:nth-of-type(3n){
 margin-right:0;
 }

.pr__photo p{
 margin-bottom:.5em;
}

.select__products_wrap{
 max-width:600px;
 margin:auto;
 }

.bt{
 border-top:1px solid #ddd;
}

.slick-dotted.slick-slider{
 margin-bottom:3em !important;
}


/********** 商品選択一覧 ************/

.Pr__list_wrap{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start;
}


    .Pr__list_wrap .Item {
        width: 100%;
        /*margin: 0 auto 3em auto;*/
        margin: 0 auto 1em auto;
        /* add */
        display: flex;
        flex-direction: column;
    }
    .Pr__list_wrap .Item2 {
        width: 100%;
        margin: 0 auto 3em auto;
    }

.Pr__list_wrap .Item:last-child{
 margin-bottom:0;
}

/*.Pr__list_wrap .Item img{
 margin-bottom:.5em;
}*/
    .Pr__list_wrap .Item img.item-img {
        aspect-ratio: 1 / 1; /* 正方形の枠 */
        width: 100%;
        height: auto;
        object-fit: contain; /* cover枠に合わせて切り取り */
        display: block;
        border-radius: 8px; /* 任意：角丸 */
        margin-bottom: .5em;
        cursor: pointer;
    }

.Pr__list_select_wrap .Item{
margin:0 auto 1em auto;
}

.Pr__list_select_wrap .Item:last-child{
margin:0 auto 1em auto;
}


.Pr__list_wrap .Item p{
 margin-bottom:.5em;
}

.Pr__list_wrap .Item p.name{
 font-weight:500;
 font-size:1.0rem;
}

.Pr__list_wrap .Item p.price{
 padding:.5em 0 .5em 0;
 text-align:left;
 margin-bottom:.5em;
 border-top:1px solid #C6C7CE;
 border-bottom:1px solid #C6C7CE;
 font-size:1.0rem;
}

.Pr__list_wrap .Item p.size{
 font-size:1.0rem;
 margin-bottom:1em;
}

.Pr__list_wrap .Item .btn_wrap{
 text-align:center;
}

/* 中カテゴリ以降 st */
.Pr__list_wrap2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .Pr__list_wrap2 .Item {
        width: calc(98% / 2);
        margin-right: 2%;
        margin-bottom: 2.5em;
    }

        .Pr__list_wrap2 .Item:nth-of-type(2n) {
            margin-right: 0;
        }

        .Pr__list_wrap2 .Item img {
            margin-bottom: .5em;
        }

        .Pr__list_wrap2 .Item p {
            margin-bottom: .5em;
        }

            .Pr__list_wrap2 .Item p.name {
                font-weight: 500;
                font-size: 1.0rem;
            }

/* 中カテゴリ以降 en */



/********** order ************/

/********** 11-27 Style 追記 ************/

.txt-centeroff{
    width: 100px;
    height: 50px;
    border: 1px solid #ccc;
}

/********** 11-27 Style 追記 ************/

/* ﾛｸﾞｲﾝ画面 */
.login_logo {
    margin-top: 10px;
    margin-bottom: -10px;
}

.pc_area {
    display: none;
}

.sp_area {
}

/* Main TOP情報 */
.head_info {
    max-width: 1600px;
    margin: 0 auto 0 auto;
}
.login_info {
    font-size: 0.5em;
    text-align: left;
    vertical-align: middle;
}
.icon_cart {
}
.login_cartimg {
    width: 20px;
    margin: 0 0px 2px 0;
}

.login_logoutimg {
    width: 20px;
    margin: 0 2px 2px 0;
}

.menu_info {
    font-size: 0.6em;
}

.menu_info {
    font-size: 0.5em;
}

.menu_img {
    margin-bottom: 0px;
    width: 30px;
}

.menulist nav ul {
    width: 100%;
}

    .menulist nav ul li {
        min-width: 40px;
    }


/* sp用 */
/*ul.topnav {
    margin: 0;
    padding: 0;
    background-color: #000000;
}

    ul.topnav li {
        display: inline-block;
        padding: 5px;
        font-weight: bold;
        cursor: pointer;
        color: #ffffff;
    }

        ul.topnav li a {
            padding: 5px;
            color: #ffffff;
            text-decoration: none;
        }

            ul.topnav li a:hover:not(.active) {
                background-color: #a9bce2;
            }

            ul.topnav li a.active {
                background-color: #da3c41;
            }*/

ul.topnav li {
    display: inline-block;
    padding: 2px;
    color: #ffffff;
}

ul.topnav li a {
    padding: 2px;
}


/* 1034 数量ｴﾘｱ */
dl.su__table {
    display: table;
    background: #fff;
    margin: 0;
    width: 100%;
}

    dl.su__table dt {
        display: none;
    }

    dl.su__table dd {
        display: table-cell;
        text-align: center;
        padding: 0.2em 0.5em;
        vertical-align: middle;
        border: 1px solid #ddd;
        line-height: 1.5;
    }

.flexarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* 同一ｶﾃｺﾞﾘﾘｽﾄ用 */
.detail_wrap .Item {
    width: calc(96% / 3);
    margin-right: 2%;
    margin-bottom: 1.0em;
    /* add */
    display: flex;
    flex-direction: column;
}
    .detail_wrap .Item:nth-of-type(3n) {
        margin-right: 0;
    }

/* 2030 */
.Flex_contents .Item2 {
    width: 100%;
}

.Flex_contents .Item3 {
    width: 100%;
}

/* 0110 */
.pg_title {
    font-size: 1em;
}
.Flex_contents .SearchItem_1 {
    width: 100%;
}

.Flex_contents .SearchItem_2 {
    width: 100%;
}

/* 1010_1 */
/* 発送先ﾎﾞﾀﾝｴﾘｱ */
.Flex_contents .cartItem1 {
   display:none;
}
.Flex_contents .cartItem2 {
    width: 100%;
    text-align:center;
    margin-bottom:10px;
}
.Flex_contents .cartdeliv1 {
    width: 100%;
}
.Flex_contents .cartdeliv2 {
    width: 100%;
    text-align: right;
}
.cartdeliv_content {
    height: 86%;
    padding: 10px 10px;
}
.cartsoryo_content {
    max-height: 600px;
    padding: 10px 10px;
}
a.cart_delivbtn {
    display: inline-block;
    margin-right: 0;
    border: 2px solid #0084cf;
    text-align: center;
    padding: .3em 0.5em;
    color: #0084cf;
    font-size: 18px;
    background: #fff;
    border-radius: 1.4em;
}
.cartdeliv_list {
    height: 76%;
    overflow: auto;
    border: 1px solid;
}


/* 発送先ﾀｲﾄﾙ */
table.linetable th.title_cart2 {
    width: 30%;
}
/* 出荷情報 */
.send_info {
    margin-top: 20px;
}

/* 1036 */
.Flex_contents .itemdisp1 {
    width: 100%;
}

.Flex_contents .itemdisp2 {
    width: 100%;
    text-align: right;
}

/* 2030 */
.Flex_contents .itemdtl1 {
    width: 100%;
    margin-top: 16px;
}
.Flex_contents .itemdtl2 {
    width: 100%;
    margin-top: 16px;
}
.dtl_head {
    width: 30%
}

/* main */
.search_content {
    padding: 10px 10px;
    max-height: 600px;
}

/* 1010_1 */
.bottom_btn_wrap .itembtn {
    width: 100%;
}

/* 1011 */
/* 出荷情報 */
.send_boxtitle {
    margin-top: 20px;
    background: #0084cf;
    border: 1px solid #808080;
    width: 100%;
    height: 40px;
    font-size: 1.2em;
    font-weight: 300;
}
.send_box {
    margin-bottom: 10px;
    padding: 10px 5px;
    border: 1px solid #808080;
    width: 100%;
}

/* 0110 ｱｶｳﾝﾄﾃｰﾌﾞﾙ */
dl.item__table {
    display: table;
    background: #fff;
    margin: 0;
    width: 100%;
}

dl.item__table dt {
    display: table-cell;
    width: 30%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding: 1em .5em;
    background: #06669d;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
    font-size: 15px;
}

dl.item__table dd {
    display: table-cell;
    text-align: left;
    padding: 1em .5em;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.5;
    font-size: 15px;
}

        dl.item__table dd.txtarea {
            padding: 0.2em 0.3em;
        }

.btn_space {
    margin-top: 30px;
    text-align:right;
}

.user_topbtn {
    margin-top: 10px;
    text-align:right;
}


/* 0120 */
.deliv_pg_title {
    font-size: 1.2em;
}
.deliv_comment {
    font-size: 0.8em;
}

.deliv_search {
    width: 100%;
    margin-top: 10px;
}

/* 0016 */
.content_mail1 {
    max-width:520px;
    width: 100%;
    height: 230px;
}
.content_mailmsg1 {
    margin: 30px 0;
}


.user_btn01 {
    padding: 15px 14px 15px 14px;
}

.deliv_btn01 {
    padding: 10px 10px 10px 10px;
}
.deliv_btn02 {
    padding: 15px 30px 15px 30px;
}
.cart_btn01 {
    padding: 15px 30px 15px 30px;
}


table.sptable {
    border-collapse: collapse;
    /*border: 2px solid #ddd;*/
    background: #fff;
    table-layout: fixed;
    width: 100%;
    margin: 10px auto 20px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

    table.sptable td {
        padding: 0.5em 0.8em;
        border: 1px solid #ddd;
    }

        table.sptable td.texttd {
            padding: 0.2em;
            border: 1px solid #ddd;
            text-align: center;
        }

    table.sptable th {
        padding: 0;
        text-align: center;
        border: 1px solid #ddd;
        background-color: #6E82AD;
        color: #fff;
    }

.box01 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

    .box01 .box-title {
        background: #5fb3f5;
        padding: 4px;
        text-align: left;
        color: #FFF;
        letter-spacing: 0.05em;
    }
       
    .box01 p {
        padding: 10px 20px 0 20px;
        margin: 0;
    }


.div_contact {
    max-width: 600px;
    margin: 0 auto;
}




/* 2025.04.03 add */
/* 検索画面枠 */
table.spboxtable {
    border-collapse: collapse;
    background: #fff;
    table-layout: fixed;
    width: 100%;
    margin: 0;
}

    table.spboxtable th.headfix {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 0;
        text-align: center;
        border-bottom: 1px solid #ddd;
        background-color: #ced1d3;
        color: #fff;
    }

.btn-sp {
    border-radius: 2px;
    text-align: center;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-sp a:hover {
        cursor: pointer;
        text-decoration: none;
    }

.color-blue {
    background-color: #4169e1;
}

.color-gray {
    background-color: #4d4d4d;
}