@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	word-break:normal;
	word-wrap:break-word;
}
img.aligncenter{
	margin: 0 auto;
	display: block;
}
@font-face {
  font-family: 'Century Gothic';
  src:url(./GOTHIC.TTF);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Century Gothic';
  src:url(./GOTHICB.TTF);
  font-weight: bold;
  font-style: normal;
}
body{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W6", "メイリオ","Meiryo",Arial, sans-serif;
	/*font-family: "Yu Mincho", "游明朝", "游明朝体", "	Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS Mincho", "ＭＳ 明朝", "	MS PMincho", "ＭＳ Ｐ明朝", "Sawarabi Mincho";*/
/*font-family: 'Roboto', sans-serif;*/
	background-color:#fff;
	color:#333;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 1px;
}
img{
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
}
.clearfix:before,
.clearfix:after{
	display: table;
  	content: " ";
}
.clearfix:after{
	clear: both;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
ul li{
	/*list-style:none;*/
}
h1,h2,h3,h4,h5,h6,p{
	margin:0px;
}

.os-animation{
    opacity: 0;
}  

.os-animation.animated{
    opacity: 1;
}
.fixedcontainer{
	max-width: 1800px;
	width: 80%;
	margin:0 auto;
	padding:0px;
}
.inner{
	max-width: 1080px;
	margin: 0 auto;
	width: 84%;
}
a{
	color: inherit;
}
a:visited,
a:link,
a:hover,
a:active,
a:focus{
	outline:none;
	text-decoration:none;
}
a:hover{
	opacity:0.8;
	transition:opacity 0.5s ease;
}
.videoWrap{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}

.videoWrap video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.red{
	color:#ed1c24;
}
.bkyellow{
	background-color:#fff100;
}
.bold{
	font-weight:bold;
}
.btline{
	text-decoration:underline;	
}
.underline{
	text-decoration:underline;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.visible-sp{
	display:none;
}
.hidden-sp{
	display:block;
}
.visible-xs{
	display:none;
}
.hidden-xs{
	display:block;
}
.visible-500{
	display:none;
}
.hidden-500{
	display:block;
}
.flex{
  display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
}
/*-------------header----------------------*/
.header{
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
}
.header.scroll{
	background-color: #fff;
}
.header.top_header{
	position: fixed;
/*	font-weight: bold;*/
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
/*	color: #fff;*/
/*	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 100%);*/
}

.header_in{
	padding-left: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_links>ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	text-align: center;
}
.header_links>ul>li{
	margin-left: 30px;
	list-style: none;
}
.header_links>ul>li a{
	display: inline-block;
	text-align: center;
	padding: 5px 0;
}
.header_links>ul>li.contact_btn a{
	padding: 28px 10px;
	color: #fff;
	background-color: #073390;
	width: 120px;
}
.header_links>ul li.contact_btn a img{
	margin-bottom: 5px;
}
.header_links>ul>li>ul{
	display: none;
}
.header_links a:hover{
	opacity: 1;
}
.header_links a{
	display: inline-block;
	position: relative;
}
.header_links a:after{
	content: '';
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	height: 1px;
	background-color: #333;
	transition: all 0.5s;
}
.header_links a:hover:after{
	width: 100%;
}
.header_links>ul>li{
	position: relative;
}
.header_links>ul>li:hover ul{
	display: block;
	position: absolute;
	width: 240px;
	text-align: left;
	left: 0;
}
.header_links>ul>li>ul>li{
	list-style: none;	
}
.header_links>ul>li>ul>li>a{
	padding: 10px;
	display: block;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.5);
}
.top_header.header.scroll{
	color: #333;
	background: #fff;
}
.menu-trigger{
	display: none !important;
}
/*-----------        -----------------*/
.fv{
	height: 100vh;
	display: flex;
	position: relative;
}
.fv_left{
	width: 50%;
	height: 100%;
}
.fv_right{
	width: 50%;
	height: 100%;
}
.fv_left div, .fv_right div{
	width: 100%;
	height: 100%;
}
.fv_slider11{
	background-image: url(../img/fv11.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fv_slider21{
	background-image: url(../img/fv21.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fv_slider12{
	background-image: url(https://koyo-clean.com/wp-content/uploads/2024/06/f24.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fv_slider22{
	background-image: url(../img/fv22.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fv_mark{
	position: absolute;
	left: 25%;
	top: 50%;
	margin-top: -236px;
	margin-left: -181px;
	z-index: 1;
}
.fv_ttl{
	position: absolute;
	right: 14%;
	bottom: 8%;
	color: #fff;
	font-size: 28px;
	letter-spacing: 5px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	z-index: 1;
}
.fv_slider{
	height: 250px;
}
.fv_subttl{
	color: #073390;
	font-size: 32px;
	text-align: center;
	margin-bottom: 30px;
}
.fv_txt{
	text-align: center;
}
.top_links{
	display: flex;
}
.top_links>a{
	display: block;
	width: 33.3333%;
	position: relative;
	height: 22vw;	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top_links>a:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #005B97 0%, rgba(255, 255, 255, 0) 60%);
}
.top_link_one{
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}
.top_link_en{
	font-family: Libre Baskerville;
	font-size: 36px;
}
.top_link_jp{

}
.top_link1{
	background-image: url(../img/top-link1.jpg);
}
.top_link2{
	background-image: url(../img/top-link2.jpg);
}
.top_link3{
	background-image: url(../img/top-link3.jpg);
}
/* scrollDown
/*------------------------*/

.p-scrollDown {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    z-index: 5;
    left: -130px;
    bottom: -.5em;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    transform: translate3d(0, 0, 0) rotate(90deg);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.p-scrollDown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Century Gothic';
    letter-spacing: 3px;
    font-weight: normal;
}

.p-scrollDown__iconBar {}

.p-scrollDown__iconBarInner {}

.p-scrollDown__iconBar {
    position: relative;
    display: block;
    overflow: hidden;
    width: 110px;
    height: 1px;
    margin: auto 0 auto 20px;
    background: rgba(255, 255, 255, .3);
}

.p-scrollDown__iconBarInner {
    position: absolute;
    top: 0;
    right: -240px;
    width: 240px;
    height: 1px;
    -webkit-animation: scroll-bar 2s cubic-bezier(.63, .09, .38, .81) infinite;
    animation: scroll-bar 2s cubic-bezier(.63, .09, .38, .81) infinite;
    background-color: #fff;
}


/* -posi */

.p-scrollDown--posi {
    color: #111;
}

.p-scrollDown--posi .p-scrollDown__iconBar {
    background: #dce0e3;
}

.p-scrollDown--posi .p-scrollDown__iconBarInner {
    background-color: #333;
}


/* -po

/* pace-done */

.pace-done .p-scrollDown {}


/* keyframes */

@-webkit-keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media screen and (max-width: 768px) {
    .p-scrollDown {
        /* left: 30px; */
        display: none;
    }
    .p-scrollDown a {}
    .p-scrollDown_iconBar {}
    .p-scrollDown_iconBarInner {}
    .p-scrollDown_iconBar {}
    .p-scrollDown_iconBarInner {}
}
.sec{
	padding: 140px 0;
}
.sec_top{
	padding-top: 140px;
}
.sec_bottom{
	padding-bottom: 140px;
}
.about_in{
	display: flex;
}
.about_content{
	width: 50%;
	padding: 130px 8% 0 11%;
}
.about_img{
	width: 50%;
	position: relative;
}
.about_img1{
	width: 83%;
  margin-left: 17%;
}
.about_img2{
	width: 52%;
	margin-left: 0;
	margin-top: -80px;
}
.title{
	font-weight: bold;
	font-size: 30px;
	color: #073390;
	position: relative;
	margin-bottom: 50px;
}
.title span{
	position: absolute;
	left: -30px;
	font-family: 'Libre Baskerville', serif;
	color: rgba(7, 51, 144, 0.08);
	font-size: 90px;
	font-weight: normal;
	line-height: 1;
	top: -68px;
}
.text-right.title span{
	right: 0;
	left: auto;
}
.title2{
	font-size: 24px;
	margin-bottom: 20px;
}
.title4{
	font-size: 30px;
}
.sec-btn {
	position: relative;
	display: inline-block;
	padding: 2px 24px 2px 25px;
	border: 1px solid #073390;
	color: #073390;
	border-radius: 30px;
/*	font-family: 'Libre Baskerville', serif;*/
/*	font-size: 16px;*/
	line-height: 42px;
	letter-spacing: 0.06em;
	transition: all .4s;
}
.sec-btn:hover {
	border: 1px solid #073390;
	background-color: #073390;
	color: #fff;
}
.sec-btn span {
	position: relative;
	display: inline-block;
	padding-right: 40px;
}
.sec-btn span::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 17px;
	height: 5px;
	margin-top: -4px;
	background: url(../img/sec-btn-arrow-black.svg) 0 0 no-repeat;
	background-size: 17px 5px;
	transition: all .4s;
}
.sec-btn:hover span::after {
	right: -7px;
	background: url(../img/sec-btn-arrow-white.svg) 0 0 no-repeat;
}
.btn_wrap{
	margin-top: 40px;
}
.gray_bottom_back{
	background: #F5F5F5;
	position: relative;
}
.consultant_in{
	display: flex;
}
.reserve_div{
	flex-direction: row-reverse;
}
.gray_bottom_back::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 52%;
  background-color: #fff;
}
.consultant_img{
	width: 50%;
	position: relative;
}
.consultant_img img{
	width: 100%;
}
.consultant_content{
	position: relative;
	width: 50%;
	padding: 13.5% 10.5% 0;
}
#consultant .title span{
	left: -340px;
}
.article_list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
}
.article_list li {
    width: 45.5%;
    margin-bottom: 80px;
    list-style: none;
}
.article_list li:nth-child(odd) {
    margin-right: 9%;
}
.center_btn{
	text-align: center;
}
.article_img{
	position: relative;
}

.article_img::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 65px;
  height: 65px;
  background: url(../img/photo-corner-top-gray_pc.png) 0 0 no-repeat;
  background-size: 65px 65px;
  z-index: 1;
}
.article_img::after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 65px;
    height: 65px;
    background: url(../img/photo-corner-bottom-gray_pc.png) 0 0 no-repeat;
    background-size: 65px 65px;
    z-index: 1;
}
.article_img span{
	display: block;
	position: relative;
	overflow: hidden;
}
.article_img span img{
	width: 100%;
	height: auto;
}
.article_img span img {
    transform: scale3d(1,1,1);
    transition: all .5s;
}
.article_list a:hover .article_img span img {
    transform: scale3d(1.07,1.07,1.07);
}
.article_list_ttl {
    position: relative;
    display: inline-block;
    max-width: 85%;
    min-width: 60%;
    margin: -35px 0 30px;
    padding: 40px 45px 0 0;
    background-color: #fff;
    font-size: 24px;
    letter-spacing: 0.08em;
    line-height: 1.4;
    z-index: 100;
}
#news{
/* 	background: #f5f5f5; */
}
.news_list{
	display: flex;
	flex-wrap: wrap;
}
.news_list li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
	list-style: none;
}
.news_list li:nth-child(3n){
	margin-right: 0;
}
.news_img{
	overflow: hidden;
}
.news_img img{
	width: 100%;
	height: auto;
	transform: scale3d(1,1,1);
	transition: all 0.5s;
}
.news_list li a:hover .news_img img{
	transform: scale3d(1.07,1.07,1.07);
}
.news_date{
	margin: 15px 0 5px;
	font-family: 'Libre Baskerville', serif;
}
.cta-sec {
  display: flex;
  max-width: 1220px;
  padding: 0 40px;
  margin: 0 auto;
}
.cta-btn {
  position: relative;
  display: block;
  width: 47%;
  transition: all .4s;
  color: #073390;
}
.cta-ourfirm-btn{
	margin: 0 6% 0 0;
}
.cta-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: calc(100% - 34px);
    margin-top: 17px;
    background-color: #B2B2B2;
    transition: all .3s;
}
.cta-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: calc(100% - 34px);
    margin-top: 17px;
    background-color: #B2B2B2;
    transition: all .3s;
}
.cta-btn-inner {
    position: relative;
    padding: 90px 0 95px 50px;
}
.cta-btn-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #B2B2B2;
    transition: all .3s;
}
.cta-btn-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #B2B2B2;
    transition: all .3s;
}
.cta-btn .eng {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    font-family: 'Libre Baskerville', serif;
    letter-spacing: 0.01em;
    font-size: 18px;
    line-height: 1.0;
}
.cta-btn .jpn {
	font-weight: bold;
    display: block;
    padding-left: 3px;
    font-size: 24px;
}
.cta-btn-inner p::after {
    content: "";
    position: absolute;
    right: 50px;
    top: 50%;
    width: 52px;
    height: 7px;
    margin-top: -4px;
    background: url(../img/cta-btn-arrow_pc.svg) 0 0 no-repeat;
    background-size: 52px 7px;
    transition: all .3s;
}
.cta-btn:hover::before {
    height: 100%;
    margin-top: 0;
    background-color: #111;
}
.cta-btn:hover::after {
    height: 100%;
    margin-top: 0;
    background-color: #111;
}
.cta-btn:hover .cta-btn-inner::before {
    left: 0;
    width: 100%;
    background-color: #111;
}
.cta-btn:hover .cta-btn-inner::after {
    left: 0;
    width: 100%;
    background-color: #111;
}
.cta-btn:hover .cta-btn-inner p::after {
    right: 40px;
}
.contact_sec{
	background: url(../img/contact-back.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 100px 0;
	text-align: center;
}
.contact_sec_ttl{
	font-size: 35px;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
	margin-bottom: 20px;
}
.contact_btns{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.cta_tel{
	font-family: 'Century Gothic', serif;
	letter-spacing: 2px;
	margin-right: 50px;
}
.cta_tel span{
	font-size: 28px;
	margin-left: 10px;
}
.cta_mail{
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 20px;
	transition: all 0.5s;
	margin-right: 60px;
}
.cta_mail:hover{
	background: #fff;
	color: #073390;
}
.cta_mail2{
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 20px;
	transition: all 0.5s;
}
.cta_mail2:hover{
	background: #fff;
	color: #073390;
}
.footer_in{
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}
.footer{
	background-color: #073390;
	color: #fff;
	font-size: 14px;
	padding: 100px 0;
}
.copyright{
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'Libre Baskerville', serif;
	margin-top: 50px;
}
.footer_right{
	width: calc(100% - 440px);
}
.footer_logo{
	margin-bottom: 30px;
}
.footer_right ul{
	display: flex;
	flex-wrap: wrap;
}
.footer_right ul li{
	list-style: none;
	width: 33.33%;
	margin-bottom: 20px;
}
.slider{
	height: 500px;
}
.sub_fv{
	padding-top: 80px;
}
.sub_fv .inner{
    padding-left: 160px;
    position: relative;
}
.sub_en{
	position: relative;
    font-size: 80px;
    text-align: right;
    line-height: 1;
    font-weight: normal;
    color: #073390;
    font-family: 'Libre Baskerville', serif;
}
.sub_ttl{
	position: absolute;
	left: 30px;
	top: 134px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 20px;
  color: #073390;
}
.breadcrumb{
	font-family: 'Libre Baskerville', serif;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	color: #b3b3b3;
	position: absolute;
	right: -80px;
	top: 134px;
}
.breadcrumb a{
	color: #333;
}
.title3{
	font-size: 32px;
	color: #073390;
	margin-bottom: 50px;
	position: relative;
	border-bottom: 1px solid #063390;
	padding-left: 44px;
	line-height: 1.4;
	padding-bottom: 10px;
}
.title3.auth_ttl{
	font-size: 29px;
}
.title3:before{
	position: absolute;
	content: '';
	width: 35px;
	height: 40px;
	left: 0;
	bottom: 10px;
	background: url(../img/title-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.title3 span{
	font-size: 16px;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
	display: block;
	color: #333;
	letter-spacing: 1px;
}
.flex_divs{
	display: flex;
	justify-content: space-between;
}
.flex_divs>div{
	width: 500px;
}
.mt50{
	margin-top: 50px;
}
.gray_back{
	background-color: #f5f5f5;
}
.reserve{
	flex-direction: row-reverse;
}
.site_link{
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 104px 0;
	text-align: center;
	color: #fff;
	background: url(../img/consultant/img6.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 0.5s;
}
.site_link span{
	display: inline-block;
	padding: 20px 40px;
	background: #073390;
}
.site_link span:hover{
	opacity: 0.9;
}
.inner2{
	max-width: 1000px;
	margin: 0 auto;
	width: 84%;
}
.student_voice{
	display: flex;
	margin-bottom: 80px;
}
.student_voice_img{
	width: 560px;
	height: 310px;
}
.student_voice_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.student_voice_content{
	position: relative;
	width: 440px;
	height: 310px;
	padding: 40px;
	background-color: #073390;
	color: #fff;
}
.student_voice_ttl{
	font-size: 20px;
	line-height: 1.8em;
  max-height: 5.4em;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.student_info{
	position: absolute;
	left: 40px;
	bottom: 40px;
}
.student_name{
	font-size: 24px;
	font-weight: bold;
}
.student_voice_content:after{
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	right: 40px;
	bottom: 40px;
	background: url(../img/voice_arrow.svg) no-repeat;
	background-size: 100%;
	background-position: center;
}
.student_video{
	text-align: center;
	margin-bottom: 80px;
}
.student_video iframe{
	width: 800px;
	height: 420px;
}
.single_ttl{
	font-size: 32px;
	margin-bottom: 50px;
	line-height: 1.4;
}
.thumbnail{
	text-align: center;
	margin-bottom: 50px;
}
.thumbnail img{
	height: auto;
}
.profile{
	padding: 50px;
	background-color: #f5f5f5;
	margin-bottom: 50px;
}
.profile_header{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.profile_img{
	margin-right: 50px;
	max-width: 160px;
}
.profile_name{
	font-size: 30px;
	font-weight: bold;
	color: #073390;
	margin-bottom: 10px;
}
.single_content h2{
	border-left: 5px solid #073390;
	font-size: 24px;
	margin-bottom: 30px;
	padding-left: 15px;
}
.single_content p{
	margin-bottom: 30px;
}
.single_content img{
	height: auto;
}
.faq_one{
	margin-bottom: 30px;
}
.ques{
	padding: 40px 40px 40px 80px;
	position: relative;
	background-color: #f5f5f5;
}
.ques:before{
	content: 'Q';
	font-size: 38px;
	font-family: 'Libre Baskerville', serif;
	color: #073390;	
	position: absolute;
	left: 24px;
	top: 32px;
	line-height: 1;
}
.ques:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 20px;
	top: 43px;
	background: url(../img/plus.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
.ans{
	border-top: 1px solid #fff;
	padding: 40px 40px 40px 80px;
	position: relative;
	background-color: #f5f5f5;
	display: none;
}
.ans:before{
	content: 'A';
	font-size: 38px;
	font-family: 'Libre Baskerville', serif;
	color: #333;	
	position: absolute;
	left: 24px;
	top: 32px;
	line-height: 1;	
}
.ans a{
	text-decoration: underline;
	color: #073390;
}
.open .ques:after{
	background-image: url(../img/minus.svg);
}
.ceo_name{
	text-align: right;
	font-weight: bold;
	margin-top: 15px;
}
.ceo_name span{
	margin-left: 20px;
	font-size: 24px;
}
.ceo_career{
	margin-top: 50px;
	padding: 40px;
	background-color: #f5f5f5;
	display: flex;
	  background-image:  url(https://koyo-clean.com/wp-content/uploads/2024/01/logo_bk2.webp);
	  background-size: cover;
  background-repeat: no-repeat;
  background-position:center center;
}
.ceo_career_ttl{
	width: 100px;
	font-weight: bold;
	font-size: 24px;
}
.ceo_career_div{
	width: calc(100% - 100px);
	line-height: 2;
}
.company table{
	width: 100%;
}
.company tr{
	border-bottom: 1px solid #fff;
}
.company tr:first-child{
	border-top: 1px solid #fff;
}
.company th{
	width: 200px;
	text-align: left;
	padding: 20px 0;
}
.company td{
	padding: 20px 0;
}
.map{
	margin-bottom: 40px;
}
.map iframe{
	width: 100%;
}
.intro_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.intro_list li{
	width: 500px;
	margin-bottom: 50px;
	list-style: none;
}
.intro_list li>div{
	display: block;
	position: relative;
}
.system_icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
}
.intro_img{
/* 	height: 320px; */
}
.intro_img img{
	width: 100%;
	height: auto;
/* 	object-fit: cover; */
}
.intro_list li h2{
	font-size: 24px;
	margin: 10px 0;
}
.intro_btns{
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
}
.intro_btns a{
	width: 48%;
	display: block;
	text-align: center;
	border: 1px solid #073390;
	padding: 10px 0;
	border-radius: 40px;
	color: #073390;
	transition: all 0.5s;
}
.intro_btns a:hover{
	color: #fff;
	background-color: #073390;
}
.intro_btns a.disable{
	cursor: not-allowed;
	background-color: #ccc;
	border: 1px solid #ccc;
}
.intro_btns a.disable:hover{
	color: #073390;
	background-color: #ccc;
}

.contact_form{
 margin-top: 50px;   
}
.contact_form table{
	width: 100%;
}

.contact_form th{
    width: 300px;
    text-align: left;
    vertical-align: top;
    padding: 30px 0;
}
.contact_form td{
	padding: 20px 0;
}
.contact_form td input[type="text"],
.contact_form td input[type="email"],
.contact_form td input[type="tel"],
.contact_form td select{
	height: 60px;
	padding: 10px;
	background-color: #f5f5f5;
	border: none;
	outline: none;
	width: 100%;
}
.contact_form td textarea{
	height: 180px;
	padding: 10px;
	background-color: #f5f5f5;
	border: none;
	outline: none;
	width: 100%;
}
.contact_form td label{
	display: block;
}
.contact_form th{
	position: relative;
}
.contact_form th .require{
	position: absolute;
	right: 20px;
	top: 30px;
	color: red;
}
.agree{
	text-align: center;
	margin-top: 30px;
}
.agree a{
	text-decoration: underline;
	color: #073390;
}
.submit_btn{
	margin: 50px 0;
	text-align: center;
}
.submit_btn input{
	width: 300px;
	text-align: center;
	border: none;
	outline: none;
	background-color: #073390;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	border-radius: 40px;
}
.contact_tel{
	margin-top: 80px;
	background-color: #f5f5f5;
	padding: 50px;
	text-align: center;
}
.contact_tel h2{
	font-size: 24px;
	color: #073390;
	margin-bottom: 10px;
}
.contact_tel_num{
	font-family: 'Century Gothic';
	font-size: 32px;
	letter-spacing: 2px;
}
.contact_tel_num span{
	font-size: 48px;
	margin-left: 15px;
}
.page_links{
	display: flex;
	flex-wrap: wrap;
}
.page_links>a{
	width: 23.5%;
	margin-right: 1.5%;
	margin-bottom: 10px;
	background-color: #073390;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	padding: 15px;
	font-size: 14px;
}
.page_links>a:nth-child(4n){
	margin-right: 0;
}
.auth_merit{
	margin-bottom: 30px;
}
.auth_merit li{
	list-style: none;
	position: relative;
	padding-left: 23px;
	font-weight: bold;
}
.auth_merit li:before{
	content: '■';
	position: absolute;
	left: 0;
}
.auth_ttl2{
	margin-top: 30px;
}
.auth-tbl{
	width: 100%;
}
.auth-tbl thead th,.auth-tbl thead td{
	text-align: center;
	background-color: #073390;
	border: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	letter-spacing: 3px;
}
.auth-tbl thead th{
	width: 360px;
}
.auth-tbl tbody th,.auth-tbl tbody td{
	padding: 20px 10px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #073390;
}
.auth-tbl tbody th img{
	vertical-align:middle;
}
.auth-tbl tbody th{
	font-size: 20px;
}
.auth_example>div{
	margin-bottom: 10px;
	background-color: #EDF7FD;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px 30px;
}
.auth_example>div>p{
	margin-left: 30px;
}
.auth-tbl tbody td p{
	text-align: center;
}
.auth-tbl tbody td p span{
	font-size: 24px;
	font-weight: bold;
}
.video_iframe {
	text-align: center;
	margin-top: 80px;
}

.cta_top_ttl{
	text-align: center;
}
.cta_top_link{
	text-align: center;
	margin-bottom: 80px;
}
.cta_top_link a{
	display: inline-block;
	padding: 15px 70px;
	background: #0C3683;
	color: #fff;
}
.cta_top_link.profile_link{
	margin-bottom: 0;
	margin-top: 30px;
}
.page_thumbnail{
	position: relative;
}
.page_thumbnail h1{
	position: absolute;
	padding: 40px;
	background: #0C3683;
	color: #fff;
	font-size: 28px;
	text-align: left;
	right: 0;
	bottom: 0;
}

.g400{
	font-family:"Noto Sans JP";
	font-weight: 400;
}
.g600{
	font-family:"Noto Sans JP";
	font-weight: 600;
}
.g900{
	font-family:"Noto Sans JP";
	font-weight: 900;
}
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
.space5 {
	height:5px;
}
.space10 {
	height:10px;
}
.space20 {
	height:20px;
}
.space30 {
	height:30px;
}
.space40 {
	height:40px;
}
.space50 {
	height:50px;
}
.space60 {
	height:60px;
}
.space70 {
	height:70px;
}
.space80 {
	height:80px;
}
.space100 {
	height:100px;
}
.fs10 {
	font-size: 10px;
	line-height:20px;
}
.fs12 {
	font-size: 12px;
	line-height:22px;
}
.fs14 {
	font-size: 14px;
	line-height:24px;
}
.fs16 {
	font-size: 16px;
	line-height:26px;
}
.fs18 {
	font-size: 18px;
	line-height:28px;
}
.fs20 {
	font-size: 20px;
	line-height:30px;
}
.fs22 {
	font-size: 22px;
	line-height:32px;
}
.fs24 {
	font-size: 24px;
	line-height:34px;
}
.fs30 {
	font-size: 30px;
	line-height:40px;
}
.fcw {
	color: #ffffff;
}
.fcr {
	color: #ff0000;
}
.fcb {
	color: #073390;
}
.fcbl {
	color: #1378c4;
}
.fcm {
	color: #00a0e9;
}
.fco {
	color: #ff9900;
}
.fcy {
	color: #ffde00;
}
.fleft {
	text-align: left;
}
.fcenter {
	text-align: center;
}
.fright {
	text-align: right;
}
.fbold {
	font-weight: bold;
}
.br_sma{
	display:none;
}
.br_pc{
	display:block;
}
.shadow{
	padding: 0px 0px 0px 0px;
	text-shadow: 2px 2px 0 #666666,-2px 2px 0 #666666,2px -2px 0 #666666,-2px -2px 0 #666666;
}
.shadow2{
	padding: 0px 0px 0px 0px;
	text-shadow: 1px 1px 0 #ffffff,-1px 1px 0 #ffffff,1px -1px 0 #ffffff,-1px -1px 0 #ffffff;
}
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box350{
	width: auto;
	max-width: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.box600{
	width: auto;
	max-width: 600px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box700{
	width: auto;
	max-width: 700px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box800{
	width: auto;
	max-width: 800px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box1000{
	width: auto;
	max-width: 1000px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box1100{
	width: auto;
	max-width: 1100px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box1200{
	width: auto;
	max-width: 1200px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.box1400{
	width: auto;
	max-width: 1400px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto 0px auto;
}
.lp1200{
	width: auto;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.line01 {
	clear: both;
	width: auto;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: #cccccc solid 1px;
}
.line02 {
	clear: both;
	width: auto;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: #073390 solid 2px;
}
.line03 {
	clear: both;
	width: auto;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: #cccccc solid 1px;
}
.line04 {
	width: auto;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: #cccccc solid 1px;
}
.line05 {
	width: auto;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: #000000 solid 1px;
}
.line06 {
	clear: both;
	width: auto;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: #ffffff solid 1px;
}
.link_b {
	color: #000000;
}
.link_b a {
	color: #000000;
}
.link_b a:hover {
	color: #999999;
}
.link_w {
	color: #ffffff;
}
.link_w a {
	color: #ffffff;
}
.link_w a:hover {
	color: #ffffff;
	opacity:0.7;
}
.mark {
	background-color: #ff9;
}
.bluebox{
	width: auto;
	padding: 5px 20px 5px 20px;
	margin: 0px auto 0px auto;
	color: #FFFFFF;
	background: #073390;
}
.bluebox2{
	width: auto;
	padding: 5px 10px 5px 10px;
	margin: 0px auto 10px auto;
	color: #FFFFFF;
	background: #073390;
	border-radius: 5px;
}
.graybox{
	width: auto;
	padding: 20px 20px 20px 20px;
	margin: 0px auto 0px auto;
	background: #f5f5f5;
}
.bluewaku{
	width: auto;
	max-width: 600px;
	padding: 20px 5px 20px 5px;
	margin: 30px auto 30px auto;
	border: #073390 solid 3px;
	border-radius: 20px;
}
.bluewaku2{
	width: auto;
	padding: 5px 5px 5px 5px;
	margin: 10px auto 10px auto;
	border: #073390 solid 3px;
	border-radius: 10px;
}
.columns {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.columns .col2 {
	width: 50%;
}
.col2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col33 {
	width: 33.33%;
}
.col33 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col33-2 {
	width: 33.33%;
}
.col33-2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col33-3 {
	width: 33.33%;
}
.col33-3 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
}
.columns .col66 {
	width: 66.66%;
}
.col66 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col45 {
	width: 45%;
}
.col45 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col55 {
	width: 55%;
}
.col55 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 40px 0px 0px 0px;
}
.columns .col40 {
	width: 40%;
}
.col40 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col60 {
	width: 60%;
}
.col60 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	border-left: #00a0e9 solid 5px;
}
.columns .col25 {
	width: 25%;
}
.col25 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col25l {
	width: 25%;
}
.col25l {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
.columns .col75 {
	width: 75%;
}
.col75 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.columns .col20 {
	width: 20%;
}
.col20 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}
.columns .col50 {
	width: 50%;
}
.col50 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.columns .nyumon05 {
	width: 50%;
}
.nyumon05 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
}
.tubetxt {
	width: 450px;
	padding: 10px;
	margin: 0px auto;
	color: #0C3683;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	border: #0C3683 solid 2px;
}
.tubebox{
	width: 450px;
	margin: 0px auto 10px auto;
}
.columns .asso1 {
	width: 22%;
}
.asso1 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.columns .asso2 {
	width: 39%;
}
.asso2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.midashi{
	color: #073390;
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.midashi2{
	color: #00a0e9;
	font-size: 50px;
	text-align: center;
}
.midashi3{
	color: #ff0000;
	font-size: 50px;
}
.columns .plan1 {
	width: 33.33%;
}
.plan1 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 30px 0px;
}
.columns .plan2 {
	width: 33.33%;
}
.plan2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
}
.columns .voice1 {
	width: 40%;
}
.voice1 {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
}
.voice1 div.ttl {
	width: 100%;
}
.columns .kouza {
	width: 16.66%;
}
.kouza {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	background: #f5f5f5;
	border-right: #ffffff solid 5px;
	border-left: #ffffff solid 5px;
}
.kouzano {
	position: absolute;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background: #073390;
	border-radius: 50%;
	top: -20px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
}
.more2 {
  width: 100%;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more2 a {
	padding:15px 10px 15px 10px;
	font-size: 18px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  background-color: #00a0e9;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more2 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more3 {
  width: 100%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more3 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #00a0e9;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more3 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more4 {
  width: 100%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more4 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #00a0e9;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more4 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more5 {
  width: 100%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more5 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #063391;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more5 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more5-2 {
  width: 100%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more5-2 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #063391;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more5-2 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more6 {
  width: 80%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more6 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #00a0e9;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more6 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more7 {
  width: 80%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more7 a {
	padding:15px 0px 0px 0px;
	font-size: 20px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #063391;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more7 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more8 {
  width: 200px;
  height: 50px;
  overflow: hidden;
	margin: 20px auto 20px auto;
	border-radius: 5px;
}
.more8 a {
	padding:0px 0px 0px 0px;
	font-size: 16px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
  background-color: #1378c4;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more8 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.footbar {
	display: block;
	position: fixed;
	width: 100%;
	padding:15px 0px 15px 0px;
	z-index: 99;
	bottom: 0px;
	left: 0px;
	background: rgba(255,255,255,0.80);
}
.columns .cart {
	width: 50%;
}
.cart {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.sub {
  position: relative;
  display: inline-block;
  padding: 0 110px;
	color: #063391;
	margin: 0px auto 0px auto;
}
.sub:before, .sub:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 2px;
  border-top: solid 1px #063391;
  border-bottom: solid 1px #063391;
}
.sub:before {
  left:0;
}
.sub:after {
  right: 0;
}
.sub_logo {
	box-sizing: border-box;
	width: 110px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
	float: left;
}
.clear {
	clear: both;
}
.gbox {
	width: auto;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	background: #efefef;
}
.wbox {
	width: auto;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	background: #ffffff;
	border: #cccccc solid 1px;
	border-radius: 10px;
}
.gback {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: #f8f8f8;
}
.mback {
	width: auto;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	background: #def3fc;
}
.wback {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: #ffffff url(https://koyo-clean.com/wp-content/uploads/2024/10/wback01.webp);
}
.wback2 {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}
.lp01-scroll {
	overflow: auto;
	white-space: pre;
	padding: 0px 10px 0px 10px;
}
.scroll-in {
    width: 1120px;
    height: 554px;
	margin: 0px auto 0px auto;
	text-align: center;
}
.yback {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: #fff7d7;
}
.bback {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: #dbefff;
}
.lp01box {
	display: block;
	position: fixed;
	width: 100%;
	height: 90px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background:rgba(255,255,255,0.95);
	z-index: 99;
	bottom: -90px;
	left: 0px;
}
.listicle {
	width: 750px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.side {
	width: 270px;
	margin: 0px 0px 0px 50px;
	float: left;
}
.back01 {
	width: auto;
	padding: 0px;
	margin: 0px;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/01/back01.webp) no-repeat;
}
.balloon1 {
  position: relative;
  display: block;
  margin: 1.5em 0;
  padding: 15px 10px;
  min-width: 120px;
  max-width: auto;
  color: #ffffff;
  background: #00a0e9;
	border-radius: 10px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #00a0e9;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}
.point1 {
	box-sizing: border-box;
	width: 83px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.point2 {
	box-sizing: border-box;
	width: 900px;
	margin: 15px 0px 0px 30px;
	float: left;
}
.more9 {
  width: 330px;
  height: 45px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more9 a {
	font-size: 18px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(90deg, #01b0e9, #002373);
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more9 a:before {
  content: "";
  position: absolute;
  top: 44%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}
.more9 a:after {
  content: "";
  position: absolute;
  top: 56%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}
.more10 {
  width: 300px;
  height: 45px;
  overflow: hidden;
	margin: 20px auto 0px auto;
	border-radius: 5px;
}
.more10 a {
	font-size: 18px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 45px;
  color: #000000;
  text-align: center;
  background: #ffffff;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more10 a:before {
  content: "";
  position: absolute;
  top: 44%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #000000;
  transform: rotate(45deg);
}
.more10 a:after {
  content: "";
  position: absolute;
  top: 56%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #000000;
  transform: rotate(-45deg);
}
.thline {
	width: 110px;
	height: 5px;
	padding: 0px;
	margin: 20px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/12/3line.webp) no-repeat;
}
.fssub {
	font-size: 30px;
	line-height:40px;
}
.nyumon04 {
	position: relative;
	width: auto;
	height: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-image:url(https://koyo-clean.com/wp-content/uploads/2025/12/nyumon04.webp);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.nyumon04 div.txt {
	position: absolute;
	display: inline-block;
	padding: 20px 20px 20px 20px;
	color: #ffffff;
	background: #74BD00;
	top: 10%;
	left: 10%;
    margin-right: -90%;
    transform: translate(-90%, -90%);
	border-radius: 10px;
}
.nyumon04txt {
	width: auto;
	padding: 20px 20px 20px 20px;
	color: #ffffff;
	background: #74BD00;
}
.nyumon06 {
	width: 410px;
	height: 46px;
	padding: 0px 0px 0px 50px;
	margin: 20px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/12/nyumon06.webp) no-repeat;
	font-size: 18px;
	line-height: 46px;
	font-weight: bold;
	color: #ffffff;
}
.kakaku {
	width: 770px;
	padding: 20px 20px 20px 20px;
	margin: 40px auto 0px auto;
	border: #CCCCCC solid 1px;
	border-radius: 10px;
}
.nintei04 {
	width: 506px;
	height: 46px;
	padding: 0px 0px 0px 50px;
	margin: 20px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/12/nintei04.webp) no-repeat;
	font-size: 18px;
	line-height: 46px;
	font-weight: bold;
	color: #ffffff;
}
.nintei06 {
	width: 307px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.nintei06-2 {
	width: 660px;
	padding: 70px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.nyumon12 {
	position: relative;
	width: auto;
	height: 779px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-image:url(https://koyo-clean.com/wp-content/uploads/2025/12/nintei12.webp);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.nyumon12 div.txt {
	position: absolute;
	box-sizing: border-box;
	width: 700px;
	height: 779px;
	padding: 40px 0px 0px 0px;
	background:rgba(255,255,255,0.70)
}
.check12 {
	width: 550px;
	padding: 0px 0px 0px 40px;
	margin: 0px auto 20px auto;
	font-size: 20px;
	font-weight: bold;
	background-image:url(https://koyo-clean.com/wp-content/uploads/2025/12/check.webp);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.houjin03 {
	width: auto;
	padding: 40px 0px 40px 0px;
	margin: 0px auto 0px auto;
	background-image:url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin03.webp);
	background-position:center center;
	background-repeat:repeat;
}
.houjin04 {
	width: 415px;
	height: 46px;
	padding: 0px 0px 0px 40px;
	margin: 20px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin05.webp) no-repeat;
	font-size: 18px;
	line-height: 46px;
	font-weight: bold;
	color: #ffffff;
}
.houjin05 {
	width: 700px;
	padding: 20px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #fffbc3;
	border: #ffb400 solid 3px;
}
.houjin07 {
	width: auto;
	padding: 20px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #fff0f0;
	border-radius: 10px;
}
.houjin08 {
	width: auto;
	padding: 20px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #ecffd9;
	border-radius: 10px;
}
.houjin08-1 {
	width: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.houjin08-2 {
	width: 310px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.houjin10 {
	box-sizing: border-box;
	width: 1400px;
	height: 799px;
	padding: 370px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin10.webp) no-repeat;
}
.houjin11 {
	box-sizing: border-box;
	width: 400px;
	padding: 20px 10px 10px 10px;
	margin: 0px auto 0px auto;
	background: #587596;
	border: #ffffff solid 1px;
	border-radius: 10px;
}
.houjin12 {
	box-sizing: border-box;
	width: 400px;
	padding: 20px 10px 10px 10px;
	margin: 0px auto 0px auto;
	background: #9c77a2;
	border: #ffffff solid 1px;
	border-radius: 10px;
}
.houjin13 {
	box-sizing: border-box;
	width: 1400px;
	height: 840px;
	padding: 40px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin15.webp) no-repeat;
}
.houjin14 {
	box-sizing: border-box;
	width: 396px;
	padding: 0px;
	margin: 350px auto 0px auto;
}
.top03 {
	box-sizing: border-box;
	width: auto;
	padding: 20px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #f1ffd7;
}
.top03-1 {
	box-sizing: border-box;
	width: 125px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.top03-2 {
	box-sizing: border-box;
	width: 565px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.top04 {
	position: relative;
	box-sizing: border-box;
	width: 1400px;
	height: 787px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/top04.webp) no-repeat;
}
.top04 div.txt {
	position: absolute;
	box-sizing: border-box;
	width: 600px;
	height: 787px;
	padding: 40px 40px 0px 40px;
	background:rgba(255,255,255,0.70)
}
.top04-2 {
	box-sizing: border-box;
	width: auto;
	padding: 20px 20px 20px 20px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	border: #00a1ea solid 2px;
	border-radius: 10px;
}
.top05 {
	box-sizing: border-box;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: -80px auto 0px auto;
	z-index: 10;
}
.top06-1 {
	box-sizing: border-box;
	width: auto;
	padding: 10px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #74bd00;
	border-radius: 10px;
}
.top06-2 {
	box-sizing: border-box;
	width: auto;
	padding: 10px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #00a0e9;
	border-radius: 10px;
}
.top06-3 {
	box-sizing: border-box;
	width: auto;
	padding: 10px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #ffb400;
	border-radius: 10px;
}
.top06-4 {
	box-sizing: border-box;
	width: 87px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px auto;
}



@media screen and (max-width:900px){
.br_sma{
	display:block;
}
.br_pc{
	display:none;
}
.columns .col2 {
	width: 100%;
}
.col2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.columns .col33 {
	width: 100%;
}
.col33 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col33-2 {
	width: 100%;
}
.col33-2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col33-3 {
	width: 100%;
}
.col33-3 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
}
.columns .col66 {
	width: 100%;
}
.col66 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col45 {
	width: 100%;
}
.col45 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col55 {
	width: 100%;
}
.col55 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col40 {
	width: 100%;
}
.col40 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col60 {
	width: 100%;
}
.col60 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
	border-left: none;
}
.columns .col25 {
	width: 70%;
}
.col25 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col25l {
	width: 100%;
}
.col25l {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}
.columns .col75 {
	width: 100%;
}
.col75 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 20px 0px;
}
.columns .col20 {
	width: 50%;
}
.col20 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 20px 0px;
}
.columns .col50 {
	width: 100%;
}
.col50 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.columns .nyumon05 {
	width: 50%;
}
.nyumon05 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
}
.tubetxt {
	width: auto;
	padding: 10px;
	color: #0C3683;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	border: #0C3683 solid 2px;
}
.tubebox{
	width: auto;
	margin: 0px auto 10px auto;
}
.columns .asso1 {
	width: 60%;
}
.asso1 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.columns .asso2 {
	width: 100%;
}
.asso2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.midashi{
	color: #073390;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
.midashi2{
	color: #00a0e9;
	font-size: 30px;
	text-align: center;
}
.midashi3{
	color: #ff0000;
	font-size: 30px;
}
.columns .plan1 {
	width: 100%;
}
.plan1 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}
.columns .plan2 {
	width: 100%;
}
.plan2 {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.columns .voice1 {
	width: 100%;
}
.columns .kouza {
	width: 50%;
}
.kouza {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 30px 0px;
	background: #f5f5f5;
	border-right: #ffffff solid 5px;
	border-left: #ffffff solid 5px;
}
.more4 {
  width: 100%;
	height: 70px;
  overflow: hidden;
	margin: 0px auto 5px auto;
	border-radius: 5px;
}
.more4 a {
	padding:10px 0px 10px 0px;
	font-size: 16px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
  background-color: #00a0e9;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more4 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more5 {
  width: 100%;
	height: 70px;
  overflow: hidden;
	margin: 0px auto 5px auto;
	border-radius: 5px;
}
.more5 a {
	padding:10px 0px 10px 0px;
	font-size: 16px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
  background-color: #063391;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more5 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.more5-2 {
  width: 100%;
  height: 60px;
  overflow: hidden;
	margin: 0px auto 0px auto;
	border-radius: 5px;
}
.more5-2 a {
	padding:15px 0px 0px 0px;
	font-size: 18px;
	font-weight: 700;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #063391;
  text-decoration: none;
  position: relative;
  z-index: 2;
	border-radius: 5px;
}
.more5-2 a:hover {
  color: #ffffff;
	border-radius: 5px;
}
.columns .cart {
	width: 50%;
}
.cart {
	box-sizing: border-box;
	width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.sub {
  position: relative;
  display: inline-block;
  padding: 0 40px;
	color: #063391;
	margin: 0px auto 0px auto;
}
.sub:before, .sub:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 35px;
  height: 2px;
  border-top: solid 1px #063391;
  border-bottom: solid 1px #063391;
}
.sub:before {
  left:0;
}
.sub:after {
  right: 0;
}
.cta_mail{
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 20px;
	transition: all 0.5s;
	margin-right: 0px;
}
.cta_mail2{
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 20px;
	transition: all 0.5s;
	margin: 20px 0px 0px 0px;
}
.lp01box {
	display: block;
	position: fixed;
	width: 100%;
	height: 60px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background:rgba(255,255,255,0.95);
	z-index: 99;
	bottom: -90px;
	left: 0px;
}
.listicle {
	width: auto;
	margin: 0px 0px 40px 0px;
	float: none;
}
.side {
	width: auto;
	margin: 0px 0px 0px 0px;
	float: none;
}
.point1 {
	box-sizing: border-box;
	width: 83px;
	margin: 0px auto 0px auto;
	float: none;
}
.point2 {
	box-sizing: border-box;
	width: auto;
	margin: 0px 0px 0px 0px;
	float: none;
}
.fssub {
	font-size: 24px;
	line-height:34px;
}
.nyumon06 {
	width: 340px;
	height: 40px;
	padding: 0px 0px 0px 40px;
	margin: 0px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/12/nyumon06s.webp) no-repeat;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
	color: #ffffff;
}
.kakaku {
	width: auto;
	padding: 10px 10px 10px 10px;
	margin: 20px auto 0px auto;
	border: #CCCCCC solid 1px;
	border-radius: 10px;
}
.nintei04 {
	width: 340px;
	height: 60px;
	padding: 0px 0px 0px 50px;
	margin: 0px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2025/12/nintei04s.webp) no-repeat;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #ffffff;
}
.nintei06 {
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	float: none;
}
.nintei06-2 {
	width: auto;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: none;
}
.check12 {
	width: auto;
	padding: 0px 0px 0px 40px;
	margin: 0px auto 20px auto;
	font-size: 18px;
	font-weight: bold;
	background-image:url(https://koyo-clean.com/wp-content/uploads/2025/12/check.webp);
	background-position:left 5px;
	background-repeat:no-repeat;
}
.houjin04 {
	width: 345px;
	height: 40px;
	padding: 0px 0px 0px 35px;
	margin: 0px auto 20px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin05s.webp) no-repeat;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
	color: #ffffff;
}
.houjin05 {
	width: auto;
	padding: 20px 10px 20px 10px;
	margin: 0px auto 0px auto;
	background: #fffbc3;
	border: #ffb400 solid 3px;
}
.houjin08-1 {
	width: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.houjin08-2 {
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.houjin10 {
	box-sizing: border-box;
	width: auto;
	height: auto;
	padding: 40px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin12.webp) #1f2326;
	background-position:right top;
	background-repeat:no-repeat;
}
.houjin11 {
	box-sizing: border-box;
	width: auto;
	padding: 20px 10px 10px 10px;
	margin: 0px auto 0px auto;
	background: #587596;
	border: #ffffff solid 1px;
	border-radius: 10px;
}
.houjin12 {
	box-sizing: border-box;
	width: auto;
	padding: 20px 10px 10px 10px;
	margin: 0px auto 0px auto;
	background: #9c77a2;
	border: #ffffff solid 1px;
	border-radius: 10px;
}
.houjin13 {
	box-sizing: border-box;
	width: auto;
	height: auto;
	padding: 40px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: url(https://koyo-clean.com/wp-content/uploads/2026/01/houjin17.webp) #cfecf1;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.houjin14 {
	box-sizing: border-box;
	width: 350px;
	padding: 0px 0px 20px 0px;
	margin: 280px auto 0px auto;
}
.top03-1 {
	box-sizing: border-box;
	width: 75px;
	padding: 0px;
	margin: 0px auto 10px auto;
	float: none;
}
.top03-2 {
	box-sizing: border-box;
	width: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: none;
}
	
	

}


/*---- item_page_title ---*/
.item_page_title {
	margin: 0 0 .625em;
	font-size: 1.14286em;
	line-height: 1.25em;
}

/*---- img-box ---*/
#itempage #img-box {
	margin-bottom: 1.66667em;
}

#itempage .itemimg {
	text-align: center;
}

#itempage .itemimg a {
	display: block;
}

#img-box .itemimg img {
	width: 100%;
	height: auto;
}

#itempage .itemsubimg {
	margin: 3% -3% 0 0;
	overflow: hidden;
}

#itempage .itemsubimg a {
	display: inline-block;
	width: 22%;
	margin: 0 3% 3% 0;
	float: left;
	text-align: center;
}

#itempage .itemsubimg img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/*---- item-info ---*/
#itempage .item-info {
	padding-top: 2.5em;
}

/*---- itemcode ---*/
#itempage .itemcode {
	margin-bottom: 1.42857em;
	padding-bottom: .357143em;
	border-bottom: 1px solid #ccc;
}

/*---- sku-name ---*/
.item-info .skuname {
	min-height: 30px;
	margin-bottom: 1.42857em;
	padding: .357143em;
	background-color: #dedede;
	font-weight: bold;
}

/*---- skuform ---*/
.item-info form {
	clear: both;
}

.item-info .skuform {
	margin-bottom: 2.142856em;
}

.item-info form .skuform:last-child {
	margin-bottom: 0;
}

.item-info .skuform form {
	clear: both;
}

/*---- zaikostatus ---*/
.item-info .zaikostatus {
	float: left;
}

/*---- field ---*/
.item-info .field {
	padding: 0 0 .357143em;
	overflow: hidden;
}

/*---- price ---*/
.item-info .field_price {
	float: right;
	font-size: 1.8em;
	font-weight: bold;
}

.item-info .field_cprice {
	margin-right: .666667em;
	color: #999;
	font-size: .6em;
	font-weight: normal;
	text-decoration: line-through;
}

.item-info .field_price em {
	font-size: .5em;
}

/* ---- .tax_inc_block ---- */

.item-info .tax_inc_block {
	clear: both;
	font-size: 12px;
	text-align: right;
}

.item-info .tax_inc_block em {
	margin-right: 3px;
	color: #262626;
}


/*---- itemGpExp ---*/
.item-info .itemGpExp {
	margin: 1.42857em 0;
	padding: 1.42857em .357143em .714286em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.item-info .itemGpExp dt {
	font-weight: bold;
}

.item-info .itemGpExp .tax_inc_block {
	margin-left: .714286em;
}

.item-info .itemGpExp .price {
	padding: 0 0 0 .625em;
	font-size: 1.14286em;
	font-weight: bold;
}

.item-info .itemGpExp em {
	font-size: .5em;
}

/*---- item-option ---*/
.item-info .item-option {
	margin-bottom: 1.42857em;
	padding: 1.42857em .357143em .714286em;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.item-info .item-option dt {
	font-weight: bold;
}

.item-info .item-option dd {
	margin: 0 0 .714286em;
}

.item-info .item-option select option {
	background-color: #fff;
}

.item-info .item-option input[type="text"] {
	width: 60%;
}

.item-info .item-option .iopt_radio_label {
	display: block;
}

.item-info .item-option textarea {
	width: 100%;
	height: 100px;
}

/*---- c-box ---*/
.item-info .c-box {
	padding: 10px 0px 0px 0px;
	clear: both;
	text-align: right;
}

/*---- quantity ---*/
.item-info .quantity {
	display: inline-block;
	margin-bottom: 5px;
}

.item-info .quantity input.skuquantity {
	width: 60px !important;
	height: 40px;
	margin: 0 .357143em;
	padding: .357143em;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

/*---- cart-btn ---*/
.item-info .skubutton {
	padding: .714286em 2.142856em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
	font-family: FontAwesome;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}

.item-info .skubutton:hover {
	background-color: #ffa500;
	cursor: pointer;
}

/*---- incart-btn ---*/
.item-info .incart-btn {
	text-align: left;
}

/*---- itemsoldout ---*/
.item-info .itemsoldout {
	color: #ff8c00;
	font-weight: bold;
	letter-spacing: .5px;
	text-align: right;
}

/*---- item_custom_field ---*/
.item-info ul.item_custom_field {
	margin-bottom: 2.142856em;
	float: right;
	line-height: 200%;
}

.item-info ul.item_custom_field li {
	padding: 0 .357143em;
	border-bottom: 1px dotted #999;
}

/*---- item-info table ---*/
.item-info table.item_custom_field {
	margin-bottom: 2.142856em;
	float: right;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.item-info .item_custom_field th {
	width: 40%;
	padding: .357143em;
	border: 1px solid #ccc;
	background-color: #eee;
}

.item-info .item_custom_field td {
	padding: .357143em;
	border: 1px solid #ccc;
}

/*---- assistance_item ---*/
.assistance_item h3 {
	margin: 1.42857em 0 0;
	border-bottom: 3px solid #eee;
	color: #000;
}

.assistance_item ul {
	overflow: hidden;
	letter-spacing: -.5em;
}

.assistance_item li {
	display: inline-block;
	width: 46%;
	margin-right: 8%;
	padding: 1.42857em 0 0;
	letter-spacing: normal;
	vertical-align: text-top;
}

.assistance_item li:nth-child(even) {
	margin-right: 0;
}

.assistance_item li .slit a {
	display: block;
	margin-bottom: .357143em;
}

.assistance_item li .slit img {
	width: 100%;
	height: auto;
}

.assistance_item li .detail h4 {
	height: 43px;
	margin: 0;
	overflow: hidden;
	font-weight: normal;
}

.assistance_item li .detail p {
	height: 60px;
	overflow: hidden;
}

.assistance_item li .detail .assist_price {
	height: 22px;
	font-weight: bold;
	text-align: right;
}

/*---- .date sku-form ---*/
.date .item-info .skuform {
	border: none;
}

/*---- dlseller ---*/
.item-info .frequency {
	margin-bottom: .714286em;
	text-align: right;

}

.item-info .field_frequency {
	display: inline-block;
	padding: 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #d3222a;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

#itempage table.dlseller {
	width: 100%;
	margin: 1.42857em 0 0;
}

#itempage table.dlseller th {
	width: 50%;
	padding: .714286em;
	border: 1px solid #ccc;
	background-color: #eee;
}

#itempage table.dlseller td {
	padding: .714286em;
	border: 1px solid #ccc;
}


/* =wc_search_page.php
-------------------------------------------------------------- */

section#usces-cart .navigation {
	clear: both;
	letter-spacing: normal;
	line-height: 300%;
}

section#usces-cart form {
	letter-spacing: normal;
}

section#usces-cart form .outlabel {
	display: block;
	padding: 1.42857em 0 .714286em;
}

#searchbox fieldset {
	margin-bottom: 1.42857em;
	padding: .7142857em 1.42857em;
	border: 1px solid #e0e0e0;
}

#searchbox legend {
	padding: 0 .7142857em;
}

#searchbox input.usces_search_button {
	display: block;
	margin: 0 auto;
	padding: 1.071428em 3em;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
}

#searchbox .searchitems p {
	letter-spacing: normal;
}

/* =Cart Page + Member Page
-------------------------------------------------------------- */

/* ---- autofill ---- */
#wc_newmemberform .customer_form input#mailaddress1:-webkit-autofill,
#wc_newmemberform .customer_form input[type="password"]:-webkit-autofill,
#wc_customer .customer_form input#mailaddress1:-webkit-autofill,
#wc_customer .customer_form input[type="password"]:-webkit-autofill,
#wc_member .customer_form input#mailaddress1:-webkit-autofill,
#wc_member .customer_form input#password1:-webkit-autofill,
#wc_editmemberform .customer_form input#mailaddress1:-webkit-autofill,
#wc_editmemberform .customer_form input#password1:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}

#wc_customer .customer_form input#loginpass:-webkit-autofill {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* =cart
-------------------------------------------------------------- */

#main #content.cart-page {
	float: none;
}

/*---- page-title ---*/
.cart_page_title {
	margin: 0 0 1.25em;
	font-size: 1.1428545em;
	line-height: 1.25em;
}

/*---- usccart_navi ---*/
div.cart_navi ul {
	overflow: hidden;
	list-style: none;
}

div.cart_navi li {
	display: block;
	padding: 0 .909095em 0 1.81818em;
	float: left;
	background: #dedede;
	color: #262626;
	font-size: 11px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

div.cart_navi li::before {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 -20px -20px auto;
	float: right;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
	border-right: 4px solid #fff;
	background: #dedede;
}

div.cart_navi li::after {
	content: " ";
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	margin: -20px -20px 0 auto;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
	border-right: 4px solid #fff;
	background: #dedede;
}

div.cart_navi li:last-child::before,
div.cart_navi li:last-child::after {
	border: none;
}

div.cart_navi li.current,
div.cart_navi li.current::before,
div.cart_navi li.current::after {
	background-color: #161616;
	color: #fff;
}

/*---- send ---*/
.cart-page .send {
	padding-top: .714286em;
	text-align: center;
}

.cart-page .send input {
	margin-bottom: .714286em;
}

.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button {
	background-color: #ff8c00;
	color: #fff;
}

.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover {
	background-color: #ffa500;
}

/*---- header_explanation ---*/
div.header_explanation {
	margin: 1.42857em 0 1.42857em;
}

/*---- footer_explanation ---*/
div.footer_explanation {
	margin-top: 1.42857em;
}


/*---- cart_table ---*/
#cart_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px dotted #ccc;
}

#cart_table th {
	padding: .357143em;
	border: 1px solid #ccc;
	background-color: #efefef;
	text-align: center;
}

#cart_table td {
	padding: .357143em;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}

