/*

Author: GreenRocket
Version: 1.0.0

*/

@import url('https://fonts.googleapis.com/css?family=Courgette|Gentium+Book+Basic');
/*@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:400,600');*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #333;
	font-family: "Meiryo", "YuGothic", sans-serif;
	font-size: 16px;
	font-size: 1.05rem;
	line-height: 1.6;
}

#card-submit-2,
#exist-submit-2,
.ml-20per .next-btn-form {
    display: none !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-control {
	border-radius: 0 !important;
    //border: 1px solid #bfbfbf;
}
.form-control:focus {
	border-color: #bfbfbf;
/*    background: rgba(250, 130, 143, 0.1);*/ /*#fa828f*/
    background: rgba(24, 32, 111, 0.1); /* #18206F */
    outline: none;
    box-shadow: none !important;
    //box-shadow: 0 0 0 0.02rem rgba(250, 130, 143, 0.85) !important;
}

select.form-control {
	-webkit-appearance: none;
	box-shadow: none !important;
    background: #fff !important;
	//color: #6f6f6f;
    cursor: pointer;
    outline: 0;
    //border: 1px solid red;
/*    background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);*/
}
/*select.form-control option:disabled {*/
/*	display: none !important;*/
/*	color: red !important;*/
/*}*/
select.form-control:focus {
/*	background: rgba(250, 130, 143, 0.1) !important;*/
    background: rgba(24, 32, 111, 0.1) !important;
    outline: 0;
}

.select-wrap {
	position: relative;
}
.select-wrap:after {
	position: absolute;
	top: 0.95em;
  	right: 0.8em;
  	width: 0;
  	height: 0;
  	padding: 0;
  	content: '';
  	border-left: 6px solid transparent;
  	border-right: 6px solid transparent;
  	border-top: 6px solid #5a5a5a;
  	pointer-events: none;
}
.select-cart-count { /* cart-index 数量 */
	width: 35%;
}
.select-cart-count + .btn {
    color: #18206F;
    background: none !important;
    margin-top: -1px;
}

.select-pref-wrap label {
    display: block;
}
.select-pref {
    width: 100%;
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, select.form-control:focus {
      background: none !important;
/*      border: 1px solid rgba(250, 130, 143, 0.75) !important;*/
      border: 1px solid rgba(24, 32, 111, 0.75) !important;
    }
    
    *::-ms-backdrop, .select-wrap {
      vertical-align: middle;
    }
    *::-ms-backdrop, .select-wrap:after {
      display: none;
    }
}
/* Edge */
@supports (-ms-ime-align:auto) {
  select.form-control:focus {
  	background: none !important;
/*    border: 1px solid rgba(250, 130, 143, 0.75) !important;*/
	border: 1px solid rgba(24, 32, 111, 0.75) !important;
  }
}


textarea {
	width: 100%;
}

button {
	cursor: pointer;
}


/*Radio Check ********* */
input[type=radio], input[type=checkbox] {
  display: none;
}

.radios {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 2em 0 0;
  padding: 0 0 0 25px;
/*  border: 1px solid #000;*/
/*  border-radius: 8px;*/
/*  background-color: #f6f7f8;*/
  vertical-align: middle;
  cursor: pointer;
}
.checks {
  box-sizing: border-box;
/*  -webkit-transition: background-color 0.2s linear;*/
/*  transition: background-color 0.2s linear;*/
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 0 0 0 1.6em;
  border-radius: 0;
/*  background-color: #f6f7f8;*/
  vertical-align: middle;
  cursor: pointer;
}
.radios:hover, .checks:hover {
/*  background-color: red;*/
}
.radios:hover:after, .checks:hover:after {
/*  border-color: #53b300;*/
}

.radios:after { /* waku */
    position: absolute;
    top: 0.2em;
    left: 0;
    display: block;
    /*  margin-top: -10px;*/
    width: 1.2em;
    height: 1.2em;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 50%;
    content: '';
}

.radios:before { /* small-maru */
    position: absolute;
    top: 0.5em;
    left: 0.3em;
    display: block;
    /*  margin-top: -5px;*/
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
/*    background-color: #fa828f;*/
    background-color: #18206F;
    content: "";
    opacity: 0;
    z-index: 9;
}

.checks:after { /* check枠 */
/*  -webkit-transition: border-color 0.2s linear;*/
/*  transition: border-color 0.2s linear;*/
    position: absolute;
    top: 52%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 0;
    content: "";
}
input[type=radio]:checked + .radios:before {
  opacity: 1;
}

.checks:before { /* checkの印 */
/*  -webkit-transition: opacity 0.2s linear;*/
/*  transition: opacity 0.2s linear;*/
  position: absolute;
  z-index: 99;
  top: 2px;
  left: 3px;
  display: block;
  margin-top: -7px;
  width: 0.8em;
  height: 1.2em;
/*  border-right: 3px solid #fa828f;*/
/*  border-bottom: 3px solid #fa828f;*/
  border-right: 3px solid #18206F;
  border-bottom: 3px solid #18206F;
  content: '';
  opacity: 0;
  z-index: 9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checks:before {
  opacity: 1;
}

/* Radio Check END ********* */


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #262626; /*ORG#313131*/
	text-decoration: none;
	-webkit-transition: none !important;
    transition: none !important;
}
a:hover {
	opacity: 0.7;
    color: #888;
/*    color: #805b5b;*/
}

a:visited {
	//color: purple;
}

a:hover, a:focus, a:active {
	//color: midnightblue;
}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

a.deco {
    text-decoration: underline;
}
a.deco:hover {
    text-decoration: none;
}
a.btn-custom:hover,
button.btn-custom:hover {
	color: #fff;
	opacity: 0.7;
}
button.btn,
input[type="button"].btn,
input[type="submit"].btn {
    border-radius: 0;
}
button.btn:hover,
input[type="button"].btn:hover,
input[type="submit"].btn:hover {
	opacity: 0.7;
}
button.btn:disabled,
button.btn-line:disabled {
	cursor: default;
    background: #bbb;
	border-color: #bbb;
    opacity: 1;
    color: #fff;
}

input[type=checkbox] {
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.big-check input[type=checkbox] {
  	//transform: scale(1.02, 1.02);
  	margin-right: 0.2em;
}
.big-check {
	font-size: 1.1em;
	font-weight: bold;
}

.alert-danger {
	background: #fce9e8;
}
.text-danger {
	color: #de4c45 !important;
}
.border-danger {
	border-color: #e8dad8;
}

/* bg color */
body {
	background: #fefffe; /*#fefffe*/
}
.site-header {
	background: #fefffe;
}
.fixed-top {
	background: #fbfbfb/*#fdfcfc*/;
    //opacity: 0.2;
}
.main-navigation {
	background: #fbfbfb/*#fdfcfc*/;
}

.min-height-45 {
	min-height: 450px;
}

/*max-width ==================== */
body {
	min-width: 1200px !important;
	padding: 0;
    //border: 1px solid red;
}

.container,
.fixed-top {
	max-width: 100% !important;
	//border: 1px solid green;
}
.top-cont {
	min-height: 600px;
}

.site-description p,
.head-first,
.head-second,
.wrap-all,
.site-content,
.foot-wrap {
	width: 1200px;
	margin: auto;
	//border: 1px solid red;
}
/* max width END ========================= */

/* fix margin ==================== */
.fix-wrap {
    //border: 1px solid red;
}
.container-wrap {
    margin-top: 144px;
    //border: 1px solid red;
}
/* fix margin END ================ */

.home,
.archive/*,
.fix-page*/ {
	float: right;
    width: 80%;
    //border: 1px solid red;
}
#left-bar {
	float: left;
    width: 18%;
    //border: 1px solid orange;
}


/* Custom All =========== */
.px-10 {
    padding-left: 7.5em;
    padding-right: 7.5em;
}
.btn-block {
    font-size: 1.05em;
}
.btn-custom,
.btn-kon,
.btn-pink,
.btn-white {
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}
.btn-custom {
    background: #3a3b3c;
}
.btn-kon {
    background: #18206F; /* =>blue */
}
.btn-pink {
    background: #fa828f; /* =>pink */
    /*background: #18206F;*/ /* =>blue */
}
.btn-white {
    background: #fff;
/*    border: 2px solid #fa828f;*/
/*    color: #fa828f;*/
    border: 2px solid #18206F;
    color: #18206F;
}
.btn-mizuiro {
    background: #0079c3;
}
.btn-cart-del {
    background: none;
    border: 0;
    font-size: 1.6em;
    padding-top: 0;
    padding-right: 0;
    line-height: 0;
}
.btn-line {
    border: 1px solid #8a8a8a;
    background: #fff;
}
.btn-enji {
    background: #C15360;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}
.btn-orange {
    background: #DE4C45;
    color: #fff;
}
.btn-blue {
    background: #506EA8;
}
.text-big {
    font-size: 1.1em;
}
.text-extra-big {
    font-size: 1.2em;
}
.text-small {
    font-size: 0.9em;
}
.text-extra-small {
    font-size: 0.7em;
}
.text-bold {
    font-weight: bold;
}
.bg-gray {
    background: #8f8f8f;
}
.bg-enji {
    background: #C15360;
    color: #fff;
}
.bg-orange {
    background: navajowhite;
}
.bg-orange-sec {
    background: orange;
}
.bg-kon-light {
    background: #E3EDEF;
}
.bg-blue {
    background: paleturquoise;
}
.text-enji {
    color: #C15360;
}
.text-kon {
    color: #18206F;
}
.text-blue {
    color: #506EA8;
}
.text-linkblue {
    color: #007bff;
}
.text-brown {
    color: sienna;
}
.text-gray {
    color: #afafaf;
}
.text-warn {
    color: #F1A916;
}
.text-orange {
    color: orange;
}
.border-gray {
    border-color: #ddd;
}


/* Shop ******* */
#guide {
    margin: 1em 0 3em;
}
#guide br {
    display: none;
}
#guide > div {
    width: 25%;
    color: #cfcfcf;
    font-size: 1.1em;
}
#guide .active-page {
    color: #333;
}
#guide > div div {
    background: #cfcfcf;
    height: 5px;
    width: 100%;
    margin-bottom: 0.3em;
}
#guide .active-page div {
    background: #333;
}
/* Custom All END =========== */


