@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;
    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;
}

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.fas{
 display:block;
 font-size:35px;
 margin-bottom:10px;
 color:#26465E;
}

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

input::placeholder {
  color: #888;
}

h1.Contents__title{
    border-top: 3px solid #26465E;
    font-size: 1.4rem;
    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.3rem;
    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%);
}

.sec_ttl{
margin:0;
font-weight:400;
font-size:20px;
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;
}

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

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

article.Gray {
    background-color: #E3E6E8;
    padding: 0 2em;
}

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

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

#Products__wrapper{
 padding:1em 0 1em 0;
 max-width:1080px;
 min-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{
 height:100vh;
 }

.bg__white {
    background: rgba(255,255,255,0.8);
    border: 3px solid #fff;
    /* padding:2em;*/
    padding: 1em 2em 2em 2em;
    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:6px;
}

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

.Flex_contents .Item{
 width:calc(95% / 2);
}

.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: 380px;
}
.Logo__center .shop-name {
    font-size:1em;
}

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

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

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

.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%;

}

.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 #ccc;
	 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;
	height:auto;
	width:100%;
	border-radius:6px;
	max-width:300px;
	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: right;
	    line-height: 40px;
	}

.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:17px;
 margin-right:5px;
}

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

.cancel{
 background:#454545 !important;
}

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

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

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

.btn {
  padding: 0.75em 2em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #0084cf;
  font-size: 24px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#0084cf;
    box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

.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 2em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #004374;
  font-size: 24px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#004374;
    box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

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

.btn__03 {
  padding: 0.75em 2em;
  text-align: center;
  text-decoration: none;
  border: 2px solid #319ca3;
  font-size: 24px;
  display:block;
  border-radius: 1.5em;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  color:#fff !important;
  background:#319ca3;
    box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.15);
}

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

.btn, .btn__02, .btn, .btn__03{
 max-width:700px;
 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;
}

.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;
}

/*input[type=button].btn_lo{
 max-width:500px;
}*/

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

/********** 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;
 background:#06669d;
 border-bottom:1px solid #ddd;
 line-height:1.5;
}

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

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:16px;
}

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:.5em;
}

/* del sysk */
/*table.order tr th:nth-of-type(1){
 width:20%;
}

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

table.order tr th:nth-of-type(n+3){
 width:6.66%;
 text-align:center;
}*/

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

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

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

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

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

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;
}

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

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

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

table.order__contact tr td:nth-of-type(n+5){
 text-align:right;
}

table.order tr td:last-child{
 text-align:center;
}

table.order tr td.right, table.order__contact tr td.right{
 text-align:right;
}

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;
 /* del sysk */
 /*font-size:1.15rem;
 margin-bottom:10px;*/
}

    p.delivery__free span {
        /* upd sysk */
        /*font-size:1.25rem;*/
        font-size: 1rem;
        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:86.1%;
}

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_15{
 margin-top:1.5em;
}

.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:1em;
 font-size:0.9rem;
 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:1em;
 font-size:0.9rem;
 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:1em;
 font-size:0.9rem;
 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: nowrap;
    justify-content:space-between;
    align-items:center;
}

.deliverly_flex .add{
 width:70%;
 }

.deliverly_flex .right{
 width:27%;
 }

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

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

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

table.order td.left{
 text-align:left !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;*/
    }


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

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

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

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

#thumb_img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    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;
        /**/
        aspect-ratio: 1 / 1; /* 正方形の枠 */
        /*width: 100%;*/
        height: auto;
        object-fit: contain; /* cover枠に合わせて切り取り */
        display: block;
        /*border-radius: 8px; */
        margin-bottom: .5em;
        cursor: pointer;
    }

 #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:1000px;
 margin:auto;
 }

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

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

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


    .Pr__list_wrap .Item {
        width: calc(96% / 3);
        margin-right: 2%;
        margin-bottom: 2.5em;
        /* add */
        display: flex;
        flex-direction: column;
    }
    .Pr__list_wrap .Item2 {
        width: calc(94% / 4);
        margin-right: 1.5%;
        margin-bottom: 2.5em;
    }


.Pr__list_wrap .Item:nth-of-type(3n){
margin-right: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_wrap .Item p{
 margin-bottom:.5em;
}

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

.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.1rem;
}

.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(96% / 3);
        margin-right: 2%;
        margin-bottom: 2.5em;
    }

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

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

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

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

.Pr_spec_text{
 background:#fff;
 padding:.5em;
}

h3.pr{
 position:relative;
 padding-left:25px;
 font-weight:400;
 font-size:20px;
 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;
}

p.detail{
 margin:1em 0 2em 0;
}

p.remarks:not(:last-child){
 margin-bottom:2em;
}

.pr_dl_table{
 margin-top:2em;
}

.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;
}