#cart_table .aleft {
	text-align: left;
}

#cart_table .aright {
	text-align: right;
}

#cart_table td.productname {
	text-align: left;
}

#cart_table .amount {
	padding: .3125em .3125em .3125em 10px;
	font-size: 16px;
	letter-spacing: 1px;
}

#cart_table .subtotal {
	white-space: nowrap;
}

#cart_table em.tax {
	font-style: normal;
}

#cart_table .num,
#cart_table .thumbnail,
#cart_table .stock {
	display: none;
}

#cart_table .thumbnail img {
	height: auto;
}

#cart_table .quantity {
	width: 50px;
	text-align: center;
}

#cart_table .quantity input {
	width: 45px;
	padding: 0 5px;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
}

#cart .action {
	width: 40px;
	text-align: center;
	white-space: nowrap;
}

#cart .action input.delButton {
	display: block;
	padding: .557143em .714286em;
}


/*---- customer_form ---*/
.customer_form {
	width: 100%;
}

.customer_form tr {
	display: block;
	margin-bottom: 1.071428em;
	padding: 0 .5714285em 1.071428em;
	border-bottom: 2px solid #efefef;
}

.customer_form th {
	display: block;
	width: auto;
	margin-bottom: .357143em;
	padding: 0;
	border: none;
	background: none;
}

