/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/** ここから **/


/** sorter */


*{
	font-family: 'Noto Sans JP', sans-serif;
}



body{
	min-width: 1280px;
}

h1,h2,h3,h4,h5,h6,p{
	line-height: 1.5;
}

a{
	color: #2266bb;
}

a:hover{
	text-decoration: none;
}

a.editLink{
	cursor: url(../img/common/edit.cur), pointer;
}

.pin{
	pointer-events: none;
}

.tac{text-align: center;}

.disnone{
	display: none !important;
}

.font--noto-sans{font-family: 'Noto Sans JP', sans-serif;}
.font--noto-Serif{font-family: 'Noto Serif JP', serif;}

.tr--admin-only{
	background: #ebebeb;
	border: 1px solid #ddd;
}

.button--link{
  width: 300px;
  background: #08898e;
  color: #FFF;
  display: block;
  margin: 0 auto 10px;
}


::placeholder {
  color: #CCC;
}

.purun {animation: purun 0.8s ease ;}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);}
}

/**
 * component
 */
.dib{display: inline-block;}
.cp{cursor: pointer;}
.tac{text-align: center;}
.tar{text-align: right;}

.w-960{width: 960px;}

.p-1{padding: .25rem;}
.p-2{padding: .5rem;}
.p-3{padding: .75rem;}
.p-4{padding: 1.25rem;}
.p-5{padding: 2rem;}

.ps-1{padding-left: .25rem;}
.ps-2{padding-left: .5rem;}
.ps-3{padding-left: .75rem;}
.ps-4{padding-left: 1.25rem;}
.ps-5{padding-left: 2rem;}

.mb-0{ margin-bottom: 0px !important;}
.mb-1{ margin-bottom: 5px; }
.mb-2{ margin-bottom: 10px; }
.mb-3{ margin-bottom: 15px; }
.mb-4{ margin-bottom: 20px; }
.mb-5{ margin-bottom: 25px; }
.mb-6{ margin-bottom: 30px; }
.mb-7{ margin-bottom: 35px; }
.mb-8{ margin-bottom: 40px; }
.mb-9{ margin-bottom: 45px; }

.mr-1{ margin-right: 5px; }
.mr-2{ margin-right: 10px; }
.mr-3{ margin-right: 15px; }
.mr-4{ margin-right: 20px; }
.mr-5{ margin-right: 25px; }
.mr-6{ margin-right: 30px; }
.mr-7{ margin-right: 35px; }
.mr-8{ margin-right: 40px; }
.mr-9{ margin-right: 45px; }

.ml-1{ margin-left: 5px; }
.ml-2{ margin-left: 10px; }
.ml-3{ margin-left: 15px; }
.ml-4{ margin-left: 20px; }
.ml-5{ margin-left: 25px; }
.ml-6{ margin-left: 30px; }
.ml-7{ margin-left: 35px; }
.ml-8{ margin-left: 40px; }
.ml-9{ margin-left: 45px; }

.m-auto{
	margin-left: auto !important;
	margin-right: auto !important;

}

.pc_none{ display: none; }

.sp_none{ display: block; }

.sticky{
	position: sticky;
	top: 0;
}

br.sp_none, span.sp_none{
	display: inline;
}

.fw-bold{
	font-weight: bold;
}

.d-flex{
	display: flex;
}

.d-flex.flex-reverse{
  flex-direction: row-reverse;[]
}

.d-flex.align-items-center{
	align-items: center;
}

.d-flex.justify-content-between{
	justify-content: space-between;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attention{
	font-size: 14px;
	color: #c94b59;
}


.ajax-loader-wrap{
  color: #333;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  display: none;
}

.ajax-loader-wrap.show{
  z-index: 9999;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ajax-loader-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 0;
}

.ajax-loader-inner{
  width: 65px;
  height: 30px;
  position: relative;
}

.ajax-loader-inner:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset #fff;
  animation: l3 0.75s infinite alternate;
}

@keyframes l3 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}

.icon{
    position: relative;
    padding-left: 1.5rem;
    display: inline-block;
    min-height: 1em;
}

.icon--large{
	padding-left: 2rem;
	min-height: 1.5rem;
}

.icon:before{
    min-width: 16px;
    min-height: 16px;
    width: 1em;
    height: 1em;
    top: calc( 50% - 0.5rem );
}

.icon--large:before{
    min-width: 24px;
    min-height: 24px;
    width: 1.5rem;
    height: 1.5rem;
    top: calc( 50% - 0.75rem );
}

.icon:empty{
    padding-left: 1rem;
}

.icon--help:before{
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/common/icon_help.png) no-repeat center center;
    background-size: contain;
}

.icon--pdf:before{
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/common/pdf_white.png) no-repeat center center;
    background-size: contain;
}

.icon--word:before{
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/common/word_white.png) no-repeat center center;
    background-size: contain;
}


.button{
	min-width: 320px;
	border: none;
	border-radius: 5px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 15px 20px 18px;
	text-align: center;
	transition: all .3s;
	text-decoration: none;
	background-color: #567;
	background-image: url("../img/common/btn_cover.png");
	background-size: auto 100%; 
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	user-select: none;
	z-index: 0;
}