/*.table,*/
/*.table th,*/
/*.table td {*/
/*	border-color: #d7d7d7 !important;*/
/*}*/

.table-custom .table,
.table-custom th,
.table-custom td {
	border: 0 !important;
}
.table-custom th {
    //background: #ececec;
	font-size: 1em; /* ORG 0.95em */
    font-weight: normal;
    //position: relative;
}
.table-normal th,
.table-cart thead th {
	//background: rgba(250, 130, 143, 0.1);
    background: #f6f5f6;
}
.table-normal th { /* 主にはshop confirm のユーザー登録や金額のテーブル */
	font-size: 0.95em;
    font-weight: normal;
    width: 26%;
}
.table-cart thead th {
	font-size: 0.95em;
    font-weight: normal;
    border-bottom: 0 !important;
}
.table-cart tbody th,
.table-cart tbody td {
	//border-top-width: 0 !important;
    border-top: 1px solid #e3e3e3 !important;
    border-bottom: 1px solid #e3e3e3 !important;
}
.table-cart tbody tr:first-of-type th,
.table-cart tbody tr:first-of-type td {
	//border-top: 1px solid #e3e3e3 !important;
}
.table-cart tbody th {
	background: none;
    width: 15%;
    padding-left: 0;
    padding-right: 0.2em;
    padding-bottom: 0.8em;
	//border-bottom: 0 !important;
}
.cart-index .table-cart tbody th {
    width: 19%;
}
.cart-form .table-cart tbody th,
.cart-confirm .table-cart tbody th {
    width: 23%;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
}
.cart-form .table-cart tbody th,
.cart-form .table-cart tbody td,
.cart-confirm .table-cart tbody th,
.cart-confirm .table-cart tbody td {
    border: 0 !important;
}
/*.confirm .table-cart tbody th {*/
/*	width: 15%;*/
/*}*/
.table-cart tbody th .img-fluid {
	width: 100%;
}
/*.table-cart td {*/
/*	//border-left: 0 !important;*/
/*    */
/*}*/
/*.confirm .table-cart .table {*/
/*	//border: 1px solid #e3e3e3;*/
/*}*/

/* cart-index部分 */
.cart-index .table-cart {
    min-height: 450px;
}
.cart-index .table-cart td:last-of-type,
.cart-index .table-foot td:last-of-type {
	//width: 18%;
    //border: 1px solid blue;
}
.cart-index .table-cart select.form-control {
	display: inline-block !important;
    //border: 1px solid red !important;
    font-size: 0.95em;
    width: 100%;
    margin: 0;
    padding: 0 0 0 0.7em;
}
.table-foot tr th,
.table-foot tr td {
	border-top: 0 !important;
    padding: 0.2em 0.2em;
}
.table-foot {
	font-size: 1.1em;
}
.table-foot tr th {
	width: 37%;
    font-weight: normal;
    padding-right: 0;
    //border-right: 1px solid red;
}
.table-foot tr td {
	text-align: right;
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 0.2em;
}
.cart-note {
/*	float: right;*/
/*    text-align: left;*/
    font-size: 0.9em;
/*	border: 2px solid #C15360;*/
    padding: 0.1em 0 0.1em;
    width: 100%;
    margin-right: 0.5em;
}


.table-foot tr:last-of-type th,
.table-foot tr:last-of-type td {
	border-bottom: 0 !important;
    //padding-top: 1.4em;
}
.table-foot tr:last-of-type td {
	//width: 35%;
}

.cart-index .cart-recent-check .main-atcl {
    font-size: 0.9em;
    width: 24%;
    margin-right: 1.2%;
}
.cart-index .cart-recent-check .main-atcl:nth-of-type(4) {
    margin-right: 0 !important;
    //border: 1px solid red;
}
/* 主にcart-formとcart-confirm */
.table-custom th {
    position: relative;
    font-size: 0.95em;
}
.table-custom th:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}
.table-custom th em,
.huzai-comment-wrap em { /* 必須 */
    position: absolute;
    top: 0.75em;
    right: 2px;
/*    float: right;*/
	display: block;
	font-size: 0.8em;
	line-height: 0.8em;
	font-style: normal;
	//background: lightsalmon;
    border: 1px solid #fa828f;
	color: #fa828f;
    margin-top: 0.2em;
	padding: 0.3em 0.2em;
	
}
.huzai-comment-wrap em {
/*    display: inline-block;*/
/*    float: none;*/
/*    margin-left: 1.5em;*/
}
.table-custom th small {
	display: block;
    margin-top: 0.3em;
}

/* cart-form */
.cart-form h3,
.cart-confirm h3 {
    float: left;
    width: 18%;
    border: none !important;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    font-size: 1.2em;
    //line-height: 2.2em;
}
.cart-form h3 + div,
.cart-confirm h3 + div {
    float: left;
    width: 82%;
    height: 1.4em;
    background: #f2f2f2;
}
.cart-form .table-custom,
.cart-confirm .table-custom,
.ml-20per {
    margin-left: 18%;
    width: 82%;
    //position: relative;
}
.cart-form .table-custom th,
.cart-confirm .table-custom th {
    padding-left: 0.1em;
    //border: 1px solid red !important;
}
.cart-form .ml-20per .receiver .table-custom {
    margin-left: 0;
    width: 100%;
}
.cart-form .cart-login fieldset:nth-of-type(2) { /* login passwd部分 */
    margin-top: -0.7em;
    margin-bottom: 1.2em;
}
.cart-form hr {
    border-bottom: 1px solid #cfcfcf;
    border-width: 0 0 1px 0;
    background: none;
}
/*.ml-20per {*/
/*    margin-left: 20%;*/
/*    width: 80%;*/
/*}*/

.table-custom .table tbody th {
    width: 27%;
}
.cart-form .table-custom .table tbody th {
    width: 29%;
}
.cart-confirm .table-custom .table tbody th {
    width: 24% !important;
}
.cart-confirm .table-custom.check-time .table tbody th {
    width: 20% !important;
}

.confirm-edit-btn {
    border: 1px solid #0079c3;
    color: #0079c3;
    font-size: 0.85em;
    padding: 0.3em 0.7em 0.2em;
}
.confirm-edit-btn:hover {
    border-color: #aaa;
}

/*.confirm .confirm-left {*/
.confirm-left {
	float: left;
	width: 66%;
    //border: 1px solid red;
}
.cart-index .confirm-left {
    min-height: 950px;
}
.cart-recent-check { /* 最近チェックした 見た */
    //width: 66%;
    margin-top: 3.5em;
}
/*.confirm .confirm-right {*/
.confirm-right {
	float: right;
	width: 32%;
    min-height: 2em;
    //border: 1px solid blue;
}
.confirm-right .right-wrap {
    width: 100%;
}
.confirm-right .right-blue,
.confirm-right .right-gray {
    padding: 1.2em 1.0em;
    border: 1px solid #ccc;
    border-radius: 0.2em;
}
.confirm-right .right-blue {
    background: #E3EDF0;
}
.confirm-right .right-gray {
    background: #f2f2f2;
    margin-bottom: 1.5em;
}

.confirm .confirm-right .table-normal.show-price tbody th { /* shop confirm ポイント利用などのテーブルのth */
	width: 48%;
}

/* Form Button Disable ********** */
#card-submit-2,
#exist-submit-2,
.ml-20per .next-btn-form {
    display: none;
}
/* Form Button Disable END ********** */

/* Amazon Pay */
/*#AmazonPayButton > img {*/
/*    width: 100% !important;*/
/*    //max-height: auto !important;*/
/*}*/
#addressBookWidgetDiv {
  min-width: 300px;
  max-width: 650px;
  min-height: 228px;
  max-height: 400px;
}
#walletWidgetDiv {
  min-width: 300px;
  max-width: 650px;
  min-height: 228px;
  max-height: 400px;
}

/* Mobile optimized and small window */
#addressBookWidgetDiv {
  width: 100%;
  height: 228px;
}
#walletWidgetDiv {
  width: 100%;
  height: 228px;
}
/* Amazon Pay END */

.table-cart .table {
	//width: 99.7%;
}
.table-cart .table td img.img-fluid {
	float: left;
    display: block;
    margin-right: 1em;
    margin-bottom: 5px;
    vertical-align: top !important;
    //border: 1px solid red;
}
img.img-fluid + div {
/*	float: left;*/
    line-height: 1.5em;
/*	border: 1px solid orange;*/
}