.flash{
  animation: flash 1s linear infinite;
  color:#fe0009;
  font-weight:600;
  font-size:19px;
  margin-right:10px;
}

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

  50% {
    opacity: 0;
  }
}

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

.Pr__sec_detail_wrap .Item{
  width:50%;
}

.Pr__sec_detail_wrap .Item:nth-of-type(2){
  width:46%;
  margin-left:4%;
}

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


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

.Center{
 text-align:center;
}

.syohin_su {
    padding: .5em 0 .5em 0;
    text-align: left;
    margin-bottom: .5em;
    border-top: 1px solid #C6C7CE;
    border-bottom: 1px solid #C6C7CE;
    font-size: 1.1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*justify-content: space-evenly !important;*/
    align-items: center;
}

.btn__sbtn{
 box-shadow:none !important
}

#divOrderList table td{
  vertical-align:middle;
}

#divOrderList table td a.button{
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px 5px;
    display: inline-block;
    font-size: 17px;
    background: #2a2a2a;
    border: 0;
    border-radius: 2px;
}

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

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

.pc_area {
}

.sp_area {
    display: none;
}

/* Main TOP情報 */
.head_info {
    max-width: 1600px;
    margin: 6px auto 0 auto;
}
.login_info {
    font-size: 0.8em;
    text-align: left;
    vertical-align: middle;
}
.icon_cart {
    min-width: 100px;
}

.login_cartimg {
    width: 20px;
    margin: 0 -2px 2px 0;
}

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

.menu_info {
    font-size: 1em;
}

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

/* 1034 数量ｴﾘｱ */
dl.su__table {
    display: table;
    background: #fff;
    margin: 0;
    width: 100%;
}
    dl.su__table dt {
        display: table-cell;
        width: 30%;
        text-align: left;
        vertical-align: middle;
        color: #fff;
        padding: 0.2em 0.5em;
        background: #06669d;
        border-bottom: 1px solid #ddd;
        line-height: 1.5;
    }

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

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

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

.Flex_contents .Item3 {
    width: 42%;
}

/* 0110 */
.pg_title {
    font-size: 1.5em;
}

.Flex_contents .SearchItem_1 {
    width: calc(95% / 4 * 3);
}

.Flex_contents .SearchItem_2 {
    width: calc(95% / 4);
}
/* 1010_1 */
/* 発送先ﾎﾞﾀﾝｴﾘｱ */
.Flex_contents .cartItem1 {
    width: 20%;
    vertical-align:middle;
}
.Flex_contents .cartItem2 {
    width: 80%;
    text-align: left;
    vertical-align: middle;
}
.Flex_contents .cartdeliv1 {
    width: 70%;
}
.Flex_contents .cartdeliv2 {
    width: 30%;
    margin: auto;
}
.cartdeliv_content {
    height: 80%;
    padding: 20px 20px;
}
.cartsoryo_content {
    height: 300px;
    padding: 10px 10px;
}
a.cart_delivbtn {
    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;
}
.cartdeliv_list {
    height: 86%;
    overflow: auto;
    border: 1px solid;
}

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

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

/* 2030 */
.Flex_contents .itemdtl1 {
    width: 56%;
    margin-top: 16px;
}
.Flex_contents .itemdtl2 {
    width: 42%;
    margin-top: 16px;
}
.dtl_head {
    width:36%
}

/* main */
.search_content {

}

/* 出荷情報 */
.send_info {
    margin: 20px;
}

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

/* 1011 */
/* 出荷情報 */
.send_boxtitle {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background: #0084cf;
    border: 1px solid #808080;
    width: 98%;
    height: 40px;
    font-size: 1.3em;
    font-weight: 500;
}
.send_box {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 30px;
    border: 1px solid #808080;
    width: 98%;
}

/* 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;
        background: #06669d;
        border-bottom: 1px solid #ddd;
        line-height: 1.5;
    }

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

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

        .btn_space{
            margin-top:15px;
        }

.user_topbtn {
    text-align: right;
}


/* 0120 */
.deliv_pg_title {
    font-size: 1.5em;
}
.deliv_comment {
    font-size: 1em;
}
.deliv_search {
    width: 700px;
    margin-top: 10px;
    margin-bottom: 16px;
}

/* 0016 */
.content_mail1 {
    width: 520px;
    height: 230px;
}
.content_mailmsg1 {
    margin: 30px;
}


    .user_btn01 {
        width:90%;
        padding: 15px 40px 15px 40px;
    }

.deliv_btn01 {
    padding: 10px 20px 10px 20px;
}
.deliv_btn02 {
    padding: 15px 60px 15px 60px;
}

.cart_btn01 {
    padding: 20px 60px 20px 60px;
}

.cart_btn01 {
    padding: 20px 50px 20px 50px;
}

.div_contact {
    max-width: 600px;
    margin: 0 auto;
    padding: 1em;
    border: 1px solid;
}