.customer_form th em {
	color: #f36;
	font-weight: bold;
}

.customer_form td {
	display: block;
	margin-bottom: 0;
	padding: 0;
	border: none;
	color: #666;
	font-size: 1em;
}

.customer_form td label {
	color: black;
}

.customer_form tr.inp1 td {
	display: inline-block;
	width: 45%;
}

.customer_form .member_name {
	padding-left: 1em;
}

.customer_form p.password_policy {
	margin-top: .4em;
	font-size: 12px;
}

.customer_form input#loginmail,
.customer_form input#mailaddress1,
.customer_form input#mailaddress2 {
	width: 70%;
}

.customer_form input#zipcode {
	margin-right: 0;
}

.customer_form input#search_zipcode {
	margin: .5714285em;
	padding: 5px 20px;
}

.customer_form input[type="password"] {
	display: block;
	margin-right: .5em;
}

.customer_form tr.inp1 input {
	width: 70%;
	margin-right: 0;
	margin-left: .5em;
}

.customer_form input[type="text"] {
	margin-right: .5em;
}


/* =wc_cart_page.php
-------------------------------------------------------------- */

#wc_cart #cart .upbutton {
	padding: 0 0 .714286em;
	text-align: right;
}

#wc_cart #cart .upbutton input {
	margin-left: 5px;
	padding: 3px 15px;
	border: 1px solid #ff8c00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	color: #ff8c00;
}