.cart-btn-wrap > div:first-of-type { /* カゴページの購入するボタンのwrap */
	float: right;
    width: auto;
    //border: 1px solid red;
}
.cart-btn-wrap > div:first-of-type > .btn-custom { /* login後の購入手続きへボタン */
    width: 22em;
}
.cart-btn-wrap > div:last-of-type{
	float: left;
    width: auto;
    //border: 1px solid red;
}

.img-wrap-big img {
    //width: 24%;
}
.no-img {
    display: inline-block;
    float: left;
    width: 80px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: #FCFCFB;
    border: 1px solid #dfdfdf;
    color: #aaa;
    font-size: 0.8em;
    vertical-align: top;
}
.table-cart .no-img {
    width: 80px;
    height: 90px;
    line-height: 90px;
}
.writer-wrap .no-img {
    font-size: 3em;
}
.writer-wrap a {
    color: #06c;
}

.wrap-all-card,
.wrap-new-card,
.wrap-expire { /* creca child wrap */
	display: none;
}

.wrap-regist-card > div {
/*	line-height: 1.1em;*/
}
.wrap-pmc { /* payMethod child wrap */
	display: none;
}

.huzai-comment-wrap {
    position: relative;
/*	display: none;*/
}

/*.thumb-prev .no-img {*/
/*    width: 100%;*/
/*    height: 160px;*/
/*    line-height: 160px;*/
/*}*/

.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


/* header */
.for-pc {
	display: block;
}
.for-sp {
	display: none;
}

.fixed-top {
    //border-bottom: 1px solid #d8d8d8;
}
.site-description {
	font-size: 0.95em;
	background: #3a3b3c/*#2a2a2a*/;
	margin: 0;
	padding: 0.2em 0;
	//border-bottom: 1px solid #dedfdf/*#abacad*/;
	color: #fff;
}
.site-description p {
	margin: 0 auto;
    padding: 0 0 0 1em;
}

.head-first {
	padding: 0.4em 1.2em 0.4em 0.9em;
    //border: 1px solid red;
}
.site-header {
	//background: #fefffe;
	//border-top: 12px solid #2a2a2a;
	padding: 0;
	//border: 1px solid blue;
}
.site-header h1 {
	padding: 0;
	margin: 0;
}
.site-header h1 img:first-of-type {
	width: 240px;
    margin-top: -1px;
}
.site-header h1 img:last-of-type {
	width: 55px;
    margin-left: -5px;
}
.site-header h1 a:hover {
	text-decoration: none;
}
.site-header .aniv {
	display: inline-block;
	font-family: 'Gentium Book Basic', serif;
/*	font-family: 'Cormorant Infant', serif;*/
    color: #C15360;
    font-weight: 400;
    font-size: 1.7em;
    font-style: italic;
    margin-left: 0.5em;
    padding-top: 0.2em;
    //border: 1px solid red;
}

.head-navi {
	float: right;
    margin-top: 0.8em;
/*	position: absolute;*/
/*	top: 2.8em;*/
/*	right: 1.7em;*/
    padding-left: 0.3em;
	//border: 1px solid green;
}
.head-navi ul {
	padding: 0;
    margin: 0;
}
.head-navi li {
	list-style: none;
	float: left;
	margin-right: 1.2em;
	font-size: 0.95em;
}
.head-navi li:first-of-type a {
	display: block;
	border: 1px solid #2a2a2a;
    border-radius: 0.2em;
    padding: 0.3em 1.2em;
    margin-top: -3px;
    font-size: 0.9em;
    font-weight: bold;
}
.head-navi li:first-of-type a:hover {
/*	color: #6a6a6a;*/
    border-color: #636363;
    opacity: 0.7;
    font-weight: normal;
	text-decoration: none;   
}
.head-navi li .fal {
	font-size: 1.6em;
    margin-right: 0.2em;
    //color: red;
}
.head-navi li:last-of-type {
	margin-top: 0;
    margin-right: 0;
    font-size: 1.05em;
}
.head-navi li a,
.head-navi li span {
	color: #333;
    padding-left: 0.1em;
    
}
.head-navi li span:hover {
	opacity: 0.7;
}

.head-second {
    padding: 0.4em 1em 0.6em;
    margin-top: 5.5em;
    
}
.head-second > p {
	text-align: center;
    color: #C15360;
    font-size: 1.7em;
    font-weight: normal;
    padding: 0;
    margin: 0 0 0.1em;
}


.head-second address {
	margin: 0;
    padding: 0;
    //border: 1px solid orange;
}
.head-second address p {
	margin: 0;
    padding: 0;
    font-size: 0.9em;
}
.head-second address ul {
	padding: 0;
    margin: 0;
}
.head-second address ul li {
	float: left;
    font-size: 1em;
}
.head-second address ul li:first-of-type {
	margin-right: 0.9em;
	font-weight: bold;
}
.head-second address ul li:first-of-type .fal {
	font-size: 1.1em;
    vertical-align: 0;
}
.head-second address .fal {
	font-size: 1.2em;
    vertical-align: -1px;
}
.s-form {
	float: left;
	margin-top: 0.65em;
    padding-left: 0.5em;
    position: relative;
    //border: 1px solid red;
}

.s-form input.form-control {
    background: #fff;
    //font-size: 1.0em;
    border: 1px solid #d8d8d8;
    width:  18em;
    display: inline-block;
    padding: 0.2em 0.8em;
}
.s-form input.form-control:focus,
.s-form-top input.form-control:focus {
    //border: 1px solid #80bdff; /* ORG  */
    border-color: #bfbfbf;
    background: rgba(24, 32, 111, 0.1);
    outline: none;
    box-shadow: none !important;
}
.btn-s {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 999;
    background: none;
    border: none;
    box-shadow: 0;
    padding: 0.1em 0.4em;
/*    position: relative;*/
/*    z-index: 10;*/
/*    border-radius: 0;*/
    color: #b5b5b5;
    cursor: pointer;
    //margin-left: -2.2em;
}
.s-form-top {
    //border: 1px solid red;
    width: 100%;
    margin-bottom: 2em;
}
.s-form-top input.form-control {
    width: 85%;
    float: left;
    display: block;
    height: 2.6em !important;
    border: 1px solid #d8d8d8;
    border-right: 0;
    background: #fff;
    padding: 0.2em 0.8em;
    //box-sizing: content-box !important;
}
.s-form-top .btn-s {
    position: static;
    //box-sizing: content-box !important;
    display: block;
    float: left;
    border: none !important;
    width: 15%;
    height: 2.45em !important;
    line-height: auto !important;
    margin-left: 0;
    background: #3a3b3c;
    color: #fff;
    //padding: 0.2em 0;
}
.s-form-top .btn-s:hover {
    opacity: 0.7;
/*    background: #fff;*/
/*    border: 1px solid #d8d8d8;*/
/*    color: #3a3b3c;*/
}

.s-form .form-control::placeholder {
	color: #8a8a8a; /* ORG #4a4a4a */
}
.s-form .form-control:placeholder-shown {
    color: #8a8a8a; /* ORG #4a4a4a */
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.s-form .form-control::-webkit-input-placeholder {
    color: #8a8a8a;
}

/* Firefox 18- */
.s-form .form-control:-moz-placeholder {
    color: #8a8a8a;
    opacity: 1;
}

/* Firefox 19+ */
.s-form .form-control::-moz-placeholder {
    color: #8a8a8a;
    opacity: 1;
}

/* IE 10+ */
.s-form .form-control:-ms-input-placeholder {
    color: #8a8a8a;
}


.head-wrap > img {
	position: absolute;
	left: 46.2%;
	width: 120px;
}

.comp-info {
	width: 16%;
	float: right; 
	text-align: left;
	font-family: 'Cuprum', sans-serif;
}
.comp-info div {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5em;
}
.comp-info .fab {
	font-size: 2.4em;
	color: #cdcbcb;
	margin: 0.2em 0.1em 0 0;
}



/*- ## Menus -*/
.main-navigation {
	clear: both;
	display: block;
	float: none;
	min-width: 1200px;
/*    border-width: 1px 0 0;*/
/*	margin-top: 7.8em;*/
    /*background: #FDFBFC;*//*#ececec*/
/*	background: #eae8e8;*/
}

.main-navi > ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
    height: 2.9em;
    position: relative;
    width: 100%;
}
.main-navi > ul:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}
.main-navi > ul > li {
    float: left;
    margin: 0;
    padding: 0;
    width: calc(100% / 7);
    height: 100%;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-width: 1px 1px 1px 0;
    //box-sizing: border-box;
    //border-right: 1px solid #d8d8d8;    
}
.main-navi > ul > li:hover {
	background: #53575A/*#faf9fa*/;
    border-color: #53575A;
}
.main-navi > ul > li > a {
	display: inline-block;
    padding: 0.1em 0.1em;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 2.8em;
    color: #3f3f3f;/*ORG#5a5a5a*/
}
.main-navi > ul > li:hover > a {
	opacity: 1;
	color: #fff;
    text-decoration: none;
}

.main-navi > ul >li > span > a {
	display: block;
    width: 100%;
    height: 100%;
}
.main-navi > ul > li:last-of-type {
	border-right: 0;
}
/* IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .main-navi > ul > li:last-of-type {
      width: calc(100% / 7 - 1px);
    } 
}
/* Edge */
@supports (-ms-ime-align:auto) {
  .main-navi > ul > li:last-of-type {
  	width: calc(100% / 7 - 1px);
  }
}