.button:after{
	content: "";
	width: 100%;
	max-width: 100%;
	height: 10px;
	bottom: -10px;
	left: 0;
	background-image: url("../img/common/btn_shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
	background-position: center bottom 3px;
	position: absolute;
	transition: all .3s;
	z-index: -1;
}

.button:hover:after{
	content: "";
	height: 8px;
	bottom: -8px;
}

.button.pin,
.button:disabled,
.download:disabled{
	opacity: .3 !important;
	background-color: #333 !important;
}

.download:disabled,
.button:disabled{
	cursor: wait;
}

.downloaded{
	cursor: default !important;
}

.button--mini{
	min-width: 130px;
	font-size: 14px;
	padding: 10px 15px;
}

.button--mini:after{
	content: "";
	display: none;
}

.button--small-padding{
	padding: 4px 10px;
}

.button--air21{
	background-color: #1A377B;
}

.button--air21:hover{
	background-color: #122552;
}

.button--aire{
	background-color: #15A43B;
}

.button--aire:hover{
	background-color: #0e7028;
}

.button--link,
.button--check{
	background-color: #339A99;
}

.button--link:hover,
.button--check:hover{
	background-color: #2a7878;
}

.button--submit,
.button--save{
	background-color: #E28122;
}

.button--submit:hover,
.button--save:hover{
	background-color: #cb731d;
}

.button--green{
	background-color: #08898e;
	color: #ffffff;
}

.button--green:hover{
	background-color: #046164;
}


.button--blue{
	background-color: #2266BB;
	color: #ffffff;
}

.button--blue:hover{
	background-color: #164682;
}

.button--login{
	background-color: #08898e;
	color: #ffffff;
}

.button--login:hover{
	background-color: #046164;
}

.button--search{
	background-color: #3d9650;
}

.button--search:hover{
	background-color: #327c42;
}

.button--search:before{
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 20px;
	top: calc( 50% - 12px );
  background-image: url("../img/common/search_white.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.button--download{
	background-color: #1ea1c1;
}

.button--download:hover{
	background-color: #19849f;
}

.button--purchase{
	background-color: #E28122;
	text-indent: 30px;
}

.button--purchase:before{
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	left: 66px;
	top: calc( 50% - 13px );
  background-image: url("../img/common/cart_btn_next.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.button--purchase:hover{
	/*background-color: #cb731d;*/
}

.button--watch{
	background-color: #339A99;
	margin-bottom: 0;
	text-indent: -10px;
}

.button--watch:before{
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 80px;
	top: calc(50% - 8px);
	background-image: url(../img/common/icon_other_link_w.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.button--watch:hover{
	background-color: #2a7878;
}

.button--delete{
	background-color: #556677;
	min-width: 240px;
	padding: 8px 20px 10px;
	font-size: 14px;
}

.button--delete:hover{
	background-color: #334455;	
}

.button--eco-onepoint{
	background-color: #35972a;
}

.button--eco-onepoint:hover{
	background-color: #266e1e;
}

.td_button{
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
}

.like-link{
	text-decoration: underline;
	color: #2266bb;
	cursor: pointer;
	user-select: none;
}

.like-link:hover{
	text-decoration: none;
}

.targetBlank{
	padding-right: 1.25rem;
	position: relative;
}
.targetBlank:after{
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	background: url("../img/common/target_blank.png") no-repeat center center;
	background-size: contain;
	top: 2px;
	right: 3px;
}

/**
 * フォーム要素
 */

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"], 
input[type="date"],
select,
textarea{
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 16px;
	box-sizing: border-box;
	min-height: 36px;
}

textarea{
	width: 100%;
	height: 200px;
	padding: 10px;
}

select {
	background: #FFF;
	cursor: pointer;
	text-indent: 0.01px;
	padding: 5px 21px 5px 5px;
}

input[type="file"] {
  width: 80%;
  cursor: pointer;
  padding: 5px;
  box-sizing: border-box;
  background: #EEE;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
  -moz-appearance:textfield;
}


input.input--code{
	width: 120px;
}

input.input--company-name{
	width: 500px;
}

input.input--training-mivie-title{
	width: 500px;
}

input.input--zip1{
	width: 60px;
}

input.input--zip2{
	width: 80px;
}

input.input--num{
	width: 60px;
}

input.input--address-short{
	width: 300px;
}

input.input--address{
	width: 100%;
}

input.input--year{
	width: 65px;
}

input.input--mail{
	width: 400px;
}

input.input--url{
	width: 500px;
}

input.input--price{
	width: 120px;
}

input.input--short{
	width: 120px;
}

input.input--date{
	width: 135px;
}

input.input--long{
	width: 100%;
}

input.input--lottery-num{
	width: 60px;
}

input.input--date {
	width: 135px;
}

.mb-1{
	margin-bottom: 5px;
}

label.email,
label.snsUrl,
label.image{
	display: block;
	margin: 0 0 10px;
}

label.image{
	position: relative;
}

label span.sub-title{
	display: inline-block;
	font-size: 12px;
	margin: 0 10px 0 0;
	background: #ebebeb;
	color: #666;
	padding: 3px 5px 4px;
	position: relative;
	top: -1px;
	border-radius: 3px;
	min-width: 80px;
	text-align: center;
	line-height: 1;
}

.check label.image span.sub-title{
	vertical-align: top;
}

label span.sub-title.facebook{
	background: #d7e6f8;
}

label span.sub-title.line{
	background: #d4f0d4;
}

label span.sub-title.instagram{
	background: #f3dbea;
}

label span.sub-title.twitter{
	background: #d8ecf8;
}


label.send_news{
	display: inline-block;
	margin: 0 0 0 10px;
}

input[type = "checkbox"]{
	top: 1px;
	position: relative;
}

label span.sub-check{
	font-size: 14px;
}


.shopName--deleted{
	color: #CCC;
}


.search-result--none{
	border: 1px dotted #e36f7d;
	color: #e36f7d;
	padding: 30px;
	margin-bottom: 15px;
}


/**
 * header
 */

.header__wrapper{
	width: 100%;
	height: 90px;
	position: relative;
	top: 0;
	background-color: #e9efe2;
	background-image: url("../img/common/header_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto;
	z-index: 1;
}

.header--login{
	background: rgba(255,255,255,.9);
}

.header__wrapper--shop{
	height: 95px;
	border-top: 5px solid #339A99;
}

.login .header__wrapper,
.top .header__wrapper{
	position: fixed;
}

.header__container{
	width: 1280px;
	height: 100%;
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
}

.login .header__container{
  justify-content: center;
}


.header__logo{
	width: 520px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header__logo a{
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: -5px;
}

.header--login .header__logo a{
	position: static;
}

.header__nav{
	width: 670px;
	position: relative;
}

.global-menu__container{
	display: flex;
	justify-content: flex-end;
}

.global-menu__item{
  border-radius: 0 0 6px 6px;
	background: #FAFAFA;
	background: -moz-linear-gradient(10deg, #ffffff 0%, #FFFFFF 50%, #F8F8F8 51%, #E8E8E8 100%);
	background: -webkit-linear-gradient(10deg, #ffffff 0%,#FFFFFF 50%,#F8F8F8 51%,#E8E8E8 100%);
	background: linear-gradient(190deg, #ffffff 0%,#FFFFFF 50%,#F8F8F8 51%,#E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F8F8F8',GradientType=1 );
  margin: 0 1px;
  position: relative;
  transition: background .3s;
  box-shadow: inset -1px -1px 2px #eee;
  z-index: 0;
}

.global-menu__item:hover{
	background: #F5F5F5;
	background: -moz-linear-gradient(10deg, #F5F5F5 0%, #F5F5F5 50%, #EEEEEE 51%, #DEDEDE 100%);
	background: -webkit-linear-gradient(10deg, #F5F5F5 0%,#F5F5F5 50%,#EEEEEE 51%,#DEDEDE 100%);
  background: linear-gradient(190deg, #F5F5F5 0%, #F5F5F5 50%, #EEEEEE 51%, #DEDEDE 100%);
}

.global-menu__item:after{
	content: "";
	width: 100%;
	height: 3px;
	background: #FFF;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
}

.global-menu__item.global-menu__item--shops:after{
	content: "";
	background: #c94b59;	
}
.global-menu__item.global-menu__item--enquete:after{
	content: "";
	background: #c674ae;	
}
.global-menu__item.global-menu__item--knowhow:after{
	content: "";
	background: #d38234;	
}
.global-menu__item.global-menu__item--iso:after{
	content: "";
	background: #417ac0;	
}
.global-menu__item.global-menu__item--lottery:after{
	content: "";
	background: #3d9650;	
}
.global-menu__item.global-menu__item--goods:after{
	content: "";
	background: #e5ad2d;	
}


.global-menu__item.disable {
	opacity: .3;
}

.global-menu__item.disable:after{
	content: "";
	background: #333 !important;	
}

.global-menu__item > a{
	color: #475454 !important;
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .05em;
	padding: 50px 15px 17px;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
	position: relative;
}

.header__hamburger{
	width: 90px;
	height: 83px;
  border-radius: 0 0 6px 6px;
  background: #c74150 url(../img/common/ham_bg.png) no-repeat center top -30px;
  box-shadow: inset -1px -1px 2px #dae1e2, inset -1px -1px 1px rgb(255 255 255 / 50%);
	color: #FCFCFC !important;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 50px 15px 17px;
	position: relative;
	text-decoration: none;
	text-align: center;
	user-select: none;
  text-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
}

.header__hamburger:hover{
	background: #ab2e3c url(../img/ham_bg.png) no-repeat center top -30px;
}

.drawer-nav__wrapper .header__hamburger{
	color: #c74150 !important;
  position: absolute;
  top: 0;
  right: 0;
  height: 79px;
  background: #e5eed9;
  padding: 55px 10px 5px;
  box-shadow: none;
}

.header__hamburger span:nth-of-type(1){
	width: 40px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	right: 19px;
	top: 16px;
}

.header__hamburger span:nth-of-type(1):before{
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	left: -12px;
	top: 0;
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(1){
	width: 50px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #c74150;
	right: 19px;
	top: 25px;
	transform: rotateZ(45deg);
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(1):before{
  display: none;
}

.header__hamburger span:nth-of-type(2){
	width: 40px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	right: 19px;
  top: 34px;
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(2){
	width: 50px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #c74150;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	right: 19px;
	top: 25px;
	transform: rotateZ(-45deg);
}

.header__hamburger span:nth-of-type(2):before{
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	background: #FCFCFC;
	box-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 15%);
	left: -12px;
	top: 0;
}

.drawer-nav__wrapper .header__hamburger span:nth-of-type(2):before{
  display: none;
}

.header__hamburger span:nth-of-type(3){
	letter-spacing: .1em;
}

.global-sub-menu__container{
	width: 240px;
	background: rgb(245,245,245);
	background: url(../img/common/kanri_menu_bg.png) no-repeat right bottom, -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(231,241,241,1) 100%);
	background: url(../img/common/kanri_menu_bg.png) no-repeat right bottom, -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(231,241,241,1) 100%);
	background: url(../img/common/kanri_menu_bg.png) no-repeat right bottom, linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(231,241,241,1) 100%);
	position: absolute;
	top: 82px;
	z-index: 1;
	padding: 30px;
	border-radius: 0 0 15px 15px;
	box-shadow: 5px 5px 15px -5px rgba(0,0,0,25%);
	display: none;
/*	transform: scaleY(0);
	transform-origin: center top;
	transition: opacity .5s;
	opacity: 0;*/
}

.global-menu__item:hover .global-sub-menu__container{
/*	display: flex;
	flex-wrap: wrap;
	transform: scaleY(1);
	opacity: 1;*/
}

.global-sub-menu__item{
	width: 100%;
	margin: 0 0 20px 0;
}

.global-sub-menu__item:nth-last-of-type(1){
	margin-bottom: 0;
}

.global-sub-menu__item > a{
	background: url("../img/common/global_sub_menu_arrow.png") no-repeat center left;
	color: #323F5F !important;
	display: block;
	font-size: 14px;	
	font-weight: bold;
	line-height: 1.25;
	padding: 0 0 0 20px;
	text-decoration: none;
	transition: all .3s;
	text-shadow: -1px -1px 1px rgb(0 0 0 / 15%), 1px 1px 1px rgb(255 255 255 / 80%);
}

.global-sub-menu__item.current > a{
	background: url("../img/common/global_sub_menu_arrow_hover.png") no-repeat center left;
	color: #169FA9 !important;
	pointer-events: none;
	font-weight: normal;
	cursor: default;
}

.global-sub-menu__item:hover > a{
	background: url("../img/common/global_sub_menu_arrow_hover.png") no-repeat center left;
	color: #169FA9 !important;
}

/**
 * header end
 */


/**
 * footer
 */

.footer__wrapper{
	padding: 60px 0;
	background: #191b18 url(../img/common/bg_black.jpg) no-repeat center top;
	color: #FFF;
	position: relative;
}

.footer__container{
  width: 1280px;
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.footer__box{
	flex-basis: calc( 25% - 15px );
}

.footer-menu__item{
	margin: 0 0 30px;
}

.footer-menu__item > a{
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	margin: 0 0 15px;
	line-height: 1.375;
	padding: 0 0 0 20px;
	position: relative;
	transition: opacity .3s;
}

.footer-menu__item > a:hover{
	opacity: .7;
}

.footer-menu__item > a:before{
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	left: 0;
	top: calc( 50% - 3px );
}

.footer-menu__item.footer-menu__item--home > a:before,
.footer-menu__item.footer-menu__item--other > a:before{
	background: #179EA2;
}

.footer-menu__item.footer-menu__item--shops > a:before{
	background: #c94b59;
}

.footer-menu__item.footer-menu__item--enquete > a:before{
	background: #c674ae;
}

.footer-menu__item.footer-menu__item--knowhow > a:before{
	background: #d38234;
}

.footer-menu__item.footer-menu__item--iso > a:before{
	background: #417ac0;
}

.footer-menu__item.footer-menu__item--lottery > a:before{
	background: #3d9650;
}

.footer-menu__item.footer-menu__item--goods > a:before{
	background: #e5ad2d;
}

.footer-sub-menu__container{
	display: flex;
	flex-wrap: wrap;
}

.footer-sub-menu__item{
	width: 100%;
	margin: 0 0 15px;
}

.footer-sub-menu__item:nth-last-of-type(1){
	margin-bottom: 0;
}

.footer-sub-menu__item > a{
	background: url("../img/common/global_sub_menu_arrow.png") no-repeat center left;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.375;
	padding: 0 0 0 20px;
	position: relative;
	transition: opacity .3s;
}

.footer-menu__item > a:hover{
	opacity: .7;
}

.footer-menu__item > a:before{
	content: "";
}

.footer-sub-menu__item > a:hover{
	text-decoration: underline;
}

/**
 * footer end
 */

/**
 * drawer-menu
 */

.drawer-nav__wrapper{
  background: url(../../img/hum_menu_bottom.png) no-repeat center bottom, url(../../img/hum_menu_bg.jpg) repeat-y left bottom;
	position: fixed;
	right: -300px;
	top: 0;
	width: 300px;
	height: 100vh;
	transition: right .3s;
	z-index: 1001;
	padding: 80px 0 0;
}

.drawer-menu--show .drawer-nav__wrapper{
	right: 0;
}

.drawer-nav__container{
	overflow-y: scroll;
	height: calc( 100vh - 80px );
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.drawer-nav__container::-webkit-scrollbar {  
  display: none;
}

.contents__overlay{
	width: 100vw;
	height: 100vh;
	cursor: pointer;
	background: rgba(0,0,0,.8);
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
}

.drawer-menu--show .contents__overlay{
	/*display: block;*/
}


.drawer-menu__item{
	border-bottom: 1px solid #ffffff;
	box-shadow: 0 -1px 0 0 rgb(0 0 0 / 14%), 0 -2px 0 0 rgb(255 255 255 / 30%);
	position: relative;
}

.drawer-menu__item > a{
	display: block;
	padding: 20px 20px 20px 25px;
	font-weight: bold;
	color: #454545;
	background-color: #e7eee3;
	background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_5.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, 4px 4px;
	text-decoration: none;
	user-select: none;
}

.drawer-menu__item.drawer-menu__item--air21 > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_1.png");
}

.drawer-menu__item.drawer-menu__item--aire > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_2.png");
}

.drawer-menu__item.drawer-menu__item--shops > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_3.png");
}

.drawer-menu__item.drawer-menu__item--other > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_5.png");
}

.drawer-menu__item.drawer-menu__item--contact > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_4.png");
}

.drawer-menu__item.drawer-menu__item--shops > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_shops.png");
}

.drawer-menu__item.drawer-menu__item--enquete > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_enquete.png");
}

.drawer-menu__item.drawer-menu__item--knowhow > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_knowhow.png");
}

.drawer-menu__item.drawer-menu__item--iso > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_iso.png");
}

.drawer-menu__item.drawer-menu__item--lottery > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_lottery.png");
}

.drawer-menu__item.drawer-menu__item--shopping > a{
  background-image: url("../img/common/btn_cover.png"), url("../../img/hum_menu_li_shopping.png");
}

.drawer-menu__item > a:hover{
  background-color: #e0e7dc;
}

.drawer-sub-menu__item > a{
	display: block;
	padding: 12px 20px 14px 40px;
	color: #454545;
	box-shadow: inset 0 -1px #e1edd7;
	background-color: #f6f9f5;
	text-decoration: none;
	line-height: 1.25;
	font-size: 14px;
	user-select: none;
	position: relative;
}

.drawer-sub-menu__item.current > a{
	background-color: #ebf3e7;
	font-weight: bold;
	pointer-events: none;
}

.drawer-sub-menu__item > a:before {
  content: "";
  display: block;
  height: 2px;
  width: 6px;
  background: #ccc;
  position: absolute;
  left: 25px;
  top: calc(50% - 1px);
}

.drawer-sub-menu__item > a:hover{
	background-color: #e0e7dc;
	font-weight: bold;
}

.drawer-sub-menu__container{
	display: none;
}

.drawer-sub-menu-open-trigger{
	background: url("../../img/global_menu_hover_arrow.png") no-repeat center center;
	position: absolute;
	width: 50px;
	height: 50px;
	right: 3px;
	top: 3px;
	display: block;
	cursor: pointer;
	transition: transform .3s;
}

.show .drawer-sub-menu-open-trigger{
	transform: rotate(180deg);
}

/**
 * drawer-menu end
 */

/**
 * 共通
 */
.section__wrapper{
	padding: 20px 0 90px;
}

.section__container{
	width: 1280px;
	background: #F9F9F9;
	border-radius: 10px;
	margin: 0 auto;
	padding: 45px 90px 60px;
	box-shadow: 0 0 30px -10px rgba(71, 74, 67, .15);
	position: relative;
}

.section__container.add-new{
	position: relative;
}

.section__container.add-new:before{
	content: "今回の改修で追加された画面です。";
	font-size: 13px;
	color: #c94b59;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 0;
}

.section--purchase{
	width: 100%;
	background: #111;
	padding: 25px 0 15px;
	position: fixed;
	bottom: -120px;
	z-index: 100;
	transition: bottom .3s;
}

.section--purchase.loaded{
	bottom: 0;
}

.section--purchase.fix--out{
	position: static;
}


.section--purchase .section__container{
	width: 1280px;
	background: none;
	border-radius: 10px;
	margin: 0 auto;
	padding: 0;
	box-shadow: none;
}


.section--common{
	background: url(../../img/hum_menu_bottom.png) no-repeat right calc(50% - 720px) bottom 30px, url("../img/common/kanri_bg_cover.png") no-repeat right bottom, #e8efdf;
	min-height: calc(100vh - 90px);
}

.section__container .label--admin{
	background: #4A4A4A url(../img/common/lock_icon.png)no-repeat center left 13px;
	color: #FFF;
	box-shadow:inset -1px -1px 2px #7d7d7d, inset 1px 1px 2px #3d3d3d, inset 0 13px 1px rgb(255 255 255 / 10%), 0 2px 5px rgb(0 0 0 / 24%);
	display: inline-block;
	font-size: 16px;
	padding: 5px 1px 6px 20px;
	letter-spacing: .05em;
	text-align: center;
	position: absolute;
	top: -13px;
	left: calc( 50% - 77px );
	width: 155px;
	border-radius: 20px;
	user-select: none;
}

.section__container .label--shop{
	background: #339A99 url(../img/common/lock_icon.png)no-repeat center left 13px;
	color: #FFF;
	box-shadow: inset -1px -1px 2px #5bb8b7, inset 1px 1px 2px #298f8d, inset 0 13px 1px rgb(255 255 255 / 10%), 0 2px 5px rgb(168 203 203);
	display: inline-block;
	font-size: 16px;
	padding: 5px 1px 6px 20px;
	letter-spacing: .05em;
	text-align: center;
	position: absolute;
	top: -13px;
	left: calc( 50% - 77px );
	width: 155px;
	border-radius: 20px;
	user-select: none;
}

.admin__h2{
	color: #2d3e5c;
	letter-spacing: .1em;
	font-family: 'Noto Serif JP', serif;
	font-size: 40px;
	margin: 0 0 1.5em;
	text-align: center;
	position: relative;
}

.section--admin-top .admin__h2{
	margin: 0 0 2em;
}

.admin__h2 .category{
	font-size: 50%;
	font-family: 'Noto Serif JP', serif;
}

.admin__h2:after{
  content: "";
  width: 422px;
  height: 4px;
  display: block;
  position: absolute;
  bottom: -13px;
  left: calc(50% - 211px);
  background: url(../img/common/colorful_bar.png) no-repeat center left;
}

.admin__h3{
	background: url(../img/common/colorful_square_small.png) no-repeat left center;
	color: #2b3c5a;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}

.admin__lead{
	text-align: center;
  margin: 0 auto 3em;
  color: #666;
  font-size: 16px;
}

.admin__lead--membership-news,
.admin__lead--eco-onepoint{
	margin: 0 auto 1em;
}

.shop__lead{
	font-size: 14px;
	text-align: center;
	margin: 0 auto 2em;	
}


/**
 * テーブル
 */

.loading__overlay{
	display: none;
}

.loading__overlay.loading{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9) url("../img/common/loading.gif") no-repeat center top 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.table__wrapper{
	width: 100%;
	position: relative;
}

.table__wrapper .table__container{
	width: 100%;
	table-layout: fixed;
}

.table--common td:first-of-type{
	border-left: 1px solid #DDD;
}

.table--common td:last-of-type{
	border-right: 1px solid #DDD;
}

.table--common tr:last-of-type td{
	border-bottom: 1px solid #DDD;
}

.table--common tr:nth-of-type(2n){
	background: #eff2f2;
}

.table--common tr.deleted td{
	background: #DDD !important;
}

.table--common a.deleted:after{
  content: "販売停止中";
  font-size: 10px;
  text-decoration: none;
  display: inline-block;
  margin: 0 0 0 10px;
  background: #BBB;
  color: #666;
  padding: 1px 8px 2px;
  border-radius: 10px;
  line-height: 1.25;
}

.table--common thead{
}

.table--common th,
.table--common td{
	padding: 0.75rem;
	vertical-align: middle;
	border: none;
	text-align: center;
	line-height: 1.5;
	word-wrap: break-word;
}

.table--common th{
	background: #08898e;
	background: -moz-linear-gradient(top,  rgba(8,137,142,1) 0%, rgba(7,121,124,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(8,137,142,1) 0%,rgba(7,121,124,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,137,142,1) 0%,rgba(7,121,124,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08898e', endColorstr='#07797c',GradientType=0 );
	box-shadow: inset -1px 0 0 rgb(255 255 255 / 10%), inset 1px 0 0 rgb(0 0 0 / 10%);
	border-bottom: 1px solid #08898e;
	color: #fff;
	font-family: Arial,Sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px !important;
	position: relative;
}


.table--common th:nth-of-type(1){
	border-radius: 4px 0 0 0;
	box-shadow: inset -1px 0 0 rgb(255 255 255 / 10%);
}

.table--common th:nth-last-of-type(1){
	border-radius: 0 4px 0 0;
	box-shadow: inset 1px 0 0 rgb(0 0 0 / 10%);
}

.table--common td{
	border: 1px solid #ededed;
	padding: 5px 5px;
	font-family: Arial,Sans-serif;
	font-size: 14px;
}

.table--common td .omitted{
	cursor: url(../img/common/open.png), pointer;
	font-family: inherit;
	transition: all .2s;
	border-radius: 3px;
}

.table--common td .omitted.opened{
	cursor: url(../img/common/close.png), pointer;
}

.table--common td .openAnimate{
	animation: omittedChanged .5s linear 2;
}

@keyframes omittedChanged {
  0%,100% {
    background-color: none;
  }

  50% {
    background-color: rgba(234,189,88,45%);
  }
}


.table--common td.tal{
	text-align: left;
  padding: 10px;
}

.table--common td span:not(.highlight){
	font-family: Arial,Sans-serif;
}

.table--common td.td--small-padding{
	padding: 5px;
}



.table__h3{
	background: url(../img/common/colorful_square_small.png) no-repeat left center;
	color: #2b3c5a;
	font-family: 'Noto Sans JP', serif;
	font-size: 24px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: .05em;
	margin: 0 0 10px;
	padding: 0 0 0 35px;
}

.table__p{
	color: #999;
	font-size: 14px;
	margin: 0 0 20px 2.25rem;
}

/**
 * 検索テーブル
 */
.table--search{
	margin: 0 0 20px;
}

.table--search .table__container{
	margin: 0 0 45px;
}

.table--search tr{
	border-bottom: 1px solid #E5E5E5;
}

.table--search th{
	width: 20%;
	font-size: 16px;
	padding: 10px;
	position: relative;
	text-align: left;
	top: 2px;
	vertical-align: top;
}

.table--search td{
	padding: 10px;
	position: relative;
}

.trigger--search-reset{
  width: 300px;
  color: #36F !important;
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 5px auto;
  text-align: center;
  text-decoration: underline;
  user-select: none;
}


.table__button{
	display: inline-block;
	cursor: pointer;
}

/**
 * フォームテーブル
 */
.table--form{
	margin: 0 0 15px;
}

.table--form .table__container{
	margin: 0 0 45px;
}

.table--form tr{
	border-bottom: 1px solid #E5E5E5;
}

.table--form th{
	width: 22%;
	font-size: 16px;
	padding: 15px;
	position: relative;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}

.table--form th .required{
	background: #dc3a4d;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	margin: 0 0 0 10px;
	padding: 3px 5px 4px;
	position: relative;
	top: -2px;
	user-select: none;
}

.table--form th .sub{
	font-size: 12px;
	font-weight: 400;
}

.table--form td{
	padding: 15px;
	position: relative;
	vertical-align: middle;
	line-height: 1.5;
}


.table--option{
	position: relative;
	table-layout: auto !important;
}

.table--option:before{
	content: "\691C\7D22\30AA\30D7\30B7\30E7\30F3";
	font-size: 12px;
	padding: 2px 7px 3px;
	background: #EEE;
	color: #888;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: -17px;
}


label[for = "strictly--0"]{
	margin-right: 10px;
}

label[for = "strictly--0"],
label[for = "strictly--1"]{
	cursor: pointer;
}

label[for = "strictly--0"] input,
label[for = "strictly--1"] input{
	position: relative;
	top: 1px;
}

.table--search td.hasAndtext{
	position: relative;
}

.table--search td.hasAndtext:after{
	content: "\304B\3064";
	display: inline-block;
	text-align: center;
	width: 40px;
	font-size: 12px;
	color: #adadad;
	position: absolute;
	bottom: -6px;
	z-index: 1;
	background: #F9F9F9;
	left: 45px;
}


.table--form .alignment{
	width: calc( 33% - 5px );
	margin: 0 5px 5px 0;
	display: inline-block;
	user-select: none;
}

.table--form .discription {
    font-size: 12px;
    margin: 10px 0 0;
    color: #999;
}

.trigger--history-back{
  width: 300px;
  color: #36F;
  cursor: pointer;
  display: block;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  user-select: none;
}

.trigger--history-back a,
.trigger--history-back span{
	color: #2266bb;
	padding: 10px 0 10px 30px;
  background: url("../img/common/goods_back_arrow.png") no-repeat center left;
  text-decoration: none;
  margin: 5px auto;
  display: inline-block;
}

.trigger--history-back a:hover,
.trigger--history-back span:hover{
	text-decoration: underline;
}

.export-button__wrapper{
	display: flex;
	justify-content: flex-end;
}

.export-button__wrapper form{
	margin: 0 0 0 10px;
}

/**
 * ログイン
 */

.section__login{
	width: 100%;
	min-height: 100vh;
	background: url("../img/login/bg.jpg") no-repeat center center;
	background-size: cover;
  padding: 145px 0 60px;
}

.login__wrapper{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 90px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 35px -15px rgba(0,0,0,.7);
	border-radius: 5px;
}

.login__h2{
	color: #2d3e5c;
	letter-spacing: .1em;
	font-family: 'Noto Serif JP', serif;
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 30px;
	text-align: center;
	letter-spacing: .15em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .4), 0 0 60px rgba(0, 0, 0, .5);
}

.login__h3{
	color: #2d3e5c;
	letter-spacing: .05em;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	font-size: 28px;
	margin: 0 0 1em;
	text-align: center;
}

.form__login{
	background: #f5f8ed;
	border: 2px solid #CCC;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
	margin: 0 0 45px;
	padding: 30px;
}

.form-item__wrapper{
	margin: 0 0 20px;
}

.form-item{
	display: block;
	margin: 0 0 15px;
}

.form-item:nth-last-of-type(1){
	margin: 0 0 5px;
}

.form-item-title{
	margin: 0 10px 0 0;
}

.login__attention-title{
	font-size: 18px;
	font-family: 'Noto Sans JP', serif;
	margin: 0 0 1em;
}

.login__attention-detail-wrapper{
	list-style-type: decimal;
  padding: 0 0 0 18px;
  margin: 0 0 30px;
}

.login__attention-detail{
	margin: 0 0 5px;
}

.login__alert{
  background: #fdd;
  border: 1px solid #ffc0c0;
  border-radius: 5px;
  color: #f93232;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 10px 34px;
}


/**
 * TOP
 */
.latest-login__wrapper{
	margin: 0 auto 60px;
}

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

.latest-login__datetime{
	font-weight: bold;
}

.news__wrapper{
	border: 1px solid #EEE;
	background: #F5F5F5;
	padding: 30px 45px;
	margin: 0 0 45px;
	max-height: 140px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.news__wrapper.empty{
	overflow: auto;
}

.news__item{
	margin: 0 0 1em;
}

.news__item:nth-last-of-type(1){
	margin: 0;
}


.news__item .date{
	width: 95px;
	display: inline-block;
	margin: 0 15px 0 0;
}


.news__item .new{
	background: #db3448;
	border-radius: 2px;
	color: #FFF;
	font-size: 10px;
	font-weight: 400;
	margin: 0 10px 0 0;
	padding: 1px 5px 2px;
	position: relative;
	top: -2px;
	user-select: none;
}

.top-buttons__list{
	display: flex;
	flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.top-buttons--custom .top-buttons__list{
	margin-bottom: 30px;
}

.top-buttons__item{
	flex-basis: calc( 25% - 15px );
	background: #F9F9F9 url("../img/common/kanri_menu_bg.png") no-repeat right bottom;
	border: 1px solid #cfd4bd;
	border-radius: 10px;
	box-shadow: 2px 2px 15px -5px rgba(71, 74, 67, .15);
	padding: 20px 20px 30px;
	position: relative;
	transition: all .2s;
	top: 0;
}

.top-buttons--custom .top-buttons__item{
	flex-basis: calc( 33% - 10px );
}

.top-buttons__list .top-buttons__item:nth-last-of-type(4n){
	margin-right: 0;
}

.top-buttons__item:hover{
/*	top: -7px;*/
	box-shadow: 2px 2px 30px -5px rgba(71, 74, 67, .1);
}


.top-buttons__item > a{
	display: block;
	width: 100%;
  border-radius: 8px;
	color: #333;
	margin: 0 0 25px;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: .025em;
	text-decoration: none;
	transition: all .2s;
	padding: 100px 0 15px;
	user-select: none;
	position: relative;
  background-size: 50px 50px !important;
}

.top-buttons__item > a:before{
	content: "";
	width: 100%;
	height: 1px;
	background: #E9E9E9;
	position: absolute;
	left: 0;
	bottom: -10px;
}

.top-buttons--user .top-buttons__item > a:before{
	content: "";
	display: none;
}

.top-buttons__item.top-button--shops > a:hover{
	background-color: rgba(201, 75, 89, .1);
}

.top-buttons__item.top-button--enquete > a:hover{
	background-color: rgba(198, 116, 174, .1);
}

.top-buttons__item.top-button--knowhow > a:hover{
	background-color: rgba(211, 130, 52, .1);
}

.top-buttons__item.top-button--iso > a:hover{
	background-color: rgba(49, 120, 208, .1);
}

.top-buttons__item.top-button--lottery > a:hover{
	background-color: rgba(61, 150, 80, .1);
}

.top-buttons__item.top-button--goods > a:hover{
	background-color: rgba(229, 173, 45, .1);
}

.top-buttons__item:before{
	content: "";
  width: 90px;
  height: 4px;
  display: block;
  left: calc( 50% - 45px );
  position: absolute;
  top: 0;
}

.top-button--shops:before{
	content: "";
	background: linear-gradient(45deg, #c94b59 40%, #c94b5970);	
}

.top-button--enquete:before{
	content: "";
	background: linear-gradient(45deg, #c674ae 40%, #c674ae70);
}

.top-button--knowhow:before{
	content: "";
	background: linear-gradient(45deg, #d38234 40%, #d3823470);
}

.top-button--iso:before{
	content: "";
	background: linear-gradient(45deg, #417ac0 40%, #417ac070);
}

.top-button--lottery:before{
	content: "";
	background: linear-gradient(45deg, #3d9650 40%, #3d965070);
}

.top-button--goods:before{
	content: "";
	background: linear-gradient(45deg, #e5ad2d 40%, #e5ad2d70);
}

.top-button--shops > a{
	background: url("../img/common/tenpo_icon.png") no-repeat top 20px center;
}

.top-button--enquete > a{
	background: url("../img/common/qs_icon.png") no-repeat top 20px center;
}

.top-button--knowhow > a{
	background: url("../img/common/knowhow_icon.png") no-repeat top 20px center;
}

.top-button--iso > a{
	background: url("../img/common/iso_icon.png") no-repeat top 20px center;
}

.top-button--lottery > a{
	background: url("../img/common/chusen_icon.png") no-repeat top 20px center;
}

.top-button--goods > a{
	background: url("../img/common/goods_icon.png") no-repeat top 20px center;
}

.top-buttons-sub__list .top-buttons-sub__item{
	padding: 0 0 0 20px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 0.25em;
	position: relative;
}


.top-buttons-sub__list .top-buttons-sub__item:nth-last-of-type(1){
	margin: 0;
}

.top-buttons-sub__list .top-buttons-sub__item:before{
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	left: 3px;
	top: calc( 50% - 1px );
	display: block;
	background: #000;
}

.top-buttons-sub__list .top-buttons-sub__item:nth-of-type(5n-4):before{
	background: #da3447;
}
.top-buttons-sub__list .top-buttons-sub__item:nth-of-type(5n-3):before{
	background: #7fca3d;
}
.top-buttons-sub__list .top-buttons-sub__item:nth-of-type(5n-2):before{
	background: #e5ad2d;
}
.top-buttons-sub__list .top-buttons-sub__item:nth-of-type(5n-1):before{
	background: #1ea1c1;
}
.top-buttons-sub__list .top-buttons-sub__item:nth-of-type(5n):before{
	background: #cf68b7;
}

.top-buttons-sub__list .top-buttons-sub__item a{
	color: #494949;
	display: block;
	text-decoration: none;
	user-select: none;
	border-radius: 5px;
	padding: 2px 5px 3px;
	transition: background .2s;
}

.top-buttons-sub__list .top-buttons-sub__item a:hover{
	font-weight: bold;
}

.top-buttons__item.top-button--shops .top-buttons-sub__item a:hover{
	background-color: rgba(201, 75, 89, .1);
}

.top-buttons__item.top-button--enquete .top-buttons-sub__item a:hover{
	background-color: rgba(198, 116, 174, .1);
}

.top-buttons__item.top-button--knowhow .top-buttons-sub__item a:hover{
	background-color: rgba(211, 130, 52, .1);
}

.top-buttons__item.top-button--iso .top-buttons-sub__item a:hover{
	background-color: rgba(49, 120, 208, .1);
}

.top-buttons__item.top-button--lottery .top-buttons-sub__item a:hover{
	background-color: rgba(61, 150, 80, .1);
}

.top-buttons__item.top-button--goods .top-buttons-sub__item a:hover{
	background-color: rgba(229, 173, 45, .1);
}

.top-buttons--user{
	margin: 0 0 10px;
}

.top-buttons--user .top-buttons__item{
	flex-basis: calc( 33.3% - 13px );
	padding: 20px;
}

.top-buttons--user .top-buttons__item > a{
	width: 100%;
	height: 100%;
	border-bottom: none;
	color: #333;
	margin: 0;
	text-align: center;
	font-size: 22px;
	letter-spacing: .025em;
	text-decoration: none;
  padding: 40px 0px 40px 90px;
	text-indent: -6px;
	text-align: center;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-buttons--user .top-button--shops > a{
	background: url("../img/common/tenpo_icon.png") no-repeat center left 10px;
	background-size: auto 90%;
}

.top-buttons--user .top-button--enquete > a{
	background: url("../img/common/qs_icon.png") no-repeat center left 10px;
	background-size: auto 90%;
}

.top-buttons--user .top-button--goods > a{
	background: url("../img/common/goods_icon.png") no-repeat center left 10px;
	background-size: auto 90%;
}

.top-buttons--user-sub .top-buttons__list{
	justify-content: flex-end;
}

.top-buttons--user-sub .top-buttons__item{
	flex-basis: auto;
	padding: 10px;
}

.top-buttons--user-sub .top-buttons__item > a{
	border-bottom: none;
	color: #333;
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .025em;
	text-decoration: none;
	padding: 10px 10px 10px 40px;
	text-indent: -6px;
	text-align: center;
	user-select: none;
	align-items: center;
	justify-content: center;
}

.top-buttons--user-sub .top-buttons__item > a{
	background: url("../img/common/garoon_icon.png") no-repeat center left;
	background-size: 24px 24px;
}

.top-buttons--user-sub .top-buttons__item:hover{
	top: 0;
	background: #e7eaf1;
}

/**
 * 抽選
 */
.table--lottery{
	margin: 0 0 30px;
}

.table--lottery td.prize.prize--1 {
  background-color: #ceb981;
  border: 1px solid #dec87d;
  box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 25%);
}

.table--lottery td.prize.prize--2 {
  background-color: #c1cfd4;
  border: 1px solid #d6dfe3;
  box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 25%);
}

.table--lottery td.prize.prize--3 {
  background-color: #c7b08f;
  border: 1px solid #dcc7ae;
  box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 25%);
}

/**
 * グッズ
 */

.merchandise-thumb{
	max-width: 100%;
}

.merchandise-items__wrapper{
	width: 960px;
	margin: 0 auto;
}

.merchandise-items__container{
	background: #FFF;
	border-radius: 10px;
	padding: 30px;
}

.merchandise-items__container h3{
	background: url(../img/common/colorful_square_small.png) no-repeat left center;
	color: #2b3c5a;
	font-family: 'Noto Sans JP', serif;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}

.merchandise-items__list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 0 30px;
}

.merchandise-items__card{
	width: 260px;
	background: #f4f7ee url(../img/common/goods_list_bg.jpg) no-repeat bottom right;
  margin: 0 60px 60px 0;
  padding-bottom: 45px;
	position: relative;
	transition: all .2s;
	top: 0;
}

.merchandise-items__card:nth-of-type(3n){
  margin: 0 0 60px;
}

.merchandise-items__card:hover{
	box-shadow: 0 6px 15px -7px rgba(0,0,0,.1);
}

.merchandise-items__card a{
	color: #333;
	text-decoration: none;
}

.merchandise-items__card .image__wrapper{
  display: flex;
  background: url(../img/common/goods_img_bg.jpg) no-repeat;
  align-items: center;
  justify-content: center;

}

.merchandise-items__card .image__wrapper img{
	max-width: 100%;
  max-height: 195px;
}

.merchandise-items__card .detail{
	/*background: #f4f7ee url("../img/common/goods_list_bg.jpg") no-repeat bottom right;*/
	padding: 15px;
	display: block;
	position: relative;
}

.merchandise-items__card .detail:before{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 3px;
	top: 3px;
	display: block;
	background: url("../img/common/goods_list_colorful.png") no-repeat;
}

.merchandise-items__card .detail .name{
	color: #11666d;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}

.merchandise-items__card .detail .unit{
	display: none;
}

.merchandise-items__card .detail .price{
	text-align: right;
	font-size: 14px;
}

.merchandise-items__card .detail .price .price-num{
	font-size: 20px;
}

.merchandise-items__card .detail .commission{
  font-size: 10px;
  color: #666;
  text-align: right;
}

.merchandise-items__card .button--add-cart{
	min-width: 100%;
	width: 100%;
	background-color: #339A99;
	color: #FFF;
	text-align: center;
	margin-bottom: 0;
	transition: background .3s;
	font-size: 16px;
	padding: 12px 20px 13px;
	position: absolute;
	bottom: 0;
}

.merchandise-items__card:hover .button--add-cart{
	background-color: #ed7d0f;
}

.section--purchase .button--purchase{
	width: 360px;
}

.section--purchase .button--purchase:before{
	left: 77px;
}

.total-price__wrapper{
	margin: 0 0 15px;
}

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

.total-price-num{
	display: inline-block;
	margin: 0 5px;
  font-family: Arial,Sans-serif;
	font-size: 36px;
	font-weight: bold;
}

.merchandise-detail__wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0;
}

.merchandise-detail__container{
	display: flex;
	margin: 0 0 30px;
}

.merchandise-detail__container .image__wrapper{
	width: 460px;
	margin: 0 75px 0 0;
}

.merchandise-detail__container .image__wrapper img{
	max-width: 100%;
}

.merchandise-detail__container .detail__wrapper{
	width: calc( 100% - 460px - 75px );
}

.merchandise-detail__container .detail__wrapper h3{
	font-size: 24px;
  font-weight: bold;
  color: #333;
	margin: 0 0 15px;
}

.merchandise-detail__container .detail__wrapper .select__title{
	width: 80px;
	font-size: 14px;
	display: inline-block;
}

.merchandise-detail__container .detail__wrapper .nobori-select__wrapper .select__title{
	width: 30px;
}

.merchandise-detail__wrapper .img{
	margin: 0 0 15px;
}

.merchandise-detail__wrapper .description{
	color: #666;
	font-size: 14px;
	margin: 0 0 20px;
  border-bottom: 1px solid #DDD;
  padding: 0px 0 30px;
  box-shadow: 0 1px 0 0 #fff;
}

.merchandise-detail__wrapper .price{
	color: #666;
	margin: 0 0 30px;
}

.merchandise-detail__wrapper .price .price-num{
	color: #333;
	font-size: 24px;
}

.merchandise-detail__wrapper .price .commission{
	font-size: 12px;
}

.table--category{
	margin: 0 0 30px;
}

.table--enquete .new{
	background: #db3448;
	border-radius: 2px;
	color: #FFF;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	margin: 0 0 0 10px;
	padding: 3px 10px 4px;
	position: relative;
	top: -2px;
	user-select: none;
	animation: flash 1s linear 3;
}


@keyframes flash {

  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

}


.attention-link{
	margin: 0 0 10px;
	font-size: 14px;
}

.attention-link a{
	color: #c94b59;
}

.merchandise-attention__container{
	line-height: 1.5;
	margin: 0 0 45px;
}

.merchandise-attention__container h3{
  background: url(../img/common/colorful_square_small.png) no-repeat left center;
  color: #2b3c5a;
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: .05em;
  margin: 0 0 20px;
  padding: 0 0 0 45px;
}

.form__wrapper .error__wrapper{
  max-height: 400px;
  margin: 0 0 30px;
  overflow-y: scroll;
}

.form__wrapper .error__wrapper h3{
	font-size: 18px;
	margin: 0 0 .5em;
  color: #991c1c;
}

.form__wrapper .error__wrapper .error__detail{
  color: #991c1c;
}



.csv-error__table{
	width: 100%;
}

.csv-error__table th,
.csv-error__table td{
	padding: 10px;
}

.csv-error__table th{
	background: #ffb2b2;
	color: #991c1c;
	border: none;
	padding: 20px 30px;
	font-size: 14px;
	text-align: left;
  position: sticky;
  top: 0;
}

.csv-error__table th:before{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
}

.csv-error__table td{
	border: none;
  font-family: Arial,Sans-serif;
	padding: 20px 30px;
	font-size: 14px;
}




/**
 * table--enquetes
 */
.table--enquetes{
  overflow-x: scroll;
  position: relative;
}

.scrollbar__wrapper--enquetes {
  width: 100%;
  background: #e5e5e5;
  overflow-x: scroll;
  overflow-y: hidden;
  position: sticky;
  top: -1px;
  z-index: 1;
  margin-bottom: 2px;
  border-radius: 4px;
}

.scrollbar__wrapper--enquetes .scrollbar {
  width: auto;
  height: 1px;
}

.table--enquetes::-webkit-scrollbar,
.scrollbar__wrapper--enquetes::-webkit-scrollbar {
	height: 10px;
}
 
.table--enquetes::-webkit-scrollbar-thumb,
.scrollbar__wrapper--enquetes::-webkit-scrollbar-thumb {
    background-color: #0a6165;
    border-radius: 4px;
}

.overflow__wrapper{
	position: relative;
}

.overflow__wrapper:before{
	content: "";
	display: none !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00f9f9f9',GradientType=1 ); /* IE6-9 */
	width: 45px;
	height: 100%;
	display: none;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	transition: opacity .2s;
}

.overflow__wrapper:after{
	content: "";
	display: none !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+100&1+0,0+100 */
	background: -moz-linear-gradient(right,  rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left,  rgba(249,249,249,1) 0%,rgba(249,249,249,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00f9f9f9',GradientType=1 ); /* IE6-9 */
	width: 45px;
	height: 100%;
	display: none;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	transition: opacity .2s;
}

.overflow__wrapper.scrollable--left:before{
	opacity: 1;
	display: block;
}

.overflow__wrapper.scrollable--right:after{
	opacity: 1;
	display: block;
}

.overflow__scroll--left{
	width: 30px;
	height: 62px;
	display: none;
	position: absolute;
	background: #08898e url(../img/common/pager_prev.png) no-repeat center center;
	color: #FFF;
	border-radius: 5px 0 0 5px;
	left: -45px;
	top: 0px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.overflow__scroll--right{
	width: 30px;
	height: 62px;
	display: none;
	position: absolute;
	background: #08898e url(../img/common/pager_next.png) no-repeat center center;
	color: #FFF;
	border-radius: 0 5px 5px 0;
	right: -45px;
	top: 0px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.overflow__scroll--left:hover{
	background: #04595c url(../img/common/pager_prev.png) no-repeat center center;
}
.overflow__scroll--right:hover{
	background: #04595c url(../img/common/pager_next.png) no-repeat center center;
}

.overflow__wrapper.scrollable--left .overflow__scroll--left{
  display: flex;
}

.overflow__wrapper.scrollable--right .overflow__scroll--right{
  display: flex;
}


.form--inline{
	display: inline;
}

.error__str{
	text-align: center;
	margin: 0 0 30px;
}


.select__wrapper{
	margin: 0 0 10px;
}

.select__wrapper:last-of-type{
	margin-bottom: 40px;
}

.left__links-wrapper,
.right__links-wrapper{
	margin: 0 0 15px;
}

.left__links-wrapper:after,
.right__links-wrapper:after{
	content: "";
	clear: both;
	display: block;
}

.left__links{
	float: left;
}

.left__links a{
	padding: 0 0 1px 30px;
	background: url("../img/common/goods_back_arrow.png") no-repeat center left 1px;
	text-decoration: none;
}

.right__links{
	float: right;
}

.right__links a{
	padding: 0 30px 1px 0;
	background: url("../img/common/right_link_arrow.jpg") no-repeat center right 1px;
	text-decoration: none;
}

.left__links a:hover,
.right__links a:hover{
	text-decoration: underline;
}


.goods-image__wrapper{
	display: inline-block;
	max-width: 100%;
}

.goods-image__wrapper--small{
	max-width: 25%;
}

.goods-image__wrapper img{
	max-width: 100%;
}

.thumb__wrapper{
	width: 100%;
	max-width: 100%;
}

.thumb__wrapper img{
	max-width: 100%;
}

.size-detail__wrapper,
.nobori-detail__wrapper{
	padding: 15px;
	border: 1px solid #DDD;
	margin: 15px 0 0;
	line-height: 1.5;
}

.size-detail__wrapper p,
.nobori-detail__wrapper p,
.size-detail__wrapper span,
.nobori-detail__wrapper span{
	color: #444;
	margin: 0 10px 0 5px;
	font-size: 14px;
}

.size-detail__wrapper label,
.nobori-detail__wrapper label{
	user-select: none;
}

.deleteItemTrigger{
	color: #c94b59;
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
}

.deleteItemTrigger:hover{
	text-decoration: none;
}

.cart-item__num{
	border: 2px solid #ed7d0f;
	position: absolute;
	right: -10px;
	top: -10px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 24px;
	height: 24px;
	background: #f00;
	border-radius: 12px;
	text-indent: 0px;
	line-height: 20px;
	font-family: Arial,Sans-serif;
}


.nobori-select__wrapper{
	display: flex;
	flex-wrap: wrap;
}

.nobori-select__wrapper .select__wrapper{
	width: 40%;
}

.debug{
	padding: 10px;
	background: #ededed;
}

.debug *{
		font-size: 10px !important;
}

.debug__phase{
	position: relative;
}


/**
 * ダウンロードボタン
 */

button.download{
	border-radius: 5px;
	border: none;
  padding: 5px 15px 6px 40px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

button.download--report{
  background: #e1b653 url("../img/common/download_excel_white.png") no-repeat center left 5px;
  color: #fff;
}

button.download--report:hover{
  background: #bf9a46 url("../img/common/download_excel_white.png") no-repeat center left 5px;
}

button.download--report.pin{
  background: #CCCCCC url("../img/common/download_excel_white.png") no-repeat center left 5px;
  color: #fff;	
}


/**
 * 注文キャンセルリクエストボタン
 */

a.cancel,
button.cancel{
	width: 100%;
	border-radius: 5px;
	border: none;
  display: inline-block;
  padding: 5px 15px 6px 35px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

a.cancel.disabled,
button.cancel.disabled{
	background: #DDD url("../img/common/cancel_shopping_white.png") no-repeat center left 5px !important;
	pointer-events: none;
	cursor: default;
}

a.cancel--shopping,
button.cancel--shopping{
  background: #c94b59 url("../img/common/cancel_shopping_white.png") no-repeat center left 5px;
  color: #fff;
}

a.cancel--shopping:hover,
button.cancel--shopping:hover{
  background: #993843 url("../img/common/cancel_shopping_white.png") no-repeat center left 5px;
}


/**
 * 注文受領ボタン
 */

button.receipt{
	width: 100%;
	border-radius: 5px;
	border: none;
  padding: 5px 15px 6px 30px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

button.receipt--canceling{
  background: #7fca3d  url("../img/common/receipt_canceling_white.png") no-repeat center left 5px;
  color: #fff;
}

button.receipt--canceling:hover{
  background: #65a131 url("../img/common/receipt_canceling_white.png") no-repeat center left 5px;
}


/**
 * 削除ボタン
 */

button.delete{
	width: 100%;
	border-radius: 5px;
	border: none;
  padding: 5px 15px 6px 35px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

button.delete.pin{
	background-color: #DDD;
	cursor: default;
	pointer-events: auto;
}

button.delete.pin:hover{
	background-color: #DDD;
	cursor: default;	
}

button.delete--category{
  background: #c94b59 url("../img/common/delete_white.png") no-repeat center left 5px;
  color: #fff;
}

button.delete--category:hover{
  background: #993843 url("../img/common/delete_white.png") no-repeat center left 5px;
}






.pager__wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
  margin: 10px auto 15px;
}

.pager{
	display: flex;
	justify-content: flex-end;
}

.pager a,
.pager button{
	text-decoration: none;
	padding: 5px;
	background: #fff;
	min-width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	border: none;
	user-select: none;
}

.pager .spacer{
	text-decoration: none;
	padding: 5px;
	width: 15px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #333;
	margin-right: 5px;
}

.pager a.pager--num,
.pager button.pager--num{
	border: 1px solid #EEE;
	font-family: Arial,Sans-serif;
	margin: 0 4px 0 0;
}

.pager a.pager--num:hover,
.pager a.pager--num.current,
.pager button.pager--num:hover,
.pager button.pager--num.current{
	border: 1px solid #d38234;
	background: #d38234;
	color: #FFF;
}

.pager a.pager--num.current,
.pager button.pager--num.current{
	pointer-events: none;
	cursor: default;
}

.pager a.pager--prev,
.pager button.pager--prev{
	background: #08898e url("../img/common/pager_prev.png") no-repeat center center;
	border-radius: 5px 0 0 5px;
	margin: 0 4px 0 0;
  color: #FFF;
  transition: background-position .3s;
}

.pager a.pager--next,
.pager button.pager--next{
	background: #08898e url("../img/common/pager_next.png") no-repeat center center;
  border-radius: 0 5px 5px 0;
  color: #FFF;
  transition: background-position .3s;
}

.pager a.pager--prev.disabled,
.pager button.pager--prev.disabled{
	pointer-events: none;
	background: #DDD url("../img/common/pager_prev.png") no-repeat center center !important;
}


.pager a.pager--next.disabled,
.pager button.pager--next.disabled{
	pointer-events: none;
	background: #DDD url("../img/common/pager_next.png") no-repeat center center !important;
}

.pager a.pager--prev:hover,
.pager button.pager--prev:hover{
	background: #04595c url("../img/common/pager_prev.png") no-repeat center left 7px;
}
.pager a.pager--next:hover,
.pager button.pager--next:hover{
	background: #04595c url("../img/common/pager_next.png") no-repeat center right 7px;
}

.count__wrapper .count{
  font-family: Arial,Sans-serif;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  padding: 0 2px;
}

#preview--1,
#preview--2{
  max-width: 40%;
  margin: 5px 0;
}

td .option__wrapper{
	display: none;
	width: 80%;
	padding: 15px;
	margin-top: 10px;
  background: #ededed;
}

td .option__wrapper h3{
	margin: 0 0 10px;
}

td .option__wrapper p{
	font-size: 14px;
	color: #666;
	padding: 5px;
}

td .option__wrapper.option__wrapper--send-list{
	display: block;
	font-size: 14px;
}


.js-sortable{
	cursor: pointer;
}

.js-sortable.current{
	background: linear-gradient(to bottom, rgb(10,122,126) 0%, rgb(5,122,126) 100%);
	box-shadow: inset 1px 3px 5px rgb(0 0 0 / 40%) !important;
	position: relative;
}


.js-sortable[data-sort-order = "desc"]:before,
.js-sortable[data-sort-order = "asc"]:before{
	content:  "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #ffffff transparent;
	display: block;
	position: absolute;
	right: 5px;
	top: calc( 50% - 5px);
}	

.js-sortable[data-sort-order = "desc"]:after,
.js-sortable[data-sort-order = "asc"]:after{
	content:  "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	display: block;
	position: absolute;
	right: 5px;
	top: calc( 50% + 1px);
}	

.js-sortable.current[data-sort-order = "desc"]:before{
	content:  "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px 4px;
	border-color: transparent transparent #ffffff transparent;
	display: block;
	position: absolute;
	right: 5px;
	top: calc( 50% - 2px);
}	

.js-sortable.current[data-sort-order = "desc"]:after{
	content: "";
	display: none;
}

.js-sortable.current[data-sort-order = "asc"]:before{
	content:  "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	display: block;
	position: absolute;
	right: 5px;
	top: calc( 50% - 2px);
}	

.js-sortable.current[data-sort-order = "asc"]:after{
	content: "";
	display: none;
}



.enqueteCountWrapper{
	color: #666;
	font-size: 12px;
	margin: 0 0 0 15px;
}


.enqueteCountWrapper .enqueteCount{
	color: #333;
  font-size: 16px;
  display: inline-block;
  margin: 0 1px;
}


/**
.debug__phase .debug__phase-label{
	position: absolute;
	left: 10px;
	top: 100px;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	width: 75px;
	padding: 2px 10px;
	z-index: 2;
}

.debug__phase--complete{
	background: #3d9650;
}

.debug__phase--complete:after{
	content: "完了";
}

.debug__phase--development{
	background: #e5ad2d;
}

.debug__phase--development:after{
	content: "裏側制作中";
}

.debug__phase--notstart{
	background: #3f5fa8;
}

.debug__phase--notstart:after{
	content: "画面だけ";
}
**/

.password-form__wrapper,
.password-form__wrapper--raw-enquete{
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.password-form__wrapper.show,
.password-form__wrapper--raw-enquete.show{
	display: block;
}

.password__overlay{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.8);
	cursor: pointer;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
}

.password-form__container,
.password-form__container--raw-enquete{
	width: 380px;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}

.password-form__title{
	font-weight: bold;
	margin: 0 0 10px;
}


.label--new-report{
	font-size: 12px;
	display: inline-block;
	background: #c94b59 url("../img/common/label_arrow.png") no-repeat center right 5px;
	padding: 1px 24px 1px 10px;
	border-radius: 3px;
	color: #FFF;
}

.animate--flash{
  animation: flash 2s linear 3;
}

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

  50% {
    opacity: 0.1;
  }
  
  100% {
    opacity: 1;
  }
}

.enquete__button{
	opacity: .4;
	transition: all .3s;
}


.enquete__button:hover{
	opacity: .8;
}



/** パンくず */
.breadcrumb{
	max-width: 1100px;
	margin: 0 auto 20px;
}

.breadcrumb__item{
  background: url(../img/common/global_sub_menu_arrow.png) no-repeat top 5px right 8px;
  font-size: 12px;
  padding: 0 25px 0 0;
  line-height: 16px;
  color: #777;
  display: inline-block;
}

.breadcrumb .breadcrumb__item:nth-last-child(1){
	background: none;
}

a.breadcrumb__item{
	color: #2266bb;
}



/**
 * 住所取得ボタン
 */
.trigger--get-address {
  font-size: 14px;
  display: inline-block;
  padding: 3px 12px 4px;
  border-radius: 3px;
  background-color: #339A99;
  color: #FFF;
  position: relative;
  top: -2px;
  cursor: pointer;
  margin-left: 10px;
  transition: all .3s;
}

.trigger--get-address:hover{
  background-color: #2a7878;
}

.trigger--get-address.loading{
	background-color: #EEE;
	cursor: default;
}

.trigger-image-delete{
	width: 24px;
	text-align: center;
	position: absolute;
	right: 10%;
	top: 5px;
	cursor: pointer;
}

.trigger-image-delete--movie{
	right: 22%;
}

.trigger-image-delete-edit {
	width: 24px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}

.trigger-image-delete-edit .delete-trash-icon {
	width: 20px;
}

.trigger-image-delete-edit.disnone {
	display: none;
}

/**
 * 検索結果のハイライト
 */
.highlight{
	background: #ffe88a;
  font-family: inherit;
}


.shops-form__new-feature-label{
  background: #e3ad2f;
  color: #FFF;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  padding: .25em .75em;
  user-select: none;
  position: relative;
  top: -0.25em;
  margin-left: 0.5em;
  transform: skewX(-10deg);
}

textarea[name = "original_question_1_text"]{
	height: 100px;
}


#table--enquetes .original_question_1_text{
	margin-bottom: 0.375rem;
	color: #666;
	padding-left: 2em;
	padding-bottom: .5em;
	border-bottom: 1px solid #eaeaea;
}

#table--enquetes .original_question_1_answer{
	padding-left: 2em;
}

#table--enquetes .original_question_1_text:before,
#table--enquetes .original_question_1_answer:before{
	content: "Q";
	background: #666;
	border-radius: 50%;
	color: #FFF;
	width: 1.5em;
	line-height: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	display: inline-block;
	font-weight: bold;
	margin-left: -2em;
	text-align: center;
	font-family: Arial,sans-serif;
}

#table--enquetes .original_question_1_answer:before{
	content: "A";
	background: #333;
	border-radius: 50%;
	color: #FFF;
	width: 1.5em;
	line-height: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	display: inline-block;
	font-weight: bold;
	margin-left: -2em;
	text-align: center;
	font-family: Arial,sans-serif;
}

#table--enquetes .original_question_1_text:empty{
	border-bottom: none;
}

#table--enquetes .original_question_1_text:empty:before,
#table--enquetes .original_question_1_answer:empty:before{
	display: none;
}

.attention--scrollable{
	color: #666;
	font-size: 12px;
	padding: 4px;
	text-align: center;
	border: 1px dotted #DDD;
	margin: 0 0 3px;
}

.attention--scrollable__tips{
	font-size: 10px;
	padding: .125em .375rem;
	margin: 0 5px 0 0;
	background: #6d6d6d;
	color: #FFF;
	border-radius: 3px;
}

.password-modal-wrap{
  color: #333;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  display: none;
}

.password-modal-wrap.show{
  z-index: 9999;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}


.password-modal-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 0;
}


.password-modal-inner{
  width: 94%;
  max-width: 440px;
  position: absolute;
  background: #FFF;
  border-radius: 15px;
  box-shadow: 0 10px 15px -5px rgba(0,0,0,.2);
  z-index: 1;
}

.password-modal-inner-title{
	line-height: 1.5;
	font-size: 1.25rem;
	font-weight: bold;
}

.password-modal-inner-lead{
	line-height: 1.5;
}

.p-4 {
  padding: 1.5rem !important;
}

.d-flex{
	display: flex !important;
}

.align-items-center {
  align-items: center !important;
}

.col-12{
	width: 100% !important;
}

.attention-label{
	border-radius: 20px;
	font-size: 12px;
	padding: 5px 12px;
	background: #c74150;
	color: #FFF;
	display: inline-block;
}

.training-movie-detail__wrapper{
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0 0;
}

.training-movie-detail__wrapper .img{
}

.training-movie-detail__wrapper .description{
	color: #454545;
	font-size: 16px;
	margin: 0 0 30px;
	border-bottom: 1px solid #DDD;
	padding: 0px 0 30px;
	box-shadow: 0 1px 0 0 #fff;
	line-height: 1.75;
	letter-spacing: 0.02em;
}

.training-movie-detail__wrapper .open-date-time {
	color: #666;
	font-size: 15px;
	display: inline-block;
}

.training-movie-detail__wrapper .price{
	color: #666;
	margin: 0 0 30px;
}

.training-movie-detail__wrapper .price .price-num{
	color: #333;
	font-size: 24px;
}

.training-movie-detail__wrapper .price .commission{
	font-size: 12px;
}

.training-movie-detail__container{
	display: flex;
	margin: 0 0 30px;
}

.training-movie-detail__container .image__wrapper{
	width: 460px;
	margin: 0 60px 0 0;
}

.training-movie-detail__container .image__wrapper a{
	display: block;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
}

.training-movie-detail__container .image__wrapper a:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../img/common/training_movie_saisei.png) no-repeat center center;
	opacity: 0.66;
	background-color: #00000000;
	transition: all .3s;
}

.training-movie-detail__container .image__wrapper a:hover:after{
	background-color: #00000060;
	opacity: 1;
}

.training-movie-detail__container .image__wrapper img{
	max-width: 100%;
	border-radius: 10px;
	object-fit: cover;
	transition: all .3s;
}

.training-movie-detail__container .image__wrapper a:hover img{
	transform: scale(1.1);
}

.training-movie-detail__container .detail__wrapper{
	width: calc( 100% - 460px - 60px );
}

.training-movie-detail__container .detail__wrapper h3{
	font-size: 24px;
	font-weight: 400;
	color: #2266BB;
	margin: 0 0 5px;
}

.training-movie-detail__container .detail__wrapper .select__title{
	width: 80px;
	font-size: 14px;
	display: inline-block;
}

.training-movie-detail__container .detail__wrapper .nobori-select__wrapper .select__title{
	width: 30px;
}

.training-movie-detail__title {
	text-decoration: none;
}

.training-movie-detail__title:hover {
	text-decoration: underline;
}

.training-movie-detail__confirm[data-show="0"] {
	display: none;
}

.training-movie-detail__confirm[data-show="1"] {
	display: block;
}

.training-movie-detail__form[data-show="0"] {
	display: none;
}

.training-movie-detail__form[data-show="1"] {
	display: block;
}


.training-movie__tag-wrap{
	position: absolute;
	top: 10px;
	left: 10px;
	user-select: none;
}

.training-movie__tag-wrap.noabs{
	position: static;
	margin-bottom: 5px;
}

.training-movie__tag {
  background: #CCC;
  border-radius: 15px;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  padding: 5px 12px 6px;
  box-shadow: 0px 1px 0 rgba(0, 0, 0, .1);
}

.training-movie__tag--not-open {
	background: #333;
}

.training-movie__tag--future-open {
	background: #666;
}

.training-movie__tag[data-category-id="1"] {
	background-color: #417ac0;
}

.training-movie__tag[data-category-id="2"] {
	background-color: #DE9042;
}

.training-movie__tag[data-category-id="3"] {
	background-color: #c674ae;
}

.training-movie__tag[data-category-id="4"] {
	background-color: #3d9650;
}

.training-movie-detail__container .discription {
	font-size: 13px;
	margin: 10px 0 0;
	color: #666;
}

.button--training-movie{
	background-color: #556677;
}

.button--training-movie:hover{
	background-color: #19849f;
}

.button--training-movie-regist {
	background-color: #E28122;
}

.training-movie-thumb{
	max-width: 100%;
}

.training-movie-items__wrapper{
	width: 960px;
	margin: 0 auto;
}

.training-movie-items__container{
	background: #FFF;
	border-radius: 10px;
	padding: 30px;
}

.training-movie-items__container h3{
	background: url(../img/common/colorful_square_small.png) no-repeat left center;
	color: #2b3c5a;
	font-family: 'Noto Serif JP', serif;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}

.training-movie-items__list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0;
	column-gap: 15px;
	row-gap: 30px;
}

.another-gap .training-movie-items__list{
	column-gap: 20px;
	row-gap: 40px;
}

.training-movie-items__card{
	width: 290px;
	background: #f4f7ee url(../img/common/goods_list_bg.jpg) no-repeat bottom right;
	padding-bottom: 35px;
	position: relative;
	transition: all .2s;
	top: 0;
}

.another-gap .training-movie-items__card{
	width: 286px;
}

.training-movie-items__card:hover{
	box-shadow: 0 6px 15px -7px rgba(0,0,0,.1);
}

.training-movie-items__card a{
	color: #333;
	text-decoration: none;
}

.training-movie-items__card .image__wrapper{
	display: flex;
	background: url(../img/common/goods_img_bg.jpg) no-repeat;
	background-size: cover;
	align-items: center;
	justify-content: center;
}

.training-movie-items__card .image__wrapper img{
	max-width: 100%;
	aspect-ratio: 1.5;
	object-fit: cover;
/*	max-height: 195px;*/
}

.training-movie-items__card .detail{
	background: #f4f7ee url("../img/common/goods_list_bg.jpg") no-repeat bottom right;
	padding: 20px;
	display: block;
	position: relative;
}

.training-movie-items__card .detail:before{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 3px;
	top: 3px;
	display: block;
	background: url("../img/common/goods_list_colorful.png") no-repeat;
}

.training-movie-items__card .detail .name{
	color: #11666d;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0 0 10px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.training-movie-items__card .detail .date{
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	color: #666;
}


.training-movie-items__card .detail .unit{
	display: none;
}

.training-movie-items__card .detail .price{
	text-align: right;
	font-size: 14px;
}

.training-movie-items__card .detail .price .price-num{
	font-size: 20px;
}

.training-movie-items__card .detail .commission{
	font-size: 10px;
	color: #666;
	text-align: right;
}

.training-movie-items__card .button--detail{
	min-width: 100%;
	width: 100%;
	background-color: #339A99;
	color: #FFF;
	text-align: center;
	margin-bottom: 0;
	transition: background .3s;
	font-size: 16px;
	padding: 12px 20px 13px;
	position: absolute;
	bottom: 0;
}

.training-movie-items__card:hover .button--detail{
	background-color: #ed7d0f;
}

#trainingMoviePreview{
  max-width: 40%;
  margin: 5px 0;
}

.training-movie-button-outer--watch {
	width: 320px;
	text-align: center;
}

.button--training-movie-delete[data-show="0"] {
	display: none;
}

/**
 * 会社情報編集ページのヘルプ
 */
.help-content-wrap{
	background: #EEE;
	border: 1px solid #DDD;
	color: #666;
	font-size: 14px; 
}

/**
 * 好取組事例
 */
.article-category-buttons__list{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
}

.article-category-buttons--custom .article-category-buttons__list{
    margin-bottom: 30px;
}

.article-category-buttons__item{
    flex-basis: calc( 25% - 15px );
    background: #F9F9F9 url("../img/common/kanri_menu_bg.png") no-repeat right bottom;
    background-size: 66%;
    border: 1px solid #cfd4bd;
    border-radius: 10px;
    box-shadow: 2px 2px 15px -5px rgba(71, 74, 67, .15);
    padding: 20px;
    position: relative;
    transition: all .2s;
    top: 0;
    cursor: pointer;
}

.article-category-buttons--custom .article-category-buttons__item{
    flex-basis: calc( 33% - 10px );
}

.article-category-buttons__list .article-category-buttons__item:nth-last-of-type(4n){
    margin-right: 0;
}

.article-category-buttons__item:hover{
    top: 0px;
    box-shadow: 2px 2px 30px -5px rgba(71, 74, 67, .1);
}


.article-category-buttons__item > a{
    display: block;
    width: 100%;
		border-radius: 8px;
    color: #333;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .025em;
    text-decoration: none;
    transition: all .2s;
    padding: 100px 0 15px;
    user-select: none;
    position: relative;
    background-size: 50px 50px !important;
}

.article-category-buttons--user .article-category-buttons__item > a:before{
    content: "";
    display: none;
}

.article-category-buttons__item.article-category-button--shops > a:hover{
    background-color: rgba(201, 75, 89, .1);
}

.article-category-buttons__item.article-category-button--enquete > a:hover{
    background-color: rgba(198, 116, 174, .1);
}

.article-category-buttons__item.article-category-button--knowhow > a:hover{
    background-color: rgba(211, 130, 52, .1);
}

.article-category-buttons__item.article-category-button--iso > a:hover{
    background-color: rgba(49, 120, 208, .1);
}

.article-category-buttons__item.article-category-button--lottery > a:hover{
    background-color: rgba(61, 150, 80, .1);
}

.article-category-buttons__item.article-category-button--goods > a:hover{
    background-color: rgba(229, 173, 45, .1);
}

.article-category-buttons__item:before{
  content: "";
  width: 90px;
  height: 0px;
  display: block;
  left: calc( 50% - 45px );
  position: absolute;
  top: 0;
}

.article-category-buttons__item.article-category-button--shops > a:hover{
    background-color: linear-gradient(45deg, rgba(201, 75, 89, .1) 40%, rgba(201, 75, 89, .43) );
}

.article-category-button--revenue_growth:before,
.article-category-button--talent_development:before{
    content: "";
    background: linear-gradient(45deg, #c94b59 40%, #c94b5970);	
}

.article-category-button--customer_satisfaction:before,
.article-category-button--regulatory_compliance:before{
    content: "";
    background: linear-gradient(45deg, #c674ae 40%, #c94b5970);	
}

.article-category-button--operational_efficiency:before,
.article-category-button--others:before{
    content: "";
    background: linear-gradient(45deg, #d38234 40%, #d3823470);	
}

.article-category-button--customer_acquisition:before{
    content: "";
    background: linear-gradient(45deg, #417ac0 40%, #417ac070);	
}

.article-category-button--sustainability:before{
    content: "";
    background: linear-gradient(45deg, #3d9650 40%, #3d965070);	
}

.article-category-button--workplace_improvement:before{
    content: "";
    background: linear-gradient(45deg, #e5ad2d 40%, #e5ad2d70);	
}

.article-category-button--featured_products:before{
    content: "";
    background: linear-gradient(45deg, #926b55 40%, #926b5570);	
}

.article-category-button--featured_tools:before{
    content: "";
    background: linear-gradient(45deg, #42b0cb 40%, #42b0cb70);	
}


.article-category-button--revenue_growth > a{
    background: url("../img/common/article_revenue_growth.png") no-repeat top 20px center;
}

.article-category-button--customer_satisfaction > a{
    background: url("../img/common/article_customer_satisfaction.png") no-repeat top 20px center;
}

.article-category-button--operational_efficiency > a{
    background: url("../img/common/article_operational_efficiency.png") no-repeat top 20px center;
}

.article-category-button--customer_acquisition > a{
    background: url("../img/common/article_customer_acquisition.png") no-repeat top 20px center;
}

.article-category-button--sustainability > a{
    background: url("../img/common/article_sustainability.png") no-repeat top 20px center;
}

.article-category-button--workplace_improvement > a{
    background: url("../img/common/article_workplace_improvement.png") no-repeat top 20px center;
}

.article-category-button--featured_products > a{
    background: url("../img/common/article_featured_products.png") no-repeat top 20px center;
}

.article-category-button--featured_tools > a{
    background: url("../img/common/article_featured_tools.png") no-repeat top 20px center;
}

.article-category-button--talent_development > a{
    background: url("../img/common/article_talent_development.png") no-repeat top 20px center;
}

.article-category-button--regulatory_compliance > a{
    background: url("../img/common/article_regulatory_compliance.png") no-repeat top 20px center;
}

.article-category-button--others > a{
    background: url("../img/common/article_others.png") no-repeat top 20px center;
}

.article-category-button--revenue_growth:hover > a,
.article-category-button--talent_development:hover > a{
    background-color: #c94b5920;
}

.article-category-button--customer_satisfaction:hover > a,
.article-category-button--regulatory_compliance:hover > a{
    background-color: #c674ae20;
}

.article-category-button--operational_efficiency:hover > a,
.article-category-button--others:hover > a{
    background-color: #d3823420;
}

.article-category-button--customer_acquisition:hover > a{
    background-color: #417ac020;
}

.article-category-button--sustainability:hover > a{
    background-color: #3d965020;
}

.article-category-button--workplace_improvement:hover > a{
    background-color: #e5ad2d20;
}

.article-category-button--featured_products:hover > a{
    background-color: #926b5520;
}

.article-category-button--featured_tools:hover > a{
    background-color: #42b0cb20;
}



/** ブログ形式フォームツールバー */
#blog_syde-wysiwyg_toolbar{
    padding: .5rem 1rem;
    background: #EEE;
    border-radius: 5px 5px 0 0;
    border: 1px solid #CCC;
    border-bottom: none;
    position: sticky;
    top: 0;
}

#syde-wysiwyg-toolbar__items{
    display: flex;
}

#syde-wysiwyg-toolbar__items .syde_toolbar_button{
    padding: 0.25rem;
    cursor: pointer;
    user-select: none;
    width: 32px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .25rem;
    transition: all .3s;
    border-radius: 3px;
}

#syde-wysiwyg-toolbar__items .syde_toolbar_button:hover{
		background: #ddd;
}

#syde-wysiwyg-toolbar__items .syde_toolbar_button img{
    max-width: 100%;
}

.syde-wysiwyg-body{
    border-top: none;
    border-radius: 0 0 5px 5px;
    border: 1px solid #CCC;
    padding: 1rem;
}

#blog_edit_container{
    height: 500px;
}

#blog_edit_frame {
    width: 100%;
    height: 100%;
    display: block;
    border-top: none;
    border-radius: 0 0 5px 5px;
    border: 1px solid #CCC;
    padding: 0.5rem;
}

.toolbar_sub_menu{
		padding: 5px;
		line-height: 1;
}

#toolbar_submenu_color .submenu_button{
		display: inline-block;
		font-size: 24px;
		cursor: pointer;
		user-select: none;
}

#toolbar_submenu_size .submenu_button{
	padding: 2px;
	transition: all .3s;
}

#toolbar_submenu_size .submenu_button:hover{
	background: #ddd;
	border-radius: 3px;
}

#blog_text_area{
		margin: 0;
}

#picture_area{
	position: relative;
}

#blog_syde-wysiwyg_toolbar #link_submit,
#blog_syde-wysiwyg_toolbar #picture_submit{
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 18px;
  background: #FD4C4C;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  transition: all .3s;
}

#blog_syde-wysiwyg_toolbar #link_submit:hover,
#blog_syde-wysiwyg_toolbar #picture_submit:hover{
	background: #be3333;	
}