#wc_cart #cart .upbutton input:hover {
	background-color: #fdffd3;
	color: #e28619;
}

#wc_cart .currency_code {
	padding: .357143em 0;
}

#wc_cart .no_cart {
	padding: 3em 0;
	font-weight: bold;
	text-align: center;
}

/*--- PayPal Style ---*/

.ui-dialog {
	width: 95% !important;
	font-size: 1em;
}

.ui-dialog #paypal_dialog {
	padding: 10px;
}

#paypal_dialog #paypal_confirm td {
	text-align: right;
}

#paypal_dialog #paypal_shipping select {
	width: 100%;
}

#paypal_dialog #paypal_point table {
	border: none;
}

#paypal_dialog #paypal_point table th,
#paypal_dialog #paypal_point table td {
	border: 1px solid #e6e6e6;
}

#paypal_dialog #paypal_point tr:last-child td {
	padding: .83334em 0 0;
	border: none;
	text-align: center;
}

#paypal_dialog #paypal_use_point {
	width: auto;
	border: 1px solid #ff8c00;
	background-color: #fff;
	color: #ff8c00;
}

#paypal_dialog #paypal_use_point:hover {
	background-color: #fdffd3;
	color: #e28619;
}

/* =wc_customer_page.php
-------------------------------------------------------------- */