.main-navi > ul > li.nav-active {
	background: #faf9fa/*#fdfcfd*/;
}
/*.main-navi > ul >li > a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    text-decoration: none;*/
/*    //border: 1px solid red;*/
/*}*/

.drops {
	display: none;
    position:absolute;
    background: #faf9fa;
    border-bottom: 1px solid #cfcfcf;
    padding: 1.7em 1.8em 1.3em;
    width: 100%;
    min-height: 21em;
    left: 0;
    top: 2.9em;
    z-index: 999;
}
.drops h3 {
	font-size: 1.2em;
}
.drops h3 a {
	
}
.drops > div:first-of-type h3 {
	border-bottom: 1px solid #5a5a5a;
    padding-bottom: 0.2em;
    margin-bottom: 0.4em;
    //font-weight: bold;
    font-size: 1.05em;
}

.drops > div:first-of-type {
	width: 50%;
	//border: 1px solid red;
    text-align: left;
}
.drops > div:first-of-type p {
	font-size: 0.9em;
}
.drops > div:first-of-type div {
	width: 40%;
    margin-right: 2em;
}
.drops > div:first-of-type ul {
	width: 53%;
    padding: 0;
    margin: 0;
    //border: 1px solid blue;
}

.drops > div:last-of-type {
	width: 48%;
    text-align: left;
}
.drops > div:last-of-type > div {
	width: 150px;
    font-size: 0.9em;
    line-height: 1.3em;
    margin-right: 1em;
    //border: 1px solid blue;
}
.drops > div:last-of-type img {
	width: 100%;
    height: 180px;
    margin-bottom: 0.2em;
}

.menu-title {
	display: none;
}


/* Top */
.wrap-all {
	padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    //border: 1px solid red;
}
.wrap-all:after {
	display: block;
    clear: both;
    content: "";
    height: 0;
}
.wrap-all .home {
	margin-top: 0.8em;
}

.site-content {
	margin-top: 0;
	min-height: 1000px;
}

.search-wrap {
	margin: 0.8em 0 2em;
	text-align: right;
}

/* Bread */
.breadcrumb {
	//display: none;
	background: none;
    margin: -1em 0 0.5em;
    padding-left: 0;
    //border: 1px solid red;
}
.single .breadcrumb {
	margin-bottom: 1.2em;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
.breadcrumb-item.active {
  color: #838383;
}

/* YouTube */
.yt-wrap {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
    //border: 1px solid red;
}
 
.yt-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Article */
.card-header {
	font-weight: normal;
    font-size: 1.6em;
    line-height: 1.4em;
    background: none;
    border-bottom: 1px solid #222;
    padding-left: 0.1em;
    padding-bottom: 0.2em;
}
.wrap-atcl {
	margin-bottom: 4.5em;
}
.wrap-atcl .btn-custom,
.single-recom .btn-custom { /*もっと見る */
	//font-weight: bold;
    margin-top: 1.5em;
	color: #313131;
}
.wrap-atcl a.btn-custom:hover,
.single-recom a.btn-custom:hover {
	background: #3f3e3d !important;
    border-color: #3f3e3d !important;
    color: #fff !important;
    opacity: 1;
}

.main-atcl { /* 3つ並び */
	float: left;
	width: 32.0%;
	margin-right: 1.8%;	
	margin-bottom: 1.5em;
    position: relative;
	//min-height: 23em;
    //border: 1px solid orange;
}
.top-first .main-atcl,
.archive .main-atcl {
	position: relative;
	width: 24.1%;
    //min-height: 30em;
    margin-right: 1.2%;
    margin-bottom: 1.5em;
	//border: 1px solid red;
}
.top-second .main-atcl {
	width: 49%;
    margin-right: 1.8%;
}

/* img-box ******************************* */
.img-box { /* Single ->.single .carousel-item  */
	width: 100%;
    height: auto;
/*    height: 264px;*/
    overflow: hidden;
	position: relative;
    text-align: center;
    display: grid;
}
.img-box img {
	width: 100%;
    border-radius: 0;
}
.img-box img.stock-zero {
	//opacity: 0.8;
}
.img-box > span {
	display: inline-block;
	position: absolute;
    width: 100%;
    //margin: auto;
    //top: 47%;
/*    left: 50%;*/
    bottom: 0;
    //left: 32%;
    //font-weight: bold;
    font-size: 0.85em;
    line-height: 0.85em;
    color: #fff;
    background: rgba(0,0,0,0.65);
    text-align: center;
    padding: 0.5em 0;
    z-index: 99;
}
.floar .img-box > span {
	font-size: 0.75em;
    padding: 0.5em 0 0.4em;
}
.top .img-box,
.archive .img-box {
    //height: 276px;
    height: auto;
    //border: 1px solid #bbb;
}
.top-second .img-box { /* TOPおすすめ */
	width: 40%;
/*	height: 226px;*/
    height: auto;
    float: left;
}
.floar .img-box { /* Single 小img Recent Check */
/*	height: 167px;*/
    height: auto;
}
.single-recom .floar .img-box { /* Single recommend 3つ並び小img */
/*	height: 220px;*/
	height: auto;
    //border: 1px solid #333;
}
.potset .img-box {
/*	height: 125px;*/
	height: auto;
    //border: 1px solid red;
}
/* img-box END ******************************* */

.img-circle {
    width: 5.3em;
    height: 5.3em;
    border-radius: 50%;
    margin-right: 0.6em;
    background-size: 100% auto;
    background-position: center center;
}
.img-circle + div {
    line-height: 5.3em;
}
.img-circle a {
    display: block;
    width: 100%;
    height: 100%;
}
.img-circle:hover {
    opacity: 0.65;
}

#lightbox .lb-data .lb-caption {
	font-weight: normal !important;
    font-size: 0.9em;
}

.tr-danger-border {
    background: #fcf2f2;
}



/*.main-atcl:nth-of-type(3n) {*/
/*	margin-right: 0;*/
/*}*/
/*.top-first .main-atcl:nth-of-type(3n) {*/
/*	margin-right: 1.2%;*/
/*}*/
.top-first .main-atcl:nth-of-type(4n), 
.archive .main-atcl:nth-of-type(4n) {
	margin-right: 0;
}
.top-second .main-atcl:nth-of-type(2n) {
	margin-right: 0;
}
.main-atcl:nth-of-type(3n+2) {
/*    margin-left: 1.5%;*/
/*    margin-right: 1.5%;*/
}


.head-atcl h2 {
	//font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 0.5em;
    padding: 0 0 0.2em 0.2em;
	border-bottom: 1px solid #222;
	//text-align: center;
}

.main-atcl h3 {
	font-size: 1.05em;
	font-weight: normal;
    line-height: 1.4em;
	margin: 0.3em 0 0.2em;
	padding: 0;
    //height: 3em;
    //border: 1px solid red;
}

.top .main-atcl > span,
.archive .main-atcl > span {
	position: absolute;
    display: inline-block;
    font-size: 0.9em;
    padding: 0 0.3em 0 0.4em;
    z-index: 99;
}
.top .main-atcl > span.top-new {
	background: #fff/*#C9353F*/;
    color: #000;
/*    top: 0;*/
/*    left: 0;*/
}
.top .main-atcl > span.top-rank {
    //position: relative;
    width: 3.2em;
    height: 3.2em;
    line-height: 3.2em;
    text-align: center;
    //border: 2px solid red;
    z-index: 1000;
}
.top .main-atcl > span.top-rank em {
    position: relative;
    font-size: 1.0em;
    font-style: normal;
    //font-weight: bold;
    color: #000;
    z-index: 1;
}
.top .main-atcl > span.top-rank em:before {
    position: absolute;
    top: -19px;
    left: 50%;
    margin-left: -21px;
    content: "\f521";
    color: #FBED0C;
    font-weight: 900;
    font-size: 2.2em;
    font-family: "Font Awesome 5 Pro";
    z-index: -1;
}

.top .main-atcl > span.top-rank .fas {
	color: #FBED0C;
    font-size: 2.2em;
    margin-top: 2px;
    display: none;
}

/*.main-atcl {*/
/*	overflow: hidden;*/
/*}*/
.main-atcl span.sale-belt,
.top .main-atcl span.sale-belt {
	position: absolute;
    //font-size: 0.9em;
    display: inline-block;
    //padding: 1.9em 2.5em 0.2em 2.8em;
    padding: 0 0.7em;
    top: 0;
    right: 0;
    //font-weight: bold;
    background: #C15360/*#C9353F*/;
    color: #fff;
    z-index: 99;
/*    -webkit-transform: rotate(15deg);*/
/*    transform: rotate(15deg);*/
}
.main-atcl:hover > span {
	opacity: 1;
}
.single-recom span.sale-belt {
	font-size: 0.85em;
}
.recent-check span.sale-belt {
	font-size: 0.8em;
}


.main-atcl .meta,
.main-atcl .meta p a,
.floar .meta,
.floar .meta p a {
	color: #6a6a6a;
}
.main-atcl .meta p {
	font-size: 0.9em;
    margin: 0;
    padding: 0;
    //border: 1px solid red;
}
/* icons ***** */
.icons {
	margin-bottom: 0.7em;
    line-height: 1.4em;
}
.main-atcl .icons {
	margin-bottom: 0.5em;
}
.single .recent-check .icons {
	display: none;
}
.icons span {
	display: inline-block;
    line-height: 1.7em;
	font-size: 0.65em;
    padding: 0.1em 0.7em;
    border-radius: 0.3em;
    background: #8a8a8a;
    color: #fff;
}
/*
.icons .icon_daibiki {
	background: royalblue;
}
.icons .icon_delifee {
	background: purple;
}
.icons .icon_genpin {
	background: red;
}
.icons .icon_kare_ensure {
	background: limegreen;
}
*/