.close_edit_panel{
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size: 14px;
	text-decoration: underline;
}

.close_edit_panel:hover{
	text-decoration: none;
}

#picture_input{
  border: 1px solid #CCC;
  background: #F5F5F5;
  width: 100%;
  border-radius: 5px;
}


/**
 * 好取組事例一覧
 */
.article__item{
	width: 960px;
	display: flex;
	column-gap: 20px;
	padding: 30px;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #FCFCFC;
	box-shadow: inset 1px 1px rgba(255, 255, 255, .95), inset -1px -1px rgba(0, 0, 0, .04), 1px 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.article__tag{
  background: #CCC;
  border-radius: 15px;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  padding: 5px 12px 6px;
  box-shadow: 0px 1px 0 rgba(0, 0, 0, .1);
}

.article__tag--not-open{
		background: #333;
}

.article__tag--future-open{
		background: #666;
}

.article__tag--revenue_growth,
.article__tag--talent_development{
    background: #c94b59;
}

.article__tag--customer_satisfaction,
.article__tag--regulatory_compliance{
    background: #c674ae;
}

.article__tag--operational_efficiency,
.article__tag--others{
    background: #d38234;
}

.article__tag--customer_acquisition{
    background: #417ac0;
}

.article__tag--sustainability{
    background: #3d9650;
}

.article__tag--workplace_improvement{
    background: #e5ad2d;
}

.article__tag--featured_products{
    background: #926b55;
}

.article__tag--featured_tools{
    background: #42b0cb;
}

.article__image-wrap{
	width: 280px;
}

.article__image-wrap a{
	overflow: hidden;
	display: block;
	border-radius: 10px;
}

.article__image-wrap a:hover{
	object-fit: cover;
}

.article__image-wrap img{
	width: 280px;
	border-radius: 5px;
	aspect-ratio: 1.5;
	object-fit: cover;
	transition: all .3s;
}

.article__image-wrap a:hover img{
  transform: scale(1.15);
}

.article__detail{
	width: calc( 960px - 280px - 80px);
	position: relative;
}

.article__open-date-wrap{
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 6px;
}

.article__open-date{
	font-size: 14px;
	color: #999;
	user-select: none;
}

.article__title-wrap{
	font-size: 24px;
	line-height: 1.5;
	color: #2266BB;
}

.article__title{
	text-decoration: none;
}

.article__title:hover{
	text-decoration: underline;
}

.article__body{
	font-size: 18px;
	line-height: 1.5;
	color: #555;
}


/**
 * 記事詳細
 */
.article-item__wrap{
	border-radius: 20px;
	padding: 45px;
	background: #FCFCFC;
	box-shadow: inset 1px 1px rgba(255, 255, 255, .95), inset -1px -1px rgba(0, 0, 0, .04), 1px 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

.article-item__title{
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
}

.article-item__body{
	color: #333;
	letter-spacing: .03em;
	line-height: 1.75;
	word-break: break-word;
	overflow-wrap: break-word;
}

.article-item__body img{
	max-width: 100%;
}

.article-item__open-date{
	padding-top: 15px;
	border-top: 1px solid #EEE;
	font-size: 14px;
	color: #999;
}


.monthly-activities__shop-name{
	font-size: 20px;
	font-family: 'Noto Sans JP', serif;
	margin-bottom: 45px;
}

.monthly-activities__month-str{
	color: #777;
}

.monthly-activities__fiscal-block{
	margin-bottom: 45px;
}

.monthly-activities__fiscal-block h3{
	color: #2b3c5a;
	font-family: 'Noto Sans JP', serif;
	line-height: 1.5;
	margin: 0 0 .75rem;
	font-size: 22px;
	font-weight: 400;
	padding: 0 0 0 30px;
	letter-spacing: .1em;
	background: url(../img/common/colorful_square_small.png) no-repeat left top 8px;
	cursor: pointer;
	user-select: none;
	position: relative;
}

.monthly-activities__fiscal-block h3:after {
  content: "";
  background: url(../../img/global_menu_hover_arrow.png) no-repeat center center;
  width: 20px;
  height: 16px;
  right: 3px;
  top: 3px;
  display: inline-block;
  cursor: pointer;
  transition: transform .3s;
  position: relative;
}

.show.monthly-activities__fiscal-block h3:after{
	transform: rotate(180deg);
}

.monthly-activities__fiscal-wrap .sum-wrap{
	font-size: 14px;
	letter-spacing: 0;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -2px;
	opacity: .8;
}

.monthly-activities__fiscal-wrap .sum-wrap .sum-wrap-title{
    font-size: 12px;
    background: #dedede;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 2px;
    position: relative;
    top: -1px;
 }

.monthly-activities__fiscal-wrap .sum-wrap .sum-wrap-item{
	margin-right: 3px;
	margin-left: 3px;
}

.monthly-activities__fiscal-wrap .sum-wrap .sum-wrap-num{
	padding: 0 0 0 .4em;
	text-align: right;
	display: inline-block;
}

.monthly-activities__month-list{
	display: none;
	flex-wrap: wrap;
	column-gap:20px;
	row-gap: 15px;
	padding-left: 30px;
	margin-bottom: 60px;
}

.show .monthly-activities__month-list{
	display: flex;
}

.monthly-activities__month-item{
  width: calc(20% - 18px);
  line-height: 1.5;
}

.monthly-activities__month-item.not-reported{
	color: #C00;
}

.monthly-activities__month-item.not-reported a{
	font-weight: bold;
	color: #C00;
}

.monthly-activities__month-item .month{
  display: inline-block;
  width: 2.2em;
  text-align: right;
  margin-right: .5rem;
}

.table--monthly-activities{
	width: 50%;
	margin-right: 30px;
}

.table--monthly-activities .sum-tr{
	font-weight: bold;
}

.table--monthly-activities .sum-tr td{
	padding: 7px 5px 6px;
	font-size: 16px;
}

.table--monthly-activities .sum-tr.top td{
	border-bottom: 2px solid #cacaca;
}

.table--monthly-activities .sum-tr.bottom td{
	border-top: 2px solid #cacaca;
}

.monthly-activities__graph-wrap{
	width: calc( 50% - 30px );
}

.monthly-activities__graph-wrap {
	height: 400px;
}




/**
 * ブラッシュアップ
 */
/*ブラッシュアップ用の記述*/

.global-menu__item > a{
	font-weight: 400;	
}

.global-menu__item.global-menu__item--shops:after{
	background: linear-gradient(45deg, #c94b59 40%, #c94b5970);	
}
.global-menu__item.global-menu__item--enquete:after{
	background: linear-gradient(45deg, #c674ae 40%, #c674ae70);
}
.global-menu__item.global-menu__item--knowhow:after{
	background: linear-gradient(45deg, #d38234 40%, #d3823470);
}
.global-menu__item.global-menu__item--iso:after{
	background: linear-gradient(45deg, #417ac0 40%, #417ac070);
}
.global-menu__item.global-menu__item--lottery:after{
	background: linear-gradient(45deg, #3d9650 40%, #3d965070);
}
.global-menu__item.global-menu__item--goods:after{
	background: linear-gradient(45deg, #e5ad2d 40%, #e5ad2d70);
}

.global-sub-menu__container{
	border-radius: 0 0 5px 5px;
	padding: 20px;
}

.global-sub-menu__item > a{
	font-weight: 400;
}

.drawer-menu__item > a{
	font-weight: 400;
}

.header__hamburger{
  box-shadow: inset -1px -1px 2px #862a34, inset -1px -1px 1px rgba(255,255,255,.5);
  font-weight: 400;
}

.section--common{
	background: url(../img/common/hum_menu_bottom.png) no-repeat right calc(50% - 720px) bottom 30px, url(../img/common/kanri_bg_cover.png) no-repeat right bottom, url(../img/common/bg_line_l.png) no-repeat left calc(50% - 720px) top, url(../img/common/bg_line_r.png) no-repeat right calc(50% - 720px) top, #e8efdf;
}

.section__container{
	border-radius: 5px;
}

.breadcrumb__item{
	font-size: 14px;
}

.breadcrumb__item{
	font-size: 14px;
}

.merchandise-detail__wrapper .description{
	font-size: 16px;
}

.trigger--history-back{
	font-size: 16px;
}

.admin__h2{
	font-weight: 400;
	margin: 0 0 1.25em;
	letter-spacing: .15em;
	text-shadow: 1px 1px 0 rgba(255,255,255,.4),0 0 60px rgba(0,0,0,.5);
}

.admin__h2:after{
  background: url(../img/common/colorful_bar.png) no-repeat center left;
  height: 8px;
  bottom: -18px;
}

.merchandise-items__container h3{
	font-size: 22px;
	font-weight: 400;
	padding: 0 0 0 30px;
	letter-spacing: .1em;
	background: url(../img/common/colorful_square_small.png) no-repeat left top 8px;
}

.merchandise-detail__container .detail__wrapper h3{
	margin-bottom: 1em;
	font-weight: 400;
}

.merchandise-items__list{
	border-bottom: 1px solid #DDD;
	box-shadow: 0 1px 0 0 #fff;
	margin: 0 0 45px;
}

.merchandise-items__list:last-of-type{
	border-bottom: none;
	box-shadow: none;
	margin-bottom: 0;
}

.merchandise-items__container{
	background: #FCFCFC;
	box-shadow: inset 1px 1px rgba(255, 255, 255, .95), inset -1px -1px rgba(0, 0, 0, .04), 1px 1px 2px rgba(0,0,0,0.05);
	padding: 20px 45px;
	border-radius: 5px;
}

.merchandise-items__card{
	margin: 0 45px 60px 0;
}

.merchandise-items__card .detail .name{
	font-weight: 400;
}

.merchandise-detail__wrapper{
	padding: 45px 0 0;
}

.table--search th{
	color: #333;
	font-weight: 400;
}

.table--search td{
	color: #666;
}

.table--common th{
	font-weight: 400;
}

.table--common td{
	color: #333;
}

.trigger--search-reset{
	font-size: 14px;
}

.merchandise-items__card a{
	transition: all .3s;
}

.merchandise-items__card a:hover{
	opacity: .8;
}


.shadow-box{
	border: 1px solid #D9D9D9;
	background: #FFF;
	line-height: 1.5;
	padding: 30px;
}

/**
 * 
 */

.membership-news__content-wrap{
	position: relative;
}

.membership-news__h3{
	color: #2D3E5C;
	font-family: 'Noto Sans JP', serif;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 1rem;
	letter-spacing: .05rem;
}

.membership-news__h3-open-date{
	font-size: 14px;
	color: #777;
	letter-spacing: 0;
	display: inline-block;
	margin-left: .5rem;
}

.membership-news__h4{
	font-size: 1rem;
	font-family: 'Noto Sans JP', serif;
	margin-bottom: .5rem;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
}

.membership-news__topics{
	line-height: 1.75;
	color: #555;
	margin-bottom: 1rem;
	padding: 1rem 1.5rem;
	background: #ffffff;
	background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, .02) 0px, rgba(0, 0, 0, .04) 2px, rgba(0, 0, 0, 0.08) 4px);
}

.membership-news--flex-wrap{
	display: flex;
	column-gap: 20px;
}

.membership-news--flex-wrap .left-wrap{
	width: calc( 66% - 20px );
}

.membership-news--thumb-wrap{
	width: 34%;
}

.membership-news--thumb-wrap img{
	max-width: 100%;
	display: block;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);
}

.membership-news--thumb{
	position: relative;
	max-height: 540px;
	overflow: hidden;
}

.eco_onepoint .membership-news--thumb{
	max-height: 400px;	
}

.eco_onepoint .membership-news--thumb:after{
	content: "";
	background-image: linear-gradient( 180deg, #FFFFFF00 0%, #FFFFFF 66% );
	display: block;
	width: 100%;
	height: 230px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.eco_onepoint .membership-news--thumb:after{
	height: 100px;
}

.membership-news--absolute-thumb-wrap{
	position: absolute;
	top: 30px;
	left: 390px;
}

.membership-news--absolute-thumb img {
    max-width: 86px;
}

.eco_onepoint .membership-news--absolute-thumb img {
    max-width: 160px;
}

.membership-news__download-count-wrap{
	border-top: 1px solid #EEE;
	color: #2D3E5C;
	display: flex;
	align-items: center;
  padding: 1rem 0 0;
}

.membership-news__download-count{
	font-weight: bold;
}

.membership-news__download-date-str{
	font-size: 12px;
	color: #777;
}

.membership-news__download-not-shop-wrap {
	position: relative;
}

.membership-news__download-not-shops{
	display: none;
	width: 320px;
	padding: 20px;
	font-size: 14px;
	max-height: 320px;
	position: absolute;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0 10px 15px -10px rgba(0,0,0,.15);
	transform: translate( 0px, 10px );
	overflow-y: scroll;
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE, Edge(旧) */
  z-index: 1;
}

.membership-news__download-not-shops::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}

.membership-news__download-not-shops p{
	margin-bottom: 5px;
}

/**
 * バックナンバー要素（加盟店ニュース、エコワンポイント共用）
 */

.backnumber__content-block{
	margin-bottom: 45px;
}

.backnumber__content-title{
	color: #2D3E5C;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .1em;	
	margin-bottom: 1rem;
}

.backnumber__h3{
	background: url(../img/common/colorful_square_small.png) no-repeat left top 6px;
	color: #2D3E5C;
	font-family: 'Noto Sans JP', serif;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .1em;
	padding: 0 0 0 30px;
	margin-bottom: .5rem;
	cursor: pointer;
	user-select: none;
}

.backnumber__h3:after {
  content: "";
  background: url(../../img/global_menu_hover_arrow.png) no-repeat center center;
  width: 20px;
  height: 16px;
	right: 0px;
	top: 1px;
  display: inline-block;
  cursor: pointer;
  transition: transform .3s;
  position: relative;
}

.show .backnumber__h3:after{
    transform: rotate(180deg);
}

.backnumber__list-wrap{
	display: none;
	line-height: 1.75;
	margin-left: 30px;
}

.show .backnumber__list-wrap{
	display: block;
}

.backnumber__list-wrap .backnumber__item{
	margin-right: 0.875rem;
	display: inline-block;
}

.backnumber__list-wrap .backnumber__item.current{
	pointer-events: none;
	color: #666;
	text-decoration: none;
}

.backnumber__list-wrap .backnumber__item.no-open:after{
	content: "非公開";
  background: #AAA;
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  padding: 0px 5px 1px 4px;
  text-align: center;
  position: relative;
  top: -2px;
}

.is-future .js-confirm-value--open-date{
	font-weight: bold;
	color: #C00;
}

.is-future .discription{
	display: block !important;
}

.uploaded-file-wrap{
	display: none;
}

.uploaded-file-wrap.dblock{
	display: block;
}

.uploaded-file-delete-trigger{
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.registered-attention{
	font-size: 0.875rem;
	display: none;
}

.registered-attention.dblock{
	display: block;
}

@media screen and (max-width:480px) {

	body {
    width: 100%;
    min-width: auto;
	}

	.w-960{
		width: 100%;
	}

	.pc_none{
		display: block;
	}

	br.pc_none{
		display: inline;
	}

	.sp_none{
		display: none;
	}

	br.sp_none,
	span.sp_none{
		display: none;
	}

	.button{
		min-width: 100%;
		font-size: 16px;
	}

	.shadow-box{

		padding: 20px;

	}

	.sp-no-flex{
		display: block !important;
	}

	.left__links a{
		padding: 2px 0 5px 30px;
		font-size: 14px;
	}

	.right__links a{
		padding: 2px 30px 5px 0;
		font-size: 14px;
	}

	.breadcrumb{
		padding: 0 10px;
	}

	.admin__lead{
		margin: 0 auto 2em;
	}

	.header__wrapper{
		height: 57px;
		background: #FFF;
		position: fixed;
	}

	.header__container {
	    width: 100%;
	    height: 100%;
	    justify-content: space-between;
	    padding: 0 0 0 5%;
	}

	.header__logo {
	   width: 50%;
	}

	.header__logo img{
		height: 30px
	}

	.header__logo a{
		position: static;
	}

	.header__nav{
		display: none
	}

	.global-menu__container{
		display: none;
	}

	.trigger--history-back a,
	.trigger--history-back span{
		font-size: 14px;
	}


	.admin__h2{
		margin: 0 0 2em;
	}

	.admin__h2:after {
    content: "";
    width: 198px;
		height: 13px;
		display: block;
		position: absolute;
		bottom: -20px;
		left: calc(50% - 99px);
    background: url(../img/common/colorful_bar.png) no-repeat center center;
	}

	.header__hamburger {
    width: 60px;
    height: 62px;
    border-radius: 0 0 6px 6px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 35px 10px 7px;
    position: relative;
    text-decoration: none;
    text-align: center;
    user-select: none;
	}

	.drawer-nav__wrapper .header__hamburger {
    width: 60px;
    height: 62px;
    background: none;
    user-select: none;
    padding: 38px 7px 6px;
  }

	.header__hamburger span:nth-of-type(1){
		width: 30px;
    height: 4px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 16px;
	}

	.drawer-nav__wrapper .header__hamburger span:nth-of-type(1){
		width: 35px;
		height: 4px;
		display: inline-block;
		position: absolute;
		right: 12px;
		top: 22px;
		transform: rotateZ(45deg);
	}

	.header__hamburger span:nth-of-type(1):before{
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		position: absolute;
		left: -10px;
		top: 0;
	}

	.header__hamburger span:nth-of-type(2){
		width: 30px;
    height: 4px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 28px;
	}

	.drawer-nav__wrapper .header__hamburger span:nth-of-type(2){
		width: 35px;
		height: 4px;
		display: inline-block;
		position: absolute;
		right: 12px;
		top: 22px;
		transform: rotateZ(-45deg);
	}

	.header__hamburger span:nth-of-type(2):before{
		content: "";
		width: 4px;
		height: 4px;
		display: inline-block;
		position: absolute;
		left: -10px;
		top: 0;
	}

	.header__hamburger span:nth-of-type(3){
		letter-spacing: .1em;
		font-size: 12px;
	}

	.drawer-nav__wrapper{
		padding: 60px 0 0;
	}

	.drawer-nav__container{
		height: calc( 100vh - 60px );
    overflow-y: scroll;
	}

	.has--dots-bottom{
		padding-bottom: 30px;
	}

	.footer__wrapper {
	   padding: 45px 5% 15px;
	}

	.footer__container {
	   width: 100%;
	   display: block;
	   padding: 0;
	}

	.footer__box{
		flex-basis: 49%;
		margin-bottom: 30px;
	}

	.footer-menu__item{
		margin: 0 0 10px;
	}

	.footer-sub-menu__item{
		width: 48%;
    margin: 0 2% 15px 0;
	}

	.footer-sub-menu__item:nth-last-of-type(1){
		margin: 0 2% 15px 0;
	}

	.footer-sub-menu__item > a{
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
		display: inline-block;
		line-height: 1.375;
		padding: 0 0 0 20px;
		position: relative;
		transition: opacity .3s;
	}

	.section__login{
		width: 100%;
		min-height: 100vh;
		background: url(../img/login/bg.jpg) no-repeat center center;
		background-size: cover;
		padding: 90px 5% 60px;
	}

	.login__wrapper{
		width: 100%;
		margin: 0 auto;
		padding: 20px 5%;
		background: rgba(255,255,255,.9);
		box-shadow: 0 0 35px -15px rgba(0,0,0,.7);
		border-radius: 5px;
	}

	.login__h2{
		color: #2d3e5c;
		letter-spacing: .1em;
		font-family: 'Noto Serif JP', serif;
		font-size: 24px;
		margin: 0 0 20px;
		text-align: center;
	}

	.login__h3{
		color: #2d3e5c;
		letter-spacing: .05em;
		font-size: 20px;
		margin: 0 0 1em;
		text-align: center;
	}

	.form__login{
		background: #f5f8ed;
		border: 2px solid #CCC;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
		margin: 0 0 20px;
		padding: 20px;
	}

	.form-item-title{
		margin: 0 10px 5px 0;
		display: inline-block
	}

	.login input{
		width: 100%;
	}

	.login__attention-detail{
		font-size: 14px;
	}

	.login .header__container{
		padding: 0;
	}

	.login .header__logo{
		width: 100%;
	}

	.login__alert{
		padding: 10px;
	}

	.section__wrapper,
	.section--common{
		padding: 75px 2% 45px;
	}

	.section--common{
		min-height: auto;
	}

	.section-container,
	.section__container{
		width: 100%;
    padding: 30px 15px;
	}

	.section--sub-green,
	.section--sub-white{
		background-size: 25%;
	}

	.sub--shops .section--sub-top{
    background-size: cover;
    min-height: 60px;
    padding: 10px 0 10px;
	}

	.section--sub-pan{
		padding: 30px 5% 10px;
	}

	h2 .font--larger{
		font-size: 125%;
	}

	.section--common h2{
		font-size: 22px;
		line-height: 1.25;
		letter-spacing: .075em;
		text-align: center;
	}

	.section--common h2 .font--larger{
		font-size: 175%;
	}

	.content__box h2{
		font-size: 32px;
	}

	.admin__h3{
		font-size: 20px;
		padding: 0 0 0 35px;
	}

	.news__wrapper {
    border: 1px solid #EEE;
    background: #F5F5F5;
    padding: 20px;
    font-size: 14px;
    margin: 0 0 45px;
    max-height: 140px;
    overflow-y: scroll;
    overflow-x: hidden;
    line-height: 1.5;
	}

	.news__item{
		display: flex
	}

	.img__wrapper--map .shopSearch{
		background-size: contain;
	}

	.has-colorBar--bottom:after{
		content: "";
		width: 90%;
		height: 5px;
		max-width: 276px;
		bottom: -20px;
		display: block;
		position: absolute;
		left: 5%;
		background: url(../img/colorful_bar.png) repeat left center;
	}

	.section--common h2.has-colorBar--bottom{
		margin: 0 0 2.5em;
	}

	.shopSearch:before{
		content: "";
		display: none;
	}

	.img__wrapper--map{
		width: 100%;
	}

	.content__inner-box{
		width: 100%;
		padding: 30px;
	}

	label span.sub-title{
		margin-bottom: 2px;
	}

	label.send_news{
    margin: 5px 0 10px 0px;
	}

	.table__wrapper.table--common{
		overflow-x: scroll;
	}

	.table--search .table__container{
		margin: 0 0 15px;
	}

	.table--option:before {
    content: "\691C\7D22\30AA\30D7\30B7\30E7\30F3";
    left: 0px;
    top: -25px;
	}

	.table--common th{
	}

	.table--common td{
	}

	.table--form .table__container{
		width: 100%;
	}

	.table--form tr{
		margin: 0 0 20px;
		display: block;
	}

	.table--form th,
	.table--form td{
		width: 100%;
		display: block;
		margin: 0 0 10px;
		padding: 0;
	}

	.table--form td{
		margin: 0 0 20px;
	}

	.table--form input,
	.table--form textarea{
		max-width: 100%;
	}

	.table--form .alignment{
		width: calc( 49% - 10px );
    margin: 0 10px 10px 0;
    display: inline-block;
    user-select: none;
    font-size: 14px;
	}

	.table--form .td--service_menu,
	.table--form .td--service_option{
		display: flex;
		flex-wrap: wrap;
    align-items: flex-start;
	}

	.tr--admin-only{
		background: none;
		border: none;
		border-bottom: 1px solid #E5E5E5;
	}

	.table--search tr{
		padding: 0 0 15px;
		margin: 0 0 15px;
		display: block
	}

	.table--search th,
	.table--search td{
		width: 100%;
		display: block;
		margin: 0 0 15px;
		padding: 0
	}

	.table--search td{
		margin: 0;
	}

	.table--search td.hasAndtext:after{
		bottom: -21px;
		left: 20px;
	}

	.table__h3{
		font-size: 20px;
	}

	select{
		max-width: 100%;
	}

	input.input--company-name{
		max-width: 100%;
	}

	input.input--zip1{
		width: 60px;
	}

	input.input--zip2{
		width: 80px;
	}

	input.input--address-short{
		max-width: 100%;
	}

	input.input--address{
		max-width: 100%;
	}

	input.input--year{
		width: 65px;
	}

	input.input--mail{
		width: 100%;
	}

	input.input--url{
		width: 100%;
	}

	input.input--price{
		width: 120px;
	}

	input.input--short{
		width: 120px;
	}

	input.input--long{
		width: 100%;
	}

	input.input--lottery-num{
		width: 60px;
	}

	input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], select, textarea {
    padding: 6px 10px;
	}

	.trigger--history-back {
    width: 100%;
	}

	.area__wrapper{
		display: none;
	}

	.section--shop .section__container{
		width: 100%;
	}

	.section--shop .content__box h2 .larger{
		font-size: 135%;
	}

	.section--privacy .contact-info__wrapper{
		padding: 20px;
	}

	.shop__main{
		padding: 30px;
		margin: 0 0 60px;
	}

	.shop__main-comment {
    font-size: 16px;
	}

	.shop__main-photo{
		padding: 0;
	}

	.shop__main-photo .img__wrapper{
		border: 5px solid #FFF;
	}

	.shop__main-photo.col--2 .img__wrapper {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 10px
	}

	.shop__detail-table th,
	.shop__detail-table td{
		padding: 20px;
		text-align: left;
		vertical-align: top;
		width: 100%;
		display: block;
	}

	.shop__detail-table th{
		background: #385c5c;
		border-bottom: 1px solid rgba(255,255,255,.2);
		color: #FFF;
		width: 100%;
		font-weight: normal;
	}

	.shop__detail-table tr:nth-of-type(1) th{
		border-radius: 6px 6px 0 0;
	}

	.shop__detail-table tr:nth-last-of-type(1) th{
		border-radius: 0 0 0 0;
	}

	.shop__detail-table td{
		width: 100%;
		background: #fdf9f6;
		color: #555;
	}

	.top-buttons__list {
    column-gap: 10px;
    row-gap: 10px;
	}

	.top-buttons--custom .top-buttons__list{
		margin-bottom: 0;
	}

	.top-buttons__item, .top-buttons--custom .top-buttons__item {
		flex-basis: calc( 50% - 5px );
		background: #F9F9F9 url("../img/common/kanri_menu_bg.png") no-repeat right bottom;
		border: 1px solid #cfd4bd;
		border-radius: 5px;
		box-shadow: 2px 2px 15px -5px rgb(71 74 67 / 15%);
		padding: 15px;
		transition: all .2s;
		top: 0;
	}

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

	.top-buttons__item:hover{
		top: 0;
	}

	.top-buttons__item > a{
		font-size: 16px;
		background-size: 40%;
    padding: 100px 0 15px;
	}

	.top-buttons-sub__list .top-buttons-sub__item a{
		font-size: 12px;
	}

	.service__item{
		flex-basis: calc( (100% - 20px) / 2 );
	}

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

	.top-buttons--user .top-buttons__item{
		flex-basis: 100%;
		margin: 0 0 10px;
	}

	.top-buttons--user .top-buttons__item > a{
    font-size: 20px;
    padding: 30px 0px 30px 60px;
    background-size: 70px;
	}

	#section--header-map{
		height: 90px;
	}

	.overflow__scroll--left{
		display: none !important;
	}

	.overflow__scroll--right{
		display: none !important;
	}

	.pager__wrapper{
    justify-content: space-around;
    flex-wrap: wrap;
	}

	.count__wrapper{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.count__wrapper .count {
    font-size: 18px;
	}

	.table--common .table__container{
		width: 100%;
		table-layout: fixed;
	}

	.table--common.table--shops .table__container{
		width: 560px;		
	}

	.table--common.table--enquetes .table__container,
	.table--common.table--cart .table__container{
		width: 1100px;
	}

	.table--common.table--reports .table__container{
		width: 840px;
	}

	.table--common.table--lottery .table__container{
		width: 1100px;
	}

	.table--common.table--goods .table__container{
		width: 1280px;
	}

	.table--monthly-activity-shops .table__container{
		width: 960px;
	}

	.table--monthly-activity-shops .button--mini{
		width: 130px;
		min-width: auto;
	}

	.pager a.pager--num:hover,
	.pager button.pager--num:hover{
		border: 1px solid #EEE;
    background: #fff;
    color: #333;
	}

	.merchandise-items__wrapper,
	.merchandise-detail__wrapper{
		width: 100%;
		padding: 0;
	}

	.merchandise-items__container h3{
		font-size: 20px;
	}

	.merchandise-items__card{
    width: 100%;
    margin: 0 0 10px;
	}

	.merchandise-detail__container .image__wrapper{
		width: 100%;
		margin: 0 0 10px;
	}

	.merchandise-detail__container .detail__wrapper{
		width: 100%;
		padding: 0;
	}

	.merchandise-detail__container{
		flex-wrap: wrap;
	}

	.merchandise-detail__container .detail__wrapper h3 {
    font-size: 20px;s
	}

	.merchandise-detail__wrapper .description{
    margin: 0 0 15px;
	}

	.merchandise-detail__container .detail__wrapper .select__title{
		margin: 0 0 5px;
	}

	#preview--1,
	#preview--2{
		max-width: 100%;
	}

	.section--purchase{
		padding: 15px 5%;
	}

	.section--purchase .section__container{
		width: 100%;
	}

	.section--purchase .button--purchase{
		width: 100%;
		margin: 0;
	}

	.section--purchase .button--purchase:before {
	  left: 12vw;
	}

	.export-button__wrapper form{
		margin: 0 5px 0;
	}

	.attention--scrollable{
		color: #666;
		font-size: 12px;
		padding: 4px;
		text-align: center;
		border: 1px dotted #DDD;
		margin: 0 0 10px;
	}

	/**
	 * 住所取得ボタン
	 */
	.trigger--get-address {
    font-size: 12px;
  }

  .trigger-image-delete{
		right: 5px;
		top: 5px;
  }

  .enqueteCountWrapper{
		color: #666;
		font-size: 12px;
		margin: 10px 0px 0px 0px;
		display: block;
		text-align: right;
  }

  .scrollbar__wrapper--enquetes {
  	display: none;
  }

	.shops-form__new-feature-label{
	  top: 0;
	}


	/**
	 * 教育訓練動画
	 */
	.training-movie-items__wrapper{
		width: 100%;
	}

	.training-movie-items__container{
		padding: 15px;
	}

	.training-movie-items__card{
		width: 100%;
		margin: 0 0 30px;
	}

	.training-movie-detail__wrapper{
		width: 100%;
		padding: 0 10px;
	}

	.training-movie-detail__container{
		display: block;
	}

	.training-movie-detail__container .image__wrapper{
		width: 100%;
		margin: 0 0 15px;
	}

	.training-movie-detail__container .detail__wrapper{
		width: 100%;
	}

	.training-movie-detail__container .detail__wrapper h3{
		font-size: 22px;
		margin: 0 0 10px;
	}

	.training-movie-detail__wrapper .img{
		margin-bottom: 0;
	}

	.training-movie-button-outer--watch{
		margin: 0 auto;
	}

	/**
	 * 好取組事例
	 */

	.article-category-buttons__list {
		column-gap: 10px;
		row-gap: 10px;
	}

	.article-category-buttons--custom .article-category-buttons__list{
		margin-bottom: 0;
	}

	.article-category-buttons__item, .article-category-buttons--custom .article-category-buttons__item {
		flex-basis: calc( 50% - 5px );
		background: #F9F9F9 url("../img/common/kanri_menu_bg.png") no-repeat right bottom;
		background-size: 66%;
		border: 1px solid #cfd4bd;
		border-radius: 5px;
		box-shadow: 2px 2px 15px -5px rgb(71 74 67 / 15%);
		padding: 15px;
		transition: all .2s;
		top: 0;
	}

	.article-category-buttons__item:nth-of-type(2n){
		margin-right: 0;
	}

	.article-category-buttons__item:hover{
		top: 0;
	}

	.article-category-buttons__item > a{
		font-size: 16px;
		background-size: 40% !important;
		padding: 100px 0 15px;
	}

	.article-item__wrap{
		padding: 1rem;
	}

	.article__item{
		width: 100%;
		display: block;
		padding: 20px;
	}

	.article__detail{
		width: 100%;
	}

	.article__image-wrap{
		width: 100%;
		margin-bottom: 10px;
	}

	.article__image-wrap img {
	  width: 100%;
	}

	.article__title-wrap{
		font-size: 18px;
	}

	.article__body{
		font-size: 14px;
	}

	.article-item__title {
	  font-size: 18px;
	}

	.article-item__body{
		font-size: 16px;
	}

	#blog_syde-wysiwyg_toolbar{
		top: 62px;
	}

	.monthly-activities__fiscal-block h3{
    background: url(../img/common/colorful_square_small.png) no-repeat left top 4px;    
		font-size: 18px;
	}

	.monthly-activities__shop-name{
		font-size: 16px;
	}

	.monthly-activities__month-list{

	}

	.monthly-activities__month-item{
		width: calc(50% - 10px);
		font-size: 14px;
	}

	.monthly-activities__fiscal-wrap .sum-wrap{
		margin-left: 0;
		top: 0;
	}

	.monthly-activities__fiscal-wrap .sum-wrap .sum-wrap-item {
    margin-right: 0px;
    margin-left: 0px;
	}


	/**
	 * 月例活動データ
	 */
	.monthly-activities-flex-wrap{
		display: block !important;
	}
	.monthly-activities__graph-wrap{
		width: 100%;
		position: static;
		margin-bottom: 20px;
	}
	.table--monthly-activities{
		width: 100%;
		margin: 0;
	}

	/**
	 * 加盟店ニュース、エコワンポイント
	 */

	.membership-news__h3{
		font-size: 20px;
    margin-bottom: .75rem;
	}

	.membership-news__download-not-shops{
		width: 100%;
		transform: translate(0px, 5px);
		left: -20px;
	}

	.membership-news__download-count-wrap{
		position: relative;
		display: block;
	}

	.membership-news__download-count-wrap > div{
		margin-bottom: 5px;
	}

	.membership-news__download-date-str{
		text-align: right;
	}

	.membership-news__download-not-shop-wrap{
		margin-top: 10px;
	}

	.backnumber__content-title{
		font-size: 20px;
    margin-bottom: .75rem;
	}

}



/**
 * テスト用装飾
 */
.global-sub-menu__item .add-new:after,
.drawer-sub-menu__item .add-new:after,
.footer-sub-menu__item .add-new:after{
	content: "新";
	background: #c74150;
	border-radius: 10px;
	font-size: 12px;
	padding: 1px;
	display: inline-block;
	color: #FFF;
	text-shadow: none;
	aspect-ratio: 1;
	width: 16px;
	text-align: center;
	margin-left: 3px;
}

.top-buttons-sub__item .add-new:after{
	content: "新";
	background: #c74150;
	border-radius: 10px;
	font-size: 11px;
	padding: 1px;
	display: inline-block;
	color: #FFF;
	text-shadow: none;
	aspect-ratio: 1;
	width: 16px;
	text-align: center;
	margin-left: 1px;	
	position: relative;
	top: -1px;
}

.add-pre,
.global-sub-menu__item .add-pre,
.drawer-sub-menu__item .add-pre,
.footer-sub-menu__item .add-pre,
.top-buttons-sub__item .add-pre{
	pointer-events: none;
}

.global-sub-menu__item .add-pre:after,
.drawer-sub-menu__item .add-pre:after,
.footer-sub-menu__item .add-pre:after{
	content: "未";
	background: #417ac0;
	border-radius: 10px;
	font-size: 12px;
	padding: 1px;
	display: inline-block;
	color: #FFF;
	text-shadow: none;
	aspect-ratio: 1;
	width: 16px;
	text-align: center;
	margin-left: 3px;
}

.top-buttons-sub__item .add-pre:after{
	content: "未";
	background: #417ac0;
	border-radius: 10px;
	font-size: 11px;
	padding: 1px;
	display: inline-block;
	color: #FFF;
	text-shadow: none;
	aspect-ratio: 1;
	width: 16px;
	text-align: center;
	margin-left: 1px;
	position: relative;
	top: -1px;
}