#customer-info h5 {
	margin: 1.42857em 0;
	padding: .357143em 0 .357143em .357143em;
	border-bottom: 1px solid #ccc;
	color: #000;
	letter-spacing: .05em;
}

#wc_customer .send input.to_reganddeliveryinfo_button {
	background-color: #ff8c00;
	color: #fff;
}

#wc_customer .send input.to_reganddeliveryinfo_button:hover {
	background-color: #ffa500;
}

#wc_customer .liwpp_area {
	padding: .714286em 0 0;
	text-align: center;
}


/* =wc_delivery_page.php
-------------------------------------------------------------- */

#wc_delivery .customer_form dt {
	padding: .714286em 0;
	font-weight: bold;
}

#wc_delivery .customer_form dd {
	margin-left: 1.42857em;
	color: #262626;
	overflow-wrap: anywhere;
}

#wc_delivery .customer_form select {
	width: fit-content;
	max-width: 280px;
}

#wc_delivery .customer_form dd * {
	max-width: 100%;
}

/*---　credit style　---*/
#wc_delivery #zeus select,
#wc_delivery #remise select,
#wc_delivery #escott select,
#wc_delivery #welcart select {
	width: auto;
	margin-right: .25em;
}

/*---　DL Seller　---*/

#dlseller_terms .dlseller_terms {
	height: 200px;
	padding: .833334em;
	overflow-y: scroll;
	border: 1px solid #ccc;
	font-size: 12px;
}


/* =wc_confirm_page.php
-------------------------------------------------------------- */

#wc_confirm div.usccart_navi li.usccart_confirm {
	background: none;
	background-color: #262626;
}

/*---- info-confirm ---*/
#info-confirm .confiem_notice {
	padding-bottom: 5px;
}

/*---- cart_table ---*/
#wc_confirm #cart_table {
	margin-bottom: 1.4286em;
}

#wc_confirm #cart_table td.unitprice,
#wc_confirm #cart_table td.subtotal {
	text-align: right;
}

/*---- point_table ---*/
#cart #point_table {
	width: 100%;
	margin: 0 auto 1.42857em !important;
	float: none;
}

#point_table td {
	width: 50%;
	padding: .357143em;
	border: 1px solid #ccc;
	text-align: center;
}

#point_table td.c-point,
#point_table td.u-point {
	background-color: #efefef;
	font-weight: bold;
}

#point_table .point-btn {
	padding: .83334em 0 0;
	border: none;
	text-align: center;
}

#point_table td span.point {
	padding-right: .3125em;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

#point_table td input[type="text"] {
	width: 80px;
	margin: 0 .357143em;
	border: 1px solid #aaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
}

#point_table td input.use_point_button {
	border: 1px solid #ff8c00;
	background-color: #fff;
	color: #ff8c00;
}

#point_table td input.use_point_button:hover {
	background-color: #fdffd3;
	color: #e28619;
}

/*---- wcex_coupon ---*/
#cart #coupon_table {
	width: 100% !important;
	margin: 0 auto 1.42857em;
	float: none;
}

#cart #coupon_table th {
	width: 50%;
	padding: .357143em;
	border: 1px solid #ccc;
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

#cart #coupon_table td {
	width: 50%;
	height: auto !important;
	padding: .357143em;
	border: 1px solid #ccc;
	text-align: center;
}

#cart #coupon_table tr:first-child td:first-child {
	background-color: #efefef;
	font-weight: bold;
}

#cart #coupon_table tr:last-child td {
	padding: .714286em 0 0;
	border: none;
}

#cart #coupon_table td .use_coupon_button {
	margin-right: 5px;
	border: 1px solid #ff8c00;
	background-color: #fff;
	color: #ff8c00;
}

#cart #coupon_table td .use_coupon_button:hover {
	background-color: #fdffd3;
	color: #e28619;
}

/*---- confirm_table ---*/
#confirm_table {
	width: 100%;
	border-collapse: collapse;
}

#confirm_table th {
	width: auto;
	padding: .357143em;
	border: 1px solid #ccc;
	background-color: #efefef;
	color: #262626;
	font-size: 1em;
	font-weight: bold;
}

#confirm_table td {
	padding: .357143em;
	border: 1px solid #ccc;
}

#confirm_table tr.ttl td {
	background-color: #efefef;
}

#wc_confirm table .action {
	display: none;
}

#confirm_table .ttl h3 {
	color: #000;
	letter-spacing: .05em;
}

#wc_confirm .currency_code {
	padding-bottom: .357143em;
}

/*---- send ---*/
#wc_confirm .send input#back_button {
	margin-bottom: .714286em;
}

.wc_confirm_notes_area {
	margin: 2em 0;
}

#wc_confirm #checkout_paypal_cp iframe {
	position: static;
	width: 750px;
	max-width: 100%;
	padding: 0 20px;
}


/* =wc_completion_page.php
-------------------------------------------------------------- */

#wc_ordercompletion h3 {
	margin: 1.785715em 0;
	text-align: center;
}

#wc_ordercompletion .header_explanation {
	text-align: center;
}

#wc_ordercompletion .send a {
	padding: 10px 20px;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
}

#wc_ordercompletion .send a:hover {
	background-color: #ddd;
	text-decoration: none;
}

/*　wc_templates dlseller　*/
#wc_ordercompletion .dllist {
	text-align: center;
}

#wc_ordercompletion .dllist li {
	margin-bottom: 1.4286em;
}

#wc_ordercompletion .dllist li:last-child {
	margin-bottom: 0;
}

#wc_ordercompletion .dllist .thumb {
	margin-bottom: 1.4286em;
	padding: .714286em 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
}

#wc_ordercompletion .dllist .thumb img {
	height: auto;
}

#wc_ordercompletion .dllist table {
	margin: 0 auto 1.4286em;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#wc_ordercompletion .dllist th {
	width: 30%;
	padding: .714286em;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
}

#wc_ordercompletion .dllist td {
	padding: .714286em;
	border: 1px solid #ccc;
}

#wc_ordercompletion .item_info_list p {
	text-align: center;
}

#wc_ordercompletion a.redownload_button {
	display: inline-block;
	margin-bottom: 1em;
	padding: .714286em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
	text-decoration: none;
}

#wc_ordercompletion a.redownload_button:hover {
	background-color: #ffa500;
}


/* =member
-------------------------------------------------------------- */

#main #content.member-page {
	width: 100%;
	float: none;
}

/*---- page-title ---*/
.member_page_title {
	margin: 0 0 1.25em;
	font-size: 1.14286em;
	line-height: 1.25em;
}

/*---- send ---*/
.member-page .send {
	padding-top: .714286em;
	text-align: center;
}

.member-page .send input {
	margin-bottom: .714286em;
	background-color: #ff8c00;
	color: #fff;
}

.member-page .send input:hover {
	background-color: #ffa500;
}


/* =wc_login_page.php
-------------------------------------------------------------- */

#wc_login .loginbox,
#wc_member .loginbox {
	padding: .714286em 2.142856em;
	text-align: left;
}

#wc_login .loginbox label,
#wc_member .loginbox label {
	line-height: 180%;
}

#wc_login .loginbox input,
#wc_memebr.login .loginbox input {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

#wc_login .loginbox input.loginmail,
#wc_login .loginbox input.loginpass,
#wc_member .loginbox input.loginmail,
#wc_member .loginbox input.loginpass {
	width: 100%;
	margin-bottom: .714286em;
	border: 1px solid #ccc;
}

.loginbox .submit {
	padding: .714286em 0;
}

#wc_login .loginbox #member_login,
#wc_member .loginbox #member_login {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
}

#wc_login .loginbox #member_login:hover,
#wc_member .loginbox #member_login:hover {
	background-color: #ffa500;
}

#wc_login .loginbox .new-entry,
#wc_member .loginbox .new-entry {
	margin: 10px 0;
	padding: 20px;
	background-color: #efefef;
}

#wc_login .loginbox .new-entry #nav,
#wc_member .loginbox .new-entry #nav {
	margin-top: .833338em;
	text-align: center;
}

#wc_login .loginbox .new-entry #nav a,
#wc_member .loginbox .new-entry #nav a {
	display: inline-block;
	padding: .714286em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
}

#wc_login .loginbox .new-entry #nav a:hover,
#wc_member .loginbox .new-entry #nav a:hover {
	background-color: #ffa500;
	text-decoration: none;
}

#wc_member .loginbox a {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}

#wc_member .loginbox a:hover {
	background: none;
	text-decoration: underline;
}

#wc_login .footer_explanation,
#wc_member .footer_explanation {
	clear: both;
}

#wc_login .liwpp_area,
#wc_member .liwpp_area {
	text-align: center;
}


/* =wc_changepassword_page.php
-------------------------------------------------------------- */

wc_changepassword .whitebox {
	text-align: center;
}

#wc_changepassword .loginbox {
	padding: .8333em 2.5em;
	font-size: .85714em;
	text-align: left;
}

#wc_changepassword .loginbox label {
	line-height: 180%;
}

#wc_changepassword .loginbox input.loginpass {
	width: 100%;
	margin-bottom: .714286em;
	padding: .35714em;
	border: 1px solid #ccc;
}

#wc_changepassword #member_login {
	width: 60%;
	padding: .714286em 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	background-color: #ff8c00;
	color: #fff;
}

#wc_changepassword #member_login:hover {
	background-color: #ffa500;
}

#wc_changepassword p.password_policy {
	margin: 0 0 .8em;
	font-size: 12px;
}


/* =wc_lostpassword_page.php
-------------------------------------------------------------- */

#wc_lostmemberpassword .whitebox {
	text-align: center;
}

#wc_lostmemberpassword .loginbox {
	padding: .714286em 2.142856em;
	text-align: left;
}

#wc_lostmemberpassword .loginbox label {
	line-height: 180%;
}

#wc_lostmemberpassword input,
#wc_lostmemberpassword a {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#wc_lostmemberpassword .loginbox input.loginmail {
	width: 100%;
	margin-bottom: .714286em;
}

#wc_lostmemberpassword #member_login {
	margin-bottom: .714286em;
	padding: .714286em 1.42857em;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
}

#wc_lostmemberpassword #member_login:hover {
	background-color: #ffa500;
}

#wc_lostmemberpassword #nav a {
	display: inline-block;
	padding: .714286em 1.42857em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
	color: #262626;
	text-align: center;
}

#wc_lostmemberpassword #nav a:hover {
	background-color: #ddd;
	text-decoration: none;
}