.main-atcl .meta .tags {
	font-size: 0.85em;
    margin: 0;
    //border: 1px solid red;
}
.main-atcl .meta .price {
	font-size: 0.9em;
    text-align: left;
	margin: 0;
    padding: 0;
    font-weight: bold;
    //border: 1px solid red;
}

.meta .price span.show-price {
	font-size: 1.15em;
}
.meta .price span.show-yen {
	font-size: 0.7em;
    //color: #000;
}
/*.main-atcl img {*/
/*	width: 100%;*/
/*	border-radius: 0;*/
/*}*/
.main-atcl .shop-link {
	text-align: right;
	margin-top: 0.4em;
}
.main-atcl .shop-link a {
    margin-right: 0.2em;
    background: #fff;
    border: 1px solid #9a9a9a;
    border-radius: 3px;
    padding: 0.5em 1.7em;
    color: #3a3a3a;
}
.main-atcl .shop-link a .fas {
	margin-left: 0.5em;
}

/* おすすめ情報部分 */
.top-second .meta {
	width: 58%;
    float: right;
    //border: 1px solid red;
}
.top-second .meta h3 {
	//border: 1px solid red;
    margin: 0 0 0.4em;
}


.main-atcl .detail-link {
	border: 2px solid turquoise;
	//background: lightgreen;
	border-radius: 3px;
	text-align: center;
	margin-top: 0.2em;
	cursor: pointer;
}
.main-atcl .detail {
	display: none;
	position: absolute;
	//top: 25%;
	left: -10%;
	background: ivory;
	border: 2px solid #000;
	width: 120%;
	padding: 1em;
	border-radius: 0.5em;
	z-index: 999;
}
.detail h3 {
	margin: 1em 0 0;
	padding: 0;
}


/* Favorite */
.favorite {
	position: relative;
    //border: 1px solid red;
}
.main-atcl .favorite {
	position: absolute;
    bottom: 0.1em;
    right: 0.25em;
    padding: 0.1em 0.2em;
}
.single .favorite {
	text-align: left;
    height: 2em;
    padding-left: 0.2em;
    //border: 1px solid red;
}
.fav,
.fav-temp {
	height: 1.7em;
    line-height: 0;
	width: 1.7em;
	font-size: 1.3em;
	color: #888;
    vertical-align: middle;
    cursor: pointer;
}
.single .fav,
.single .fav-temp {
	height: 2.3em;
	width: 2.3em;
	font-size: 1.8em;
}
.fav-temp {
	cursor: default;
}
.fav:hover {
	opacity: 0.65;
}
.fav-on {
	
}
.fav-off {
	color: #C15360/*salmon*/;
	display: none;
}
.fav-str {
	font-size: 0.9em;
	padding-left: 0.3em;
	//position: relative;
	//border: 1px solid red;
}
.main-atcl .fav-str {
	display: none;
}
.single .fav-str {
	padding-left: 0.9em;
    position: absolute;
    top: 3px;
    left: 6%;
}

.fav-btn-wrap { /* fav indexのbtn-wrap */
	margin-top: 2.2em;
}

@keyframes rt {
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(400deg);
    }
}
.loader-wrap {
	height: 0;
    line-height: 4.2em;
    text-align: center;
    position: relative;
    z-index: 999;
    //border: 1px solid red;
}
.loader {
	font-size: 0.95em;
	display: none;
	color: #3a3a3a;
    //opacity: 1;
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 45%;*/
/*    z-index: 99;*/
    //border: none;
}
.main-atcl .loader {
	
}
.fav-icon-wrap {
	position: relative;
    display: inline-block;
    width: 2em;
    height: 100%;
    border: 1px solid green;
}
.single .loader {
	top: 5%;
	left: 27%;
}
.loader .fas {
    color: #DE4C45;
	-webkit-animation: rt 1s infinite linear alternate-reverse;
    animation: rt 1s infinite linear alternate-reverse;
}


/* Archive */

/* Sidebar */
#left-bar {
	margin-top: 0.7em;
}
#left-bar .panel-body > div {
	margin-bottom: 3em;
}
#left-bar h5 {
	border-bottom: 1px solid #cacaca;
    font-size: 0.95em;
    font-weight: bold;
    padding: 0.3em 0.2em;
    //background: #ececec;
/*    background: #eae8e8;*/
    color: #4a4a4a;
}
#left-bar h5 a {
	color: #4a4a4a;
    text-decoration: none;
}

.no-list {
	list-style: none;
    padding: 0;
    margin: 0 0 1em;
}
.no-list li {
	margin-bottom: 0.8em;
    font-size: 0.95em;
}
.no-list ul li {
	margin-bottom: 0.1em;
}
.more-tgl {
	display: inline-block;
	margin: -1em 0 0.8em;
	cursor: pointer;
    font-size: 0.9em;
    padding: 0.1em 0.7em 0.1em 0;
    //border: 1px solid #dfdfdf;
}
.more-tgl:hover {
	color: #959595;
    cursor: pointer;
}
.more-list {
	display: none;
    padding-top: 0;
    margin-top: 0;
}


/* Tag */
ul.side-rank {
	list-style: none;
    font-size: 0.95em;
}
.side-rank li {
	margin-bottom: 1.4em;
}
.side-rank a {
	display: block;
    float: left;
    //width: 100%;
    margin-left: 0.35em;
    margin-top: 0.1em;
    line-height: 1.3em;
    //border: 1px solid red;
}
.side-rank span[class*="rank-"] {
	display: block;
    float: left;
    font-size: 1em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    border-radius: 50%;
	background: none;
    border: 1px solid #888;
    //vertical-align: 1em;
}
/*.side-rank span.rank-1,*/
/*.side-rank span.rank-2,*/
/*.side-rank span.rank-3 {*/
/*    font-size: 1em;*/
/*    //color: #fff;*/
/*    //border: none;*/
/*    line-height: 1.3em;*/
/*}*/
.side-rank span.rank-1 {
	background: goldenrod;
    border-color: goldenrod;
    color: #fff;
}
.side-rank span.rank-2 {
	background: silver;
    border-color: silver;
    color: #fff;
}
.side-rank span.rank-3 {
	background: peru/*burlywood*/;
    border-color: peru;
    color: #fff;
}

.rank-tag {
	display: inline-block;
	background: #fff;/*#F7EBE4*/
    padding: 0.2em 0.5em;
    margin-bottom: 0.4em;
	border-radius: 0.3em;
    border: 1px solid #999/*#E2D2C8*/;
    cursor: pointer;
    //font-size: 0.9em;
}
.single .rank-tag {
	font-size: 0.85em;
}
.no-list li.rank-tag {
	font-size: 0.85em;
	margin-bottom: 0.3em;
}
.main-navigation .rank-tag {
	background: mintcream/*#F7EBE4*/;/*#F7F1E4*/
}

.rank-tag:hover {
	opacity: 0.7;
}
.rank-tag a {
	color: #4a4a4a !important;
    text-decoration: none;
    
}
.rank-tag .fa {
	font-size: 0.85em;
	margin-right: 0.1em;
    color: #aaa;
}

.cate-list .fa {
	color: #bdbdbd/*#E6D6CB*/;
}


/* Single */
.single-left {
	float: left;
	width: 48.5%;
    //border: 1px solid red;
}
.single-right {
	float: right;
	width: 48.5%;
    //border: 1px solid orange;
}
.single-recom {
	float: left;
    width: 48.5%;
    margin-top: 1.5em;
    //border: 1px solid green;
}

/* Single Slider Slick */
.slider-single > div {
	position: relative;
    width: 100%;
    //background: none;
    //border: 1px solid #fff;
    //overflow: hidden;
}
.slider-single img,
.slider-single video {
    width: 100%;
    -webkit-backface-visibility: hidden;
}
/* For Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .slider-single img {
        width: 566px !important;
    }
}
.slider-single .s-caption {
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
	color: #fff;
    font-size: 1em;
    font-weight: normal;
    background: rgba(0,0,0,0.55);
    width: 100%;
    padding: 0.3em 0.2em;
    text-align: center;
    -webkit-backface-visibility: hidden;
}
/*
.slider-single .slick-prev,
.slider-single .slick-next {
	display: none;
}
*/
.slider-single .s-prev,
.slider-single .s-next {
	display: block;
	position: absolute;
    top: 48%;
	background: rgba(0,0,0,0.65);
    font-size: 1.8em;
    width: 0.9em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 0;
    border: 0;
    box-shadow: 0;
    color: #fff;
    text-align: center;
    z-index: 99;
    cursor: pointer;
}
.slider-single .s-prev {
    left: 1px;
}
.slider-single .s-next {
    right: 1px;
}
.slider-single .s-prev:hover,
.slider-single .s-next:hover {
	background: rgba(0,0,0,0.85);
}

/*.slider-item {*/
/*	background: red;*/
/*}*/
/*.slider-item.current {*/
/*	background: #3f3f3f;*/
/*    cursor: default;*/
/*}*/