#wc_lostmemberpassword .error_message {
	margin: 0 auto 10px;
	text-align: left;
}


/* =wc_member_completion_page.php
-------------------------------------------------------------- */

#wc_newcompletion #memberpages,
#wc_lostcompletion #memberpages,
#wc_changepasscompletion #memberpages {
	text-align: center;
}

#wc_newcompletion #memberpages p a,
#wc_lostcompletion #memberpages p a,
#wc_changepasscompletion #memberpages p a {
	display: inline-block;
	margin: 1.071428em 0 0;
	padding: .714286em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
}

#wc_newcompletion #memberpages p a:hover,
#wc_lostcompletion #memberpages p a:hover,
#wc_changepasscompletion #memberpages p a:hover {
	background-color: #ddd;
	text-decoration: none;
}

#wc_newcompletion .send a,
#wc_lostcompletion .send input,
#wc_lostcompletion .send a,
#wc_changepasscompletion .send a {
	display: inline-block;
	padding: .714286em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
}

#wc_newcompletion #memberpages a:hover,
#wc_lostcompletion #memberpages input:hover,
#wc_lostcompletion #memberpages a:hover,
#wc_changepasscompletion #memberpages a:hover {
	background-color: #ddd;
	text-decoration: none;
}


/* =wc_member_page.php
-------------------------------------------------------------- */

/*---- h3 ---*/
#wc_member h3,
#wc_editmemberform h3 {
	margin: 1.42857em 0;
	padding: .357143em;
	border-bottom: 1px solid #ccc;
	color: #000;
	letter-spacing: .05em;
}

#wc_member h3 a,
#wc_editmemberform h3 a {
	padding: 0;
	background: none;
}

/*---- table ---*/
#memberinfo table {
	display: block;
	width: 100%;
	margin-bottom: .714286em;
	border: none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#memberinfo table tbody,
#memberinfo table tr {
	display: block;
}

#memberinfo th {
	display: block;
	width: auto;
	padding: .357143em;
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: #efefef;
	font-weight: normal;
}

#memberinfo td {
	display: block;
	padding: .357143em;
	border: none;
	border-bottom: 1px solid #ccc;
}

#memberinfo .space {
	display: none;
}

#memberinfo .button {
	text-align: center;
}

#memberinfo td img {
	max-width: 100%;
	height: auto;
}

/*---- member_submenu ---*/
.member_submenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 1.5em 0;
	text-align: center;
	gap: .714286em;
}

.member_submenu .gotoedit {
	margin: 0;
}

#memberpages .member_submenu li {
	list-style: none;
	text-align: center;
	margin-right: 0;
}

.member_submenu a {
	display: inline-block;
	width: 100%;
	padding: .714286em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
	color: #262626;
}

.member_submenu a:hover {
	background-color: #ddd;
	text-decoration: none;
}

/*---- history-area ---*/
#memberinfo .history-area table .aleft {
	text-align: left;
}

#memberinfo .history-area table .rightnum {
	text-align: right;
}

/*---- .retail + #history_head  ---*/
#memberinfo .retail tbody,
#memberinfo #history_head tbody {
	display: table-row-group;
}

#memberinfo .retail tr,
#memberinfo #history_head tr {
	display: table-row;
}

#memberinfo #history_head th,
#memberinfo .retail th {
	display: table-cell;
	padding: 5px 3px;
	border: 1px solid #ccc;
	background-color: #efefef;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: center;
	vertical-align: middle;
}

#memberinfo #history_head td,
#memberinfo .retail td {
	display: table-cell;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 1.2em;
	vertical-align: middle;
}

/*---- history_head ---*/
#memberinfo #history_head {
	display: table;
	width: 100%;
	margin-bottom: .8333em;
	border-collapse: collapse;
}

/*---- customer_form ---*/
#memberinfo .customer_form {
	margin-bottom: 0;
	border: none;
}

#memberinfo .customer_form th {
	width: auto;
	margin-bottom: .357143em;
	padding: 0;
	border: none;
	background: none;
	font-weight: bold;
}

#memberinfo .customer_form td {
	display: block;
	padding: 0;
	border: none;
	color: #666;
	font-size: 1em;
}

#memberinfo .customer_form tr.inp1 td {
	display: inline-block;
}

/*---- send ---*/
.member-page #memberinfo .send input.top,
.member-page #memberinfo .send input.deletemember {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	background-color: #efefef;
	color: #262626;
}

.member-page #memberinfo .send input.deletemember {
	margin-top: .714286em;
}

.member-page #memberinfo .send input.top:hover,
.member-page #memberinfo .send input.deletemember:hover {
	background-color: #ddd;
}


/*-------------------------------------------
　WCEX DL Seller　*/

#memberinfo #history_head td.retail a {
	padding: 0;
	background: none;
	color: #0f9abb;
}

#memberinfo #history_head td.retail a:hover {
	text-decoration: underline;
}

/*---- retail ---*/
#memberinfo .retail {
	display: table;
	width: 100%;
	margin-bottom: 1.666666em;
	border-collapse: collapse;
}

#memberinfo .retail td.cartrownum,
#memberinfo .retail td.thumbnail {
	text-align: center;
}

#memberinfo .retail .quantity {
	white-space: nowrap;
}

#memberinfo table.retail .redownload_link {
	margin: .714286em 0;
	text-align: center;
}

#memberinfo table.retail .redownload_link a {
	padding: .714286em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ff8c00;
	color: #fff;
	text-decoration: none;
}

#memberinfo table.retail .redownload_link a:hover {
	background-color: #ffa500;
}


/* =ZEUS
-------------------------------------------------------------- */

/*--- wc_member_page.php ---*/
.gotoedit,
.gotoedit {
	margin: 10px 0;
	text-align: center;
}

.gotoedit a,
.gotoedit a {
	display: inline-block;
	padding: .714286em 1.42857em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
	color: #262626;
}

.gotoedit a:hover,
.gotoedit a:hover {
	background-color: #ddd;
	text-decoration: none;
}

/*---　#wc_member_update_settlement　---*/
#wc_member_update_settlement h3 {
	margin: 1.53846em 0;
	padding: .384615em 0 .384615em .23076em;
	border-bottom: 1px solid #ccc;
	color: #000;
	letter-spacing: .05em;
}

#wc_member_update_settlement .send {
	text-align: center;
}

#wc_member_update_settlement .send input:last-child {
	margin-top: 10px;
}

#wc_member_update_settlement td select {
	width: auto;
}


/* =wc_new_member_page.php + wc_customer.php
-------------------------------------------------------------- */

.agree_member_area {
	width: 90%;
	margin: 1.42857em auto 0;
}

.agree_member_area .at_exp_text {
	margin-bottom: .714286em;
}

.agree_member_area textarea {
	width: 100%;
	height: 150px;
	margin-bottom: .41666em;
	padding: .769231em;
	border: 1px solid #ccc;
	color: #565656;
	font-size: 13px;
	line-height: 180%;
	resize: none;
}

.agree_member_area .at_check_area {
	text-align: center;
}


/*---　Delivery Address in Cart　---*/

.delivery-address-book #delivery_address_book {
	display: block;
	margin-bottom: 15px;
}

table#delivery_table tr td.delivery-address-book a.new-delivery-address-button {
	float: none;
}

/* =wc_member_mda_page.php
-------------------------------------------------------------- */

.memb-delivery-address #new_destination {
	width: 100%;
	margin: 10px 0 0;
}

.memb-delivery-address .return_navi {
	position: initial;
	width: 100%;
	margin: 10px 0 0 0;
}

.memb-delivery-address .return_navi a {
	width: 100%;
	text-align: center;
}

.memb-delivery-address .return_navi a:hover {
	color: #fff;
}

.memb-delivery-address .destination_label {
	display: block;
}

.memb-delivery-address #destination {
	width: 100%;
	margin: 0;
}

.memb-delivery-address .msa_field {
	padding: 1.071428em 0;
	border-bottom: #efefef 2px solid;
	background: none;
}

.memb-delivery-address .msa_field label {
	display: block;
	width: 100%;
	margin-bottom: 4px;
	padding: 0;
}

.memb-delivery-address .msa_field textarea,
.memb-delivery-address .msa_field input[type="text"] {
	width: 100%;
	margin: 0;
}

.memb-delivery-address .msa_field .member_name {
	padding-left: 1em;
}

.memb-delivery-address .msa_field #msa_name,
.memb-delivery-address .msa_field #msa_name2,
.memb-delivery-address .msa_field #msa_furigana,
.memb-delivery-address .msa_field #msa_furigana2 {
	width: calc((100% / 2) - 3.5em);
	margin: 0 .5em;
	vertical-align: middle;
}

.memb-delivery-address .msa_field #msa_name2,
.memb-delivery-address .msa_field #msa_furigana2 {
	margin-right: 0;
}

.memb-delivery-address #zipcode {
	width: 8em;
	margin-right: 1em;
}

.memb-delivery-address .msa_field .search-zipcode {
	margin: 0;
}

.memb-delivery-address #msa_address1,
.memb-delivery-address #msa_address2,
.memb-delivery-address #msa_note {
	width: 100%;
}

.memb-delivery-address #msa_tel,
.memb-delivery-address #msa_fax {
	width: 43%;
}

.memb-delivery-address .msa_field select {
	margin: 0;
}

.memb-delivery-address .msa_message {
	margin-left: 1em;
}

.memb-delivery-address #name_message,
.memb-delivery-address #zip_message,
.memb-delivery-address #tel_message {
	display: block;
	margin-left: 0;
}

.memb-delivery-address #address1_message,
.memb-delivery-address #address2_message {
	margin-left: 0;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	/* =item-single.php
	-------------------------------------------------------------- */
	.item_page_title {
		margin: 0 0 2.22222em;
		font-size: 1.285714em;
		line-height: 1.285714em;
	}

	#itempage #img-box {
		width: 40%;
		margin-bottom: 0;
		float: left;
	}

	#img-box .itemsubimg a {
		width: 30.333%;
	}

	.detail-box {
		width: 55%;
		float: right;
	}

	#itempage .item-info {
		clear: both;
	}

	.item-info .skuform {
		margin: 0 0 2.85714em;
	}

	.item-info .skubutton {
		padding: 0.7em 2.142856em;
	}

	.item-info .field {
		text-align: right;
	}

	.item-info .zaikostatus,
	.item-info .field_price {
		margin-bottom: 0.7em;
		float: none;
	}

	/* ---- .tax_inc_block ---- */

	.item-info .tax_inc_block {
		margin: -8px 0 10px;
		clear: both;
		text-align: right;
	}

	.assistance_item li {
		width: 22%;
		margin-right: 4%;
		padding: 1.42857em 0 0;
	}

	.assistance_item li:nth-child(even) {
		margin-right: 4%;
	}

	.assistance_item li:nth-child(4n) {
		margin-right: 0;
	}

	/* =cart
	-------------------------------------------------------------- */
	.cart_page_title {
		margin: 0 0 2.22222em;
		font-size: 1.285714em;
		line-height: 1.285714em;
	}

	div.cart_navi li {
		width: 24.5%;
		font-size: 1em;
	}

	#cart_table .thumbnail {
		display: table-cell;
	}

	/* =wc_cart_page.php
	-------------------------------------------------------------- */
	.ui-dialog {
		width: 400px !important;
	}

	/* =wc_confirm_page.php
	-------------------------------------------------------------- */
	#wc_confirm .send input#back_button {
		margin-bottom: 0;
	}

	/* =member
	-------------------------------------------------------------- */
	.member_page_title {
		margin: 0 0 2.22222em;
		font-size: 1.285714em;
		line-height: 1.285714em;
	}

	#wc_login .error_message,
	#wc_member .error_message,
	#wc_changepassword .loginbox,
	#wc_changepassword .error_message,
	#wc_lostmemberpassword .loginbox,
	#wc_lostmemberpassword .error_message {
		width: 50%;
	}

	#wc_login .loginbox,
	#wc_changepassword .loginbox,
	#wc_lostmemberpassword .loginbox {
		margin: 0 auto;
		padding: .714286em 2.14285em;
		font-size: 1em;
	}

	.loginbox .submit,
	#wc_lostmemberpassword #nav a {
		font-size: 1em;
	}

	#wc_newcompletion #memberpages p a,
	#wc_lostcompletion #memberpages p a,
	#wc_changepasscompletion #memberpages p a {
		margin: 1.0714em 0 0;
		padding: .714286em 1.42857em;
		font-size: 1em;
	}

	/* =wc_member_page.php
	-------------------------------------------------------------- */
	.member_submenu a {
		width: auto;
	}

	.member-page .send {
		padding-top: 1.42857em;
	}

	#memberinfo table {
		display: table;
		font-size: 1em;
		font-weight: normal;
	}

	#memberinfo table tbody {
		display: table-row-group;
	}

	#memberinfo table tr {
		display: table-row;
	}

	#memberinfo th {
		display: table-cell;
		border: 1px solid #ccc;
		font-weight: bold;
	}

	#memberinfo td {
		display: table-cell;
		border: 1px solid #ccc;
	}

	#memberinfo .space {
		display: table-cell;
	}

	#memberinfo #history_head {
		font-size: 1em;
	}

	#memberinfo #history_head th {
		font-size: 1em;
		white-space: nowrap;
	}

	#memberinfo #history_head td,
	#memberinfo .retail th,
	#memberinfo .retail td {
		padding: .35715em;
		font-size: 1em;
	}

	.member-page #memberinfo .send input.editmember {
		margin: 0;
	}

	.member-page #memberinfo .send input.deletemember {
		margin-top: 0;
	}

	#memberinfo .customer_form th {
		display: table-cell;
		width: 30%;
		padding: .35715em 1.0714em;
		border: 1px solid #ccc;
		background-color: #efefef;
		vertical-align: middle;
	}

	#memberinfo .customer_form td {
		display: table-cell;
		padding: .35715em 1.0714em;
		border: 1px solid #e0e0e0;
	}

	#memberinfo .customer_form tr.inp1 td {
		display: table-cell;
	}


	/*---　Delivery Address in Cart　---*/

	.delivery-address-book #delivery_address_book {
		display: inline-block;
		margin: 0 1em 0 0;
	}

	table#delivery_table tr td.delivery-address-book a.new-delivery-address-button {
		float: right;
	}

}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {


	/* =item-single.php
	-------------------------------------------------------------- */

	.item-info .item-option dt,
	.item-info .itemGpExp dt {
		display: inline-block;
		width: 25%;
		margin-bottom: .714286em;
		vertical-align: top;
	}

	.item-info .item-option dd,
	.item-info .itemGpExp dd {
		display: inline-block;
		width: 65%;
		margin-bottom: .714286em;
		padding-left: 3%;
		border-left: 1px solid #ccc;
	}

	.item-info .field {
		padding-bottom: 0;
	}


	/* =cart
	-------------------------------------------------------------- */

	/*--- cart_table ---*/
	.cart-page .send {
		padding-top: 1.42857em;
	}

	#cart_table .stock {
		display: table-cell;
		white-space: nowrap;
	}

	/*---- customer_form ---*/
	.customer_form {
		margin-bottom: 1.071428em;
	}

	.customer_form tr {
		display: table-row;
		margin-bottom: 0;
		padding: 0;
		border: none;
	}

	.customer_form th {
		display: table-cell;
		width: 25%;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
		background-color: #f6f6f6;
		vertical-align: middle;
	}

	.customer_form td {
		display: table-cell;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
		color: #6e6e6e;
	}

	.customer_form tr.inp1 td {
		display: table-cell;
		width: auto;
		margin-bottom: 0;
	}

	.customer_form input[type="password"] {
		display: inline-block;
	}


	/* =wc_confirm_page.php
	-------------------------------------------------------------- */

	/*---- confirm_table ---*/
	#confirm_table th {
		display: table-cell;
		width: 30%;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
		background-color: #efefef;
		vertical-align: middle;
	}

	#confirm_table td {
		display: table-cell;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
	}

	#confirm_table .ttl h3 {
		margin: 0;
		padding: 0;
		background: none;
	}


	/* =wc_new_member_page.php + wc_customer.php
	-------------------------------------------------------------- */

	.agree_member_area {
		width: 70%;
		margin: 1.42857em auto 0;
	}


	/* =wc_member_mda_page.php
	-------------------------------------------------------------- */

	.memb-delivery-address .msa_total {
		display: flex;
		align-items: center;
	}

	.memb-delivery-address #new_destination {
		width: auto;
		margin: 0 0 0 1em;
	}

	.memb-delivery-address .return_navi {
		position: absolute;
		width: auto;
		margin: 0;
	}

	.memb-delivery-address #destination {
		width: auto;
		margin: 0 0 0 1em;
	}

	.memb-delivery-address .msa_operation {
		display: flex;
		align-items: center;
	}

	.memb-delivery-address .msa_field {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: none;
	}

	.memb-delivery-address .msa_field label {
		width: 25%;
		margin: 0;
	}

	.memb-delivery-address .msa_field textarea,
	.memb-delivery-address .msa_field input[type="text"],
	.memb-delivery-address #msa_address1,
	.memb-delivery-address #msa_address2,
	.memb-delivery-address #msa_note {
		width: 75%;
	}

	.memb-delivery-address .msa_field #msa_name,
	.memb-delivery-address .msa_field #msa_name2,
	.memb-delivery-address .msa_field #msa_furigana,
	.memb-delivery-address .msa_field #msa_furigana2 {
		width: calc((75% / 2) - 5em);
	}

	.memb-delivery-address #msa_tel,
	.memb-delivery-address #msa_fax {
		width: 30%;
	}

	.memb-delivery-address #name_message,
	.memb-delivery-address #address1_message,
	.memb-delivery-address #address2_message {
		display: block;
		margin-left: 25%;
	}

	.memb-delivery-address #zip_message,
	.memb-delivery-address #tel_message {
		display: inline;
		margin-left: 1em;
	}


}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	/* =cart
	-------------------------------------------------------------- */
	#cart_table .num {
		display: table-cell;
	}

	/* =wc_login_page.php
	-------------------------------------------------------------- */
	#wc_login .loginbox {
		width: 50%;
	}

	/* =wc_delivery_page.php
	-------------------------------------------------------------- */
	#wc_delivery .customer_form select {
		max-width: 500px;
	}
}


/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {


	/* =item-single.php
	-------------------------------------------------------------- */

	/*---- imgblock ---*/
	#itempage #img-box {
		width: 300px;
		margin-bottom: 2.142856em;
	}

	#itempage .item-description {
		margin-bottom: 2.142856em;
	}

	/*---- item-option ---*/
	.item-info .item-option select[multiple] {
		width: 100%;
	}

	/*---- assistance_item ---*/
	.assistance_item h3 {
		margin: 2.142856em 0 0;
	}

	/* =member
	-------------------------------------------------------------- */
	#memberinfo h3 {
		margin: 2.142856em 0 1.42857em;
		padding: 0;
		background: none;
		font-size: 1em;
	}

	#memberinfo th {
		padding: .714286em;
	}

	#memberinfo td {
		padding: .357143em 1.071428em;
	}

	/*---- history-area ---*/
	#memberinfo .history-area {
		max-height: 500px;
		margin-bottom: 2.85714em;
		padding: 1.42857em 1.42857em 0 0;
		overflow-y: scroll;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	/*--- wc_login  ---*/
	#wc_login .loginbox .new-entry #nav a,
	#wc_member .loginbox .new-entry #nav a,
	#wc_lostmemberpassword #member_login,
	#wc_lostmemberpassword #nav a,
	#wc_newcompletion #memberpages p a,
	#wc_lostcompletion #memberpages p a,
	#wc_changepasscompletion #memberpages p a,
	#wc_newcompletion .send a,
	#wc_lostcompletion .send input,
	#wc_lostcompletion .send a,
	#wc_changepasscompletion .send a {
		padding: 1.071428em 2.14286em;
	}
}


/* =wcex_auto_delivery
-------------------------------------------------------------- */

/*-- #wc_item-single.php  --*/
.item-info #wc_regular {
	margin-top: 30px;
	background: none;
	border: 1px solid #ccc;
}
.item-info #wc_regular .wcr_tlt{
	color: #333;
	margin-bottom: 1.4286em;
	padding: .35715em 0;
	background-color: #dedede;
}
.item-info #wc_regular .field,
.item-info #wc_regular .skuform {
	padding: 0 .714286em .357143em;
}
.item-info #wc_regular .skuform .field {
	padding: 0 .357143em .357143em;
}
.item-info #wc_regular .inside {
	padding: 0 10px 20px 10px;
}
.item-info #wc_regular .skubutton {
	padding: .714286em 1.42857em;
}

/*---- auto_delivery ---*/
#wc_regular table {
	width: 100%;
	margin-bottom: .7143em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#wc_regular table th {
	padding: .7143em;
	background-color: #eee;
	border: 1px solid #ccc;
}
#wc_regular table td {
	padding: .7143em;
	background-color: #fff;
	border: 1px solid #ccc;
}
#wc_regular .item_option caption{
	display: none;
}
#wc_regular .item_option {
	border: none;
}
#wc_regular .item_option th {
	display: block;
	padding: 0 5px;
	background: none;
	border: none;
}
#wc_regular .item_option td {
	display: block;
	padding: 0 5px 10px;
	border: none;
}
#wc_regular table td select {
	width: 60%;
}
#wc_regular table td textarea {
	width: 100%;
}
#wc_regular .field_name em {
	font-size: 11px;
}
#wc_regular input.skuquantity {
	width: 3.376em !important;
	height: 3.376em;
	margin: 0 .375em;
	padding: .225em;
	border: 1px solid #aaa;
	text-align: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#wc_regular .field_name,
#wc_regular .field_price {
	float: none;
	text-align: right;
}

/*-- #wc_cart  --*/
.regular_info {
	margin: .7143em .7143em;
}
.regular_info_title {
	display: inline-block;
	font-size: 1em;
	padding-bottom: .35715em;
	letter-spacing: 3px;
}

/* =wc_autodelivery_history_page.php
-------------------------------------------------------------- */

/*--- #history_head  ---*/
#wc_autodelivery_history h3 {
	color: #000;
	font-size: 1em;
	margin: 0 0 .7143em;
	padding: 5px;
	background-color: #dedede;
}
#wc_autodelivery_history table {
	display: table;
	width: 100%;
	margin-bottom: .7143em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#wc_autodelivery_history table tbody {
	display: table-row-group;
}
#wc_autodelivery_history table tr {
	display: table-row;
}
#wc_autodelivery_history table th {
	display: table-cell;
	font-size: 11px;
	padding: .4545em .2727em;
	background-color: #efefef;
	border: 1px solid #ccc;
	line-height: 1.4em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
#wc_autodelivery_history table td {
	display: table-cell;
	font-size: 11px;
	padding: .4545em .2727em;
	border: 1px solid #ccc;
	line-height: 1.4em;
	text-align: center;
	vertical-align: middle;
}
#wc_autodelivery_history td .item_img {
	margin-bottom: 10px;
}
#wc_autodelivery_history td .item_img a {
	padding: 0;
	background: none;
}
#wc_autodelivery_history table .payment_method {
	white-space: nowrap;
}
#wc_autodelivery_history table td.address {
	text-align: left;
}

/*　.send　*/
#wc_autodelivery_history .send input {
	color: #262626;
	background-color: #efefef;
}
#wc_autodelivery_history .send input:hover {
	background-color: #ddd;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	.item-info #wc_regular .skubutton {
		padding: 1.071428em 2.142856em;
	}

}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
	
	#wc_regular .item_option {
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#wc_regular table.skumulti .item_option th {
		display: table-cell;
		width: 25%;
		margin-bottom: 10px;
		background-color: #dedede;
		border-bottom: 1px solid #ccc;
	}
	#wc_regular .item_option td {
		display: table-cell;
		width: 65%;
		margin-bottom: 10px;
		padding-left: 3%;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#wc_regular .itemGpExp dt {
		width: 35%;
	}
	#wc_regular .itemGpExp dd {
		width: 60%;
	}
}

/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {
}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {
	
	#wc_autodelivery_history h3 {
		margin-bottom: 1.4286em;		
	}
	#wc_autodelivery_history .inside {
		padding: 1.4286em 0 0 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	/*--- #history_head  ---*/
	#wc_autodelivery_history table th {
		font-size: 1em;
		font-weight: normal;
		padding: .35715em;
	}
	#wc_autodelivery_history table td {
		font-size: 1em;
		padding: .35715em;
		line-height: 1.3em;
	}
}

/* =WCEX Widget Cart
-------------------------------------------------------------- */

.widget_wcex_olwidget table {
	font-size: 13px;
	border: 1px solid #e0e0e0;
	border-collapse: collapse;
}
.widget_wcex_olwidget td {
	padding: .3846em .7692em;
	border: 3px double #e0e0e0;
	text-align: center;
	vertical-align: middle;
}
.widget_wcex_olwidget .olw_date {
	line-height: 140%;
	text-align: left;
}
.widget_wcex_olwidget .olw_amount {
	font-weight: bold;
	text-align: right;
}
.widget_wcex_olwidget .olw_state,
.widget_wcex_olwidget .olw_member,
.widget_wcex_olwidget .olw_amount {
	white-space: nowrap;
}

/* =item-single.php
-------------------------------------------------------------- */

/* -- .item-sku -- */
.skuform .item-sku {
	margin-bottom: 20px;
}
/* - radio - */
dl.item-sku {
	display: block;
	padding: 20px 0;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
dl.item-sku dt {
	display: block;
	font-weight: bold;
	padding: 0;
	background: none;
	border: none;
}
dl.item-sku dt:after {
	display: none;
}
dl.item-sku dd {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}
dl.item-sku dd:last-child {
	margin-bottom: 0;
}
dl.item-sku dd input[type="radio"] {
	display: none;
}
dl.item-sku dd input[type="radio"]:checked + label {
	border: 3px solid #333;
	padding: 0 20px;
}
dl.item-sku dd label {
	color: #000;
	border: 2px solid #ddd;
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 21px;
	cursor: pointer; 
}
dl.item-sku dd label:hover {
	border: 3px solid #333;
	padding: 0 20px;
}
/* - table - */
table.item-sku {
	display: block;
	position: relative;
	width: 100%;
	border-collapse: collapse;
	border: none;
}
.item-sku thead {
	display: block;
	float: left;
}
.item-sku thead tr {
	display: block;
}
.item-sku tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
	letter-spacing: -10px;
}
.item-sku tbody tr {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.item-sku tbody tr {
	border-right: 1px solid #dfdfdf;
}
.item-info .item-sku tbody tr th {
	border: none;
	border-top: 1px solid #dfdfdf;
}
.item-info .item-sku th {
	display: block;
	width: auto;
	height: 31px;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	border-bottom: none;
	text-align: center;
}
.item-info .item-sku td {
	display: block;
	width: auto;
	height: 31px;
	padding: 5px 10px;
	border: none;
	border-top: 1px solid #dfdfdf;
	text-align: center;
}
.item-info .item-sku th:last-child,
.item-info .item-sku td:last-child {
	border-bottom: 1px solid #dfdfdf;
}
table.item-sku input[type="radio"] {
	margin: 0;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* -- WCEX Auto Delivery -- */

/* -- table -- */
#wc_regular table.item-sku {
	display: block;
	position: relative;
	width: 100%;
	border: none;
	border-collapse: collapse;
}
#wc_regular .item-sku thead {
	display: block;
	float: left;
}
#wc_regular .item-sku thead tr {
	display: block;
}
#wc_regular .item-sku tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
	letter-spacing: -10px;
}
#wc_regular .item-sku tbody tr {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#wc_regular .item-sku tbody tr {
	border-right: 1px solid #dfdfdf;
}
#wc_regular .item-sku tbody tr th {
	border: none;
	border-top: 1px solid #dfdfdf;
}
#wc_regular .item-sku th {
	display: block;
	width: auto;
	height: 31px;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #dfdfdf;
	border-bottom: none;
	text-align: center;
}
#wc_regular .item-sku td {
	display: block;
	width: auto;
	height: 31px;
	padding: 5px 10px;
	border: none;
	border-top: 1px solid #dfdfdf;
	text-align: center;
}
#wc_regular .item-sku th:last-child,
#wc_regular .item-sku td:last-child {
	border-bottom: 1px solid #dfdfdf;
}
#wc_regular table.item-sku input[type="radio"] {
	margin: 0;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* -- .wcss_loading -- */