/* Single Carousel */
.single .carousel-item {
	height: 680px; /* 1:1.2 img-box */
    overflow: hidden;
    //border: 1px solid orange;
}
.single .carousel-item img {
	width: 100%;
    //border: 1px solid orange;
}
.single .carousel-indicators {
	width: 100%;
    left: 0;
    margin: 0;
    padding: 3px 0 0;
	//border: 1px solid red;
    display: block;
    position: static;
}
.single .carousel-indicators li {
	position: static;
    float: left;
	background: none;
    -ms-flex: none;
    flex: none;
    text-indent: 0;
    width: 20%;
    height: 129px; /* 1:1.2 img-box */
    //margin-right: 0.5%;
    //margin-left: 0;
    margin: 0 0 3px 0 !important;
    padding: 4px;
    cursor: pointer;
    overflow: hidden;
    //box-sizing: content-box;
}
.single .carousel-indicators li:nth-of-type(5n) {
	margin-right: 0;
}
.single .carousel-indicators li img,
.single .carousel-indicators li video {
	height: 121px; /* 1:1.2 img-box */
    overflow: hidden;
    //display: block;
}

.carousel-caption {
	color: #fff;
    font-size: 0.95em;
    font-weight: normal;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.55);
    width: 100%;
    padding: 0.3em 0.2em;
}

/* Top Carousel */
.tophead-wrap .carousel-indicators {
	position: static;
    height: auto;
    margin: 3px 0 0;
    padding: 0;
    display: flex;
/*    flex-wrap: wrap;*/
/*    justify-content: flex-start;*/
	//border: 1px solid red;
}

.tophead-wrap .carousel-indicators li {
	position: static;
	width: auto !important;
    height: auto !important;
    flex: auto !important;
/*    flex: 0 0 20% !important;*/
    cursor: pointer;
    margin: 0;
    padding: 4px;
}
.tophead-wrap .carousel-indicators li:nth-of-type(5n) {
	margin-right: 0;
}


.carousel-indicators li img {
	display: block;
    width: 100%;
    height: auto;
    margin: auto;
}
.carousel-indicators li.active {
	background: #3f3f3f;
    //border: 4px solid #555;
    cursor: default;
}

.carousel-control-prev,
.carousel-control-next {
	width: 1.5em;
    opacity: 0.5;
    height: 1.5em;
    top: 48%;
    margin: 0;
    //border: 1px solid red;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background: #000;
    font-size: 2.0em;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
}
.carousel-control-prev-icon .fa,
.carousel-control-next-icon .fa {
	color: #fff;
    opacity: 1;
    //font-size: 0.8em;
}


/* Slider ********************** */
.slider-movie {
    background: #333;
}
.slider-movie > div {
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    //text-align: center;
}
.slider-movie > div video {
    display: inline-block;
    line-height: 0;
    //border: 1px solid red;
    margin: 0 auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.slider-movie > div p {
    line-height: 1.1em;
}

.slider-wrap {
	position: relative;
    //border: 1px solid orange;
}

.slider-top div img {
	//border: 1px solid red;
}
.slider-top div a img:hover {
	opacity: 0.75;
}

.slick-dots {
	top: 102%;
	//border: 1px solid red;
}
.slick-dots li {
	background: #555;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 1em;
    opacity: 0.4;
}
.slick-dots li:last-of-type {
	margin-right: 0;
}
.slick-dots li.slick-active {
	opacity: 1.0;
}
.slick-dots li button::before { /* dotはlist-styleのマークと思われる */
	opacity: 0.6;
	display: none;
/*	width: 100%;*/
/*	font-size: 2em;*/
/*    background: red;*/
/*	border: 1px solid red;*/
}

/* Slider Navi 現在未使用 */
.slider-nav {
	//position: relative;
	//display: flex;
    margin-top: 3px;
    //background: #333;
}
.slider-nav .slider-item {
	//flex: auto;
    padding: 4px;
    outline: 0;
    //border: 1px solid red;
}
.slider-nav > div {
	width: 100%;
    //border: 1px solid red;
}
.slider-nav .slick-current {
	//background: #333;
    //border: 3px solid red;
    //padding: 0;
}
.slider-nav .slick-prev,
.slider-nav .slick-next {
	position: absolute;
    display: block;
    /* top: 0; jsにて */
	background: rgba(0,0,0,0.65);
    font-size: 1.8em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.55em;
    border-radius: 50%;
    border: 0;
    box-shadow: 0;
    color: #fff;
    text-align: center;
    z-index: 99;
    cursor: pointer;
}
.slider-nav .slick-prev {
    left: 1%;
}
.slider-nav .slick-next {
    right: 1%;
}
.slider-nav .slick-prev:hover,
.slider-nav .slick-next:hover {
	background: rgba(0,0,0,0.85);
}
/*
.slider-wrap .this-item {
	display: block;
	position: absolute;
    bottom: 0;
    left: 43%;
    z-index: 999;
    width: 263px;
    height: 120px;
    border-width: 4px;
    border-style: solid;
    border-color: #151515;
    //background: red;
}
*/
.slick-initialized {
	//border: 3px solid blue;
}


/*<button class=​"slick-prev slick-arrow" aria-label=​"Previous" type=​"button" style>​Previous​</button>​*/
/* Slider END ****************** */


.single .head-frame h2 {
	font-weight: normal;
	font-size: 1.4em;
    line-height: 1.4em;
	//border-bottom: 1px solid #222;
	margin: 0.1em 0 0.7em;
    padding-bottom: 0em;
}
.single .head-frame h2 span {
	font-size: 0.8em;
}
.single .price-meta {
	font-size: 1.4em;
    line-height: 1.2em;
	font-weight: normal;
    text-align: right;
}
.single .potset .price-meta {
	line-height: 1.15em;
}
.single .price-meta small {
	font-size: 0.7em;
}
.single .price-meta .text-middle {
	font-size: 0.75em;
    margin-right: 0.3em;
}
.single h4,
.post-side h4,
.relate-post-wrap h4,
.writer-wrap h4 {
	font-weight: normal;
    font-size: 1.3em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid #333;
}

.single .floar .favorite {
	display: none;
	text-align: left;
    font-size: 0.8em;
}
.single .form-wrap .btn-custom {
	font-size: 1.3em;
    padding: 0.7em 0;
}
.single .form-wrap .btn-custom + p {
	font-size: 1.2em;
    margin-top: 0.5em;
    text-align: center;
    //color: tomato;
}

.single .btn[type="submit"]:disabled {
	cursor: default;
    opacity: 1;
    background: #dfdfdf;
}
.single .btn[type="submit"]:disabled:hover {
	opacity: 1;
    background: #dfdfdf;
}

.slideDeli {
	width: 100%;
}
.slideDeli + .table-deli {
	display: none;
}
.potset {
	margin-bottom: 0.5em;
    padding-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
}
.potset:first-of-type {
	padding-top: 0.5em;
	border-top: 1px dotted #ccc;
}
.potset h3 {
	font-size: 1.2em;
    margin: 0 0 0.2em;
    padding: 0;
    font-weight: normal;
}
.potset > div {
	float: left;
    padding: 0;
    margin: 0;
}
.potset div.img-box { /* img-box */
	width: 18%;
    margin-right: 1.5%;
}
.potset div.potset-text {
	width: 97.5%;
    margin-right: 0;
    //border: 1px solid orange;
}
.potset div.img-box + div.potset-text {
	width: 78%;
}

.potset .price-meta {
	font-size: 1.2em;
    margin-bottom: 0.3em;
    //border: 1px solid red;
}
.potSetSelect-wrap {
	width: 65%;
}
.potSetSelect {
	width: 45%;
}



.floar ul {
	list-style: none;
    padding: 0;
    margin: 0;
}
.floar ul li {
    float: left;
    margin-right: 0.55%;
    width: 12%;
    position: relative;
}
.single-recom .floar ul li {
	width: 32.5%;
    margin-right: 1.2%;
}
.single-recom .floar ul li:nth-of-type(3n) {
    margin-right: 0;
}
.floar ul li:last-of-type {
	margin-right: 0;
    //border: 1px solid red;
}
.floar li h3 {
	line-height: 1.2em;
    //font-weight: bold;
    font-size: 0.9em;
    margin: 0.3em 0 0;
}
.floar .meta {
    //border: 1px solid red;
}
.floar .meta p,
.floar .meta .price {
	font-size: 0.85em;
    margin: 0.1em 0 0;
}
.floar .meta .price {
	text-align: left;
    font-weight: bold;
    //color: #3a3b3b;
}
.floar .meta .tags {
	display: none;
}
.recent-check .floar .meta p,
.recent-check .floar .meta .price {
	display: none;
}

/* img-boxは上段へ(Line:740 辺) */
.floar li a:hover img {
	opacity: 0.7;
}

/* upper itemupper */
.upper-wrap {
	//border: 2px solid red;
}
.upper-wrap h3,
h3.upper-title {
	margin: 1em 0 0.7em; /* ORG margin-top: 0.7em */
    background: #f5f5f5;
    padding: 0.1em 0.2em;
}
.upper-wrap h4 {
	font-size: 1.4em;
	border-bottom: 1px solid #bbb;
    margin-top: 0.4em;
    margin-bottom: 0.7em;
    padding-bottom: 0.1em;
    padding-left: 0.3em;
}
.upper-wrap h5 {
	border: 0;
    font-size: 1.0em;
    font-weight: bold;
}

.block-wrap {
	//margin-bottom: 1.5em;
    //border: 1px solid orange;
}

.a-block-wrap {
	//padding-bottom: 2em;
    //border: 1px solid green;
}
.a-block {
	display: flex;
    //padding-bottom: 1.5em;
    padding-bottom: 1.5em;
}
.a-block .img-wrap {
	width: 48%;
    flex: auto;
    float: left;
    //margin-right: 1%;
}
.a-block .detail-wrap {
	width: 48.5%;
    flex: auto;
    float: right;
    margin-bottom: 1.4em;
}
.a-block div:nth-of-type(2n) {
	margin-left: 1.5%;
}


.b-block,
.c-block { /* img textを囲む個別のwrap */
	padding-bottom: 2.4em;
    //border: 1px solid red;
}

.b-block-wrap > div,
.c-block-wrap > div {
    display: flex;
    //border: 1px solid orange;
}

/*
.b-block {
	width: 49%;
    //flex: auto; 
    flex: 2;
    //float: left;
    //margin-right: 2%;
    //border: 1px solid green;
}
.b-block:nth-of-type(2n) {
	margin-left: 1.5%;
}
.b-block .img-wrap {
	margin-bottom: 0.8em;
}
.b-block .detail-wrap {

}
*/

.b-block,
.c-block {
	//width: 32.5%;
    flex: 3; /* or flex: auto */
    //box-sizing: border-box;
    //float: left;
	//margin-right: 0.8%;
    //border: 1px solid green;
}
.b-block:nth-of-type(2n),
.b-block:nth-of-type(3n),
.c-block:nth-of-type(2n),
.c-block:nth-of-type(3n) {
	margin-left: 0.9%;
}

.b-block .img-wrap,
.c-block .img-wrap {
	margin-bottom: 0.8em;
}
.b-block .detail-wrap,
.c-block .detail-wrap {

}

.upper-open {
    display: none;
    //height: 9.0em;
    //position: relative;
    //filter: blur(1px);
    //linear-gradient(180deg, white, navy);
    //overflow: hidden;
}
.upper-tgl {
    cursor: pointer;
    padding: 0.4em 0.2em 0.5em 0.3em;
    //background: rgba(0,0,0,0.6);
    //background: #fff;
    //color: #fff;
    //color: #3a3b3c;
    //border: 1px solid #3a3b3c;
/*    -webkit-transition: none !important;*/
/*    transition: none !important;*/
    //margin-bottom: 0;
    width: 100%;
/*    position: absolute;*/
/*    top: 40%;*/
/*    left: 0;*/
/*    z-index: 999;*/
}
.upper-tgl:hover {
    opacity: 0.7;
/*    background: #3a3b3c !important;*/
/*    color: #fff;*/
    
}

.filter-blur {
    filter: blur(1px);
    margin-bottom: 2.5em;
}
.filter-blur:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    //border: 1px solid #efefef;
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.1), #fff);
    background: linear-gradient(180deg, rgba(255,255,255,0.1), #fff);;
/*    linear-gradient(180deg, rgba(255,255,255,0.1), #fff);*/
/*    filter: blur(10px);*/
/*    margin: -120px;*/
}