.wcss_loading {
	text-align: right;
}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	/* =item-single.php
	-------------------------------------------------------------- */

	/* -- .item-sku -- */
	
	/* - radio - */
	dl.item-sku dt {
		width: 25%;
		display: inline-block;
		margin-bottom: .714286em;
		vertical-align: top;
	}
	dl.item-sku dd {
		width: 65%;
		display: inline-block;
		margin-bottom: .714286em;
		padding-left: 3%;
		border-left: 1px solid #ccc;
	}

	/* - table - */
	table.item-sku {
		display: table;
		border-collapse: separate;
		border-spacing: 0;
		border: none;
		border-bottom: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
	}
	.item-sku thead,
	.item-sku tbody {
		display: table-row-group;
		float: none;
	}
	.item-sku thead tr,
	.item-sku tbody tr {
		display: table-row;
		float: none;
	}
	.item-info .item-sku th,
	.item-info .item-sku td {
		display: table-cell;
		border: 1px solid #dfdfdf;
	}
	.item-info .item-sku th,
	.item-info .item-sku tbody tr th,
	.item-info .item-sku th:last-child,
	.item-info .item-sku td,
	.item-info .item-sku td:last-child {
		height: auto;
		border: none;
		border-top: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}

	/* -- WCEX Auto Delivery -- */

	/* -- dl,dt,dd -- */
	
	#wc_regular dl.item-sku {
		overflow: hidden;
	}
	#wc_regular dl.item-sku dt,
	#wc_regular dl.item-sku dd {
		float: left;
	}

	/* - table - */
	#wc_regular table.item-sku {
		display: table;
		border-collapse: separate;
		border-spacing: 0;
		border: none;
		border-bottom: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
	}
	#wc_regular .item-sku thead,
	#wc_regular .item-sku tbody {
		display: table-row-group;
		float: none;
	}
	#wc_regular .item-sku thead tr,
	#wc_regular .item-sku tbody tr {
		display: table-row;
		float: none;
	}
	#wc_regular .item-sku th,
	#wc_regular .item-sku td {
		display: table-cell;
		border: 1px solid #dfdfdf;
	}
	#wc_regular .item-sku th,
	#wc_regular .item-sku tbody tr th,
	#wc_regular .item-sku th:last-child,
	#wc_regular .item-sku td,
	#wc_regular .item-sku td:last-child {
		height: auto;
		border: none;
		border-top: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}


}

/* =WCEX Widget Cart
-------------------------------------------------------------- */

ul.wcex_widgetcart_body li {
	margin-bottom: 0;
}
ul.wcex_widgetcart_body li #wgct_point {
	text-align: right;
}
ul.wcex_widgetcart_body li span.wgct_point {
	font-weight: bold;
	letter-spacing: .5px;
}
#wdgctToCart a {
	display: inline-block;
	font-size: 12px;
	float: right;
	color: #ff8c00;
	margin: 10px 0;
	padding: 3px 15px;
	background-color: #fff;
	border: 1px solid #ff8c00;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wdgctToCart a:hover {
	background-color: #feffe8;
	text-decoration: none;
}
#wgct_row .empty_cart {
	padding: .7692em 0 0;
	text-align: center;
}
.widgetcart_rows {
	width: 100%;
	border: none;
	line-height: 160%;
	border-collapse: collapse;
}
.widgetcart_rows th.header {
	font-size: 13px;
}
.widgetcart_rows th.header,
.widgetcart_rows th.total_price {
	border: none;
	padding-right: 0;
	padding-bottom: .35715em;
	line-height: 120%;
	text-align: right;
	vertical-align: middle;
}
.widgetcart_rows th.total_price {
	color: #262626;
	font-size: 18px;
	font-weight: bold;
}
.widgetcart_rows th.item,
.widgetcart_rows th.quant,
.widgetcart_rows th.price,
.widgetcart_rows th.trush {
	padding: .35715em;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	text-align: center;
	white-space: nowrap;
}
.widgetcart_rows td.widgetcart_item,
.widgetcart_rows td.widgetcart_quant,
.widgetcart_rows td.widgetcart_price,
.widgetcart_rows td.widgetcart_trush {
	padding: .35715em;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
.widgetcart_rows td.widgetcart_trush,
.widgetcart_rows th.widgetcart_trush {
	padding: .2143em .5714em;
	min-width: 2em;
}

.widgetcart_rows .widgetcart_trush img {
	vertical-align: middle;
}

.widgetcart_rows th.footer {
	padding: .7692em 0;
	border: none;
	text-align: right;
}
#wdgctToCheckout {
	text-align: right;
}
#wdgctToCheckout a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	background: none;
	background-color: #ff8c00;
	border: none;
	text-align: center;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wdgctToCheckout a:hover {
	color: #fff;
	background-color: #ffa500;
	text-decoration: none;
}
#wgct_alert.update_box,
#wgct_alert.completion_box {
	width: auto;
	height: auto;
	display: none;
	color: #3169da;
	font-weight: bold;
	padding: 10px;
	background-color: #e7efff;
	border: 1px solid #a2baea;
	text-align: center;
}
#wgct_alert #wdgctToCheckout {
	margin-top: 5px;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	/*--- wcex_widgetcart  ---*/
	#wgct_row {
		width: 100%;
	}

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	#wgct_row {
		width: 100%;
	}
	#secondary .widgetcart_rows {
		font-size: 13px;
	}
	#secondary .widgetcart_rows th em {
		display: block;
	}

}

/* = Common
-------------------------------------------------------------- */
.ui-dialog input,
.open_allocation_bt,
.go_destination a {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}
.go_destination a:hover {
	text-decoration: none;
}
/* button white-orange */
.open_allocation_bt {
	background-color: #fff;
	color: #ff8c00;
	border-color: #ff8c00;
}
.open_allocation_bt:hover {
	background-color: #fdffd3;
	color: #e28619;
}
/* button blue */
#memberinfo .msa_area .return_navi a,
.ui-widget-content .go_destination a {
	background-color: #2EA2CC;
	border-color: #2EA2CC;
}
#memberinfo .msa_area .return_navi a:hover,
.ui-widget-content .go_destination a:hover {
	background-color: #1E8CBE;
}
/* button orange */
#determine,
#new_alloc_button,
input[type=button].allocation_edit_button {
	background-color: #ff8c00;
	border-color: #ff8c00;
}
#determine:hover,
#new_alloc_button:hover,
input[type=button].allocation_edit_button:hover {
	background-color: #ffa500;
	border-color: #ffa500;
}
/* button gray */
input[type=button].allocation_delete_button {
	border: 1px solid #d3d3d3;
}

/* = Dialog
-------------------------------------------------------------- */
.ui-dialog.allocation {
	padding: 0;
	border: 1px solid #ccc;
}
.ui-dialog.allocation .ui-widget-header {
	background: none;
	background-color: #161616;
	color: #fff;
	border-radius: 0;
}
.ui-dialog.allocation #allocation_dialog {
	width: 100% !important;
	min-width: inherit !important;
	max-height: none !important;
	padding: 10px;
}
.allocation_inner #allocate_response .errmes {
	margin: 0;
	padding: 5px 0;
	background: none;
	color: #d00;
	font-weight: bold;
}
.new_alloc_button_area {
	margin-bottom: 10px;
}
.go_destination {
	display: block;
	margin: 0;
}
.go_destination a,
#new_alloc_button,
.destination_area .destination_name,
.destination_area .edit_button_area {
	display: block;
	width: 100%;
}
.go_destination a {
	text-align: center;
}
.destination_area .destination_name,
.destination_area .edit_button_area {
	float: none;
}
input[type=button].allocation_edit_button {
	width: 60%;
}
.ui-dialog.allocation select#destination {
	width: 9em;
	height: 2.5em;
	margin-right: .5em;
	vertical-align: middle;
}
.msa_table th,
.msa_table td {
	padding: .5em 0;
	vertical-align: middle;
}
.msa_table .msa_thumb,
.msa_table .msa_arrow {
	display: none;
}
.msa_table td.msa_quantity {
	text-align: right;
}
.msa_table td.msa_quantity input {
	width: 40px;
	margin-left: .5em;
	padding: .5714285em;
	border: 1px solid #aaa;
	text-align: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* = Delivery Page
-------------------------------------------------------------- */
#multi_cart_table #cart_table .thumbnail {
	display: table-cell;
}
#multi_cart_table .subtotal {
	width: 5em;
}
#msa_delivery_date_after {
	display: block;
	margin: .5em 0 0;
}

/* = Confirm Page
-------------------------------------------------------------- */
#wc_confirm #cart_table .thumbnail {
	display: table-cell;
}
#cart_table td.msa-destination,
#cart_table td.msa-postage-title,
#cart_table td.msa-postage-detail {
	background-color: #f6f6f6;
}
#cart_table td.msa-destination {
	text-align: left;
}
#cart_table td.msa-postage-detail {
	text-align: right;
}

/* = Member Page
-------------------------------------------------------------- */
#memberinfo a.usces_logout_a {
	margin-top: 0;
}
.return_navi {
	position: inherit;
	top: inherit;
	right: inherit;
	margin-top: 10px;
}
#new_destination,
#memberinfo .msa_area .return_navi a {
	width: 100%;
	text-align: center;
}
#new_destination {
	margin: 20px 0 0;
	padding: .714286em 1.42857em;
}
#memberinfo .msa_area .return_navi a {
	color: #fff;
	border: #0074A2 1px solid;
}
.msa_operation label {
	display: block;
}
.msa_operation #destination {
	margin: 0;
	width: 100%;
}
.msa_field {
	padding: 1.071428em 0;
	background: none;
	border-bottom: #efefef 2px solid;
}
.msa_field label {
	display: block;
	width: 100%;
	padding: 0;
}
.msa_field textarea,
.msa_field input[type=text] {
	margin: 0;
	vertical-align: middle;
}
.msa_field #msa_company,
.msa_field #msa_address1,
.msa_field #msa_address2,
.msa_field #msa_address3,
.msa_field #msa_note {
	width: 100%;
}
.msa_field .member_name {
	padding-left: 1em;
}
.msa_field #msa_name,
.msa_field #msa_name2,
.msa_field #msa_furigana,
.msa_field #msa_furigana2 {
	margin: 0 .5em;
	width: calc((100% / 2) - 3.5em);
}
.msa_field #msa_name2,
.msa_field #msa_furigana2 {
	margin-right: 0;
}
.msa_field #msa_zip {
	width: 8em;
}
.msa_field .search-zipcode {
	margin-left: .5em;
}

/* -- #wc_member_msa -- */
#wc_member_msa table {
	display: block;
	width: 100%;
	margin-bottom: .714286em;
	border: none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#wc_member_msa table tbody,
#wc_member_msa table tr {
	display: block;	
}
#wc_member_msa table th {
	display: block;
	font-weight: normal;
	width: auto;
	padding: .357143em;
	background-color: #efefef;
	border: none;
	border-bottom: 1px solid #ccc;
}
#wc_member_msa table td {
	display: block;
	padding: .357143em;
	border: none;
	border-bottom: 1px solid #ccc;
}
#wc_member_msa table th.space,
#wc_member_msa table td.space {
	display: none;
}


/**
 * Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	
	/* = Member Page
	---------------------------------------------------------- */
	.member_submenu {
		text-align: center;
	}
	.member_submenu li {
		display: inline-block;
		margin-right: 10px;
	}
	.member_submenu li.member-logout {
		display: block;
		margin-right: 0;
	}

	/* - #wc_member_msa  - */
	#wc_member_msa table {
		display: table;
		font-size: 1em;
		font-weight: normal;
	}
	#wc_member_msa table tbody {
		display: table-row-group;
	}
	#wc_member_msa table tr {
		display: table-row;
	}
	#wc_member_msa table th {
		display: table-cell;
		font-weight: bold;
		border: 1px solid #ccc;
	}
	#wc_member_msa table td {
		display: table-cell;
		border: 1px solid #ccc;
	}
	#wc_member_msa table th.space,
	#wc_member_msa table td.space {
		display: table-cell;
	}


}

/**
 * Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
	/* = Common
	---------------------------------------------------------- */
	.go_destination,
	.go_destination a,
	#new_alloc_button,
	#memberinfo .msa_area .return_navi a,
	.msa_operation label,
	.msa_field label {
		display: inline-block;
	}
	.msa_table .msa_thumb,
	#wc_confirm #cart_table .num {
		display: table-cell;
	}
	.go_destination a,
	#new_alloc_button,
	input[type=button].allocation_edit_button,
	.destination_area .edit_button_area,
	#new_destination,
	#memberinfo .msa_area .return_navi a {
		width: auto; 
	}
	.msa_table .msa_thumb img {
		height: auto;
	}
	/* = Dialog
	---------------------------------------------------------- */
	.ui-dialog.allocation {
		width: 90% !important;
	}
	.go_destination {
		margin-right: 1em;
	}
	#new_alloc_button {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.allocation_dialog_exp {
		margin-top: 0;
	}
	.destination_area {
		overflow: hidden;
	}
	.destination_area .destination_name {
		float: left;
		width: 50%;
	}
	.destination_area .edit_button_area {
		float: right;
	}
	.msa_table th,
	.msa_table td {
		padding: .5em;
	}
	/* = Member Page
	---------------------------------------------------------- */
	.msa_area .msa_total {
		margin-bottom: 20px;
	}
	#new_destination {
		margin: 0 0 0 1em;
		vertical-align: middle;
	}
	.return_navi {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
	}
	#memberinfo .msa_area .return_navi a {
		padding: .53em 1.42857em;
	}
	.msa_operation #destination {
		margin-left: 10px;
		width: 60%;
	}
	.msa_field {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-top: none;
		border-bottom-width: 1px;
	}
	.msa_field label {
		width: 25%;
	}
	.msa_field select {
		margin: 0;
		width: auto;
	}
	.msa_field #msa_company,
	.msa_field #msa_address1,
	.msa_field #msa_address2,
	.msa_field #msa_address3,
	.msa_field #msa_note {
		width: 75%;
	}
	.msa_field #msa_name,
	.msa_field #msa_name2,
	.msa_field #msa_furigana,
	.msa_field #msa_furigana2 {
		width: calc((75% / 2) - 5em);
	}
}

/**
 * Tablet Large 880px
 */
@media screen and (min-width: 55em) {
	/* = Member Page
	---------------------------------------------------------- */
	.msa_operation #destination {
		width: auto;
	}
}


@media screen and (min-width: 62.5em) {
	/* = Member Page
	---------------------------------------------------------- */
	#wc_member_msa table th {
		padding: .714286em;
	}
	#wc_member_msa table td {
		padding: .357143em 1.071428em;
	}
}


.item-info {
	padding-top: 0 !important;
}

/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 1000px;
  vertical-align: top;
}
  
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}