/* upper itemupper END */


.tab-content {
    min-height: 600px;
}
.nav-tabs {
    padding: 0;
    margin: 0;
    border-bottom: 0;
    display: flex;
    //border: 1px solid red;
}
.nav-item {
	//width: calc(100% / 3);
    width: calc(100% / 4);
    flex: auto;
    text-align: center;
    font-size: 0.95em;
    padding: 0;
    //border: 1px solid blue;
}
.nav-tabs .nav-link,
.nav-tabs .nav-link:hover {
	background: none;
    color: #333;
    border: 1px solid #aaa;
    border-right: 0;
    border-radius: 0;
    padding: 0.5em 0;
    //margin-right: 1px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
    background: #3a3b3c;
    color: #fff;
    border: 1px solid #3a3b3c;
    //font-weight: bold;
    border-bottom-color: none;
    cursor: default;
    opacity: 1;
/*        border-color: #333;*/
/*        border-width: 1px 1px 0;*/
}
.nav-tabs .nav-item:last-of-type .nav-link {
	border-right: 1px solid #aaa;
}


/* Post post-single ********** */
.post-main {
	float: left;
    width: 60%;
    margin-right: 7%;
    //border: 1px solid orange;
}
.post-side {
	float: right;
    //border: 1px solid blue;
    width: 28%;
}
.post-main-archive {
	float: right;
	width: 78%;
	margin-left: 3%;
}
.post-side-archive {
	float: right;
	//width: 24%; /* $left-barで指定済 */
}

.post-main header {
	margin-bottom: 2em;
}
.post-main section {
	margin-bottom: 2em;
	//border: 1px solid red;
}
.post-main header h1 {
	font-size: 1.3em;
    line-height: 1.8em;
	color: #3a3a3a;
    font-weight: bold;
/*    background: #e9e5e3;*/
    background: #efefef;
    padding: 0.6em 1em;
}
.post-main section h1,
.post-main header h2 {
	font-size: 1.4em;
}
.post-main section h1 {
    font-size: 1.3em;
	padding-bottom: 0.1em;
    font-weight: bold;
    color: #575757;
    margin: 3em 0 1.7em !important;
    line-height: 1.7em;
    //border-bottom: 1px solid #cdcdcd;
}
/* fontawsome 白抜きの時にfont-weightの指定が必要*/
/*
.post-main section h1:before {
    display: inline-block;
    content: "\f058";
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.8em;
    margin-right: 0.2em;
}
*/
.post-main section.mokuji h1 {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
}
.post-main section h2 {
    font-size: 1.2em;
    padding-bottom: 0.3em;
    border-bottom: 2px dashed #a8a8a8;
    margin-bottom: 1.2em;
}
.post-main section h1 > i {
    font-size: 1.5em;
    vertical-align: -4px;
    margin-right: 0.2em;
}
.post-main section img {
	width: 100%;
    margin-bottom: 2.0em;
}
.post-main section p {
    font-size: 1em;
    line-height: 2.2em;
    margin-bottom: 5em !important;
    margin-left: 0.2em;
    //color: red;
}
.post-main section p a {
    color: #007bff;
    text-decoration: underline;
}
.post-main section p a:hover {
    color: #a5a5a5;
    text-decoration: none;
}
.post-index { /* 目次 */
	color: #141d21;
/*    border: 1px solid #141d21;*/
/*    background: #e9e5e3;*/
    border: 1px solid #cfcfcf;
    background: #efefef;
    padding: 1em;
    margin-bottom: 8.0em;
}
.post-index li {
    font-size: 1.05em;
}
.post-index ul {
    margin-top: 0.3em;
}
.post-index ul li {
    font-size: 0.95em;
}

.post-cate {
	color: #fff;
	background: #878787;
    padding: 0.2em 0.7em;
}

.line-img-wrap {
	float: left;
    width: 30%;
    margin-right: 2%;
}
.line-cont-wrap {
	float: left;
    width: 68%;
    font-size: 0.9em;
}
.line-cont-wrap h5 { /* 関連記事タイトル */
   font-size: 1.0em !important;
}
.post-side .side-cont-wrap h5 {
	font-size: 1.2em;
}


.post-atcl {
	float: left;
    width: 49%;
    margin-right: 1.5%;
    margin-bottom: 0.6em;
    //border: 1px solid red;
}
.post-atcl:nth-of-type(2n) {
    margin-right: 0;
    //border: 1px solid blue;
}
.post-archive .line-img-wrap {
	width: 32%;
}
.post-archive .line-cont-wrap {
    width: 65%;
}
.post-atcl h5 {
	font-size: 1.0em !important;
    line-height: 1.5em;
    //background: red;
}
.post-side .post-atcl {
	float: none;
    width: 100%;
    margin-right: 0;
}

/* 商品Singleの似ているPost */
.similar-post .post-atcl {
	width:  32.5%;
	//border: 1px solid red;
}
.similar-post .post-atcl:nth-of-type(3) {
	margin-right: 0;
}


/*ChunkしないとFlexは使えない*/
/*.relate-item > div {*/
/*	display: flex;*/
/*    border: 1px solid orange;*/
/*    justify-content: space-between;*/
/*}*/
.relate-item .main-atcl {
/*	flex: 1;*/
	width: 48%;
    margin-right: 4%;
	font-size: 85%;
}
.relate-item .main-atcl:nth-of-type(2n) {
	margin-right: 0;
	//border: 1px solid red;
}

.post-side .rank-tag {
	font-size: 0.85em;
}

/* post-archive 関連 */
.post-rank-cate {
	float: left;
	width: 24.1%;
	margin-right: 1.2%;
	//border: 1px solid red;
}
.post-rank-cate:nth-of-type(4) {
	margin-right: 0;
}
.post-rank-cate h5 {
	font-size: 1.1em;
}
.post-main-archive .tags {
	font-size: 0.9em;
}
.social-wrap > div {
	width: 50%;
	float: left;
}

/* Social BTN */
.social-btn {
    display: inline-block;
    //float: right;
    font-size: 1.3em;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    margin-right: 0.7em;
    //padding: 3px 0.2em;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-bottom: 1em;
}
.social-btn a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}
.social-btn:hover {
	opacity: 0.7;
}
.social-btn a:hover {
	text-decoration: none;
	color: #fff;
}
.twitter {
    background: #55acee;
}
.fb {
    background: #3b5998;
}
.line {
	margin-right: 0;
    background: #09B701;
    //background-image: url(/images/social/square-default.png);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    background-size: 17px 17px;
    //padding-left: 1.1em;
}
.line img {
	width: 93%;
	height: 93%;
	margin-top: -4px;
}



/* login */
.login {
	margin-top: 6em;
}
/*.login h4 {*/
/*	font-weight: normal;*/
/*    padding-bottom: 0.2em;*/
/*    border-bottom: 1px solid #222;*/
/*}*/
.login label {
	font-weight: bold;
    font-size: 0.95em;
}
.login > div {
	width: 47%;
    float: left;
    min-height: 600px;
}
.login > div:last-of-type {
    float:right;
	margin-left: 5%;
}
.login [class*="col-md-"] {
	padding-left: 0;
    padding-right: 0;
    //border: 1px solid red;
}


/* Pagination */
.pagination-wrap {
	width: 100%;
    text-align: right;
}
.pagination-wrap:after {
	display: block;
    clear: both;
    content: "";
    height: 0;
}
.pagination-wrap:last-of-type {
	margin-top: 2.5em;
}
/*
.pagination {
    display: inline-block;
  	padding-left: 0;
  	list-style: none;
  	border-radius: 0;
  	font-size: 0.95em;
	width: auto;
    margin: 0 0 0.5em;
}
.pagination:after {
	display: block;
    clear: both;
    content: "";
    height: 0;
}
.pagination li {
	display: block;
    float: left;
    margin-right: 0.15em;
   	width: 1.9em;
    height: 1.9em;
    line-height: 1.9em;
    text-align: center;
    color: #fff;
    background: #3a3b3c !important;
    border-radius: 0;
}

.pagination li:first-of-type,
.pagination li:last-of-type {
	background: #fff;
    
}
.pagination li.disabled span {
	//font-size: 1.2em;
}
.pagination li a {
	color: #3a3b3c;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff !important;
    text-align: center;
}
.pagination li a:hover {
	text-decoration: none;
    background: #3a3b3c !important;
    color: #fff !important;
    opacity: 1;
}

.pagination li:first-of-type a,
.pagination li:last-of-type a {
	font-size: 1.1em;
    line-height: 1.6em;
    border-radius: 0;
}
*/
/*
Pagination View :::
/vendor/laravel/framework/src/Illuminate/Pagination/resources/views
Pagination View END :::
*/
.pagination {
	float: right;
}
.page-link {
    position: relative;
    display: block;
    padding: 0;
    margin-left: 2.5px;
	width: 1.9em;
    height: 1.9em;
    line-height: 1.9em;
    text-align: center;
    border-radius: 0 !important;
    color: #3a3b3c !important;
    background-color: #fff !important;
  	border: 1px solid #8a8a8a !important;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff !important;
  background-color: #3a3b3c !important;
  border-color: #3a3b3c !important;
}

.page-item.disabled .page-link {
  color: #fff !important;
  pointer-events: none;
  background-color: #3a3b3c !important;
  border-color: #3a3b3c !important;
  border-radius: 0;
}

.page-link:focus, a.page-link:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #3a3b3c !important;
  border-color: #3a3b3c !important;
  opacity: 1;
}


/* Fix */
.fix-page h3 {
	font-size: 1.5em;
	padding: 0 0 0.1em;
    margin-bottom: 0.3em;
    //padding-left: 0.3em;
	//border-left: 1.2em solid #aaa;
    border-bottom: 1px solid #aaa;
    //border-width: 0 0 1px 5px;
}
.fix-page h3:before {
	content: "■";
    color: #5a5a5a;
    margin-right: 0.2em;
}
.fix-page h3.no-left {
	border: none;
}
.fix-page h3.no-left:before {
	content: none;
}

.fix-page section {
	margin: 2.5em 0 5em;
    //border: 1px solid red;
}
.fix-page section > div {
	margin: 2em 0 4em 0.4em;
}
.fix-page p/*,
.fix-page section p*/ {
	margin-left: 1.0em;
}
.fix-page section div.clearfix img {
	width: 33%;
    float: left;
}
.fix-page section div.clearfix p {
	width: 65%;
    float: left;
    margin-left: 1.5%;
}

.fix-page h4 .fas {
	color: #FD9940;
}
.fix-page h4 {
	font-size: 1.2em;
	border: 1px solid #dfdfdf/*#FD9940*/;
    border-width: 0 0 0 10px;
    background: #f5f5f5;
    padding: 0.1em 0 0.1em 0.3em;
    margin-bottom: 0.6em;
}
.fix-page ul.triangle,
.fix-page ol.triangle {
	margin-left: 0.5em;
}
.fix-page ul.triangle li,
.fix-page ol.triangle li {
	margin-bottom: 0.7em;
}
.fix-page h5 {
	font-weight: bold;
    font-size: 1.2em;
    margin-top: 1.2em;
}

/* FAQ */
div[id*="accordion-"] {
	margin-top: 1.5em !important;
    //border: 1px solid red;
}

/* アンカーリンクのfix分のずれを直す jsに入れたので不要 */
/*div[id*="accordion-"]:before {*/
/*	content: "";*/
/*	padding-top: 300px;*/
/*    margin-top: -300px;*/
/*    display: block;*/
/*}*/

div[id*="accordion-"] .card {
	margin: 0.4em 0;
}
div[id*="accordion-"] .card-header {
	border: 0;
    padding: 0;
    background: #F8F8F8;
    cursor: pointer;
}
div[id*="accordion-"] h5 {
	font-size: 0.65em;
    line-height: 1.4em;
    padding: 0.7em 0.5em;
    margin-top: 0;
    font-weight: normal;
}
div[id*="accordion-"] h5:before {
	content: "\f059"; /* ?マーク fontawsome*/
    font-weight: 900; /*白抜きの時にこの指定が必要 */
    font-family: "Font Awesome 5 Pro";
    font-size: 1.1em;
    margin-right: 0.2em;
    color: darkseagreen;
}
div[id*="accordion-"] .card-header:hover {
	opacity: 0.7;
    text-decoration: none;
}


.faq-cate {
	margin-top: 0.7em;
    list-style: none;
}
.faq-cate li {
	float: left;
    margin: 0 2em 0.5em 0;
    padding: 0;
    cursor: pointer;
}
.faq-cate li:before {
    content: "\f101"; /* >> */
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
    margin-right: 0.2em;
}
.faq-cate li:hover {
	opacity: 0.65;
    text-decoration: underline;
}

.transactions-law h3 {
	margin-top: 2em;
}


/* MyPage */
.mypage .fal {
	font-weight: 400;
    font-size: 1.1em;
    margin-right: 0.2em;
}
.mypage li > p {
	margin: 0.5em 0 0 0.1em;
    padding: 0;
    font-size: 0.95em;
}

/* Contact */
.contact .cth {
	width: 27%;
}
.contact td p {
	min-height: 20em;
}


/* Calendar */
.cal-wrap {
    width: 100% !important;
    font-size: 0.95em;
}
.cal-wrap .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
}
.cal-wrap .table td {
    padding: 0.3em;
}
.cal {
    display: none;
}
.cal.active {
    display: block;
}
.cal-btn {
    display: inline-block;
    font-size: 1.3em;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.25em;
    text-align: center;
    background: #3a3b3c;
    color: #fff;
    padding: :0.2em;
    cursor :pointer;
}
.cal-square {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    //background: #DB6359;
}



/* Footer */
#colop {
	background: #ececec;
/*	background: #eceaea;*/
	height: auto;
	padding: 1.7em 0 0;
	margin-top: 4em;
	border-top: 1px solid #cdcecf;
}
.foot-wrap {
	padding: 0 1em;
}
#colop > p {
	font-size: 0.8em;
	padding: 0.4em 0;
	margin: 2em 0 0;
	text-align: center;
	background: #3a3b3c;
	color: #fff;
}
.foot-menu {
    float: left;
    width: 53%;
}
.foot-menu ul {
	list-style: none;
    margin: 0;
    padding: 0;
    width: 48%;
    float: left;
}
.foot-menu h5 {
	font-weight: bold;
	font-size: 1.0em;
}

.foot-company {
	width: 31%;
	float: right;
	//border: 1px solid red;
}
.foot-logo img:first-of-type {
	width: 230px;
	margin-bottom: 1.6em;
}
.foot-logo img:last-of-type {
	width: 70px;
	vertical-align: -10px;
}

.foot-company address h5 {
	font-weight: bold;
	font-size: 1.0em;
	margin: -10px 0 0.7em 0.2em;
	padding: 0;
}
.foot-company address {
	margin-bottom: 1em;
}
.foot-company address .table {
	margin-left: 0.3em;
}
.foot-company address .table th,
.foot-company address .table td {
	padding: 0;
	margin: 0.2em 0;
    border: 0;
}
.foot-company address .table th {
	width: 26%;
    font-weight: normal;
    font-size: 0.95em;
	//border: 1px solid blue;
}


.foot-company address + p {
	font-size: 0.9em;
}


.top_btn {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 2%;
    width: 2.5em;
    height: 2.4em;
    line-height: 2.4em;
    text-align: center;
    padding: 0;
    cursor: pointer;
    background: rgba(0,0,0,0.6);
    border-radius: 0.2em;
    z-index: 9999;
}
.top_btn .fal {
    //display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    color: #fff;
    vertical-align: -5px;
}
.top_btn:hover {
    opacity: 0.6;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}


.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}