@charset "utf-8";
/* CSS Document */


/*** ------------------------------------------------------------------------------

TOPページ

-----------------------------------------------------------------------------  ***/
.fade_off {
	opacity: 1;/* 本番時ココを０に */
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.fade_on {
	opacity: 1;
}
#home .wrapper .main-content .head-nav{
	justify-content: flex-end;
}
#home .wrapper .main-content section.content h2.section-title{
	border-bottom: none;

}
#home .wrapper .main-content section.content.option-efct ul li{
	transition: 0.2s;
}
#home .wrapper .main-content section.content.option-efct ul li:hover{
	opacity: 0.7;
}
#home .wrapper .main-content section.content.option-efct ul li a{
	cursor: pointer;
}

#home .wrapper .main-content .visual .top-mv{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	box-sizing: border-box;
}
#home .wrapper .main-content .visual .top-mv{
	padding:180px 100px 50px 70px;
	justify-content: flex-start;
	box-sizing: border-box;
	background: url(/wp/img/home/mv-back.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
#home .wrapper .main-content .visual .top-mv .mv-text{
	text-align: left;
	font-size: 35px;
	line-height: 1.7;
	font-family: ten-mincho-text, serif, Kozuka Mincho Pro;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8);
}
#home .wrapper .main-content .visual .top-mv .mv-text:after{
	content: '';
	display: block;
	width: 100%;
	height: 88px;
	margin-top: 15px;
	background: url(/wp/img/home/top-text.png)no-repeat left top;
	background-size: contain;
}
#home .wrapper .main-content .visual .top-mv .top-mv-pc{
	display: block;
	width: 100%;
}
#home .wrapper .main-content .visual .top-mv .top-mv-sp{
	display: none;
}
#home .wrapper .main-content .visual .top-mv .mv-catch{
	visibility: hidden;
	padding-top: 50px;
	padding-left: 250px;
	padding-right: 50px;
	padding-bottom: 75px;
	box-sizing: border-box;
	background: url("../../img/home/mv-text.png")no-repeat right bottom;
	background-size:142px 80px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
#home .wrapper .main-content .visual .top-mv .mv-catch span{
	display: block;
	position: relative;
	margin-top: 55px;
	font-size: 12px;
	font-weight: normal;
}
#home .wrapper .main-content .visual .top-mv .mv-catch span:before{
	content: '';
	display: block;
	position: absolute;
	width: 80px;
	height: 5px;
	top:-30px;
	left: 0;
	background: #00c2ba;
}
#home .wrapper .main-content section.content{
	display: block;
	padding: 100px 3% 70px 3%;
	box-sizing: border-box;
}
#home .wrapper .main-content section.content.pop-card ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#home .wrapper .main-content section.content.pop-card ul li{
	display: block;
	max-width: 280px;
	position: relative;
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 20px 20px 25px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}
#home .wrapper .main-content section.content.pop-card ul li:nth-child(3n){
	margin-right: 0px;
}
#home .wrapper .main-content section.content.pop-card ul li:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 5px;
	bottom: 5px;
	border-left: solid 25px transparent;
	border-bottom:solid 25px  #00c2ba;
}
#home .wrapper .main-content section.content.pop-card ul li:last-child{
	margin-right: 0px;
}
#home .wrapper .main-content section.content.pop-card ul li a{
}

#home .wrapper .main-content section.content.pop-card ul li p.img img{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	transition: 0.2s;
}
#home .wrapper .main-content section.content.pop-card ul li p.img img:hover{
	opacity: 0.7;
}
#home .wrapper .main-content section.content.pop-card ul li div{
	position: relative;
	text-align: center;
}
#home .wrapper .main-content section.content.pop-card ul li h3{
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 2px #00c2ba;
	line-height: 1.6;
	color: #000;
}
#home .wrapper .main-content section.content.pop-card ul li h3 a{
	color: #000;
}
#home .wrapper .main-content section.content.pop-card ul li .cnt{
	margin-bottom: 15px;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	color: #000;
}
#home .wrapper .main-content section.content.pop-card ul li .price{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #000;
}
#home .wrapper .main-content section.content.pop-card ul li .price span{
	color: #f52618;
}
#home .wrapper .main-content section.content.pop-card ul li .price span span{
	font-size: 22px;
}
#home .wrapper .main-content section.content.pop-card ul li .info{
	text-align: left;
	font-size: 12px;
	color: #000;
}
@media screen and (min-width:1500px){
	#home .wrapper .main-content section.content{
		padding-left: 100px;
		padding-right: 100px;
	}
	#home .wrapper .main-content section.content.pop-card .inner{
		max-width:100%;
	}
	#home .wrapper .main-content section.content.pop-card ul{
		justify-content: flex-start;
	}
	#home .wrapper .main-content section.content.pop-card ul li{
		width:calc(100% / 3 - 21px);
		max-width:calc(100% / 3 - 21px);
	}
	#home .wrapper .main-content section.content.pop-card ul li:last-child{
		margin-right: 0px;
	}
	#home .wrapper .main-content section.content.pop-card ul li p.img {
		width: 100%;
		margin-left: 0px;
	}
}
@media screen and (min-width:1600px){
	#home .wrapper .main-content section.content.pop-card ul li p.img img{
		max-width: 100%;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width:1300px){
	#home .wrapper .main-content section.content.pop-card ul li{
		width: 30%;
	}
	#home .wrapper .main-content section.content.pop-card ul li .pc_none{
		display: block;
	}
}
@media screen and (max-width:1100px){
	#home .wrapper .main-content .head-nav ul{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		text-align:center;
	}
	#home .wrapper .main-content section.content{
		padding: 50px 20px;
	}
	#home .wrapper .main-content .head-nav .sp-main-menu {
		display: block;
		width: 100%;
	}
	#home .wrapper .main-content section.content.pop-card ul li div p.img{
		width: 100%;
	}
}
@media screen and (max-width:768px){
	#home .wrapper .main-content .visual .top-mv{
		padding: 25px 25px 90px;
		background: url(/wp/img/home/mv-back-sp.png) no-repeat center center;
		background-size: cover;
	}
	#home .wrapper .main-content .visual .top-mv .mv-text{
		font-size:5vw;
	}
	#home .wrapper .main-content .visual .top-mv .mv-text:after{
		width: 45vw;
		margin-top:0px;
	}
	#home .wrapper .main-content .visual .top-mv .top-mv-pc{
		display: none;
	}
	#home .wrapper .main-content .visual .top-mv .top-mv-sp{
		display: block;
		width: 100%;
	}
	#home .wrapper .main-content .visual .top-mv .mv-catch{
		font-size: 6vw;
		padding: 20px 0px 65px 40vw;
		background-size: 100px;
	}
	#home .wrapper .main-content .visual .top-mv .mv-catch span{
		margin-top: 20px;
		font-size: 10px;
	}
	#home .wrapper .main-content .visual .top-mv .mv-catch span:before{
		top:-13px;
		width: 60px;
		height: 3px;
	}
	#home .wrapper .main-content section.content.pop-card{
		padding-left: 0px;
		padding-right: 0px;
	}
	.bx-viewport {
	  background: transparent !important;
	  border: 0;
	  overflow: visible !important;
	}
	.bx-wrapper{
		background: none !important;
		border: none !important;
	}
	.bx-wrapper .bx-prev {
	  left: -50px !important;
	}
	.bx-wrapper .bx-next {
	  right: -50px !important;
	}
	#home .wrapper .main-content section.content.pop-card ul{
		display: block;
		height: 100%;
	}
	#home .wrapper .main-content section.content.pop-card ul li,
	#home .wrapper .main-content section.content.pop-card ul li:nth-child(3n){
  		max-width: 90%;
	    height: 100%;
   		margin: 0 auto 15px;
   		width: 100%;
	}
	#home .wrapper .main-content section.content.pop-card ul li a{
		padding-top: 0px;
		padding-left: 0px;
	}
    #home .wrapper .main-content section.content.pop-card ul li a .card-img{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#home .wrapper .main-content section.content.pop-card ul li a .card-img p.img{
		width: 50%;
		padding-top: 15px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	#home .wrapper .main-content section.content.pop-card ul li a .card-img h3{
		display: block;
		width: 50%;
		margin-top: 3px;
		margin-left: 20px;
		font-size: 17px;
    	text-align: left;
    	line-height: 1.5;
	}
	#home .wrapper .main-content section.content.pop-card ul li .price,
	#home .wrapper .main-content section.content.pop-card ul li .cnt,
	#home .wrapper .main-content section.content.pop-card ul li .info{
		padding-left: 0px;
	}
	#home .wrapper .main-content section.content.pop-card ul li .price{
		font-size: 15px;
	}
	#home .wrapper .main-content section.content.pop-card ul li .price span span{
		font-size: 24px;
	}
}

#home .wrapper .main-content section.content.pop-card ul.topcard li ul.icon-list{
	display: flex;
	justify-content: unset;
}
#home .wrapper .main-content section.content.pop-card ul.topcard li ul.icon-list li{
	padding:0;
	margin:0 10px 0 0;
	width:auto;
}
#home .wrapper .main-content section.content.pop-card ul.topcard li ul.icon-list li:before{
	content:none;
	padding:0;
	margin:0;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box{
	    background: #eeeeee;
	    margin: 20px 0 0;
	    padding: 17px;
	    align-items: center;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box p{
	font-size: 14px;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box .text .num{
	font-size: 14px;
    font-weight: bold;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box .text .price{
    font-size: 16px;
    font-weight: bold;
    color: #f52618;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box .text .price .txt01{
	font-size: 24px;
}
#home .wrapper .main-content section.content.pop-card ul.topcard div.box .text .bg{
    text-align: center;
    background: #fff;
    font-size: 12px;
}

@media screen and (max-width:768px){
	#home .wrapper .main-content section.content.pop-card ul.topcard li ul.icon-list{
		height:32px;
	}
	#home .wrapper .main-content section.content.pop-card ul.topcard li ul.icon-list li{
		text-align:left;
	}
}

/* 用途から選ぶ */
#home .wrapper .main-content section.content.application ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

#home .wrapper .main-content section.content.application ul li{
	display: block;
	width: 31%;
	max-width: 280px;
	position: relative;
	margin-right: 2%;
	margin-bottom: 25px;
	padding: 20px 20px 25px;
	background: #fff;
	box-sizing: border-box;
	border: solid 1px #00c2ba;
}
#home .wrapper .main-content section.content.application ul li:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 5px;
	bottom: 5px;
	border-left: solid 25px transparent;
	border-bottom:solid 25px  #00c2ba;
}
#home .wrapper .main-content section.content.application ul li:nth-child(3n){
	margin-right: 0px;
}
#home .wrapper .main-content section.content.application ul li p.img{
	width: 100%;
}
#home .wrapper .main-content section.content.application ul li p.img img{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	transition: 0.2s;
}
#home .wrapper .main-content section.content.application ul li p.img img:hover{
	opacity: 0.7;
}
#home .wrapper .main-content section.content.application ul li div{
	position: relative;
	text-align: center;
}
#home .wrapper .main-content section.content.application ul li h3{
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 2px #00c2ba;
	color: #000;
}
#home .wrapper .main-content section.content.application ul li h3 a{
	color: #000;
}
#home .wrapper .main-content section.content.application ul li .cnt{
	margin-bottom: 23px;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	color: #000;
}
#home .wrapper .main-content section.content.application ul li .price{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #000;
}
#home .wrapper .main-content section.content.application ul li .price span{
	color: #f52618;
}
#home .wrapper .main-content section.content.application ul li .price span span{
	font-size: 22px;
}
#home .wrapper .main-content section.content.application ul li .info{
	text-align: left;
	font-size: 12px;
	color: #000;
}

@media screen and (min-width:1500px){
	#home .wrapper .main-content section.content.application{
		padding-right: 70px;
	}
	#home .wrapper .main-content section.content.application ul{
		justify-content: flex-start;
	}
	#home .wrapper .main-content section.content.application ul li,
	#home .wrapper .main-content section.content.application ul li:nth-child(3n){
		max-width:calc(25% - 30px);
		margin-right: 30px;
	}
	#home .wrapper .main-content section.content.application ul li p.img{
		margin: 0;
		width:100%;
	}
}
@media screen and (min-width:1700px){
	#home .wrapper .main-content section.content.application{
		padding-right: 70px;
	}
	#home .wrapper .main-content section.content.application ul li,
	#home .wrapper .main-content section.content.application ul li:nth-child(3n){
		max-width:calc(20% - 30px);
		margin-right: 30px;
	}
}
@media screen and (min-width:2000px){
	#home .wrapper .main-content section.content.application{
		padding-right: 70px;
	}
	#home .wrapper .main-content section.content.application ul li,
	#home .wrapper .main-content section.content.application ul li:nth-child(3n){
		max-width:calc(15% - 30px);
		margin-right: 30px;
	}
}
@media screen and (max-width:768px){
	#home .wrapper .main-content section.content.application ul li {
		padding: 0px;
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
		border: 0px;
		display: flex;
		justify-content: flex-start;
		align-content: center;
	}
	#home .wrapper .main-content section.content.application ul li p.img{
		width:30vw;
		height: 30vw;
	}
	#home .wrapper .main-content section.content.application ul li p.img img{
		width:30vw;
		height: 30vw;
		object-fit: cover;
	}
	#home .wrapper .main-content section.content.application ul li div{
		width: 70vw;
		padding-left: 20px;
		box-sizing: border-box;
		text-align: left;
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	#home .wrapper .main-content section.content.application ul li h3{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	#home .wrapper .main-content section.content.application ul li .cnt{
		margin-right: 10px;
		margin-bottom: 5px;
		font-size: 3vw;
	}
}


/* 6つの強み */

#home .wrapper .main-content section.content.strengths ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#home .wrapper .main-content section.content.strengths ul li{
	display: block;
	width: 32%;
	max-width: 280px;
	position: relative;
	margin: 0 30px 25px 0;
	padding: 32px 22px 25px;
	background: #fff;
	box-sizing: border-box;
	border: solid 1px #00c2ba;
	text-align: center;
}
#home .wrapper .main-content section.content.strengths ul li:nth-child(3){
	margin-right:0;
}
@media screen and (min-width:769px){
	#home .wrapper .main-content section.content.strengths ul{
		justify-content: flex-start;
	}
	#home .wrapper .main-content section.content.strengths ul li{
		max-width:calc(100% / 3 - 21px);
	}
	#home .wrapper .main-content section.content.strengths ul li:last-child{
		margin-right: 0px;
	}
	#home .wrapper .main-content section.content.strengths ul li p.img {
		width: 100%;
		margin-left: 0px;
	}
}


#home .wrapper .main-content section.content.strengths ul li h3{
	color:#f52618;
	font-size:34px;
	margin:0 0 10px 0;
}
#home .wrapper .main-content section.content.strengths ul li h3 .font-black{
	color:#000;
}
#home .wrapper .main-content section.content.strengths ul li .topic p{
	font-weight:bold;
}
#home .wrapper .main-content section.content.strengths ul li p.img {
	margin: 0 0 15px 0;
}
#home .wrapper .main-content section.content.strengths ul li .cnt{
    margin: 0 0 25px 0;
}
#home .wrapper .main-content section.content.strengths ul li .cnt span{
    font-size: 12px;
}
#home .wrapper .main-content section.content.strengths .btn-area-simple{
	text-align:center;
	margin-bottom:0;
}
#home .wrapper .main-content section.content.strengths .btn-area-simple .btn{
	padding: 13px 0 13px;
	margin:0 auto;
	width:90%;
	min-width:unset;
}

@media screen and (max-width:768px){
#home .wrapper .main-content section.content.strengths h2{
	line-height:1.4;
}
#home .wrapper .main-content section.content.strengths h2 span{
	line-height:normal;
	margin-bottom: -32px;
}
#home .wrapper .main-content section.content.strengths ul li{
	width: 100%;
	max-width: none;
	position: relative;
	margin: 0 0 25px 0;
	padding: 20px 20px 25px;
}
#home .wrapper .main-content section.content.strengths ul li h3{
	font-size:28px;
    margin: -5px 0 0 0;
}
	#home .wrapper .main-content section.content.strengths ul li img {
	width:55px;
}
	#home .wrapper .main-content section.content.strengths ul li p.img {
	width:auto;
	margin:0;
	position: absolute;
	top:25px;
	left:22px;
}
#home .wrapper .main-content section.content.strengths ul li .topic{
	margin:0 0 0 60px;
	}
#home .wrapper .main-content section.content.strengths ul li .cnt{
    margin: 0 0 12px 0;
}
	#home .wrapper .main-content section.content.strengths .btn-area-simple .btn{
	padding: 13px 15px 13px;
}
}


/* オプション */
#home .wrapper .main-content section.content.option-efct ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

#home .wrapper .main-content section.content.option-efct ul li{
	display: block;
	width: 168px;
	position: relative;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 30px;
	padding:0px;
	box-sizing: border-box;
}
#home .wrapper .main-content section.content.option-efct ul li:nth-child(5n){
	margin-right: 0px;
}
#home .wrapper .main-content section.content.option-efct ul li p.img img{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
#home .wrapper .main-content section.content.option-efct ul li .title{
	display: inline-block;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
@media screen and (min-width:1500px){
	#home .wrapper .main-content section.content.option-efct{
		padding-right: 85px;
	}
	#home .wrapper .main-content section.content.option-efct ul{
		justify-content: flex-start;
		padding-left: 70px;
	}
	#home .wrapper .main-content section.content.option-efct ul li,
	#home .wrapper .main-content section.content.option-efct ul li:nth-child(5n){
		margin-right: 15px;
	}
	#home .wrapper .main-content section.content.option-efct ul li p.img{
		width: 100%;
		margin-left:0px;
	}
}
@media screen and (max-width:1290px){
	#home .wrapper .main-content section.content.option-efct ul{
		justify-content: space-around;
	}
}

@media screen and (max-width:1100px){
	#home .wrapper .main-content section.content.option-efct ul li{
		width: 31%;
		margin: 0 0 20px;
	}
	#home .wrapper .main-content section.content.option-efct ul li p.img{
		width: 100%;
	}
	#home .wrapper .main-content section.content.option-efct ul li p.img img{
		margin-bottom: 10px;
	}
	#home .wrapper .main-content section.content.option-efct ul li .title{
		font-size: 13px;
	}
}
/* ご注文ガイド */
#home .wrapper .main-content section.content.order-guide .guide-list ul{
	display: block;
	overflow: hidden;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li{
	width:calc(50% - 25px);
	margin-right: 50px;
	box-sizing: border-box;
	float: left;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li:nth-child(2n){
	margin-right: 0px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner{
	margin-bottom: 50px;
}
#home .wrapper .main-content section.content.order-guide .guide-list h3{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 7px;
	margin-bottom: 13px;
	border-bottom: solid 1px #00c2ba;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p.guide-img{
	display: flex;
	align-items: center;
	}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p span.blue{
	color: #00c2ba;
	font-size: 1.3rem;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p img{
	display: inline-block;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-date p{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 1.6;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-date p .text-bold{
	font-size: 16px;
	font-weight: bold;
}

#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-price{
	margin-bottom: 73px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-price p{
	font-size: 14px;
	font-weight: normal;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-price p span.text-red{
	font-size: 24px;
	font-weight: bold;
	color: #f52618;
	line-height: 1.2;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-price p span.text-bold{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow {
	margin-bottom: 40px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	width: 100%;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li,
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:nth-child(5n){
	display: block;
	width:80px;
	padding-right: 30px;
	margin-right: 0px;
	background: url("../../img/home/arrow-next.png")no-repeat top 33px right 9px;
	background-size: 6px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:last-child{
	width: 50px;
	padding-right: 0px;
	background: none;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li p.img img{
	display: block;
	width: 100%;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li p{
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: -1px;
}


#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact  a.sample-form{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 50px 25px 25px;
	margin-bottom: 30px;
	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.4;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	border: solid 1px  #ccc;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact  a.sample-form.guide-card{
	    background-color: #00c2ba;
	    color: #fff;
	    border: none;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form img{
	display: block;
	margin-right: 13px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form.topicon img{
	width:50px;
	height:auto;
}
@media screen and (max-width:768px){
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form.topicon img{
		width: 10vw;
		height: auto;
	}
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form span{
	color: #f52618;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 4px;
	bottom: 4px;
	border-left: solid 20px transparent;
	border-bottom:solid 20px  #00c2ba;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form.guide-card:before{
	    border-bottom:solid 20px  #fff;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel{
	text-align: center;
	font-size: 22px;
	margin: 0 0 30px 0;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel .catch{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel .catch img:last-child{
	margin-left: 13px;
	margin-bottom: -2px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel .catch img:first-child{
	margin-right: 13px;
	margin-top: -3px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn a.tel{
	padding:4px 0px 0px 35px;
	background-position:  center left;
	background-size: 33px 33px;
	font-size: 46px;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn.pc_none{
	display: none;
}
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn p{
	display: block;
	margin-top: 3px;
	margin-left: 7px;
	background-color: #eeeeee;
	padding:3px 7px;
	font-size: 12px;
	line-height: 1.7;
}
@media screen and (min-width:1500px){
#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li p.img{
	width: 100%;
	margin-left: 0px;
	}
}
@media screen and (max-width:1100px){
	#home .wrapper .main-content section.content.order-guide .guide-list ul li{
		width: 100%;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner,
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.deli-price{
		margin-bottom: 25px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list h3{
		padding-bottom: 0px;
		margin-bottom: 10px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p{
		font-size: 14px;
		line-height: 2;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p span.blue{
		font-size: 14px
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner p img{
		width: 20vw;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li p.img img{
		width: 20vw;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li,
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:last-child,
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:nth-child(5n){
		width: 30%;
		padding-left: 10%;
		padding-right: 0px;
		background: url("../../img/home/arrow-next.png")no-repeat top 41% left 18%;
		background-size: 7%;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:first-child{
		padding-right: 0px;
		background: none;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form{
		padding: 23px 20px 20px;
		font-size: 22px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact a.sample-form img{
		width: 10vw;
		margin-top: -3px;
		margin-right: 10px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel .catch{
		margin-bottom: 10px;
		font-size: 20px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .guide-tel .catch img{
		width: 5vw;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn{
		justify-content:center;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn.sp_none{
		display: none;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn.pc_none{
		display: block;
		background: none;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn a.tel{
		font-size: 7vw;
		background: none;
		background-position: center left;
        padding: 0px;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn a.tel img{
		width: 100%;
		display: block;
	}
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-contact .tel-btn p{
		font-size: 11px;
	}
}
@media screen and (max-width:768px){
	#home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li, #home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:last-child, #home .wrapper .main-content section.content.order-guide .guide-list ul li .guide-inner.guide-flow ul li:nth-child(5n){
	background: url(../../img/home/arrow-next.png)no-repeat top 2.6em left 18%;
    background-size: 7%;
	}
}

/* レビュー */
#home .wrapper .main-content section.content.review{
	background:url(../../img/home/review-back.png)no-repeat center center;
	background-size: cover;
}
#home .wrapper .main-content section.content.review ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
#home .wrapper .main-content section.content.review ul li:last-child{
	margin-bottom: 0px;
}
#home .wrapper .main-content section.content.review ul li:nth-child(2){
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#home .wrapper .main-content section.content.review ul li p.img{
	display: block;
	width:116px;
	margin:0;
	padding:0px;
	background: none;
}
#home .wrapper .main-content section.content.review ul li p.img:before{
	display: none;
}
#home .wrapper .main-content section.content.review ul li p{
	position: relative;
	width:calc(100% - 146px);
	padding:27px 30px;
	margin-left: 30px;
	box-sizing: border-box;
	background-color: #00c2ba;
	border-radius: 10px;
	line-height:2;
}
#home .wrapper .main-content section.content.review ul li p:before{
	content: '';
	display: block;
	position: absolute;
	width: 32px;
	height: 18px;
	left: 55px;
	bottom: -18px;
	background: url("../../img/home/fukidasi.png")no-repeat center center;
	background-size: contain;
}
#home .wrapper .main-content section.content.review ul li:nth-child(2n) p:before{
	content: '';
	display: block;
	position: absolute;
	width: 32px;
	height: 18px;
	left: auto;
	right: 55px;
	bottom: -18px;
	background: url("../../img/home/fukidasi-w.png")no-repeat center center;
	background-size: contain;
}
#home .wrapper .main-content section.content.review ul li:nth-child(2) p{
	margin-left: 0px;
	margin-right: 30px;
	background-color: #fff;
}
#home .wrapper .main-content section.content.review ul li:nth-child(2) p.img{
	margin:0;
	background: none;
}
#home .wrapper .main-content section.content.review ul li:nth-child(2) p.img:before{
	display: none;
}
#home .wrapper .main-content section.content.news-list .section-title:before{
	background: #fff;
}
#home .wrapper .main-content section.content.news-list ul li{
	width:100%;
}
#home .wrapper .main-content section.content.news-list ul li:nth-child(2n) a{
	background-color: #eee;
}
#home .wrapper .main-content section.content.news-list ul li a{
	width:100%;
	padding:15px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	background: url("../../img/home/arrow-next.png") no-repeat center right 35px;
	background-size: 7px;
	background-color:#fff;
}
#home .wrapper .main-content section.content.news-list ul li p{
	font-size: 14px;
	color: #000;
}
#home .wrapper .main-content section.content.news-list ul li p.date{
	margin-right: 155px;
	font-weight: bold;
	color: #00c2ba;
}
@media screen and (min-width:1500px){
	#home .wrapper .main-content section.content.review ul li p{
		width: calc(100% - 166px);
	}
}
@media screen and (max-width:1100px){
	#home .wrapper .main-content section.content.review ul li{
		align-items: center;
	}
	#home .wrapper .main-content section.content.news-list ul li a{
		padding-right: 35px;
		background-position:center right 10px;
	}
	#home .wrapper .main-content section.content.review ul li p{
		width: 63vw;
		margin-left: 5vw;
	}
	#home .wrapper .main-content section.content.review ul li:nth-child(2) p{
		margin-left: 0px;
		margin-right: 5vw;
	}
	#home .wrapper .main-content section.content.review ul li p.img,
	#home .wrapper .main-content section.content.review ul li p.img img{
		width: 17vw;
	}
	#home .wrapper .main-content section.content.news-list ul li p.date{
		text-decoration: none;
	}
	#home .wrapper .main-content section.content.news-list ul li p{
		text-decoration: underline;
	}
}

/*** ------------------------------------------------------------------------------

No.02　無料・カードサンプル請求　（#sample）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#sample .wrapper .main-content .c_header .inner div {
	display: flex;
	justify-content: space-between;
}

#sample .wrapper .main-content .c_header .inner div p.img {
	margin: 0 30px 0 0;
}


@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .c_header .inner div {
		display: block;
	}

	#sample .wrapper .main-content .c_header .inner div p.img {
		margin: 0 0 20px;
		text-align: center;
	}
}


/*==================== .sample_list ====================*/
#sample .wrapper .main-content .sample_list .inner ul {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	display: flex;
	flex-flow: row wrap;
}

#sample .wrapper .main-content .sample_list .inner ul li {
	width: calc(100% / 3);
	padding: 30px 24px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
	text-align: center;
}

#sample .wrapper .main-content .sample_list .inner ul li span {
	margin: 0 0 10px;
	display: block;
	text-align: left;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

#sample .wrapper .main-content .sample_list .inner ul li img {
	max-width: 100%;
}


#sample .wrapper .main-content .sample_list .inner ul li p.sampleicon{
	text-align:left;
}
#sample .wrapper .main-content .sample_list .inner ul li p.sampleicon img{
	margin: 0 10px 0 0;
}
#sample .wrapper .main-content .sample_list .inner ul li p.box{
	background: #eeeeee;
    margin: 10px 0 20px;
    font-size: 14px;
    padding: 10px;
    text-align: left;
}
@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .sample_list .inner ul li p.sampleicon img:not(:last-child) {
		margin: 0 0 10px 0;
	}
}
#sample .wrapper .main-content .sample_list .inner ul li .btn-area-simple{
	margin-bottom: 0;
}
#sample .wrapper .main-content .sample_list .inner ul li .btn-area-simple .btn{
	display:inline-block;
	position: relative;
	min-width: auto;
	background: #fff;
	margin: 20px auto 0;
	padding:10px 30px 10px;
	text-align: center;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
	color: #00C2BA;
	border:solid 1px #00C2BA;
}
@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .sample_list .inner ul li .btn-area-simple .btn{
		font-size: 4vw;
	}
}
#sample .wrapper .main-content .sample_list .inner ul li .btn-area-simple .btn:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 4px;
	bottom: 4px;
	border-left: solid 20px transparent;
	border-bottom: solid 20px #00c2ba;
}
#sample .wrapper .main-content .sample_list .inner ul li .btn-area-simple .btn.btn-green{
	background-color:#00c2ba;
	color:#fff;
	border:solid 1px #00c2ba;
}
#sample .wrapper .main-content .sample_list .inner ul li .btn.btn-green:before{
	border-bottom: solid 20px #fff;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #sample .wrapper .main-content .sample_list .inner ul li {
		width: calc(100% / 3 - 0.1px);
	}
}

@media screen and (min-width: 1500px) {
	#sample .wrapper .main-content .sample_list .inner ul li {
		width: calc(100% / 4);
	}
}

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

}

@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .sample_list .inner ul li {
		width: calc(100% / 2);
		padding: 15px 10px;
	}

	#sample .wrapper .main-content .sample_list .inner ul li span {
		margin: 0 0 10px;
		color: #000;
		font-size: 4vw;
	}

	#sample .wrapper .main-content .sample_list .inner ul li span br {
		display: none;
	}
}


/*==================== .sample_form ====================*/
#sample .wrapper .main-content .sample_form .inner .note {
	margin: 0 0 45px;
	padding: 30px;
	background-color: #EEEEEE;
}

#sample .wrapper .main-content .sample_form .inner .note p {
	font-size: 12px;
	line-height: 1.6;
}

#sample .wrapper .main-content .sample_form .inner .note p:nth-of-type(1) {
	font-size: 14px;
	font-weight: 700;
}

#sample .wrapper .main-content .sample_form .inner .note p:nth-of-type(1) span {
	color: #00C2BA;
}

#sample .wrapper .main-content .sample_form .inner .note p a {
	color: #00C2BA;
}

#sample .wrapper .main-content .sample_form .inner p.privacy_btn {
	margin: 0 auto 25px;
	text-align: center;
}

#sample .wrapper .main-content .sample_form .inner p.privacy_btn a {
	margin: 0;
}

#sample .wrapper .main-content .sample_form .inner p.agree {
	margin: 0 auto 45px;
	text-align: center;
}

#sample .wrapper .main-content .sample_form .inner p.agree input {
	margin: 0 10px 0 0;
}


#sample .wrapper .main-content .sample_form .inner .sample_form_area table {
	width: 100%;
	margin: 0 auto 45px;
	border: solid 1px #ccc;
	color: #000;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table th {
	width: 25%;
	padding: 30px;
	background-color: #eee;
	border: solid 1px #ccc;
	vertical-align: top;
	font-weight: normal;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table th span {
	color: #F52518;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .txt {
	margin: 0 0 10px;
	display: block;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .example {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	color: #ccc;
	font-size: 14px;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .title {
	width: 120px;
	display: inline-block;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .mb10 {
	margin: 0 0 10px;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area ul {
	display: flex;
	justify-content: center;
}

#sample .wrapper .main-content .sample_form .inner .sample_form_area ul li {
	margin: 0 6px;
}



/*---------- form parts ----------*/
#sample .wrapper .main-content form input[type="text"] {
	width: 100%;
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

#sample .wrapper .main-content form input.txt_02 {
	width: 40%;
}

#sample .wrapper .main-content form select {
	width: 100%;
	padding: 10px;
	background: url("../../img/sample/icon_select.png") right 10px center / 10px auto no-repeat;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

#sample .wrapper .main-content form select.slct_02 {
	width: 40%;
}

#sample .wrapper .main-content form textarea {
	width: 100%;
	min-height: 130px;
	padding: 10px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

#sample .wrapper .main-content form input[type="submit"],
#sample .wrapper .main-content form input[type="reset"] {
	display: block;
	position: relative;
	min-width: 200px;
	padding: 20px 30px 18px;
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
	background-color:#00c2ba;
	color:#fff;
	border:solid 1px #00c2ba;
	transition: 0.2s;
}

#sample .wrapper .main-content form input[type="reset"] {
	background-color:#D1D1D1;
	border:solid 1px #D1D1D1;
}

#sample .wrapper .main-content form .btn_submit,
#sample .wrapper .main-content form .btn_reset {
	position: relative;
}

#sample .wrapper .main-content form .btn_submit::before,
#sample .wrapper .main-content form .btn_reset::before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 4px;
	bottom: 4px;
	border-left: solid 12px transparent;
	border-bottom: solid 12px #fff;
	z-index: 1;
}

#sample .wrapper .main-content form input[type="submit"]:hover,
#sample .wrapper .main-content form input[type="reset"]:hover {
	opacity: 0.5;
}



/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #sample .wrapper .main-content form input[type="submit"],
	#sample .wrapper .main-content form input[type="reset"] {
		padding: 20px 30px 15px;
	}
}

@media screen and (min-width: 1500px) {
	#sample .wrapper .main-content .sample_form .inner .sample_form_area table {
		max-width: ;
	}
}


@media screen and (max-width:1100px){
	#sample .wrapper .main-content .sample_form .inner p.privacy_btn a {
		width: 50%;
	}
}


@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .sample_form .inner .note {
		margin: 0 0 30px;
		padding: 15px;
	}

	#sample .wrapper .main-content .sample_form .inner .note p {
		line-height: 2.0;
	}

	#sample .wrapper .main-content .sample_form .inner .note p:nth-of-type(1) {
		line-height: 1.6;
	}

	#sample .wrapper .main-content .sample_form .inner p.privacy_btn {
		margin: 0 auto 25px;
		text-align: center;
	}

	#sample .wrapper .main-content .sample_form .inner p.privacy_btn a {
		width: 100%;
	}

	#sample .wrapper .main-content .sample_form .inner p.agree {
		margin: 0 0 30px;
	}


	#sample .wrapper .main-content .sample_form .inner .sample_form_area table {
		border: solid 1px #ccc;
		border-bottom: none;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table th {
		width: 100%;
		padding: 10px 15px;
		background-color: #eee;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td {
		width: 100%;
		padding: 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td br {
		display: none;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .txt {
		line-height: 1.4;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .example {
		margin: 5px 0;
		display: block;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .example_02 {
		margin: 5px 0 10px;
		display: block;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .title {
		width: 100%;
		margin: 0 0 5px;
		display: block;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area table td .txt_02.mb10:nth-of-type(1) {
		margin: 0;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area ul {
		display: block;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area ul li {
		margin: 0;
	}

	#sample .wrapper .main-content .sample_form .inner .sample_form_area ul li:nth-of-type(1) {
		margin: 0 0 15px;
	}


	/*---------- form parts ----------*/
	#sample .wrapper .main-content form input.txt_02,
	#sample .wrapper .main-content form select.slct_02 {
		width: 100%;
	}

	#sample .wrapper .main-content form input[type="submit"],
	#sample .wrapper .main-content form input[type="reset"] {
		min-width: inherit;
		width: 100%;
	}
}




/*==================== ul.contact_link_area ====================*/

#sample .wrapper .main-content .inner ul.contact_link_area {
	margin: 45px 0 0;
	display: flex;
	justify-content: space-between;
}

#sample .wrapper .main-content .inner ul.contact_link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

#sample .wrapper .main-content .inner ul.contact_link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}


@media screen and (min-width: 1500px) {
	#sample .wrapper .main-content .inner ul.contact_link_area {
		max-width: 1200px;
	}
}


@media screen and (max-width: 768px) {
	#sample .wrapper .main-content .inner ul.contact_link_area {
		margin: 0;
		display: block;
	}

	#sample .wrapper .main-content .inner ul.contact_link_area li.btn-area-simple {
		width: auto;
		margin: 0 0 20px;
	}
}






/*** ------------------------------------------------------------------------------

No.21～26　材質から選ぶ　（.card）
No.40　PVCプラスチックカード　（#pvc）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
.card .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

.card .wrapper .main-content .c_header .inner .img {
	width: 50%;
	max-width: 450px;
	margin: 0 0 0 20px;
	order: 1;
}





.card .wrapper .main-content .c_header .inner .txt {
	width: 47%;
	order: 0;
}

.card .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

.card .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

.card .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

.card .wrapper .main-content .c_header .inner .txt ul.list li span.item{
	padding: 10px 0px;
}

.card .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

.card .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

.card .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

.card .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}


@media screen and (min-width: 1500px) {
	/*
	.card .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	.card .wrapper .main-content .c_header .inner .img {
		width: 450px;
		margin: 0 0 0 20px;
		order: 1;
	}

	.card .wrapper .main-content .c_header .inner .txt {
		width: 62%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	.card .wrapper .main-content .c_header .inner .img {
		width: 50%;
	}

	.card .wrapper .main-content .c_header .inner .txt {
		width: 47%;
	}

	.card .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	.card .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	.card .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	.card .wrapper .main-content .c_header .inner {
		display: block;
	}

	.card .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 auto 20px;
	}
	.card .wrapper .main-content .c_header .inner .img img{
		max-width: 100%;
	}

	.card .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	.card .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	.card .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	.card .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}


/*==================== .price ====================*/
.card .wrapper .main-content .price .inner h3 {
	margin-bottom: 5px;
}

.card .wrapper .main-content .price .sp_caution {
	display: none;
}

.card .wrapper .main-content .price .inner ul.option_list {
	margin: 0 0 60px;
	display: flex;
	flex-flow: row wrap;
}

.card .wrapper .main-content .price .inner ul.option_list li {
	width: calc(100% / 3 - 15px);
	margin: 15px 15px 0 0;
	border: 1px solid #00C2BA;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.4;
}

.card .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
	margin: 15px 0 0;
}

.card .wrapper .main-content .price .inner ul.option_list li a {
	display: flex;
	color: #000;
}

.card .wrapper .main-content .price .inner ul.option_list li a span {
	padding: 10px;
	display: inline-block;
}


.card .wrapper .main-content .price .inner .price_table {
	margin: 0 0 30px;
}

.card .wrapper .main-content .price .inner .price_table table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 14px;
	line-height: 1.4;
}

.card .wrapper .main-content .price .inner .price_table table thead th {
	padding: 15px 5px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

.card .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
	width: 25%;
	font-size: 14px;
}

.card .wrapper .main-content .price .inner .price_table table thead th img {
	margin: 0 auto 5px;
	display: block;
}

.card .wrapper .main-content .price .inner .price_table table tbody th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.card .wrapper .main-content .price .inner .price_table table tbody td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.card .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(odd) th:first-of-type {
	background-color: #C1F5F3;
	font-size: 16px;
}

.card .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}


.card .wrapper .main-content .price .inner .note {
	display: flex;
	justify-content: space-between;
	color: #000;
}

.card .wrapper .main-content .price .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.card .wrapper .main-content .price .inner .note .btn-area-simple {
	margin: 0;
}

.card .wrapper .main-content .price .inner .note .btn-area-simple a {
	margin: 0;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .card .wrapper .main-content .price .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}


@media screen and (min-width: 1500px) {
	.card .wrapper .main-content .price .inner ul.option_list li {
		width: calc(100% / 4 - 15px);
	}

	.card .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 15px 0 0;
	}

	.card .wrapper .main-content .price .inner ul.option_list li:nth-child(4n) {
		margin: 15px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	.card .wrapper .main-content .price {
		margin: 0 0 20px;
	}

	.card .wrapper .main-content .price .inner .sp_caution {
		display: block;
	}

	.card .wrapper .main-content .price .inner ul.option_list {
		margin: 0 0 40px;
	}

	.card .wrapper .main-content .price .inner ul.option_list a {
		display: flex;
		flex-flow: row wrap;
	}

	.card .wrapper .main-content .price .inner ul.option_list li {
		width: 31%;
		height: auto;
		margin: 15px 3.5% 0 0;
		display: block;
	}

	.card .wrapper .main-content .price .inner ul.option_list li br {
		display: none;
	}

	.card .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 0 0;
	}

	.card .wrapper .main-content .price .inner ul.option_list li img {
		width: 100%;
	}


	.card .wrapper .main-content .price .inner .price_table {
		margin: 0 0 20px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.card .wrapper .main-content .price .inner .price_table::-webkit-scrollbar {
		height: 5px;
	}

	.card .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.card .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.card .wrapper .main-content .price .inner .price_table table {
		width: 150%;
	}

	.card .wrapper .main-content .price .inner .price_table table thead th {
		padding: 7px 2px;
	}

	.card .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
		width: auto;
	}

	.card .wrapper .main-content .price .inner .price_table table tbody th {
		padding: 7px 2px;
	}

	.card .wrapper .main-content .price .inner .price_table table tbody td {
		padding: 7px 2px;
	}


	.card .wrapper .main-content .price .inner .note {
		display: block;
	}

	.card .wrapper .main-content .price .inner .note ul {
		margin: 0 0 20px;
	}
}


/*==================== .delivery_date ====================*/
.card .wrapper .main-content .delivery_date .sp_caution {
	display: none;
}

.card .wrapper .main-content .delivery_date .inner ul.detail {
	margin: 0 0 40px;
	color: #000;
}

.card .wrapper .main-content .delivery_date .inner ul.detail li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
}


.card .wrapper .main-content .delivery_date .delivery_table {
	width: 100%;
	max-width: 900px;
	margin: 0 0 30px;
	position: relative;
	color: #000;
}

.card .wrapper .main-content .delivery_date .delivery_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

.card .wrapper .main-content .delivery_date .delivery_table th {
	padding: 10px 5px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.saturday {
	color: #1A78D6;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.sunday {
	color: #F52518;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
	padding: 5px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th.holiday {
	width: 1.5em;
	background-color: #707070;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
	padding: 15px 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th em {
	font-size: 20px;
	font-weight: bold;
}

.card .wrapper .main-content .delivery_date .delivery_table td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:first-of-type {
	background-color: #F52518;
	color: #fff;
	font-size: 16px;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type {
	font-size: 20px;
	font-weight: bold;
}

.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type img {
	margin: 5px auto 0;
	display: block;
}

.card .wrapper .main-content .delivery_date .delivery_table p {
	width: 64%;
	padding: 10px 0;
	background-color: #F52518;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 25%;
	bottom: 25px;
}


.card .wrapper .main-content .delivery_date .inner .note {
	margin: 0 0 45px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #000;
}

.card .wrapper .main-content .delivery_date .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.card .wrapper .main-content .delivery_date .inner .note p {
	padding: 10px 40px;
	border: solid 2px #F52518;
}


.card .wrapper .main-content .delivery_date .inner ul.link_area {
	display: flex;
	justify-content: space-between;
}

.card .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

.card .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}


@media screen and (min-width: 1500px) {
	.card .wrapper .main-content .delivery_date .inner .note {
		display: flex;
		justify-content: flex-start;
	}

	.card .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 80px 0 0;
	}

	.card .wrapper .main-content .delivery_date .inner ul.link_area {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.card .wrapper .main-content .delivery_date .sp_caution {
		display: block;
	}

	.card .wrapper .main-content .delivery_date .delivery_table {
		width: 100%;
		max-width: 900px;
		margin: 0 0 30px;
		position: relative;padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.card .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar {
		height: 5px;
	}

	.card .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.card .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.card .wrapper .main-content .delivery_date .delivery_table table {
		width: 200%;
	}

	.card .wrapper .main-content .delivery_date .delivery_table th {
		padding: 7px 5px;
	}

	.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
		padding: 5px 2px;
		font-size: 3vw;
	}

	.card .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
		padding: 7px 5px;
	}

	.card .wrapper .main-content .delivery_date .delivery_table td {
		padding: 7px 5px;
	}

	.card .wrapper .main-content .delivery_date .delivery_table p {
		width: 122%;
		left: 55%;
	}


	.card .wrapper .main-content .delivery_date .inner .note {
		margin: 0 0 40px;
		display: block;
	}

	.card .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 0 20px;
	}

	.card .wrapper .main-content .delivery_date .inner .note ul li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	.card .wrapper .main-content .delivery_date .inner .note p {
		padding: 10px 20px;
	}

	.card .wrapper .main-content .delivery_date .inner .note p br {
		display: none;
	}


	.card .wrapper .main-content .delivery_date .inner ul.link_area {
		display: block;
	}

	.card .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
		width: auto;
		margin: 0 0 20px;
	}
}


/*==================== .trivia ====================*/
.card .wrapper .main-content .trivia .inner ul.trivia_list {
	margin: 0 0 40px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	line-height: 2.4;
}

.card .wrapper .main-content .trivia .inner ul.trivia_list li {
	width: 50%;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
}

.card .wrapper .main-content .trivia .inner ul.trivia_list li::before {
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	color: #00C2BA;
	font-weight: 900;
}

.card .wrapper .main-content .trivia .inner ul.trivia_list li a {
	color: #000;
}

.card .wrapper .main-content .trivia .inner ul.trivia_list li a:hover {
	opacity: 1.0;
	text-decoration: underline;
}

.card .wrapper .main-content .trivia .inner .other {
	padding: 30px;
	background-color: #EEEEEE;
	display: flex;
	justify-content: space-between;
	color: #000;
	line-height: 1.4;
}

.card .wrapper .main-content .trivia .inner .other h5 {
	margin: 0 0 20px;
}

.card .wrapper .main-content .trivia .inner .other > section {
	width: 60%;
}

.card .wrapper .main-content .trivia .inner .other > section dl dt {
	font-size: 14px;
	font-weight: bold;
}

.card .wrapper .main-content .trivia .inner .other > section dl dt:not(:first-of-type) {
	margin: 1em 0 0;
}

.card .wrapper .main-content .trivia .inner .other > section dl dt .color {
	color: #00C2BA;
}

.card .wrapper .main-content .trivia .inner .other > section dl dt .note {
	font-size: 12px;
	font-weight: normal;
}

.card .wrapper .main-content .trivia .inner .other > section dl dd {
	font-size: 12px;
}

.card .wrapper .main-content .trivia .inner .other > div {
	width: 35%;
}

.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
	margin: 0 0 40px;
}

.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p {
	font-size: 14px;
	font-weight: bold;
}

.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p em {
	color: #F42618;
	font-size: 20px;
	font-weight: bold;
}

.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p span {
	font-size: 12px;
	font-weight: normal;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {
	.card .wrapper .main-content .trivia .inner ul.trivia_list {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.card .wrapper .main-content .trivia .inner ul.trivia_list {
		margin: 0 0 30px;
		display: block;
		line-height: 1.5;
	}

	.card .wrapper .main-content .trivia .inner ul.trivia_list li {
		margin: 0 0 20px;
		padding-left: 16px;
		text-indent: -16px;
		width: auto;
	}

	.card .wrapper .main-content .trivia .inner .other {
		padding: 15px;
		display: block;
	}

	.card .wrapper .main-content .trivia .inner .other h5 {
		margin: 0 0 1em;
	}

	.card .wrapper .main-content .trivia .inner .other > section {
		margin: 0 0 20px;
		width: auto;
	}

	.card .wrapper .main-content .trivia .inner .other > div {
		width: auto;
	}

	.card .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
		margin: 0 0 20px;
	}
}



/*** ------------------------------------------------------------------------------

No.21　社員証（透明カード）　（#staff_clear）

-----------------------------------------------------------------------------  ***/

/*==================== ul.slider ====================*/
#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a,
#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a.active,
#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: none;
}

#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a img {
	border: solid 1px #ccc;
}

#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a.active img,
#staff_clear .wrapper .main-content section .inner .img ul.thumbnail li a:hover img {
	border: solid 1px #fcc;
}

#staff_clear .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#staff_clear .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
	width: 66%;
	left: 24%;
}


#staff_clear .wrapper .content img.center_img {
	display: block;
    margin: 20px auto;
}
#staff_clear .de_ex_btn .btn{
	min-width: inherit;
    width: 100%;
	max-width:470px;
    margin: 40px auto;
    padding: 25px 0 22px;
    display: block;
    position: relative;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#staff_clear .de_ex_btn .btn.btn-green {
    background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
}
#staff_clear .de_ex_btn .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
#staff_clear .content.kakou_option table{
	border-collapse:collapse;
	/*color:#00C2BA;*/
	margin:20px 0;
	width:100%;
	table-layout: fixed;
	box-sizing: border-box;
}
#staff_clear .content.kakou_option table th,
#staff_clear .content.kakou_option table td{
	border:1px solid #ccc;
	padding:20px;
}
#staff_clear .content.kakou_option table th{
	width:25%;
	background:#eee;
}
#staff_clear .content.kakou_option table .txtbk{
	color:#000;
}

@media screen and (max-width: 768px) {
	#staff_clear .wrapper .content img.center_img {
		width: 100%;
	}
	#staff_clear .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#staff_clear .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
		width: 128%;
		left: 51%;
	}
	#staff_clear .content.kakou_option table th,
	#staff_clear .content.kakou_option table td{
		width:100%;
		display:block;
		box-sizing: border-box;
	}
}



/*** ------------------------------------------------------------------------------

No.22　ベースカード作製＋昇華転写加工　（#base_syoka）

-----------------------------------------------------------------------------  ***/

/*==================== ul.slider ====================*/
#base_syoka .main-content section .inner .img .bx-wrapper ul.slider li:nth-of-type(1) {
	background-color: #F0F7FD;
}

#base_syoka .main-content section .inner .img .bx-wrapper ul.slider li:nth-of-type(3) img {
	max-width: 98%;
}

#base_syoka .wrapper .main-content section .inner .img ul.thumbnail {
	position: relative;
}

#base_syoka .wrapper .main-content section .inner .img ul.thumbnail::after {
	content: "";
	width: calc(100% / 4 - 10px);
	height: 0;
	display: block;

}

#base_syoka .wrapper .main-content section .inner .img ul.thumbnail li:nth-of-type(1) a {
	background-color: #F0F7FD;
}

#base_syoka .wrapper .main-content .price .inner .price_table table thead th {
	width: calc(100% / 4);
}

#base_syoka .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#base_syoka .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
	width: 66%;
	left: 24%;
}


@media screen and (max-width: 768px) {
	#base_syoka .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#base_syoka .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
		width: 128%;
		left: 51%;
	}
}



/*** ------------------------------------------------------------------------------

No.23　白カード＋ダイレクト印字（全面昇華転写加工）　（#white_syoka）

-----------------------------------------------------------------------------  ***/

/*==================== ul.slider ====================*/
#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a,
#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a.active,
#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: none;
}

#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a img {
	border: solid 1px #ccc;
}

#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a.active img,
#white_syoka .wrapper .main-content section .inner .img ul.thumbnail li a:hover img {
	border: solid 1px #fcc;
}

#white_syoka .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#white_syoka .wrapper .main-content .delivery_date .inner .delivery_table p.day_3 {
	width: 38%;
	left: 38%;
}


@media screen and (max-width: 768px) {
	#white_syoka .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#white_syoka .wrapper .main-content .delivery_date .inner .delivery_table table {
		width: 150%;
	}

	#white_syoka .wrapper .main-content .delivery_date .inner .delivery_table p.day_3 {
		width: 46%;
		left: 68%;
	}
}



/*** ------------------------------------------------------------------------------

No.24　白カード＋再転写印字加工　（#white_saitensya）

-----------------------------------------------------------------------------  ***/

/*==================== ul.slider ====================*/
#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a,
#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a.active,
#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: none;
}

#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a img {
	border: solid 1px #ccc;
}

#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a.active img,
#white_saitensya .wrapper .main-content section .inner .img ul.thumbnail li a:hover img {
	border: solid 1px #fcc;
}

#white_saitensya .wrapper .main-content .price .inner .price_table table thead th:nth-of-type(2),
#white_saitensya .wrapper .main-content .price .inner .price_table table thead th:nth-of-type(3) {
	width: 35%;
}

#white_saitensya .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#white_saitensya .wrapper .main-content .delivery_date .inner .delivery_table p.day_5 {
	width: 55%;
	left: 30%;
}


@media screen and (max-width: 768px) {
	#white_saitensya .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#white_saitensya .wrapper .main-content .delivery_date .inner .delivery_table p.day_5 {
		width: 101%;
		left: 66%;
	}
}



/*** ------------------------------------------------------------------------------

No.25　社員証の印刷についての注意点　（#staff）

-----------------------------------------------------------------------------  ***/

#staff .wrapper .main-content section .inner section {
	margin: 40px 0 0;
}

#staff .wrapper .main-content section .inner section h5 {
	display: block;
}

#staff .wrapper .main-content section .inner section ul {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 500;
}

#staff .wrapper .main-content section .inner section p.note {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	#white_saitensya .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}
}



/*** ------------------------------------------------------------------------------

No.26　学生証　（#card-student）

-----------------------------------------------------------------------------  ***/

/*==================== .card_type ====================*/
#card-student .wrapper .main-content .card_type .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#card-student .wrapper .main-content .card_type .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#card-student .wrapper .main-content .card_type .inner ul li h4 {
	padding: 0;
}

#card-student .wrapper .main-content .card_type .inner ul li h4 + p {
	margin: 0 0 20px;
}

#card-student .wrapper .main-content .card_type .inner ul li p.img_01 {
	margin: 0 0 20px;
	text-align: center;
}

#card-student .wrapper .main-content .card_type .inner ul li p.txt {
	margin: 0 0 20px;
}

#card-student .wrapper .main-content .card_type .inner ul li p.btn-area-simple {
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#card-student .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
	width: calc(100% / 2 - 10px);
	min-width: inherit;
	margin: 0;
	padding: 20px 10px 18px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	#card-student .wrapper .main-content .card_type .inner ul li {
		width: calc(100% / 3);
	}
}


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

}


@media screen and (max-width: 768px) {
	#card-student .wrapper .main-content .card_type .inner ul {
		display: block;
	}

	#card-student .wrapper .main-content .card_type .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	#card-student .wrapper .main-content .card_type .inner ul li p.img_01 img {
		max-width: 60%;
	}

	#card-student .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
		padding: 20px 1px 18px;
		font-size: 3.9vw;
	}
}



/*** ------------------------------------------------------------------------------

No.30　身分証／IDカード　（#card-id）

-----------------------------------------------------------------------------  ***/

/*==================== .card_type ====================*/
#card-id .wrapper .main-content .card_type .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#card-id .wrapper .main-content .card_type .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#card-id .wrapper .main-content .card_type .inner ul li h4 {
	padding: 0;
}

#card-id .wrapper .main-content .card_type .inner ul li h4 + p {
	margin: 0 0 20px;
}

#card-id .wrapper .main-content .card_type .inner ul li p.img_01 {
	margin: 0 0 20px;
	text-align: center;
}

#card-id .wrapper .main-content .card_type .inner ul li p.txt {
	margin: 0 0 20px;
}

#card-id .wrapper .main-content .card_type .inner ul li p.btn-area-simple {
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#card-id .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
	width: calc(100% / 2 - 10px);
	min-width: inherit;
	margin: 0;
	padding: 20px 10px 18px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	#card-id .wrapper .main-content .card_type .inner ul li {
		width: calc(100% / 3);
	}
}


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

}


@media screen and (max-width: 768px) {
	#card-id .wrapper .main-content .card_type .inner ul {
		display: block;
	}

	#card-id .wrapper .main-content .card_type .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	#card-id .wrapper .main-content .card_type .inner ul li p.img_01 img {
		max-width: 60%;
	}

	#card-id .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
		padding: 20px 1px 18px;
		font-size: 3.9vw;
	}
}



/*** ------------------------------------------------------------------------------

No.34　ICカード　（#card-ic）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#card-ic .wrapper .main-content .c_header .inner .img ul.thumbnail {
	position: relative;
}

#card-ic .wrapper .main-content .c_header .inner .img ul.thumbnail::after {
	content: "";
	width: calc(100% / 4 - 10px);
	height: 0;
	display: block;
}


/*==================== .card_type ====================*/
#card-ic .wrapper .main-content .card_type .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#card-ic .wrapper .main-content .card_type .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#card-ic .wrapper .main-content .card_type .inner ul li h4 {
	padding: 0;
}

#card-ic .wrapper .main-content .card_type .inner ul li h4 + p {
	margin: 0 0 20px;
}

#card-ic .wrapper .main-content .card_type .inner ul li p.img_01 {
	margin: 0 0 20px;
	text-align: center;
}

#card-ic .wrapper .main-content .card_type .inner ul li p.txt {
	margin: 0 0 20px;
}

#card-ic .wrapper .main-content .card_type .inner ul li p.btn-area-simple {
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#card-ic .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
	width: calc(100% / 2 - 10px);
	min-width: inherit;
	margin: 0;
	padding: 20px 10px 18px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	#card-ic .wrapper .main-content .card_type .inner ul li {
		width: calc(100% / 3);
	}
}


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

}


@media screen and (max-width: 768px) {
	#card-ic .wrapper .main-content .card_type .inner ul {
		display: block;
	}

	#card-ic .wrapper .main-content .card_type .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	#card-ic .wrapper .main-content .card_type .inner ul li p.img_01 img {
		max-width: 60%;
	}

	#card-ic .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
		padding: 20px 1px 18px;
		font-size: 3.9vw;
	}
}



/*** ------------------------------------------------------------------------------

No.35　ICカードリーダー　（#ic-reader）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#ic-reader .wrapper .main-content .content .inner h5 {
	display: block;
}

#ic-reader .wrapper .main-content .content .inner p.note {
	font-size: 14px;
}


/*==================== .c_header ====================*/
#ic-reader .wrapper .main-content .c_header .inner {
	display: block;
}

#ic-reader .wrapper .main-content .c_header .inner .box {
	display: flex;
}

#ic-reader .wrapper .main-content .c_header .inner .box p {
	margin: 0 30px 0 0;
}

#ic-reader .wrapper .main-content .c_header .inner .box div p:first-of-type {
	margin: 20px 0 10px;
}

#ic-reader .wrapper .main-content .c_header .inner .box div p.note a {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#ic-reader .wrapper .main-content .c_header .inner .box {
		display: block;
	}

	#ic-reader .wrapper .main-content .c_header .inner .box > p {
		margin: 0 0 20px;
		text-align: center;
	}

	#ic-reader .wrapper .main-content .c_header .inner .box > p img {
		width: 70%;
	}
}


/*==================== .feature ====================*/
#ic-reader .wrapper .main-content .feature .inner ul {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}


/*==================== .correspond ====================*/
#ic-reader .wrapper .main-content .correspond .inner .sp_caution {
	display: none;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box {
	margin: 0 0 20px;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table th {
	padding: 10px 30px;
	border: solid 1px #ccc;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table td {
	padding: 10px 30px;
	border: solid 1px #ccc;
	text-align: center;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table thead th {
	background-color: #eee;
	text-align: center;
	vertical-align: center;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table thead tr:last-of-type th {
	font-size: 14px;
}

#ic-reader .wrapper .main-content .correspond .inner .table_box table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}

#ic-reader .wrapper .main-content .correspond .inner ul {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

#ic-reader .wrapper .main-content .correspond .inner ul li em {
	color: #F52618;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#ic-reader .wrapper .main-content .correspond .inner .sp_caution {
		display: block;
	}

	#ic-reader .wrapper .main-content .correspond .inner .table_box {
		overflow-x: scroll;
	}

	#ic-reader .wrapper .main-content .correspond .inner .table_box table {
		width: 150%;
	}

	#ic-reader .wrapper .main-content .correspond .inner .table_box table th {
		padding: 6px 10px;
	}

	#ic-reader .wrapper .main-content .correspond .inner .table_box table td {
		padding: 6px 10px;
	}
}


/*==================== .hardware ====================*/
#ic-reader .wrapper .main-content .hardware .inner table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#ic-reader .wrapper .main-content .hardware .inner table th {
	width: 25%;
	padding: 30px 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#ic-reader .wrapper .main-content .hardware .inner table td {
	padding: 30px 30px;
	border: solid 1px #ccc;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#ic-reader .wrapper .main-content .hardware .inner table {
		font-size: 14px;
	}

	#ic-reader .wrapper .main-content .hardware .inner table th {
		width: 30%;
		padding: 10px 15px;
	}

	#ic-reader .wrapper .main-content .hardware .inner table td {
		padding: 10px 15px;
		vertical-align: top;
	}

	/*
	#ic-reader .wrapper .main-content .hardware .inner table {
		width: 100%;
		border: none;
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.6;
	}

	#ic-reader .wrapper .main-content .hardware .inner table th {
		width: 100%;
		padding: 10px 15px;
		background-color: #C1F5F3;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#ic-reader .wrapper .main-content .hardware .inner table td {
		width: 100%;
		padding: 10px 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}
	*/
}


/*==================== .behavior ====================*/
#ic-reader .wrapper .main-content .behavior .inner p:first-of-type {
	margin: 0 0 15px;
}

#ic-reader .wrapper .main-content .behavior .inner p.img_01 {
	margin: 40px 0;
	text-align: center;
}

#ic-reader .wrapper .main-content .behavior .inner p.btn-area-simple {
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#ic-reader .wrapper .main-content .behavior .inner p.img_01 img {
		width: 100%;
	}
}



/*** ------------------------------------------------------------------------------

No.36　透明カード　（#card-clear）

-----------------------------------------------------------------------------  ***/

/*==================== ul.slider ====================*/
#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a,
#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a.active,
#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: none;
}

#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a img {
	border: solid 1px #ccc;
}

#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a.active img,
#card-clear .wrapper .main-content section .inner .img ul.thumbnail li a:hover img {
	border: solid 1px #fcc;
}

#card-clear .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#card-clear .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
	width: 66%;
	left: 24%;
}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .delivery_date .inner .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#card-clear .wrapper .main-content .delivery_date .inner .delivery_table p.day_10 {
		width: 128%;
		left: 51%;
	}
}


/*==================== .features_and_notes ====================*/
#card-clear .wrapper .main-content .features_and_notes .inner ol {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}

#card-clear .wrapper .main-content .features_and_notes .inner ol li:not(:last-of-type) {
	margin: 0 0 40px;
}

#card-clear .wrapper .main-content .features_and_notes .inner ol li .box {
	margin: 30px 0 0;
	display: flex;
}

#card-clear .wrapper .main-content .features_and_notes .inner .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}

#card-clear .wrapper .main-content .features_and_notes .inner .box p:nth-of-type(2) {
	margin: 20px 0 0;
}


#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul {
	margin: 30px 0 0;
	display: flex;
	justify-content: center;
}

#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul li {
	margin: 0 10px;
	font-size: 14px;
}

#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul li img {
	margin: 0 0 5px;
	display: block;
}


#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(3) p:nth-of-type(2),
#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(4) p:nth-of-type(2) {
	margin: 30px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .features_and_notes .inner ol li:not(:last-of-type) {
		margin: 0 0 30px;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner ol li .box {
		margin: 20px 0 0;
		display: block;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner .box p:nth-of-type(1) img {
		width: 50%;
	}


	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul {
		margin: 20px 0 0;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul li {
		width: calc(100% / 2 - 5px);
		margin: 0;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(2) ul li img {
		width: 100%;
	}


	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(3) p:nth-of-type(2),
	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(4) p:nth-of-type(2) {
		margin: 20px 0 0;
	}

	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(3) p:nth-of-type(2) img,
	#card-clear .wrapper .main-content .features_and_notes .inner ol li:nth-of-type(4) p:nth-of-type(2) img {
		width: 50%;
	}
}


/*==================== .example ====================*/
#card-clear .wrapper .main-content .example .inner p {
	text-align: center;
}

#card-clear .wrapper .main-content .example .inner h2 + p {
	margin: 0 0 20px;
	text-align: left;
}

#card-clear .wrapper .main-content .example .inner p.btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .example .inner p img {
		width: 100%;
	}

	#card-clear .wrapper .main-content .example .inner p.btn-area-simple a {
		padding: 25px 10px 22px;
		font-size: 4.35vw;
	}
}


/*==================== .option ====================*/
#card-clear .wrapper .main-content .option .inner table {
	width: 100%;
	margin: 20px 0 0;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#card-clear .wrapper .main-content .option .inner table th {
	width: 25%;
	padding: 30px 30px;
	background-color: #eee;
	border: solid 1px #ccc;
	vertical-align: top;
}

#card-clear .wrapper .main-content .option .inner table td {
	padding: 30px 30px;
	border: solid 1px #ccc;
}

#card-clear .wrapper .main-content .option .inner table a {
	color: #00C2BA;
}



@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .option .inner table {
		font-size: 14px;
	}

	#card-clear .wrapper .main-content .option .inner table th {
		width: 30%;
		padding: 10px 15px;
	}

	#card-clear .wrapper .main-content .option .inner table td {
		padding: 10px 15px;
		vertical-align: top;
	}
}


/*==================== .q_and_a ====================*/
#card-clear .wrapper .main-content .q_and_a .inner dl {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#card-clear .wrapper .main-content .q_and_a .inner dl dt {
	min-height: 40px;
	margin: 20px 0 10px;
	padding: 2px 0 0 50px;
	background: url("../../img/card/clear/icon_01.png") left top / auto no-repeat;
	box-sizing: border-box;
	color: #00C2BA;
	font-size: 22px;
	font-weight: 700;
}


#card-clear .wrapper .main-content .q_and_a .inner p.btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .q_and_a .inner dl dt {
		min-height: 30px;
		padding: 0 0 0 40px;
		background: url("../../img/card/clear/icon_01.png") left top / auto 30px no-repeat;
		font-size: 20px;
		line-height: 1.4;
	}

	#card-clear .wrapper .main-content .q_and_a .inner p.btn-area-simple a {
		padding: 25px 10px 22px;
		font-size: 4.35vw;
	}
}


/*==================== .tips ====================*/
#card-clear .wrapper .main-content .tips .inner .box {
	display: flex;
}

#card-clear .wrapper .main-content .tips .inner .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}

#card-clear .wrapper .main-content .tips .inner .box p:nth-of-type(2) {
	margin: 10px 0 0;
}

#card-clear .wrapper .main-content .tips .inner section {
	margin: 40px 0 0;
}

#card-clear .wrapper .main-content .tips .inner section h5 {
	display: block;
}

#card-clear .wrapper .main-content .tips .inner section ul {
	margin: 30px 0;
	display: flex;
	justify-content: center;
}

#card-clear .wrapper .main-content .tips .inner section ul li {
	margin: 0 10px;
	color: #000;
	font-size: 14px;
}

#card-clear .wrapper .main-content .tips .inner section ul li img {
	margin: 0 0 5px;
	display: block;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-clear .wrapper .main-content .tips .inner .box {
		display: block;
	}

	#card-clear .wrapper .main-content .tips .inner .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#card-clear .wrapper .main-content .tips .inner .box p:nth-of-type(1) img {
		width: 60%;
	}

	#card-clear .wrapper .main-content .tips .inner .box p:nth-of-type(2) {
		margin: 0;
	}

	#card-clear .wrapper .main-content .tips .inner section ul {
		margin: 20px 0;
	}

	#card-clear .wrapper .main-content .tips .inner section ul li {
		width: calc(100% / 2 - 5px);
		margin: 0;
		text-align: center;
	}

	#card-clear .wrapper .main-content .tips .inner section ul li img {
		width: 90%;
	}
}



/*** ------------------------------------------------------------------------------

No.37　ギフトカード　（#card-gift）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#card-gift .wrapper .main-content .c_header .inner .img ul.thumbnail {
	position: relative;
}

#card-gift .wrapper .main-content .c_header .inner .img ul.thumbnail::after {
	content: "";
	width: calc(100% / 4 - 10px);
	height: 0;
	display: block;
}


/*==================== .card_type ====================*/
#card-gift .wrapper .main-content .card_type .inner p:nth-of-type(1) {
	margin: 0 0 20px;
	text-align: center;
}

#card-gift .wrapper .main-content .card_type .inner p:nth-of-type(2) {
	text-align: center;
	color: #00C2BA;
	font-size: 22px;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-gift .wrapper .main-content .card_type .inner p:nth-of-type(1) img {
		width: 100%;
	}

	#card-gift .wrapper .main-content .card_type .inner p:nth-of-type(2) {
		text-align: left;
	}
}


/*==================== .merit ====================*/
#card-gift .wrapper .main-content .merit .inner section {
	margin: 0 0 10px;
	padding: 30px;
	background-color: #eee;
}

#card-gift .wrapper .main-content .merit .inner section:last-of-type {
	margin: 0;
}

#card-gift .wrapper .main-content .merit .inner section h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
}

#card-gift .wrapper .main-content .merit .inner section dl {
	color: #000;
	font-size: 14px;
	line-height: 1.6;
}

#card-gift .wrapper .main-content .merit .inner section dl dt {
	margin: 10px 0 0;
	font-weight: 700;
}

#card-gift .wrapper .main-content .merit .inner section dl dd {
	font-size: 12px;
	font-weight: 500;
}

#card-gift .wrapper .main-content .merit .inner section dl .fl {
	margin: 0 5px 0 0;
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-gift .wrapper .main-content .merit .inner section {
		padding: 20px;
	}
}


/*==================== .mechanism ====================*/
#card-gift .wrapper .main-content .mechanism .inner > h3 + p {
	margin: 0 0 40px;
	text-align: center;
}

#card-gift .wrapper .main-content .mechanism .inner section {
	margin: 0 0 10px;
	padding: 30px;
	background-color: #eee;
}

#card-gift .wrapper .main-content .mechanism .inner section:last-of-type {
	margin: 0;
}

#card-gift .wrapper .main-content .mechanism .inner section h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
}

#card-gift .wrapper .main-content .mechanism .inner section p {
	color: #000;
	font-size: 12px;
	font-weight: 500;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-gift .wrapper .main-content .mechanism .inner h2 + p {
		margin: 0 0 30px;
	}

	#card-gift .wrapper .main-content .mechanism .inner h2 + p img {
		width: 100%;
	}

	#card-gift .wrapper .main-content .mechanism .inner section {
		padding: 20px;
	}
}


/*==================== .example ====================*/
#card-gift .wrapper .main-content .example .inner h2 + p {
	margin: 0 0 20px;
}

#card-gift .wrapper .main-content .example .inner p.img_01 {
	text-align: center;
}

#card-gift .wrapper .main-content .example .inner p.btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-gift .wrapper .main-content .example .inner p.img_01 img{
		width: 100%;
	}
	#card-gift .wrapper .main-content .mechanism .inner p img {
		width: 100%;
	}

	#card-gift .wrapper .main-content .example .inner p.btn-area-simple a {
		padding: 25px 10px 22px;
		font-size: 4.35vw;
	}
}


/*==================== .pdf ====================*/
#card-gift .wrapper .main-content .pdf .inner p a {
	color: #00C2BA;
}

#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
}

#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple li {
	width: calc(100% / 2 - 10px);
}

#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple li a {
	margin: 0;
	padding: 25px 10px 22px;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple {
		margin: 40px 0 0;
		display: block;
	}

	#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple li {
		width: auto;
		margin: 0 0 20px;
	}

	#card-gift .wrapper .main-content .pdf .inner ul.btn-area-simple li a {
		padding: 25px 10px 22px;
		font-size: 3.9vw;
	}
}


/*** ------------------------------------------------------------------------------

No.38　会員証カード　（#card-club）

-----------------------------------------------------------------------------  ***/

/*==================== .card_type ====================*/
#card-club .center_img{
	display:block;
	margin:20px auto
}
#card-club .de_ex_btn .btn{
	min-width: inherit;
    width: 100%;
	max-width:470px;
    margin: 40px auto;
    padding: 25px 0 22px;
    display: block;
    position: relative;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#card-club .de_ex_btn .btn.btn-green {
    background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
}
#card-club .de_ex_btn .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}

#card-club .content.kakou_option table{
	border-collapse:collapse;
	/*color:#00C2BA;*/
	margin:20px 0;
	width:100%;
	table-layout: fixed;
	box-sizing: border-box;
}
#card-club .content.kakou_option table th,
#card-club .content.kakou_option table td{
	border:1px solid #ccc;
	padding:20px;
}
#card-club .content.kakou_option table th{
	width:25%;
	background:#eee;
}
#card-club .content.kakou_option table .txtbk{
	color:#000;
}

#card-club .wrapper .main-content .card_type .inner h2 + p {
	margin: 0 0 20px;
}

#card-club .wrapper .main-content .card_type .inner h2 + p a {
	color: #00C2BA;
}

#card-club .wrapper .main-content .card_type .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#card-club .wrapper .main-content .card_type .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#card-club .wrapper .main-content .card_type .inner ul li h4 {
	padding: 0;
}

#card-club .wrapper .main-content .card_type .inner ul li h4 + p {
	margin: 0 0 20px;
}

#card-club .wrapper .main-content .card_type .inner ul li p.img_01 {
	margin: 0 0 20px;
	text-align: center;
}

#card-club .wrapper .main-content .card_type .inner ul li p.txt {
	margin: 0 0 20px;
}

#card-club .wrapper .main-content .card_type .inner ul li p.btn-area-simple {
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#card-club .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
	width: calc(100% / 2 - 10px);
	min-width: inherit;
	margin: 0;
	padding: 20px 10px 18px;
	box-sizing: border-box;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-club .center_img{
		width: 100%;
	}
	#card-club .content.kakou_option table th,
	#card-club .content.kakou_option table td{
		width:100%;
		display:block;
		box-sizing: border-box;
	}
	#card-club .wrapper .main-content .card_type .inner ul {
		display: block;
	}

	#card-club .wrapper .main-content .card_type .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	#card-club .wrapper .main-content .card_type .inner ul li p.img_01 img {
		max-width: 60%;
	}

	#card-club .wrapper .main-content .card_type .inner ul li p.btn-area-simple a {
		padding: 20px 1px 18px;
		font-size: 3.9vw;
	}
}


/*==================== .method ====================*/
#card-club .wrapper .main-content .method .inner section {
	margin: 30px 0 0;
}

#card-club .wrapper .main-content .method .inner section h5 {
	display: block;
}

#card-club .wrapper .main-content .method .inner section .box {
	display: flex;
}

#card-club .wrapper .main-content .method .inner section .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}

#card-club .wrapper .main-content .method .inner section .box p:nth-of-type(2) {
	margin: 20px 0 0;
}




@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-club .wrapper .main-content .method .inner section .box {
		display: block;
	}

	#card-club .wrapper .main-content .method .inner section .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#card-club .wrapper .main-content .method .inner section .box p:nth-of-type(1) img {
		width: 60%;
	}

	#card-club .wrapper .main-content .method .inner section .box p:nth-of-type(2) {
		margin: 0;
	}
}


/*==================== .example ====================*/
#card-club .wrapper .main-content .example .inner h2 + p {
	margin: 0 0 20px;
}

#card-club .wrapper .main-content .example .inner p.img_01 {
	text-align: center;
}

#card-club .wrapper .main-content .example .inner p.btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-club .wrapper .main-content .example .inner p.img_01 img {
		width: 100%;
	}

	#card-club .wrapper .main-content .example .inner p.btn-area-simple a {
		padding: 25px 10px 22px;
		font-size: 4.35vw;
	}
}


/*==================== .option ====================*/
#card-club .wrapper .main-content .option .inner table {
	width: 100%;
	margin: 20px 0 0;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#card-club .wrapper .main-content .option .inner table th {
	width: 25%;
	padding: 30px 30px;
	background-color: #eee;
	border: solid 1px #ccc;
	vertical-align: top;
}

#card-club .wrapper .main-content .option .inner table td {
	padding: 30px 30px;
	border: solid 1px #ccc;
}

#card-club .wrapper .main-content .option .inner table a {
	color: #00C2BA;
}



@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#card-club .wrapper .main-content #option {
		margin: -70px 0 0;
		padding: 70px 0 50px;
	}
}


@media screen and (max-width: 768px) {
	#card-club .wrapper .main-content #option {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}

	#card-club .wrapper .main-content .option .inner table {
		font-size: 14px;
	}

	#card-club .wrapper .main-content .option .inner table th {
		width: 30%;
		padding: 10px 15px;
	}

	#card-club .wrapper .main-content .option .inner table td {
		padding: 10px 15px;
		vertical-align: top;
	}
}


/*==================== .q_and_a ====================*/
#card-club .wrapper .main-content .q_and_a .inner dl {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#card-club .wrapper .main-content .q_and_a .inner dl dt {
	min-height: 40px;
	margin: 20px 0 10px;
	padding: 2px 0 0 50px;
	background: url("../../img/card/club/icon_01.png") left top / auto no-repeat;
	box-sizing: border-box;
	color: #00C2BA;
	font-size: 22px;
	font-weight: 700;
}

#card-club .wrapper .main-content .q_and_a .inner dl dd a {
	color: #00C2BA;
}


#card-club .wrapper .main-content .q_and_a .inner p.btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-club .wrapper .main-content .q_and_a .inner dl dt {
		min-height: 30px;
		padding: 0 0 0 40px;
		background: url("../../img/card/club/icon_01.png") left top / auto 30px no-repeat;
		font-size: 20px;
		line-height: 1.4;
	}

	#card-club .wrapper .main-content .q_and_a .inner p.btn-area-simple a {
		padding: 25px 10px 22px;
		font-size: 4.35vw;
	}
}


/*==================== .tips ====================*/
#card-club .wrapper .main-content .tips .inner .box {
	display: flex;
}

#card-club .wrapper .main-content .tips .inner .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}

#card-club .wrapper .main-content .tips .inner .box p:nth-of-type(2) {
	margin: 10px 0 0;
}

#card-club .wrapper .main-content .tips .inner section {
	margin: 40px 0 0;
}

#card-club .wrapper .main-content .tips .inner section h5 {
	display: block;
}

#card-club .wrapper .main-content .tips .inner section ul {
	margin: 30px 0;
	display: flex;
	justify-content: center;
}

#card-club .wrapper .main-content .tips .inner section ul li {
	margin: 0 10px;
	color: #000;
	font-size: 14px;
}

#card-club .wrapper .main-content .tips .inner section ul li img {
	margin: 0 0 5px;
	display: block;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#card-club .wrapper .main-content .tips .inner .box {
		display: block;
	}

	#card-club .wrapper .main-content .tips .inner .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#card-club .wrapper .main-content .tips .inner .box p:nth-of-type(1) img {
		width: 60%;
	}

	#card-club .wrapper .main-content .tips .inner .box p:nth-of-type(2) {
		margin: 0;
	}

	#card-club .wrapper .main-content .tips .inner section ul {
		margin: 20px 0;
	}

	#card-club .wrapper .main-content .tips .inner section ul li {
		width: calc(100% / 2 - 5px);
		margin: 0;
		text-align: center;
	}

	#card-club .wrapper .main-content .tips .inner section ul li img {
		width: 90%;
	}
}





/*** ------------------------------------------------------------------------------

No.40～64　材質から選ぶ　（.material）
No.40　PVCプラスチックカード　（#pvc）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
.material .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

.material .wrapper .main-content .c_header .inner .img {
	width: 50%;
	max-width: 450px;
	margin: 0 0 0 20px;
	order: 1;
}

.material .wrapper .main-content .c_header .inner .img .bigimage {
	width: 100%;
	height: 305px;
	margin: 0 0 15px;
	border: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.material .wrapper .main-content .c_header .inner .img .bigimage img {
	max-width: 100%;
}

.material .wrapper .main-content .c_header .inner .img ul.thumbnail {
	display: flex;
	justify-content: space-between;
}

.material .wrapper .main-content .c_header .inner .img ul.thumbnail li {
	width: calc(100% / 4 - 10px);
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
}

.material .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 100%;
	height: auto;
	border: solid 1px #ccc;
	vertical-align: middle;
}

.material .wrapper .main-content .c_header .inner .img ul.thumbnail li img:hover {
	border: solid 1px #fcc;
}

/*
.material .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 105px;
	height: 85px;
	object-fit: cover;
	object-position: 60% 50%;
	font-family: 'object-fit: cover; object-position: 60% 50%;'
}
*/





.material .wrapper .main-content .c_header .inner .txt {
	width: 47%;
	order: 0;
}

.material .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

.material .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

.material .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

.material .wrapper .main-content .c_header .inner .txt ul.list li span.item{
	padding: 10px 0px;
}

.material .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

.material .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

.material .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

.material .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}


@media screen and (min-width: 1500px) {
	/*
	.material .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	.material .wrapper .main-content .c_header .inner .img {
		width: 450px;
		margin: 0 0 0 20px;
		order: 1;
	}

	.material .wrapper .main-content .c_header .inner .txt {
		width: 62%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	.material .wrapper .main-content .c_header .inner .img {
		width: 50%;
	}

	.material .wrapper .main-content .c_header .inner .txt {
		width: 47%;
	}

	.material .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	.material .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	.material .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	.material .wrapper .main-content .c_header .inner {
		display: block;
	}

	.material .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 auto 20px;
	}

	.material .wrapper .main-content .c_header .inner .img .bigimage {
		width: 100%;
		height: 200px;
		padding: 10px;
	}

	.material .wrapper .main-content .c_header .inner .img .bigimage img {
		width: auto;
		height: 100%;
	}

	.material .wrapper .main-content .c_header .inner .img ul.thumbnail li {
		height: 70px;
	}

	.material .wrapper .main-content .c_header .inner .img ul.thumbnail li img {

	}

	.material .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	.material .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	.material .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	.material .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}


/*==================== .price ====================*/
.material .wrapper .main-content .price .inner h3 {
	margin-bottom: 5px;
}

.material .wrapper .main-content .price .sp_caution {
	display: none;
}

.material .wrapper .main-content .price .inner ul.option_list {
	margin: 0 0 60px;
	display: flex;
	flex-flow: row wrap;
}

.material .wrapper .main-content .price .inner ul.option_list li {
	width: calc(100% / 3 - 15px);
	margin: 15px 15px 0 0;
	border: 1px solid #00C2BA;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.4;
}

.material .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
	margin: 15px 0 0;
}

.material .wrapper .main-content .price .inner ul.option_list li a {
	display: flex;
	color: #000;
}

.material .wrapper .main-content .price .inner ul.option_list li a span {
	padding: 10px;
	display: inline-block;
}


.material .wrapper .main-content .price .inner .price_table {
	margin: 0 0 30px;
}

.material .wrapper .main-content .price .inner .price_table table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 14px;
	line-height: 1.4;
}

.material .wrapper .main-content .price .inner .price_table table thead th {
	padding: 15px 5px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

.material .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
	width: 25%;
	font-size: 14px;
}

.material .wrapper .main-content .price .inner .price_table table thead th img {
	margin: 0 auto 5px;
	display: block;
}

.material .wrapper .main-content .price .inner .price_table table tbody th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.material .wrapper .main-content .price .inner .price_table table tbody td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.material .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(odd) th:first-of-type {
	background-color: #C1F5F3;
	font-size: 16px;
}

.material .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}


.material .wrapper .main-content .price .inner .note {
	display: flex;
	justify-content: space-between;
	color: #000;
}

.material .wrapper .main-content .price .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.material .wrapper .main-content .price .inner .note .btn-area-simple {
	margin: 0;
}

.material .wrapper .main-content .price .inner .note .btn-area-simple a {
	margin: 0;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .material .wrapper .main-content .price .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}


@media screen and (min-width: 1500px) {
	.material .wrapper .main-content .price .inner ul.option_list li {
		width: calc(100% / 4 - 15px);
	}

	.material .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 15px 0 0;
	}

	.material .wrapper .main-content .price .inner ul.option_list li:nth-child(4n) {
		margin: 15px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	.material .wrapper .main-content .price {
		margin: 0 0 20px;
	}

	.material .wrapper .main-content .price .inner .sp_caution {
		display: block;
	}

	.material .wrapper .main-content .price .inner ul.option_list {
		margin: 0 0 40px;
	}

	.material .wrapper .main-content .price .inner ul.option_list a {
		display: flex;
		flex-flow: row wrap;
	}

	.material .wrapper .main-content .price .inner ul.option_list li {
		width: 31%;
		height: auto;
		margin: 15px 3.5% 0 0;
		display: block;
	}

	.material .wrapper .main-content .price .inner ul.option_list li br {
		display: none;
	}

	.material .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 0 0;
	}

	.material .wrapper .main-content .price .inner ul.option_list li img {
		width: 100%;
	}


	.material .wrapper .main-content .price .inner .price_table {
		margin: 0 0 20px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.material .wrapper .main-content .price .inner .price_table::-webkit-scrollbar {
		height: 5px;
	}

	.material .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.material .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.material .wrapper .main-content .price .inner .price_table table {
		width: 150%;
	}

	.material .wrapper .main-content .price .inner .price_table table thead th {
		padding: 7px 2px;
	}

	.material .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
		width: auto;
	}

	.material .wrapper .main-content .price .inner .price_table table tbody th {
		padding: 7px 2px;
	}

	.material .wrapper .main-content .price .inner .price_table table tbody td {
		padding: 7px 2px;
	}


	.material .wrapper .main-content .price .inner .note {
		display: block;
	}

	.material .wrapper .main-content .price .inner .note ul {
		margin: 0 0 20px;
	}
}


/*==================== .delivery_date ====================*/
.material .wrapper .main-content .delivery_date .sp_caution {
	display: none;
}

.material .wrapper .main-content .delivery_date .inner ul.detail {
	margin: 0 0 40px;
	color: #000;
}

.material .wrapper .main-content .delivery_date .inner ul.detail li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
}


.material .wrapper .main-content .delivery_date .delivery_table {
	width: 100%;
	max-width: 900px;
	margin: 0 0 30px;
	position: relative;
	color: #000;
}

.material .wrapper .main-content .delivery_date .delivery_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

.material .wrapper .main-content .delivery_date .delivery_table th {
	padding: 10px 5px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.saturday {
	color: #1A78D6;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.sunday {
	color: #F52518;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
	padding: 5px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th.holiday {
	width: 1.5em;
	background-color: #707070;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
	padding: 15px 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th em {
	font-size: 20px;
	font-weight: bold;
}

.material .wrapper .main-content .delivery_date .delivery_table td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:first-of-type {
	background-color: #F52518;
	color: #fff;
	font-size: 16px;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type {
	font-size: 20px;
	font-weight: bold;
}

.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type img {
	margin: 5px auto 0;
	display: block;
}

.material .wrapper .main-content .delivery_date .delivery_table p {
	width: 64%;
	padding: 10px 0;
	background-color: #F52518;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 25%;
	bottom: 25px;
}


.material .wrapper .main-content .delivery_date .inner .note {
	margin: 0 0 45px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #000;
}

.material .wrapper .main-content .delivery_date .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.material .wrapper .main-content .delivery_date .inner .note p {
	padding: 10px 40px;
	border: solid 2px #F52518;
}


.material .wrapper .main-content .delivery_date .inner ul.link_area {
	display: flex;
	justify-content: space-between;
}

.material .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

.material .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}


@media screen and (min-width: 1500px) {
	.material .wrapper .main-content .delivery_date .inner .note {
		display: flex;
		justify-content: flex-start;
	}

	.material .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 80px 0 0;
	}

	.material .wrapper .main-content .delivery_date .inner ul.link_area {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.material .wrapper .main-content .delivery_date .sp_caution {
		display: block;
	}

	.material .wrapper .main-content .delivery_date .delivery_table {
		width: 100%;
		max-width: 900px;
		margin: 0 0 30px;
		position: relative;padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.material .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar {
		height: 5px;
	}

	.material .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.material .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.material .wrapper .main-content .delivery_date .delivery_table table {
		width: 200%;
	}

	.material .wrapper .main-content .delivery_date .delivery_table th {
		padding: 7px 5px;
	}

	.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
		padding: 5px 2px;
		font-size: 3vw;
	}

	.material .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
		padding: 7px 5px;
	}

	.material .wrapper .main-content .delivery_date .delivery_table td {
		padding: 7px 5px;
	}

	.material .wrapper .main-content .delivery_date .delivery_table p {
		width: 122%;
		left: 55%;
	}


	.material .wrapper .main-content .delivery_date .inner .note {
		margin: 0 0 40px;
		display: block;
	}

	.material .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 0 20px;
	}

	.material .wrapper .main-content .delivery_date .inner .note ul li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	.material .wrapper .main-content .delivery_date .inner .note p {
		padding: 10px 20px;
	}

	.material .wrapper .main-content .delivery_date .inner .note p br {
		display: none;
	}


	.material .wrapper .main-content .delivery_date .inner ul.link_area {
		display: block;
	}

	.material .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
		width: auto;
		margin: 0 0 20px;
	}
}


/*==================== .trivia ====================*/
.material .wrapper .main-content .trivia .inner ul.trivia_list {
	margin: 0 0 40px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	line-height: 2.4;
}

.material .wrapper .main-content .trivia .inner ul.trivia_list li {
	width: 50%;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
}

.material .wrapper .main-content .trivia .inner ul.trivia_list li::before {
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	color: #00C2BA;
	font-weight: 900;
}

.material .wrapper .main-content .trivia .inner ul.trivia_list li a {
	color: #000;
}

.material .wrapper .main-content .trivia .inner ul.trivia_list li a:hover {
	opacity: 1.0;
	text-decoration: underline;
}

.material .wrapper .main-content .trivia .inner .other {
	padding: 30px;
	background-color: #EEEEEE;
	display: flex;
	justify-content: space-between;
	color: #000;
	line-height: 1.4;
}

.material .wrapper .main-content .trivia .inner .other h5 {
	margin: 0 0 20px;
}

.material .wrapper .main-content .trivia .inner .other > section {
	width: 60%;
}

.material .wrapper .main-content .trivia .inner .other > section dl dt {
	font-size: 14px;
	font-weight: bold;
}

.material .wrapper .main-content .trivia .inner .other > section dl dt:not(:first-of-type) {
	margin: 1em 0 0;
}

.material .wrapper .main-content .trivia .inner .other > section dl dt .color {
	color: #00C2BA;
}

.material .wrapper .main-content .trivia .inner .other > section dl dt .note {
	font-size: 12px;
	font-weight: normal;
}

.material .wrapper .main-content .trivia .inner .other > section dl dd {
	font-size: 12px;
}

.material .wrapper .main-content .trivia .inner .other > div {
	width: 35%;
}

.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
	margin: 0 0 40px;
}

.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p {
	font-size: 14px;
	font-weight: bold;
}

.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p em {
	color: #F42618;
	font-size: 20px;
	font-weight: bold;
}

.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p span {
	font-size: 12px;
	font-weight: normal;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {
	.material .wrapper .main-content .trivia .inner ul.trivia_list {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.material .wrapper .main-content .trivia .inner ul.trivia_list {
		margin: 0 0 30px;
		display: block;
		line-height: 1.5;
	}

	.material .wrapper .main-content .trivia .inner ul.trivia_list li {
		margin: 0 0 20px;
		padding-left: 16px;
		text-indent: -16px;
		width: auto;
	}

	.material .wrapper .main-content .trivia .inner .other {
		padding: 15px;
		display: block;
	}

	.material .wrapper .main-content .trivia .inner .other h5 {
		margin: 0 0 1em;
	}

	.material .wrapper .main-content .trivia .inner .other > section {
		margin: 0 0 20px;
		width: auto;
	}

	.material .wrapper .main-content .trivia .inner .other > div {
		width: auto;
	}

	.material .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
		margin: 0 0 20px;
	}
}



/*** ------------------------------------------------------------------------------

No.40～　メインイメージ　（.slider）

-----------------------------------------------------------------------------  ***/

.wrapper .main-content section .inner .img ul.slider {
	width: 100%;
	height: 305px;
	box-sizing: border-box;
}

.wrapper .main-content section .inner .img ul.slider li {
	text-align: center;
}

.wrapper .main-content section .inner .img ul.slider li img {
	max-width: 100%;
	max-height: 300px;
	margin: 0 auto;
}

.wrapper .main-content section .inner .img ul.thumbnail {
	display: flex;
	justify-content: space-between;
}

.wrapper .main-content section .inner .img ul.thumbnail li {
	width: calc(100% / 4 - 10px);
}

.wrapper .main-content section .inner .img ul.thumbnail li a {
	cursor: default;
	height: 85px;
	border: solid 1px #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
	cursor: pointer;
}


.wrapper .main-content section .inner .img ul.thumbnail li a.active,
.wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: solid 1px #fcc;
}

.wrapper .main-content section .inner .img ul.thumbnail li a img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}




/*
.wrapper .main-content section .inner .img ul.thumbnail li img {
	width: 105px;
	height: 85px;
	object-fit: cover;
	object-position: 60% 50%;
	font-family: 'object-fit: cover; object-position: 60% 50%;'
}
*/


@media screen and (min-width: 1500px) {
	.wrapper .main-content section .inner .img {
		width: 450px;
		margin: 0 0 0 20px;
		order: 1;
	}
}


@media screen and (max-width:1100px){
	.wrapper .main-content section .inner .img {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.wrapper .main-content section .inner .img ul.slider {
		width: 100%;
		height: 200px;
		padding: 0;
	}

	.wrapper .main-content section .inner .img ul.slider img {
		width: auto;
		max-height: 200px;
	}

	.wrapper .main-content section .inner .img ul.thumbnail li a {
		height: 70px;
	}

	.wrapper .main-content section .inner .img ul.thumbnail li a img {

	}
}



/*** ------------------------------------------------------------------------------

No.40～　価格表モーダルウィンドウ　（.modal）

-----------------------------------------------------------------------------  ***/
/*==================== modal window ====================*/
.wrapper .main-content section .inner .modal {
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}

.wrapper .main-content section .inner .modal_bg {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	position: absolute;
}

.wrapper .main-content section .inner .modal_content {
	width: 60%;
	max-width: 1200px;
	background: #fff;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.wrapper .main-content section .inner .modal_content .item_title {
	height: 60px;
	padding: 17px 50px 0;
	background-color: #00C2BA;
	box-sizing: border-box;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

.wrapper .main-content section .inner .modal_content .modal_inner {
	max-height: 80vh;
	padding: 50px 30px;
	box-sizing: border-box;
	overflow-y: scroll;
}

.wrapper .main-content section .inner .modal_content .modal_inner .detail {
	margin: 0 0 25px;
	display: flex;
	justify-content: flex-start;
	font-size: 16px;
}

.wrapper .main-content section .inner .modal_content .modal_inner .detail p.img {
	margin: 0 55px 0 0;
}
.wrapper .main-content section .inner .modal_content .modal_inner .detail .txt {
	order: 2;
}
.wrapper .main-content section .inner .modal_content .modal_inner .detail .txt dl {
	color: #000;
}

.wrapper .main-content section .inner .modal_content .modal_inner .detail .txt dl dt {
	margin: 25px 0 0;
	font-weight: 700;
}

.wrapper .main-content section .inner .modal_content .modal_inner .table_box {
	margin: 0 0 40px;
}

.wrapper .main-content section .inner .modal_content .modal_inner table {
	width: 100%;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #707070;
	border-left: solid 1px #707070;
	color: #000;
	font-size: 16px;
}

.wrapper .main-content section .inner .modal_content .modal_inner table.mstep{
	margin-top: 15px;
}
.wrapper .main-content section .inner .modal_content .modal_inner table th {
	padding: 7px 0;
	border-right: solid 1px #707070;
}

.wrapper .main-content section .inner .modal_content .modal_inner table td {
	padding: 7px 0;
	border-right: solid 1px #707070;
	text-align: center;
}

.wrapper .main-content section .inner .modal_content .modal_inner table thead {
	background-color: #C1F5F3;
	border-bottom: solid 1px #F5F5F5;
	text-align: center;
}

.wrapper .main-content section .inner .modal_content .modal_inner table thead th {
	text-align: center;
	font-weight: 700;
}

.wrapper .main-content section .inner .modal_content .modal_inner table tbody tr:not(:last-of-type) {
	border-bottom: solid 1px #F5F5F5;
}

.wrapper .main-content section .inner .modal_content .modal_inner table tbody tr:nth-of-type(even) th,
.wrapper .main-content section .inner .modal_content .modal_inner table tbody tr:nth-of-type(even) td {
	background-color: #EFFEFD;
}

.wrapper .main-content section .inner .modal_content .modal_inner table tbody th {
	text-align: center;
}

.wrapper .main-content section .inner .modal_content .modal_inner .btn {
	text-align: center;
}

.wrapper .main-content section .inner .modal_content .modal_inner .btn button {
	display: none;
	padding: 18px 140px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	transition: 0.2s;
}
.wrapper .main-content section .inner .modal_content .modal_inner .btn02 {
	display: flex;
  justify-content: flex-start;
	margin:20px 0 20px 0;
}
.wrapper .main-content section .inner .modal_content .modal_inner .btn02 a {
	padding: 18px 48px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	transition: 0.2s;
	text-align: center;
}
.lity,
	.lity.lity-opened{
	    z-index: 999999 !important;
	}
	.btn02{
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.ytube{
	    position: relative;
	    padding: 18px 60px;
	    margin-left: 30px;
	    color: #fff;
	    font-size: 16px;
	    font-weight: 700;
	    transition: 0.2s
	}
	.ytube iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  opacity: 0;
	}
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 .ytube a{
	  width: 100%;
	  background:#FF0000;
	  padding: 16px 46px;
	  position: absolute;
	  top: 0;
	  left: 0;
	  border: solid 2px #212121;
	}
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 .ytube a:before{
	  content: '　';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px;/*画像の幅*/
  height: auto;/*画像の高さ*/
  background-image: url(/common/img/icon-movie.png);
  background-size: contain;
  vertical-align: middle;
  margin: 0 10px 0 0;
	}
@media screen and (max-width: 768px) {
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 {
	flex-wrap: wrap;
	justify-content: center;
	text-align:center;
	margin:15px 0 45px 0;

}
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 a,
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 .ytube {
			width: 87%;
	    padding: 16px 55px;
			box-sizing: border-box;
      margin: 0 auto 16px;
	}
	.wrapper .main-content section .inner .modal_content .modal_inner .btn02 .ytube a{
	            width: 100%;
	            box-sizing: border-box;
	    }
}
.wrapper .main-content section .inner .modal_content .modal_inner .btn button:hover {
	opacity: 0.5;
}

.wrapper .main-content section .inner .modal_content .js-modal-close {
	width: 60px;
	height: 60px;
	background-color: #03746F;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.wrapper .main-content section .inner .modal_content .js-modal-close02{
	width: 50px;
	height: 50px;
	background-color: #bc4d17;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}


/*-- 画像サムネイル拡大用 --*/
.wrapper .main-content section .inner .js-modal-card .modal_content{
	width: auto;
}
.wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image{
	display: block
}
#board .wrapper .main-content section .inner .js-modal-card .modal_content,
#white .wrapper .main-content section .inner .js-modal-card .modal_content,
#zenius .wrapper .main-content section .inner .js-modal-card .modal_content,
#primacy .wrapper .main-content section .inner .js-modal-card .modal_content,
#youto .wrapper .main-content section .inner .js-modal-card .modal_content{
	width: auto;
}
#board .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img,
#white .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img,
#zenius .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img,
#primacy .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img,
#youto .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner p.img{
	width: 650px;
	max-width: 650px;
	margin: 0 auto;
}
#board .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image,
#white .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image,
#zenius .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image,
#primacy .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image,
#youto .wrapper .main-content section .inner .js-modal-card .modal_content .modal_inner img.card-image{
	width: 100%;
	display: block
}

/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .wrapper .main-content section .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}

@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
	}

	.wrapper .main-content section .inner .modal {
		width: 100%;
		height: 100vh;
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10000;
		overflow-y: hidden;
	}

	.wrapper .main-content section .inner .modal_bg {
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		position: absolute;
	}

	.wrapper .main-content section .inner .modal_content {
		width: 90%;
		height: 70%;
		max-width: inherit;
		position: absolute;
		left: 5%;
		top: 4%;
		transform: translate(0);
	}

	.wrapper .main-content section .inner .modal_content .item_title {
		padding: 17px 50px 0 20px;
		font-size: 20px;
	}


	.wrapper .main-content section .inner .modal_content .modal_inner {
		height: 100%;
		padding: 20px;
		background: #fff;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner::-webkit-scrollbar {
		width: 5px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .detail {
		margin: 0 0 25px;
		display: block;
		font-size: 16px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .detail p.img {
		margin: 0 0 25px;
		text-align: center;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .detail .txt dl dt {
		margin: 25px 0 0;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .table_box {
		margin: 0 0 0px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .table_box::-webkit-scrollbar {
		height: 5px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .table_box::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .table_box::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner table {
		width: 200%;
		font-size: 14px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner table th {
		padding: 7px 2px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner table td {
		padding: 7px 2px;
	}

	.wrapper .main-content section .inner .modal_content .modal_inner .btn button {
		width: 100%;
		padding: 15px 0;
		display: none;
	}
}



/*** ------------------------------------------------------------------------------

No.40　PVCプラスチックカード　（#pvc）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#pvc .wrapper .main-content section .inner .img ul.thumbnail li a,
#pvc .wrapper .main-content section .inner .img ul.thumbnail li a.active,
#pvc .wrapper .main-content section .inner .img ul.thumbnail li a:hover {
	border: none;
	cursor: pointer;
}

#pvc .wrapper .main-content section .inner .img ul.thumbnail li a img {
	border: none;
}

#pvc .wrapper .main-content section .inner .img ul.thumbnail li a.active img,
#pvc .wrapper .main-content section .inner .img ul.thumbnail li a:hover img {
	border: none;
}



/*** ------------------------------------------------------------------------------

No.66～72　その他のラインナップ　（.etc）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
.etc .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

.etc .wrapper .main-content .c_header .inner .img {
	width: 50%;
	max-width: 450px;
	margin: 0 0 0 20px;
	order: 1;
}


.etc .wrapper .main-content .c_header .inner .txt {
	width: 47%;
	order: 0;
}

.etc .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

.etc .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

.etc .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

.etc .wrapper .main-content .c_header .inner .txt ul.list li span.item{
	padding: 10px 0px;
}

.etc .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

.etc .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

.etc .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

.etc .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}


@media screen and (min-width: 1500px) {
	/*
	.etc .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	.etc .wrapper .main-content .c_header .inner .img {
		width: 450px;
		margin: 0 0 0 20px;
		order: 1;
	}

	.etc .wrapper .main-content .c_header .inner .txt {
		width: 62%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	.etc .wrapper .main-content .c_header .inner .img {
		width: 50%;
	}

	.etc .wrapper .main-content .c_header .inner .txt {
		width: 47%;
	}

	.etc .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	.etc .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	.etc .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .c_header .inner {
		display: block;
	}

	.etc .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 auto 20px;
	}

	.etc .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	.etc .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	.etc .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	.etc .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}


/*==================== .features ====================*/
.etc .wrapper .main-content .features .inner ul li {
	padding-left: 1em;
	text-indent: -1em;
	color: #000;
}

.etc .wrapper .main-content .features .inner ol.procedure {
	margin: 40px 0 0;
	border: solid 1px #ccc;
	border-right: none;
	display: flex;
	justify-content: space-between;
}

.etc .wrapper .main-content .features .inner ol.procedure li {
	width: calc(100% / 4);
	padding: 20px 10px ;
	border-right: solid 1px #ccc;
	box-sizing: border-box;
}

.etc .wrapper .main-content .features .inner ol.procedure li p:nth-of-type(1) {
	margin: 0 0 10px 10px;
	font-size: 20px;
	font-weight: 700;
}

.etc .wrapper .main-content .features .inner ol.procedure li p:nth-of-type(2) {
	margin: 0 0 20px;
	text-align: center;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {
	.etc .wrapper .main-content .features .inner ol.procedure li {
		padding: 20px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .features .inner ul li {
		padding-left: 0;
		text-indent: 0;
	}

	.etc .wrapper .main-content .features .inner ol.procedure {
		margin: 40px 0 0;
		border: solid 1px #ccc;
		border-right: none;
		border-bottom: none;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.etc .wrapper .main-content .features .inner ol.procedure li {
		width: calc(100% / 2);
		padding: 10px;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		box-sizing: border-box;
	}

	.etc .wrapper .main-content .features .inner ol.procedure li p:nth-of-type(1) {
		margin: 0 0 10px;
	}

	.etc .wrapper .main-content .features .inner ol.procedure li p:nth-of-type(2) {
		margin: 0 0 10px;
		text-align: center;
	}

	.etc .wrapper .main-content .features .inner ol.procedure li p:nth-of-type(2) img {
		max-width: 100%;
	}
}


/*==================== .price ====================*/
.etc .wrapper .main-content .price .inner h3 {
	margin-bottom: 5px;
}

.etc .wrapper .main-content .price .sp_caution {
	display: none;
}

.etc .wrapper .main-content .price .inner ul.option_list {
	margin: 0 0 60px;
	display: flex;
	flex-flow: row wrap;
}

.etc .wrapper .main-content .price .inner ul.option_list li {
	width: calc(100% / 3 - 15px);
	margin: 15px 15px 0 0;
	border: 1px solid #00C2BA;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.4;
}

.etc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
	margin: 15px 0 0;
}

.etc .wrapper .main-content .price .inner ul.option_list li a {
	display: flex;
	color: #000;
}

.etc .wrapper .main-content .price .inner ul.option_list li a span {
	padding: 10px;
	display: inline-block;
}


.etc .wrapper .main-content .price .inner .price_table {
	margin: 0 0 30px;
	color: #000;
}

.etc .wrapper .main-content .price .inner .price_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

.etc .wrapper .main-content .price .inner .price_table table thead th {
	padding: 15px 5px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

.etc .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
	width: 25%;
	font-size: 14px;
}

.etc .wrapper .main-content .price .inner .price_table table thead th img {
	margin: 0 auto 5px;
	display: block;
}

.etc .wrapper .main-content .price .inner .price_table table tbody th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.etc .wrapper .main-content .price .inner .price_table table tbody td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.etc .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(odd) th:first-of-type {
	background-color: #C1F5F3;
	font-size: 16px;
}

.etc .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}


.etc .wrapper .main-content .price .inner .note {
	display: flex;
	justify-content: space-between;
	color: #000;
}

.etc .wrapper .main-content .price .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.etc .wrapper .main-content .price .inner .note ul li em {
	color: #F52618;
}

.etc .wrapper .main-content .price .inner .note .btn-area-simple {
	margin: 0;
}

.etc .wrapper .main-content .price .inner .note .btn-area-simple a {
	margin: 0;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .etc .wrapper .main-content .price .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}


@media screen and (min-width: 1500px) {
	.etc .wrapper .main-content .price .inner ul.option_list li {
		width: calc(100% / 4 - 15px);
	}

	.etc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 15px 0 0;
	}

	.etc .wrapper .main-content .price .inner ul.option_list li:nth-child(4n) {
		margin: 15px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .price {
		margin: 0 0 20px;
	}

	.etc .wrapper .main-content .price .inner .sp_caution {
		display: block;
	}

	.etc .wrapper .main-content .price .inner ul.option_list {
		margin: 0 0 40px;
	}

	.etc .wrapper .main-content .price .inner ul.option_list a {
		display: flex;
		flex-flow: row wrap;
	}

	.etc .wrapper .main-content .price .inner ul.option_list li {
		width: 31%;
		height: auto;
		margin: 15px 3.5% 0 0;
		display: block;
	}

	.etc .wrapper .main-content .price .inner ul.option_list li br {
		display: none;
	}

	.etc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 0 0;
	}

	.etc .wrapper .main-content .price .inner ul.option_list li img {
		width: 100%;
	}


	.etc .wrapper .main-content .price .inner .price_table {
		margin: 0 0 20px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.etc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar {
		height: 5px;
	}

	.etc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.etc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.etc .wrapper .main-content .price .inner .price_table table {
		width: 150%;
	}

	.etc .wrapper .main-content .price .inner .price_table table thead th {
		padding: 7px 2px;
	}

	.etc .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
		width: auto;
	}

	.etc .wrapper .main-content .price .inner .price_table table tbody th {
		padding: 7px 2px;
	}

	.etc .wrapper .main-content .price .inner .price_table table tbody td {
		padding: 7px 2px;
	}


	.etc .wrapper .main-content .price .inner .note {
		display: block;
	}

	.etc .wrapper .main-content .price .inner .note ul {
		margin: 0 0 20px;
	}

	.etc .wrapper .main-content .price .inner .note ul li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}
}


/*==================== .merit ====================*/
.etc .wrapper .main-content .merit .inner .heading {
	display: flex;
	justify-content: space-between;
}

.etc .wrapper .main-content .merit .inner .heading p.img {
	width: auto;
	margin: 0;
	order: 0;
}

.etc .wrapper .main-content .merit .inner .heading .txt {
	margin: 10px 0 0 30px;
}

.etc .wrapper .main-content .merit .inner .heading .txt ul {
	margin: 20px 0;
	color: #000;
	font-size: 16px;
}

.etc .wrapper .main-content .merit .inner .heading .txt ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.etc .wrapper .main-content .merit .inner section {
	margin: 40px 0 0;
}

.etc .wrapper .main-content .merit .inner section h5 {
	display: block;
}

.etc .wrapper .main-content .merit .inner .pattern ul {
	margin: 0 0 40px;
	border: solid 1px #ccc;
	border-right: none;
	border-bottom: none;
	display: flex;
	flex-flow: row wrap;
}

.etc .wrapper .main-content .merit .inner .pattern ul li {
	width: calc(100% / 3);
	padding: 20px 10px ;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
	text-align: center;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .etc .wrapper .main-content .merit .inner .pattern ul li {
		width: calc(100% / 3 - 0.1px);
	}
}

@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .merit .inner .heading {
		display: block;
	}

	.etc .wrapper .main-content .merit .inner .heading .img {
		text-align: center;
	}

	.etc .wrapper .main-content .merit .inner .heading .img img {
		width: 50%;
	}

	.etc .wrapper .main-content .merit .inner .heading .txt {
		margin: 20px 0 0;
	}

	.etc .wrapper .main-content .merit .inner section {
		margin: 30px 0 0;
	}

	.etc .wrapper .main-content .merit .inner .pattern ul {
		margin: 0 0 30px;
	}

	.etc .wrapper .main-content .merit .inner .pattern ul li {
		padding: 10px;
	}

	.etc .wrapper .main-content .merit .inner .pattern ul li img {
		max-width: 100%;
	}
}


/*==================== .delivery_date ====================*/
.etc .wrapper .main-content .delivery_date .sp_caution {
	display: none;
}

.etc .wrapper .main-content .delivery_date .inner ul.detail {
	margin: 0 0 40px;
	color: #000;
}

.etc .wrapper .main-content .delivery_date .inner ul.detail li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
}


.etc .wrapper .main-content .delivery_date .delivery_table {
	width: 100%;
	max-width: 900px;
	margin: 0 0 30px;
	position: relative;
	color: #000;
}

.etc .wrapper .main-content .delivery_date .delivery_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

.etc .wrapper .main-content .delivery_date .delivery_table th {
	padding: 10px 5px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.saturday {
	color: #1A78D6;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.sunday {
	color: #F52518;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
	padding: 5px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th.holiday {
	width: 1.5em;
	background-color: #707070;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
	padding: 15px 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th em {
	font-size: 20px;
	font-weight: bold;
}

.etc .wrapper .main-content .delivery_date .delivery_table td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:first-of-type {
	background-color: #F52518;
	color: #fff;
	font-size: 16px;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type {
	font-size: 20px;
	font-weight: bold;
}

.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type img {
	margin: 5px auto 0;
	display: block;
}

.etc .wrapper .main-content .delivery_date .delivery_table p {
	width: 64%;
	padding: 10px 0;
	background-color: #F52518;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 25%;
	bottom: 25px;
}


.etc .wrapper .main-content .delivery_date .inner .note {
	margin: 0 0 45px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #000;
}

.etc .wrapper .main-content .delivery_date .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.etc .wrapper .main-content .delivery_date .inner .note p {
	padding: 10px 40px;
	border: solid 2px #F52518;
}


.etc .wrapper .main-content .delivery_date .inner ul.link_area {
	display: flex;
	justify-content: space-between;
}

.etc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

.etc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}


@media screen and (min-width: 1500px) {
	.etc .wrapper .main-content .delivery_date .inner .note {
		display: flex;
		justify-content: flex-start;
	}

	.etc .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 80px 0 0;
	}

	.etc .wrapper .main-content .delivery_date .inner ul.link_area {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .delivery_date .sp_caution {
		display: block;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table {
		width: 100%;
		max-width: 900px;
		margin: 0 0 30px;
		position: relative;padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar {
		height: 5px;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table table {
		width: 200%;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table th {
		padding: 7px 5px;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
		padding: 5px 2px;
		font-size: 3vw;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
		padding: 7px 5px;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table td {
		padding: 7px 5px;
	}

	.etc .wrapper .main-content .delivery_date .delivery_table p {
		width: 122%;
		left: 55%;
	}

	#board .wrapper .main-content .delivery_date .delivery_table p {
		width: 102%;
		left: 70%;
	}


	.etc .wrapper .main-content .delivery_date .inner .note {
		margin: 0 0 40px;
		display: block;
	}

	.etc .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 0 20px;
	}

	.etc .wrapper .main-content .delivery_date .inner .note ul li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	.etc .wrapper .main-content .delivery_date .inner .note p {
		padding: 10px 20px;
	}

	.etc .wrapper .main-content .delivery_date .inner .note p br {
		display: none;
	}


	.etc .wrapper .main-content .delivery_date .inner ul.link_area {
		display: block;
	}

	.etc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
		width: auto;
		margin: 0 0 20px;
	}
}


/*==================== .trivia ====================*/
.etc .wrapper .main-content .trivia .inner .other {
	padding: 30px;
	background-color: #EEEEEE;
	display: flex;
	justify-content: space-between;
	color: #000;
	line-height: 1.4;
}

.etc .wrapper .main-content .trivia .inner .other h5 {
	margin: 0 0 20px;
}

.etc .wrapper .main-content .trivia .inner .other > section {
	width: 60%;
}

.etc .wrapper .main-content .trivia .inner .other > section dl dt {
	font-size: 14px;
	font-weight: bold;
}

.etc .wrapper .main-content .trivia .inner .other > section dl dt:not(:first-of-type) {
	margin: 1em 0 0;
}

.etc .wrapper .main-content .trivia .inner .other > section dl dt .color {
	color: #00C2BA;
}

.etc .wrapper .main-content .trivia .inner .other > section dl dt .note {
	font-size: 12px;
	font-weight: normal;
}

.etc .wrapper .main-content .trivia .inner .other > section dl dd {
	font-size: 12px;
}

.etc .wrapper .main-content .trivia .inner .other > div {
	width: 35%;
}

.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
	margin: 0 0 40px;
}

.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p {
	font-size: 14px;
	font-weight: bold;
}

.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p em {
	color: #F42618;
	font-size: 20px;
	font-weight: bold;
}

.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p span {
	font-size: 12px;
	font-weight: normal;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	.etc .wrapper .main-content .trivia .inner .other {
		padding: 15px;
		display: block;
	}

	.etc .wrapper .main-content .trivia .inner .other h5 {
		margin: 0 0 1em;
	}

	.etc .wrapper .main-content .trivia .inner .other > section {
		margin: 0 0 20px;
		width: auto;
	}

	.etc .wrapper .main-content .trivia .inner .other > div {
		width: auto;
	}

	.etc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
		margin: 0 0 20px;
	}
}



/*** ------------------------------------------------------------------------------

		コンタクトエリア内　リンクエリア　（.link_area）

-----------------------------------------------------------------------------  ***/

/*==================== .content .link_area ====================*/
.wrapper .main-content .content .inner ul.link_area {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
}

.wrapper .main-content .content .inner ul.link_area.mt45 {
	margin-top: 45px;
}

.wrapper .main-content .content .inner ul.link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

.wrapper .main-content .content .inner ul.link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}

.wrapper .main-content .content .inner ul.link_area li.btn-area-simple .btn span.sub-text{
	font-size: 0.8em;
	font-weight: 500;
}


@media screen and (min-width: 1500px) {
	.wrapper .main-content .content .inner ul.link_area {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	.wrapper .main-content .content .inner ul.link_area{
		display: block;
	}
	.wrapper .main-content .content .inner ul.link_area.mt45 {
		margin-top: 0;
	}
	.wrapper .main-content .content .inner ul.link_area li.btn-area-simple {
		width: 100% !important;
		margin: 0 0 20px;
	}
}



/*** ------------------------------------------------------------------------------

No.66　カード+マッチング　（#board）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#board .wrapper .main-content .c_header .inner .txt {
	width: 100%;
}


/*==================== .price ====================*/


/*==================== .delivery_date ====================*/
#board .wrapper .main-content .delivery_date .delivery_table p {
	width: 57%;
	left: 31%;
}


@media screen and (max-width: 768px) {
	#board .wrapper .main-content .delivery_date .delivery_table p {
		width: 102%;
		left: 70%;
	}
}




#board .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

#board .wrapper .main-content .c_header .inner .img {
	width: 52%;
	order: 1;
}

#board .wrapper .main-content .c_header .inner .img .bigimage {
	width: 100%;
	height: 305px;
	margin: 0 0 15px;
	border: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
#board .wrapper .main-content .c_header .inner .img .bigimage img{
	max-width:100%;
	max-height:100%;
	height: auto;
}

#board .wrapper .main-content .c_header .inner .img ul.thumbnail {
	display: flex;
	justify-content: flex-start;
}

#board .wrapper .main-content .c_header .inner .img ul.thumbnail li {
	width: calc(100% / 4 - 10px);
	height: 85px;
	border: solid 1px #fff;
	text-align: center;
	vertical-align: middle;
	transition: 0.2s;
}

#board .wrapper .main-content .c_header .inner .img ul.thumbnail li:hover {
	border: solid 1px #fff;
}

#board .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*
#board .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 105px;
	height: 85px;
	object-fit: cover;
	object-position: 60% 50%;
	font-family: 'object-fit: cover; object-position: 60% 50%;'
}
*/





#board .wrapper .main-content .c_header .inner .txt {
	width: 45%;
	order: 0;
}

#board .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

#board .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

#board .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

#board .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

#board .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

#board .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

#board .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}


@media screen and (min-width: 1500px) {
	/*
	#board .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	#board .wrapper .main-content .c_header .inner .img {
		width: 450px;
		margin: 0 0 0 30px;
		order: 1;
	}

	#board .wrapper .main-content .c_header .inner .txt {
		width: 70%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	#board .wrapper .main-content .c_header .inner .img {
		width: 52%;
	}

	#board .wrapper .main-content .c_header .inner .txt {
		width: 45%;
	}

	#board .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	#board .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	#board .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	#board .wrapper .main-content .c_header .inner {
		display: block;
	}

	#board .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 0 20px;
	}

	#board .wrapper .main-content .c_header .inner .img .bigimage img {
		width: 99%;
	}

	#board .wrapper .main-content .c_header .inner .img ul.thumbnail li {
		height: 70px;
	}

	#board .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
		width: auto;
	}

	#board .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	#board .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	#board .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	#board .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}



/*** ------------------------------------------------------------------------------

No.67　無地のプラスチックカード　（#white）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#white .wrapper .main-content .c_header .inner .txt {
	width: 100%;
}


/*==================== .price ====================*/
@media screen and (max-width: 768px) {
	#white .wrapper .main-content .price .inner .price_table {
		margin: 0 0 20px;
		padding: 0;
		overflow-x: auto;
	}

	#white .wrapper .main-content .price .inner .price_table table {
		width: 100%;
	}

}


/*==================== .delivery_date ====================*/
#white .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th {
	width: 24%;
}

#white .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 16%;
}

#white .wrapper .main-content .delivery_date .delivery_table p {
	width: 22%;
	left: 48%;
}


@media screen and (max-width: 768px) {
	#white .wrapper .main-content .delivery_date .inner .delivery_table table {
		width: 150%;
	}

	#white .wrapper .main-content .delivery_date .delivery_table p {
		width: 33%;
		left: 72%;
	}
}



#white .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

#white .wrapper .main-content .c_header .inner .img {
	width: 52%;
	order: 1;
}

#white .wrapper .main-content .c_header .inner .img .bigimage {
	width: 100%;
	height: 305px;
	margin: 0 0 15px;
	border: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
#white .wrapper .main-content .c_header .inner .img .bigimage img{
	max-width:100%;
	max-height:100%;
	height: auto;
}

#white .wrapper .main-content .c_header .inner .img ul.thumbnail {
	display: flex;
	justify-content:flex-start;
}

#white .wrapper .main-content .c_header .inner .img ul.thumbnail li {
	width: calc(100% / 4 - 10px);
	height: 85px;
	border: solid 1px #fff;
	text-align: center;
	vertical-align: middle;
	transition: 0.2s;
}

#white .wrapper .main-content .c_header .inner .img ul.thumbnail li:hover {
	border: solid 1px #fff;
}

#white .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/*
#white .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 105px;
	height: 85px;
	object-fit: cover;
	object-position: 60% 50%;
	font-family: 'object-fit: cover; object-position: 60% 50%;'
}
*/





#white .wrapper .main-content .c_header .inner .txt {
	width: 45%;
	order: 0;
}

#white .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

#white .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

#white .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

#white .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

#white .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

#white .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

#white .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}
#white .wrapper .main-content .price .inner .note .btn-area-simple.fax-btn a{
	margin-top: 15px;
	margin-bottom: 15px;
}
#white .wrapper .main-content .price .inner .note .btn-area-simple.fax-btn a span{
	font-size:0.8em;
	font-weight: 500;
}


@media screen and (min-width: 1500px) {
	/*
	#white .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	#white .wrapper .main-content .c_header .inner .img {
		width: 450px;
		margin: 0 0 0 30px;
		order: 1;
	}

	#white .wrapper .main-content .c_header .inner .txt {
		width: 70%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	#white .wrapper .main-content .c_header .inner .img {
		width: 52%;
	}

	#white .wrapper .main-content .c_header .inner .txt {
		width: 45%;
	}

	#white .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	#white .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	#white .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	#white .wrapper .main-content .c_header .inner {
		display: block;
	}

	#white .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 0 20px;
	}

	#white .wrapper .main-content .c_header .inner .img .bigimage img {
		width: 99%;
	}

	#white .wrapper .main-content .c_header .inner .img ul.thumbnail li {
		height: 70px;
	}

	#white .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
		width: auto;
	}

	#white .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	#white .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	#white .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	#white .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}


/*** ------------------------------------------------------------------------------

No.68　ノベルティ販促アイテム　（#novelty）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#novelty .wrapper .main-content .c_header .inner {
	display: block;
}

#novelty .wrapper .main-content .c_header .inner div {
	display: flex;
	justify-content: space-between;
}

#novelty .wrapper .main-content .c_header .inner div p:first-of-type {
	margin: 0 30px 0 0;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#novelty .wrapper .main-content .c_header .inner div {
		display: block;
	}

	#novelty .wrapper .main-content .c_header .inner div p:first-of-type {
		margin: 0 0 20px;
		text-align: center;
	}

	#novelty .wrapper .main-content .c_header .inner div p:first-of-type img {
		width: 70%;
	}
}


/*==================== .overview ====================*/
#novelty .wrapper .main-content .overview .inner h2 + p {
	margin: 0 0 20px;
	text-align: center;
}

#novelty .wrapper .main-content .overview .inner ol li {
	padding-left: 2em;
	text-indent: -2em;
	color: #000;
}

#novelty .wrapper .main-content .overview .inner ol li em {
	color: #F52618;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#novelty .wrapper .main-content .overview .inner h2 + p img {
		width: 100%;
	}
}


/*==================== .three_basics ====================*/
@media screen and (min-width:769px){
	#novelty .wrapper .main-content .three_basics .inner h3{
		margin-bottom: 15px;
	}
	#novelty .wrapper .main-content .three_basics .inner .base3-box {
		display: flex;
		justify-content: space-between;
	}
	#novelty .wrapper .main-content .three_basics .inner dl {
		max-width: 32%;
		box-sizing: border-box;
	}
}
#novelty .wrapper .main-content .three_basics .inner dl {
	margin: 10px 0 0;
	padding: 30px;
	border: solid 2px #00C2BA;
	color: #000;
}

#novelty .wrapper .main-content .three_basics .inner dl dt {
	color: #00C2BA;
	font-size: 18px;
	font-weight: 700;
}

#novelty .wrapper .main-content .three_basics .inner dl dd {
	font-size: 12px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#novelty .wrapper .main-content .three_basics .inner dl {
		padding: 20px;
	}
}


/*==================== .performance ====================*/
#novelty .wrapper .main-content .performance .inner ul {
	margin: 0 0 40px;
	display: flex;
	justify-content: space-between;
	color: #000;
}

#novelty .wrapper .main-content .performance .inner ul li:not(:last-child) {
	margin: 0 23px 0 0;
}

#novelty .wrapper .main-content .performance .inner ul li img {
	max-width: 100%;
	max-height: 222px;
	margin: 0 0 15px;
	display: block;
}

#novelty .wrapper .main-content .performance .inner p {
	text-align: center;
}

#novelty .wrapper .main-content .performance .inner p a {
	padding: 25px 100px 22px;
}


@media screen and (min-width: 1500px) {
	#novelty .wrapper .main-content .performance .inner ul {
		display: flex;
		justify-content: flex-start;
	}

	#novelty .wrapper .main-content .performance .inner ul li {
		text-align: center;
	}
}


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

}


@media screen and (max-width: 768px) {
	#novelty .wrapper .main-content .performance .inner ul {
		flex-flow: row wrap;
	}

	#novelty .wrapper .main-content .performance .inner ul li {
		width: calc(100% / 2 - 8px);
		text-align: center;
	}

	#novelty .wrapper .main-content .performance .inner ul li:not(:last-child) {
		margin: 0 0 20px;
	}

	#novelty .wrapper .main-content .performance .inner ul li img {
		width: 100%;
		max-height: inherit;
		margin: 0 0 10px;
	}

	#novelty .wrapper .main-content .performance .inner p a {
		padding: 25px 10px 22px;
	}
}



/*** ------------------------------------------------------------------------------

No.69　カードプリンター　（#printer）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#printer .wrapper .main-content .c_header .inner {
	display: block;
}

#printer .wrapper .main-content .c_header .inner h2 + p {
	margin: 0 0 40px;
}

#printer .wrapper .main-content .c_header .inner p.btn-area-simple {
	text-align: center;
}

#printer .wrapper .main-content .c_header .inner .product {
	display: flex;
	border: solid 1px #ccc;
}

#printer .wrapper .main-content .c_header .inner .product section {
	width: 50%;
	padding: 30px 25px 40px;
	box-sizing: border-box;
}

#printer .wrapper .main-content .c_header .inner .product section:nth-of-type(1) {
	border-right: solid 1px #ccc;
}

#printer .wrapper .main-content .c_header .inner .product section h4 + p {
	margin: 0 0 20px;
	text-align: center;
}

#printer .wrapper .main-content .c_header .inner .product section dl dt {
	margin: 0 0 10px;
	color: #00C2BA;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

#printer .wrapper .main-content .c_header .inner .product section dl dd {
	margin: 0 0 20px;
	color: #000;
}

#printer .wrapper .main-content .c_header .inner .product section p.btn-area-simple {
	margin: 0 auto;
}

#printer .wrapper .main-content .c_header .inner .product section p.btn-area-simple a {
	margin: 0;
}


@media screen and (min-width: 1500px) {
	#printer .wrapper .main-content .c_header .inner .product section dl dt br {
		display: none;
	}
}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .c_header .inner .product {
		display: block;
		border: solid 1px #ccc;
	}

	#printer .wrapper .main-content .c_header .inner .product section {
		width: auto;
		padding: 25px 20px;
		box-sizing: border-box;
	}

	#printer .wrapper .main-content .c_header .inner .product section:nth-of-type(1) {
		border-right: none;
		border-bottom: solid 1px #ccc;
	}
}


/*==================== .other ====================*/
/*
#printer .wrapper .main-content .other .inner ul {
	padding: 30px 25px;
	border: solid 1px #ccc;
	display: flex;
	flex-flow: row wrap;
}

#printer .wrapper .main-content .other .inner ul li {
	width: 50%;
}

#printer .wrapper .main-content .other .inner ul li a {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {
	#printer .wrapper .main-content .other .inner ul li {
		width: calc(100% / 3);
	}
}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .other .inner ul {
		padding: 20px;
		display: block;
	}

	#printer .wrapper .main-content .other .inner ul li {
		width: auto;
	}
}
*/

#printer .wrapper .main-content .other .inner div {
	padding: 30px 25px;
	border: solid 1px #ccc;
	display: flex;
	flex-flow: row wrap;
}

#printer .wrapper .main-content .other .inner ul {
	width: 50%;
	box-sizing: border-box;
}



#printer .wrapper .main-content .other .inner ul li a {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .other .inner div {
		padding: 20px;
		display: block;
	}

	#printer .wrapper .main-content .other .inner div ul {
		width: auto;
	}
}


/*==================== .product ====================*/
#printer .wrapper .main-content .product .inner .header {
	display: flex;
}

#printer .wrapper .main-content .product .inner .header p {
	max-width: 50%;
	margin: 0 30px 0 0;
}

#printer .wrapper .main-content .product .inner .header p img {
	width: 100%;
}

#printer .wrapper .main-content .product .inner .header div {
	margin: 30px 0 0;
}

#printer .wrapper .main-content .product .inner .header div h4 {
	margin: 0 0 20px;
	padding: 0;
}

#printer .wrapper .main-content .product .inner .header div dl {
	display: flex;
	color: #000;
}

#printer .wrapper .main-content .product .inner .header div dl dt {
	width: 5em;
}

#printer .wrapper .main-content .product .inner .header div dl dd {
	padding-left: 1em;
	text-indent: -1em;
}

#printer .wrapper .main-content .product .inner section:not(:last-of-type) {
	margin: 0 0 40px;
}

#printer .wrapper .main-content .product .inner section h5 {
	display: block;
}

#printer .wrapper .main-content .product .inner section p.note {
	margin: 10px 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}

#printer .wrapper .main-content .product .inner section .note.mb20 {
	margin: 10px 0 20px;
}

#printer .wrapper .main-content .product .inner section ul.note {
	margin: 0 0 20px;
	color: #000;
}

#printer .wrapper .main-content .product .inner section ul.note li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}


@media screen and (min-width: 1500px) {
	#printer .wrapper .main-content .product .inner .header p {
		max-width: inherit;
	}

	#printer .wrapper .main-content .product .inner .header p img {
		width: auto;
	}
}


@media screen and (max-width:1100px){
	#printer .wrapper .main-content .p_link {
		margin: -70px 0 0;
		padding: 70px 0 50px;
	}
}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .p_link {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}

	#printer .wrapper .main-content .product .inner .header {
		display: block;
	}

	#printer .wrapper .main-content .product .inner .header p {
		margin: 0 0 20px;
		text-align: center;
	}

	#printer .wrapper .main-content .product .inner .header p img {
		width: 80%;
	}

	#printer .wrapper .main-content .product .inner .header div {
		margin: 0;
	}

	#printer .wrapper .main-content .product .inner section p.note {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	#printer .wrapper .main-content .product .inner section ul.note li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}
}


/*==================== .supply ====================*/
#printer .wrapper .main-content .supply .inner .detail {
	display: flex;
	border: solid 1px #ccc;
}

#printer .wrapper .main-content .supply .inner .detail section {
	width: 50%;
	padding: 30px 25px 40px;
	box-sizing: border-box;
}

#printer .wrapper .main-content .supply .inner .detail section:nth-of-type(1) {
	border-right: solid 1px #ccc;
}

#printer .wrapper .main-content .supply .inner .detail section h4 + p {
	margin: 0 0 20px;
	text-align: center;
}

#printer .wrapper .main-content .supply .inner .detail section dl {
	display: flex;
	color: #000;
}

#printer .wrapper .main-content .supply .inner .detail section dl dt {
	width: 5em;
}

#printer .wrapper .main-content .supply .inner .detail section dl dd {
	padding-left: 1em;
	text-indent: -1em;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .supply .inner .detail {
		display: block;
		border: solid 1px #ccc;
	}

	#printer .wrapper .main-content .supply .inner .detail section {
		width: auto;
		padding: 25px 20px;
		box-sizing: border-box;
	}

	#printer .wrapper .main-content .supply .inner .detail section:nth-of-type(1) {
		border-right: none;
		border-bottom: solid 1px #ccc;
	}

	#printer .wrapper .main-content .supply .inner .detail section h4 + p img {
		width: 70%;
	}
}


/*==================== .flow ====================*/
#printer .wrapper .main-content .flow .inner h2 + p {
	margin: 0 0 30px;
}

#printer .wrapper .main-content .flow .inner h5 {
	display: block;
}

#printer .wrapper .main-content .flow .inner section:not(:last-of-type) {
	margin: 0 0 40px;
}

#printer .wrapper .main-content .flow .inner section .box {
	display: flex;
}

#printer .wrapper .main-content .flow .inner section .box p {
	margin: 0 30px 0 0;
}

#printer .wrapper .main-content .flow .inner section .box ol {
	color: #000;
}

#printer .wrapper .main-content .flow .inner section dl {
	color: #000;
}

#printer .wrapper .main-content .flow .inner section dl dd {
	font-size: 14px;
}

#printer .wrapper .main-content .flow .inner section dl dd:not(:last-of-type) {
	margin: 0 0 20px;
}



@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .flow .inner section .box {
		display: block;
	}

	#printer .wrapper .main-content .flow .inner section .box p {
		margin: 0 0 20px;
		text-align: center;
	}

	#printer .wrapper .main-content .flow .inner section .box p img {
		width: 70%;
	}
}


/*==================== .software ====================*/
#printer .wrapper .main-content .software .inner h2 + p {
	margin: 0 0 30px;
}

#printer .wrapper .main-content .software .inner h5 {
	display: block;
}

#printer .wrapper .main-content .software .inner section:not(:last-of-type) {
	margin: 0 0 40px;
}

#printer .wrapper .main-content .software .inner section .box {
	display: flex;
}

#printer .wrapper .main-content .software .inner section .box p:first-of-type {
	margin: 0 30px 0 0;
}

#printer .wrapper .main-content .software .inner section ul li {
	/*padding-left: 1em;
	text-indent: -1em;*/
	color: #000;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .software .inner section .box {
		display: block;
	}

	#printer .wrapper .main-content .software .inner section .box p:first-of-type {
		margin: 0 0 20px;
		text-align: center;
	}

	#printer .wrapper .main-content .software .inner section .box p:first-of-type img {
		width: 60%;
	}
}


/*==================== .driver ====================*/
#printer .wrapper .main-content .driver .inner h2 + p {
	margin: 0 0 30px;
}

#printer .wrapper .main-content .driver .inner .detail {
	display: flex;
	border: solid 1px #ccc;
}

#printer .wrapper .main-content .driver .inner .detail section {
	width: 50%;
	padding: 30px 25px 40px;
	box-sizing: border-box;
}

#printer .wrapper .main-content .driver .inner .detail section:nth-of-type(1) {
	border-right: solid 1px #ccc;
}

#printer .wrapper .main-content .driver .inner .detail section h4 {
	margin: 0 0 20px;
	padding: 0;
}

#printer .wrapper .main-content .driver .inner .detail section ul li a {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#printer .wrapper .main-content .driver .inner .detail {
		display: block;
		border: solid 1px #ccc;
	}

	#printer .wrapper .main-content .driver .inner .detail section {
		width: auto;
		padding: 25px 20px;
		box-sizing: border-box;
	}

	#printer .wrapper .main-content .driver .inner .detail section:nth-of-type(1) {
		border-right: none;
		border-bottom: solid 1px #ccc;
	}

	#printer .wrapper .main-content .driver .inner .detail section h4 + p img {
		width: 70%;
	}
}



/*** ------------------------------------------------------------------------------

No.70　無地のプラスチックカード　（#primacy）

-----------------------------------------------------------------------------  ***/

/*==================== .feature ====================*/
#primacy .wrapper .main-content .feature .inner section {
	margin: 40px 0 0;
}

#primacy .wrapper .main-content .feature .inner section h5 {
	display: block;
}

#primacy .wrapper .main-content .feature .inner section p em {
	color: #F52618;
}


@media screen and (min-width: 1500px) {

}


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

}


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

}


/*==================== .recommended ====================*/
#primacy .wrapper .main-content .recommended .inner p.win {
	margin: 30px 0 40px;
}

#primacy .wrapper .main-content .recommended .inner p.win img {
	margin: 0 30px 0 0;
	vertical-align: middle;
}

#primacy .wrapper .main-content .recommended .inner section h5 {
	display: block;
}

#primacy .wrapper .main-content .recommended .inner section table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
}

#primacy .wrapper .main-content .recommended .inner section table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#primacy .wrapper .main-content .recommended .inner section table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#primacy .wrapper .main-content .recommended .inner section table td span {
	font-size: 14px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#primacy .wrapper .main-content .recommended .inner p.win {
		margin: 20px 0 40px;
		display: flex;
		align-items: center;
	}

	#primacy .wrapper .main-content .recommended .inner p.win img {
		margin: 0 10px 0 0;
		vertical-align: top;
	}

	#primacy .wrapper .main-content .recommended .inner section table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
	}

	#primacy .wrapper .main-content .recommended .inner section table th {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#primacy .wrapper .main-content .recommended .inner section table th br {
		display: none;
	}

	#primacy .wrapper .main-content .recommended .inner section table td {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}
}



/*** ------------------------------------------------------------------------------

No.71　ゼニアス　（#zenius）

-----------------------------------------------------------------------------  ***/

/*==================== .feature ====================*/
#zenius .wrapper .main-content .feature .inner section {
	margin: 40px 0 0;
}

#zenius .wrapper .main-content .feature .inner section h5 {
	display: block;
}

#zenius .wrapper .main-content .feature .inner section p em {
	color: #F52618;
}


@media screen and (min-width: 1500px) {

}


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

}


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

}


/*==================== .recommended ====================*/
#zenius .wrapper .main-content .recommended .inner p.win {
	margin: 30px 0 40px;
}

#zenius .wrapper .main-content .recommended .inner p.win img {
	margin: 0 30px 0 0;
	vertical-align: middle;
}

#zenius .wrapper .main-content .recommended .inner section h5 {
	display: block;
}

#zenius .wrapper .main-content .recommended .inner section table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
}

#zenius .wrapper .main-content .recommended .inner section table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#zenius .wrapper .main-content .recommended .inner section table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#zenius .wrapper .main-content .recommended .inner section table td span {
	font-size: 14px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#zenius .wrapper .main-content .recommended .inner p.win {
		margin: 20px 0 40px;
		display: flex;
		align-items: center;
	}

	#zenius .wrapper .main-content .recommended .inner p.win img {
		margin: 0 10px 0 0;
		vertical-align: top;
	}

	#zenius .wrapper .main-content .recommended .inner section table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
	}

	#zenius .wrapper .main-content .recommended .inner section table th {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#zenius .wrapper .main-content .recommended .inner section table th br {
		display: none;
	}

	#zenius .wrapper .main-content .recommended .inner section table td {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}
}



/*** ------------------------------------------------------------------------------

No.73　導入実績　（#result）

-----------------------------------------------------------------------------  ***/

/*==================== .result_list ====================*/
#result .wrapper .main-content .result_list .inner ul {
	width: 100%;
	margin: -20px 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
}

#result .wrapper .main-content .result_list .inner ul::after {
	content: "";
	width: calc(100% / 3 - 20px);
	height: 0;
	display: block;
}

#result .wrapper .main-content .result_list .inner ul li {
	width: calc(100% / 3 - 20px);
	margin: 20px 0 0;
	box-sizing: border-box;
}

#result .wrapper .main-content .result_list .inner ul li a {
	min-width: inherit;
	width: auto;
	margin: 0;
	padding: 25px 0 22px;
	box-sizing: border-box;
	display: block;
}


@media screen and (min-width: 1500px) {
	#result .wrapper .main-content .result_list .inner ul::after {
		width: calc(100% / 4 - 20px);
	}

	#result .wrapper .main-content .result_list .inner ul li {
		width: calc(100% / 4 - 20px);
	}
}


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

}


@media screen and (max-width: 768px) {
	#result .wrapper .main-content .result_list .inner ul {
		margin: -10px 0 0;
	}

	#result .wrapper .main-content .result_list .inner ul::after {
		display: none;
	}

	#result .wrapper .main-content .result_list .inner ul li {
		width: calc(100% / 2 - 5px);
		margin: 10px 0 0;
	}

	#result .wrapper .main-content .result_list .inner ul li a {
		padding: 25px 5px 22px;
		font-size: 3.8vw;
	}
}


/*==================== .overview ====================*/
#result .wrapper .main-content .overview .inner table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

#result .wrapper .main-content .overview .inner table tr:nth-of-type(odd) {
	background-color: #EFFEFD;
}

#result .wrapper .main-content .overview .inner table th {
	padding: 30px;
	background-color: #EEEEEE;
	border: solid 1px #ccc;
	text-align: center;
}

#result .wrapper .main-content .overview .inner table td {
	padding: 30px;
	border: solid 1px #ccc;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#result .wrapper .main-content .overview .inner table {
		font-size: 14px;
		line-height: 1.4;
	}

	#result .wrapper .main-content .overview .inner table th {
		width: calc(100% / 3);
		padding: 10px;
	}

	#result .wrapper .main-content .overview .inner table td {
		padding: 10px;
	}
}


/*==================== .common_sense ====================*/
.result .wrapper .main-content .common_sense .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.result .wrapper .main-content .common_sense .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.result .wrapper .main-content .common_sense .inner ul li h4 {
	padding: 0;
}

.result .wrapper .main-content .common_sense .inner ul li h4 + p {
	margin: 0 0 20px;
}

.result .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) {
	margin: 0 0 20px;
	text-align: center;
}

.result .wrapper .main-content .common_sense .inner ul li p.btn-area-simple {
	margin: 0;
	text-align: center;
}

.result .wrapper .main-content .common_sense .inner ul li p.btn-area-simple a {
	margin: 0;
	padding: 20px 10px 18px;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	.result .wrapper .main-content .common_sense .inner ul li {
		width: calc(100% / 3);
	}
}


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

}


@media screen and (max-width: 768px) {
	.result .wrapper .main-content .common_sense .inner ul {
		display: block;
	}

	.result .wrapper .main-content .common_sense .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	.result .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) img {
		max-width: 60%;
	}
}



/*** ------------------------------------------------------------------------------

No.74　導入実績（メンバーズカード）　（#menbers）

-----------------------------------------------------------------------------  ***/

/*==================== .details ====================*/
#menbers .wrapper .main-content .details .inner table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

#menbers .wrapper .main-content .details .inner table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#menbers .wrapper .main-content .details .inner table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#menbers .wrapper .main-content .details .inner table td:nth-of-type(2) {
	width: 35%;
	text-align: center;
	vertical-align: middle;
}

#menbers .wrapper .main-content .details .inner table td:nth-of-type(2) img {
	max-width: 100%;
}

#menbers .wrapper .main-content .details .inner table td a {
	color: #00C2BA;
}

#menbers .wrapper .main-content .details .inner ul.btn-area-simple {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
}

#menbers .wrapper .main-content .details .inner ul.btn-area-simple li {
	width: calc(100% / 2 - 10px);
}

#menbers .wrapper .main-content .details .inner ul.btn-area-simple li a {
	margin: 0;
	display: block;
}


@media screen and (min-width: 1500px) {
	#menbers .wrapper .main-content .details .inner table th {
		width: 20%;
	}

	#menbers .wrapper .main-content .details .inner table td:nth-of-type(2) {
		width: 30%;
	}
}


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

}


@media screen and (max-width: 768px) {
	#menbers .wrapper .main-content .details .inner table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
		line-height: 1.4;
	}

	#menbers .wrapper .main-content .details .inner table th {
		width: 25%;
		padding: 10px;
	}

	#menbers .wrapper .main-content .details .inner table td {
		padding: 10px;
	}

	#menbers .wrapper .main-content .details .inner table td:nth-of-type(2) {
		width: 30%;
	}

	#menbers .wrapper .main-content .details .inner table td:nth-of-type(2) img {
		width: 80%;
	}

	#menbers .wrapper .main-content .details .inner ul.btn-area-simple {
		margin: 40px 0 0;
		display: block;
	}

	#menbers .wrapper .main-content .details .inner ul.btn-area-simple li {
		width: auto;
		margin: 0 0 20px;
	}

	#menbers .wrapper .main-content .details .inner ul.btn-area-simple li a {
		padding: 25px 10px 22px;
		font-size: 4vw;
	}
}



/*** ------------------------------------------------------------------------------

No.85～No.102　ご注文ガイド　（.guide）

-----------------------------------------------------------------------------  ***/

/*==================== .guide_list ====================*/
.guide .wrapper .main-content .guide_list .inner ul {
	width: 100%;
	margin: -20px 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
}

.guide .wrapper .main-content .guide_list .inner ul::after {
	content: "";
	width: calc(100% / 3 - 20px);
	height: 0;
	display: block;
}

.guide .wrapper .main-content .guide_list .inner ul li {
	width: calc(100% / 3 - 20px);
	margin: 20px 0 0;
	box-sizing: border-box;
}

.guide .wrapper .main-content .guide_list .inner ul li a {
	min-width: inherit;
	width: auto;
	height: 70px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	.guide .wrapper .main-content .guide_list .inner ul::after {
		width: calc(100% / 4 - 20px);
	}

	.guide .wrapper .main-content .guide_list .inner ul li {
		width: calc(100% / 4 - 20px);
	}
}


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

}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content .guide_list .inner ul {
		margin: -10px 0 0;
	}

	.guide .wrapper .main-content .guide_list .inner ul::after {
		display: none;
	}

	.guide .wrapper .main-content .guide_list .inner ul li {
		width: calc(100% / 2 - 5px);
		margin: 10px 0 0;
	}

	.guide .wrapper .main-content .guide_list .inner ul li a {
		padding: 25px 5px 22px;
		font-size: 3.8vw;
		line-height: 1.3;
	}
}


/*==================== .common_sense ====================*/
.guide .wrapper .main-content .common_sense .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.guide .wrapper .main-content .common_sense .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.guide .wrapper .main-content .common_sense .inner ul li h4 {
	padding: 0;
}

.guide .wrapper .main-content .common_sense .inner ul li h4 + p {
	margin: 0 0 20px;
}

.guide .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) {
	margin: 0 0 20px;
	text-align: center;
}

.guide .wrapper .main-content .common_sense .inner ul li p.btn-area-simple {
	margin: 0;
	text-align: center;
}

.guide .wrapper .main-content .common_sense .inner ul li p.btn-area-simple a {
	margin: 0;
	padding: 20px 10px 18px;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	.guide .wrapper .main-content .common_sense .inner ul li {
		width: calc(100% / 3);
	}

	.guide .wrapper .main-content .guide_list .inner ul.quantity_10::after {
		width: calc(100% / 4 * 2 - 14px);
	}
}


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

}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content .common_sense .inner ul {
		display: block;
	}

	.guide .wrapper .main-content .common_sense .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	.guide .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) img {
		max-width: 60%;
	}
}


/*==================== .guide_table ====================*/
.guide .wrapper .main-content section .inner a {
	color: #00C2BA;
}

.guide .wrapper .main-content section .inner .guide_table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

.guide .wrapper .main-content section .inner .guide_table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

.guide .wrapper .main-content section .inner .guide_table td {
	padding: 30px;
	border: solid 1px #ccc;
	/*vertical-align: top;*/
}

.guide .wrapper .main-content section .inner .guide_table p:not(:last-of-type) {
	margin: 0 0 20px;
	line-height: 1.6;
}

.guide .wrapper .main-content section .inner .guide_table ul {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.6;
}

.guide .wrapper .main-content section .inner .guide_table p.note {
	font-size: 14px;
}

.guide .wrapper .main-content section .inner .guide_table p.btn-area-simple {
	margin: 0;
	text-align: center;
}

.guide .wrapper .main-content section .inner .guide_table p.btn-area-simple a {
	margin: 0;
}


@media screen and (min-width: 1500px) {
	.guide .wrapper .main-content section .inner .guide_table th {
		width: 20%;
	}
}


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

}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content section .inner .guide_table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
		line-height: 1.6;
	}

	.guide .wrapper .main-content section .inner .guide_table th {
		width: 30%;
		padding: 10px;
	}

	.guide .wrapper .main-content section .inner .guide_table td {
		padding: 10px;
	}

	.guide .wrapper .main-content .about_low .inner .guide_table ul {
		font-size: 16px;
	}

	.guide .wrapper .main-content section .inner .guide_table p.btn-area-simple a {
		min-width: inherit;
	}

	/*
	.guide .wrapper .main-content section .inner .guide_table {
		width: 100%;
		border: solid 1px #ccc;
		border-bottom: none;
		font-size: 14px;
		line-height: 1.4;
	}

	.guide .wrapper .main-content section .inner .guide_table th {
		width: 100%;
		padding: 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box
	}

	.guide .wrapper .main-content section .inner .guide_table td {
		width: 100%;
		padding: 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box
	}

	.guide .wrapper .main-content .about_low .inner .guide_table ul {
		font-size: 16px;
	}

	.guide .wrapper .main-content section .inner .guide_table p.btn-area-simple a {
		min-width: inherit;
	}
	*/
}


/*==================== .guide_flow ====================*/
.guide .wrapper .main-content .guide_flow .inner ol,
.flow02 ol {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	display: flex;
	flex-flow: row wrap;
}
.flow02 ol{
	margin: 0 0 30px 0;
}
.guide .wrapper .main-content .guide_flow .inner ol li,
.flow02 ol li {
	width: calc(100% / 5);
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.guide .wrapper .main-content .guide_flow .inner ol li p,
.flow02 ol li p {
	padding: 10px;
	background-color: #eee;
	border-bottom: solid 1px #ccc;
	text-align: center;
	color: #00C2BA !important;
	font-size: 20px;
	font-weight: 700;
}

.guide .wrapper .main-content .guide_flow .inner ol li p span,
.flow02 ol li p span {
	font-size: 30px;
}

.guide .wrapper .main-content .guide_flow .inner ol li.empty {
	border: none;
}

.guide .wrapper .main-content .guide_flow .inner ol li.empty p {
	height: 29.5px;
	border-right: solid 1px #ccc;
}

.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple {
	margin: 0;
}
.flow02 ol li .btn-area-simple{
	    font-weight:bold;
			text-align:center;
	    margin-bottom:0!important;
}
.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple a,
.flow02 ol li .btn-area-simple {
	min-width: inherit;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 20px;
	line-height: 1.4;
}
.flow02 ol li .btn-area-simple{
	    position:relative;
	}
	.flow02 ol li .btn-area-simple:before{
	    content: '';
	    display: block;
	    position: absolute;
	    width: 0;
	    height: 0;
	    right: 4px;
	    bottom: 4px;
	    border-left: solid 20px transparent;
	    border-bottom: solid 20px #00c2ba;
	}
	@media screen and (max-width: 768px){
	    .flow02 ol li .btn-area-simple {
	        font-size: 3.5vw;
	        line-height: 1.4;
	        height:140px;
	    }
	}

/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .guide .wrapper .main-content .guide_flow .inner ol li p {
		padding: 13px 0 5px;
	}
}

@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	.guide .wrapper .main-content .guide_flow .inner ol {
		margin: 0 0 40px;
	}
}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content .guide_flow .inner ol {
		margin: 0 0 40px;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li {
		width: calc(100% / 5);
	}

	.guide .wrapper .main-content .guide_flow .inner ol li p,
	.flow02 ol li p {
		font-size: 3.5vw !important;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li p span,
	.flow02 ol li p span {
		font-size: 5vw !important;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li.empty {
		display: none;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li.empty p {
		height: 28px;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple a {
		height: 80px;
		font-size: 3.5vw;
		line-height: 1.4;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple a::before {
		border-left: solid 10px transparent;
		border-bottom: solid 10px #00c2ba;
	}

	.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple a br {
		display: none;
	}
}


/*==================== .guide_flow .step ====================*/
.guide .wrapper .main-content .guide_flow .inner .step {
	margin: 40px 0 0;
}

.guide .wrapper .main-content .guide_flow .inner .step h5 {
	display: block;
}

.guide .wrapper .main-content .guide_flow .inner .step p:not(:last-of-type) {
	margin: 0 0 30px;
}

.guide .wrapper .main-content .guide_flow .inner .step .mb30 {
	margin: 0 0 30px;
}

.guide .wrapper .main-content .guide_flow .inner .step .note {
	font-size: 14px;
	font-weight: 500;
}

.guide .wrapper .main-content .guide_flow .inner .step p .note {
	margin: 10px 0 0;
	display: inline-block;
}

.guide .wrapper .main-content .guide_flow .inner .step ul.note {
	margin: -10px 0 20px;
	color: #000;
	line-height: 1.6;
}

.guide .wrapper .main-content .guide_flow .inner .step ul.note li {
	padding-left: 1em;
	text-indent: -1em;
}

.guide .wrapper .main-content .guide_flow .inner .step ul.note + p {
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	.guide .wrapper .main-content .guide_flow .inner .step {
		margin: -70px 0 0;
		padding: 70px 0 50px;
	}
}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content .guide_flow .inner .step {
		margin: -70px 0 0;
		padding: 70px 0 40px;
	}

	.guide .wrapper .main-content .guide_flow .inner .step ul.note li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	.guide .wrapper .main-content .guide_flow .inner .step p .note {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}
}


/*==================== .preparation ====================*/
.guide .wrapper .main-content .preparation .inner section {
	margin: 40px 0 0;
}

.guide .wrapper .main-content .preparation .inner h5 {
	display: block;
}

.guide .wrapper .main-content .preparation .inner h5 + p {
	margin: 0 0 40px;
	text-align: center;
}

.guide .wrapper .main-content .preparation .inner h5 + p img {
	max-width: 100%;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail {
	padding: 30px;
	background-color: #eee;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail.mb10 {
	margin: 0 0 10px;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail p.title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail ul {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail ul li:not(:last-of-type) {
	margin: 0 0 10px;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail ul li .fl {
	color: #00C2BA;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail ul li .note {
	font-size: 12px;
	font-weight: 500;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail dl {
	color: #000;
	font-size: 14px;
	line-height: 1.6;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail dl dt {
	color: #F52518;
	font-weight: 700;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail dl dd {
	margin: 0 0 10px;
	font-size: 12px;
}

.guide .wrapper .main-content .preparation .inner .preparation_detail dl + p {
	font-size: 14px;
	color: #F52518;
	font-weight: 700;
	line-height: 1.6;
}


.guide .wrapper .main-content .preparation .inner ul.detail_link {
	margin: 40px 0 0;
	display: flex;
	justify-content: space-between;
}

.guide .wrapper .main-content .preparation .inner ul.detail_link li {
	width: calc(100% / 2 - 15px);
	margin: 0;
}

.guide .wrapper .main-content .preparation .inner ul.detail_link li a {
	margin: 0;
	padding: 25px 0 22px;
	display: block;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	.guide .wrapper .main-content .preparation .inner section {
		margin: -70px 0 0;
		padding: 70px 0 40px;
	}
}


@media screen and (max-width: 768px) {
	.guide .wrapper .main-content .preparation .inner section {
		margin: -70px 0 0;
		padding: 70px 0 40px;
	}

	.guide .wrapper .main-content .preparation .inner .preparation_detail {
		padding: 20px;
	}

	.guide .wrapper .main-content .preparation .inner ul.detail_link {
		display: block;
	}

	.guide .wrapper .main-content .preparation .inner ul.detail_link li {
		width: auto;
		margin: 10px 0 0;
	}

	.guide .wrapper .main-content .preparation .inner ul.detail_link li a {
		font-size: 3.8vw;
	}
}



/*** ------------------------------------------------------------------------------

No.85　ご注文ガイド　（#guide）

-----------------------------------------------------------------------------  ***/
#guide.guide .wrapper .main-content .content .inner ul.link_area{
	justify-content: flex-start;
}
#guide.guide .wrapper .main-content .content .inner ul.link_area li.btn-area-simple{
	margin-right: 25px;
}
#guide.guide .wrapper .main-content .content .inner ul.link_area li.btn-area-simple:nth-child(2){
	display: none;
}

@media screen and (min-width: 1500px) {
	#guide .wrapper .main-content .guide_list .inner ul::after {
		/*width: calc( 2 * calc(100% / 4 - 7px));*/
		width: calc(100% / 4 * 2 - 14px);
	}
}



/*** ------------------------------------------------------------------------------

No.86　料金表　（#price）

-----------------------------------------------------------------------------  ***/

/*==================== .guide_price ====================*/

#price .wrapper .main-content .guide_price.content-action .inner h2{
	padding-top: 10px;
}

#price .wrapper .main-content .guide_price .inner h2 + p {
	margin: 0 0 40px;
}

#price .wrapper .main-content .guide_price .inner h2 + p span {
	font-size: 14px;
}

#price .wrapper .main-content .guide_price .inner .btn-area-simple {
	text-align: center;
}

#price .wrapper .main-content .guide_price .inner h3 {
	margin-bottom: 5px;
}

#price .wrapper .main-content section.content .btn-area-simple .btn.btn-green.btn-check{
	pointer-events: none;
	opacity: 0.5;
}

#price .wrapper .main-content .guide_price .sp_caution {
	display: none;
}

#price .wrapper .main-content .guide_price .inner ul.option_list {
	margin: 0 0 60px;
	display: flex;
	flex-flow: row wrap;
}

#price .wrapper .main-content .guide_price .inner ul.option_list li {
	width: calc(100% / 3 - 15px);
	margin: 15px 15px 0 0;
	border: 1px solid #00C2BA;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.4;
}

#price .wrapper .main-content .guide_price .inner ul.option_list li:nth-child(3n) {
	margin: 15px 0 0;
}

#price .wrapper .main-content .guide_price .inner ul.option_list li a {
	display: flex;
	color: #000;
}

#price .wrapper .main-content .guide_price .inner ul.option_list li a span {
	padding: 10px;
	display: inline-block;
}


#price .wrapper .main-content .guide_price .inner .price_table {
	margin: 0 0 30px;
}

#price .wrapper .main-content .guide_price .inner .price_table table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 14px;
	line-height: 1.4;
	pointer-events: none;
}

#price .wrapper .main-content .guide_price .inner .price_table table thead th {
	padding: 15px 5px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

#price .wrapper .main-content .guide_price .inner .price_table table thead th:first-of-type {
	width: 25%;
	font-size: 14px;
}

#price .wrapper .main-content .guide_price .inner .price_table table thead th img {
	margin: 0 auto 5px;
	display: block;
}

#price .wrapper .main-content .guide_price .inner .price_table table tbody th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#price .wrapper .main-content .guide_price .inner .price_table table tbody td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#price .wrapper .main-content .guide_price .inner .price_table table tbody tr:nth-of-type(odd) th:first-of-type {
	background-color: #C1F5F3;
	font-size: 16px;
}

#price .wrapper .main-content .guide_price .inner .price_table table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}


#price .wrapper .main-content .guide_price .inner .note {
	display: flex;
	justify-content: space-between;
	color: #000;
}

#price .wrapper .main-content .guide_price .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#price .wrapper .main-content .guide_price .inner .note .btn-area-simple {
	margin: 0;
}

#price .wrapper .main-content .guide_price .inner .note .btn-area-simple a {
	margin: 0;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #price .wrapper .main-content .guide_price .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}


@media screen and (min-width: 1500px) {
	#price .wrapper .main-content .guide_price .inner ul.option_list li {
		width: calc(100% / 4 - 15px);
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 15px 0 0;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li:nth-child(4n) {
		margin: 15px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	#price .wrapper .main-content .guide_price {
		margin: 0 0 20px;
	}

	#price .wrapper .main-content .guide_price.content-action .inner h2{
		padding-top: 85px;
		margin-top: -85px;
	}

	#price .wrapper .main-content .guide_price .inner .sp_caution {
		display: block;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list {
		margin: 0 0 40px;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list a {
		display: flex;
		flex-flow: row wrap;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li {
		width: 31%;
		height: auto;
		margin: 15px 3.5% 0 0;
		display: block;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li br {
		display: none;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 0 0;
	}

	#price .wrapper .main-content .guide_price .inner ul.option_list li img {
		width: 100%;
	}


	#price .wrapper .main-content .guide_price .inner .price_table {
		margin: 0 0 20px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#price .wrapper .main-content .guide_price .inner .price_table::-webkit-scrollbar {
		height: 5px;
	}

	#price .wrapper .main-content .guide_price .inner .price_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#price .wrapper .main-content .guide_price .inner .price_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#price .wrapper .main-content .guide_price .inner .price_table table {
		width: 150%;
	}

	#price .wrapper .main-content .guide_price .inner .price_table table thead th {
		padding: 7px 2px;
	}

	#price .wrapper .main-content .guide_price .inner .price_table table thead th:first-of-type {
		width: auto;
	}

	#price .wrapper .main-content .guide_price .inner .price_table table tbody th {
		padding: 7px 2px;
	}

	#price .wrapper .main-content .guide_price .inner .price_table table tbody td {
		padding: 7px 2px;
	}


	#price .wrapper .main-content .guide_price .inner .note {
		display: block;
	}

	#price .wrapper .main-content .guide_price .inner .note ul {
		margin: 0 0 20px;
	}
}


@media screen and (min-width: 1500px) {
	#guide .wrapper .main-content .guide_list .inner ul::after {
		/*width: calc( 2 * calc(100% / 4 - 7px));*/
		width: calc(100% / 4 * 2 - 14px);
	}
}



/*** ------------------------------------------------------------------------------

No.88　お支払い・送料・納期について　（#payment）

-----------------------------------------------------------------------------  ***/

/*==================== .about_estimates ====================*/
#payment .wrapper .main-content .about_estimates .inner p a {
	color: #00C2BA;
}


/*==================== .about_delivery ====================*/
#payment .wrapper .main-content .about_delivery .inner h2 + p span {
	font-size: 14px;
}

#payment .wrapper .main-content .about_delivery .inner section {
	margin: 40px 0 0;
}

#payment .wrapper .main-content .about_delivery .inner section h5 {
	display: block;
}

#payment .wrapper .main-content .about_delivery .inner section .payment_table th span {
	font-size: 14px;
}

#payment .wrapper .main-content .about_delivery .inner section .payment_table td {
	vertical-align: top;
}

#payment .wrapper .main-content .about_delivery .inner section .payment_table td ul {
	margin: 0;
}

#payment .wrapper .main-content .about_delivery .inner section .payment_table td ul li {
	display: inline;
}

#payment .wrapper .main-content .about_delivery .inner section .payment_table td ul li a {
	color: #00C2BA;
}


#payment .wrapper .main-content .about_delivery .sp_caution {
	display: none;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table {
	width: 100%;
	max-width: 900px;
	margin: 0 0 30px;
	position: relative;
	color: #000;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table th {
	padding: 10px 5px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
	width: 120px;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(1) th.saturday {
	color: #1A78D6;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(1) th.sunday {
	color: #F52518;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(2) th {
	padding: 5px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(2) th.holiday {
	width: 1.5em;
	background-color: #707070;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) th {
	padding: 15px 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) th em {
	font-size: 20px;
	font-weight: bold;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) td:first-of-type {
	background-color: #F52518;
	color: #fff;
	font-size: 16px;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) td.shipment {
	font-size: 20px;
	font-weight: bold;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) td.shipment img {
	margin: 5px auto 0;
	display: block;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p {
	padding: 10px 0;
	background-color: #F52518;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 25px;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_10 {
	width: 66%;
	left: 24%;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_9 {
	width: 64%;
	left: 25%;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_6 {
	width: 59%;
	left: 28%;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_5 {
	width: 55%;
	left: 30%;
}

#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_4 {
	width: 43%;
	left: 32%;
}
#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_3 {
	width: 40%;
	left: 37%;
}
#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_2 {
	width: 27%;
	left: 43%;
}

#payment .wrapper .main-content .about_delivery .inner section .note {
	margin: 0 0 45px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #000;
}

#payment .wrapper .main-content .about_delivery .inner section .note ul {
	margin: 0 20px 0 0;
}

#payment .wrapper .main-content .about_delivery .inner section .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#payment .wrapper .main-content .about_delivery .inner section .note ul li:last-of-type {
	margin: 10px 0 0;
	padding-left: 0;
	text-indent: 0;
	font-size: 12px;
}

#payment .wrapper .main-content .about_delivery .inner section .note p {
	min-width: 308px;
	padding: 10px 40px;
	border: solid 2px #F52518;
	box-sizing: border-box;
}

#payment .wrapper .main-content .about_delivery .inner section .deadline {
	color: #000;
}


@media screen and (min-width: 1500px) {
	#payment .wrapper .main-content .about_delivery .inner section .note {
		display: flex;
		justify-content: flex-start;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note ul {
		margin: 0 40px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	#payment .wrapper .main-content .about_delivery .sp_caution {
		display: block;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table {
		width: 100%;
		max-width: 900px;
		margin: 0 0 30px;
		position: relative;padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table::-webkit-scrollbar {
		height: 5px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table table {
		width: 200%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table th {
		padding: 7px 5px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(1) th:nth-of-type(1) {
		width: 110px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(2) th {
		padding: 5px 2px;
		font-size: 3vw;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table tr:nth-of-type(3) th {
		padding: 7px 5px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table td {
		padding: 7px 5px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_10 {
		width: 128%;
		left: 51%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_9 {
		width: 122%;
		left: 55%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_6 {
		width: 107%;
		left: 62%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_5 {
		width: 101%;
		left: 66%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_4 {
		width: 76%;
		left: 70%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_3 {
		width: 64%;
		left: 83%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .delivery_table p.day_2 {
		width: 36%;
		left: 94%;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note {
		margin: 0 0 40px;
		display: block;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note ul {
		margin: 0 0 20px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note ul li {
		padding-left: 0.6em;
		text-indent: -0.6em;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note p {
		padding: 10px 20px;
	}

	#payment .wrapper .main-content .about_delivery .inner section .note p br {
		display: none;
	}
}



/*** ------------------------------------------------------------------------------

No.89　法令表記　（#low）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/

#low .wrapper .main-content .content .inner table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

#low .wrapper .main-content .content .inner table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#low .wrapper .main-content .content .inner table td {
	padding: 30px;
	border: solid 1px #ccc;
	/*vertical-align: top;*/
}

#low .wrapper .main-content .content .inner table td a {
	color: #00C2BA;
}

#low .wrapper .main-content .content .inner table p:not(:last-of-type) {
	margin: 0 0 20px;
	line-height: 1.6;
}

#low .wrapper .main-content .content .inner table ul {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.6;
}

#low .wrapper .main-content .content .inner table p.note {
	font-size: 14px;
}


@media screen and (min-width: 1500px) {
	#low .wrapper .main-content .content .inner table th {
		width: 20%;
	}
}


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

}


@media screen and (max-width: 768px) {
	#low .wrapper .main-content .content .inner table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
		line-height: 1.6;
	}

	#low .wrapper .main-content .content .inner table th {
		width: 30%;
		padding: 10px;
	}

	#low .wrapper .main-content .content .inner table td {
		padding: 10px;
	}

	#low .wrapper .main-content .about_low .inner table ul {
		font-size: 16px;
	}

	#low .wrapper .main-content .content .inner table p,
	#low .wrapper .main-content .content .inner table ul li {
		font-size: 14px;
	}

	/*
	#low .wrapper .main-content .content .inner table {
		width: 100%;
		border: solid 1px #ccc;
		border-bottom: none;
		font-size: 14px;
		line-height: 1.4;
	}

	#low .wrapper .main-content .content .inner table th {
		width: 100%;
		padding: 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box
	}

	#low .wrapper .main-content .content .inner table td {
		width: 100%;
		padding: 15px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box
	}

	#low .wrapper .main-content .about_low .inner table ul {
		font-size: 16px;
	}
	*/
}



/*** ------------------------------------------------------------------------------

No.90　プライバシーポリシー（個人情報保護方針）　（#privacy）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#privacy .wrapper .main-content .content .inner section {
	margin: 40px 0 0;
}

#privacy .wrapper .main-content .content .inner section h5 {
	display: block;
}

#privacy .wrapper .main-content .content .inner section p:not(:last-of-type) {
	margin: 0 0 20px;
}

#privacy .wrapper .main-content .content .inner section dl {
	color: #000;
	font-size: 16px;
}

#privacy .wrapper .main-content .content .inner section dl dt {
	margin: 20px 0 0;
	font-weight: 700;
}

#privacy .wrapper .main-content .content .inner section dl dd {
	font-weight: 500;
	line-height: 1.6;
}

#privacy .wrapper .main-content .content .inner section ul,
#privacy .wrapper .main-content .content .inner section ol {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#privacy .wrapper .main-content .content .inner section li {
	padding-left: 2em;
	text-indent: -2em;
}

#privacy .wrapper .main-content .content .inner section .note {
	margin: 0 0 5px;
	display: inline-block;
	font-size: 14px;
}

#privacy .wrapper .main-content .content .inner section dl dd:not(:last-of-type) {
	margin: 0 0 20px;
}

#privacy .wrapper .main-content .content .inner section p.enactment {
	margin: 40px 0 0;
}

#privacy .wrapper .main-content .content .inner section p.t_right {
	text-align: right;
}

#privacy .wrapper .main-content .content .inner section p.t_right a {
	color: #00C2BA;
}

#privacy .wrapper .main-content .content .inner section .address {
	margin: 0 0 40px;
	text-align: right;
}

#privacy .wrapper .main-content .content .inner section .btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}

#privacy .wrapper .main-content .content .inner section .btn-area-simple a {
	margin: 0;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#privacy .wrapper .main-content .content .inner section p.t_right {
		text-align: left;
	}

	#privacy .wrapper .main-content .content .inner section p.enactment {
		margin: 20px 0;
	}
}



/*** ------------------------------------------------------------------------------

No.91　特定個人情報等の適正な取扱いに関する基本方針　（#privacy02）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#privacy02 .wrapper .main-content .content .inner section {
	margin: 40px 0 0;
}

#privacy02 .wrapper .main-content .content .inner section h5 {
	display: block;
}

#privacy02 .wrapper .main-content .content .inner section p:not(:last-of-type) {
	margin: 0 0 20px;
}

#privacy02 .wrapper .main-content .content .inner section dl {
	color: #000;
	font-size: 16px;
}

#privacy02 .wrapper .main-content .content .inner section dl dt {
	margin: 20px 0 0;
	font-weight: 700;
}

#privacy02 .wrapper .main-content .content .inner section dl dd {
	font-weight: 500;
	line-height: 1.6;
}

#privacy02 .wrapper .main-content .content .inner section ul,
#privacy02 .wrapper .main-content .content .inner section ol {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#privacy02 .wrapper .main-content .content .inner section li {
	padding-left: 1em;
	text-indent: -1em;
}

#privacy02 .wrapper .main-content .content .inner section .note {
	margin: 0 0 5px;
	display: inline-block;
	font-size: 14px;
}

#privacy02 .wrapper .main-content .content .inner section dl dd:not(:last-of-type) {
	margin: 0 0 20px;
}

#privacy02 .wrapper .main-content .content .inner section p.enactment {
	margin: 40px 0 0;
}

#privacy02 .wrapper .main-content .content .inner section p.t_right {
	text-align: right;
}

#privacy02 .wrapper .main-content .content .inner section .address {
	margin: 0 0 40px;
	text-align: right;
}

#privacy02 .wrapper .main-content .content .inner section .btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}

#privacy02 .wrapper .main-content .content .inner section .btn-area-simple a {
	margin: 0;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#privacy02 .wrapper .main-content .content .inner section p.t_right {
		text-align: left;
	}

	#privacy02 .wrapper .main-content .content .inner section p.enactment {
		margin: 20px 0;
	}
}



/*** ------------------------------------------------------------------------------

No.92　よくあるご質問　（#qa）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#qa .wrapper .main-content .content .inner dl {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#qa .wrapper .main-content .content .inner dl dt {
	margin: 0 0 10px;
	color: #00C2BA;
	font-size: 22px;
	font-weight: 700;
}

#qa .wrapper .main-content .content .inner dl dd:not(:last-of-type) {
	margin: 0 0 30px;
}

#qa .wrapper .main-content .content .inner dl dd.mb20 {
	margin: 0 0 20px;
}

#qa .wrapper .main-content .content .inner dl dd.note {
	margin: 0 0 20px;
	font-size: 14px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#qa .wrapper .main-content .p_link {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}



/*** ------------------------------------------------------------------------------

No.93　ご注文ガイド（ポイントカード）　（#guide-point）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.94　ご注文ガイド（メンバーズカード）　（#guide-member）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.95　ご注文ガイド（診察券カード）　（#guide-medical）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.96　ご注文ガイド（学生証）　（#guide-student）

-----------------------------------------------------------------------------  ***/

/*==================== .preparation ====================*/
#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim {
	width: 380px;
	margin: 40px auto 0;
}

#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim a {
	padding: 116px 0 0;
	background: url("../../img/guide/student/img01.jpg") left top / 100% auto no-repeat;
	background-clip: padding-box;
	border: solid 2px #00C2BA;
	border-radius: 5px;
	box-shadow: 0 3px 0 #00A19A;
	display: flex;
	align-items: flex-end;
}

#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim a span {
	width: 100%;
	padding: 10px 0;
	background-color: #00C2BA;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim {
		width: 90%;
		margin: 40px auto 0;
	}

	#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim a {
		padding: 100px 0 0;
		background: url("../../img/guide/student/img01.jpg") left top / 100% auto no-repeat;
	}

	#guide-student .wrapper .main-content .preparation .inner section p.how_to_trim a span {
		font-size: 4vw;
	}
}



/*** ------------------------------------------------------------------------------

No.97　ご注文ガイド（身分証明証）　（#guide-identification）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.98　ご注文ガイド（IDカード）　（#guide-id）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.99　ご注文ガイド（ICカード）　（#guide-ic）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.100　ご注文ガイド（透明カード）　（#guide-clear）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.101　ご注文ガイド（ギフトカード）　（#guide-gift）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.102　ご注文ガイド（会員証カード）　（#guide-club）

-----------------------------------------------------------------------------  ***/



/*** ------------------------------------------------------------------------------

No.115　会社案内　（#info）

-----------------------------------------------------------------------------  ***/

/*==================== .greeting ====================*/

#info .wrapper .main-content .greeting .inner .box {
	display: flex;
	justify-content: space-between;
}

#info .wrapper .main-content .greeting .inner .box p.img {
	width: auto;
	margin: 0 0 0 30px;
	order: 1;
}

#info .wrapper .main-content .greeting .inner .box section {
	order: 0;
}

#info .wrapper .main-content .greeting .inner .box section h3 {
	padding: 0;
}

#info .wrapper .main-content .greeting .inner .box section p.name {
	margin: 0 0 20px;
	font-size: 12px;
}

#info .wrapper .main-content .greeting .inner .box section p.name span {
	margin: 0 10px 0 0;
	font-size: 20px;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#info .wrapper .main-content .greeting {
		margin: -20px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#info .wrapper .main-content .greeting .inner .box {
		display: block;
	}

	#info .wrapper .main-content .greeting .inner .box p.img {
		margin: 0 0 20px;
		text-align: center;
	}

	#info .wrapper .main-content .greeting .inner .box p.img img {
		width: 60%;
	}

	#info .wrapper .main-content .greeting .inner .box section {
		order: 0;
	}

	#info .wrapper .main-content .greeting .inner .box section h3 {
		margin: 0 0 20px;
	}
}


/*==================== .philosophy ====================*/

#info .wrapper .main-content .philosophy .inner ul {
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
}

#info .wrapper .main-content .philosophy .inner ul li {
	width: calc(100% / 3 - 15px);
	padding: 30px 20px 20px;
	background-color: #eee;
	box-sizing: border-box;
}

#info .wrapper .main-content .philosophy .inner ul li dl {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#info .wrapper .main-content .philosophy .inner ul li dl dd:nth-child(1) {
	margin: 0 0 20px;
	text-align: center;
}

#info .wrapper .main-content .philosophy .inner ul li dl dt {
	margin: 0 0 20px;
	text-align: center;
	color: #00C2BA;
	font-size: 22px;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#info .wrapper .main-content .philosophy .inner ul {
		display: block;
	}

	#info .wrapper .main-content .philosophy .inner ul li {
		width: auto;
		margin: 0 0 15px;
		padding: 20px 15px 15px;
	}
	#info .wrapper .main-content .philosophy .inner ul li:nth-child(3) {
		margin: 0;
	}
}


/*==================== .staff ====================*/

#info .wrapper .main-content .staff .inner section:not(:last-of-type) {
	margin: 0 0 30px;
	padding: 0 0 40px;
	border-bottom: dashed 1px #999;
}

#info .wrapper .main-content .staff .inner section .name {
	display: flex;
	align-items: center;
}

#info .wrapper .main-content .staff .inner section .name > p {
	margin: 0 30px 0 0;
	order: 0;
}

#info .wrapper .main-content .staff .inner section .name > div {
	order: 1;
}

#info .wrapper .main-content .staff .inner section .name > div h3 {
	margin: 0 0 10px;
	padding: 0;
}

#info .wrapper .main-content .staff .inner section .name > div p {
	font-size: 12px;
}

#info .wrapper .main-content .staff .inner section .name > div p span {
	margin: 0 10px 0 0;
	font-size: 20px;
	font-weight: 700;
}

#info .wrapper .main-content .staff .inner section ul.comment li {
	margin: 30px 0 0;
}

#info .wrapper .main-content .staff .inner section ul.comment li p {
	margin: 0 0 25px;
	padding: 5px 15px 3px;
	background-color: #eee;
	font-size: 16px;
	font-weight: 700;
}

#info .wrapper .main-content .staff .inner section ul.comment li dl {
	display: flex;
	align-items: flex-start;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

#info .wrapper .main-content .staff .inner section ul.comment li dl dt {
	min-width: 2em;
	margin: 0 20px 0 0;
	padding: 4px 7px;
	background-color: #00C2BA;
	display: inline-block;
	color: #fff;
	font-weight: 700;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#info .wrapper .main-content .staff .inner section:not(:last-of-type) {
		margin: 0 0 20px;
		padding: 0 0 30px;
	}

	#info .wrapper .main-content .staff .inner section .name {
		display: flex;
		align-items: flex-start;
	}

	#info .wrapper .main-content .staff .inner section .name > p {
		width: 50%;
		margin: 0 15px 0 0;
	}

	#info .wrapper .main-content .staff .inner section .name > p img {
		width: 100%;
	}

	#info .wrapper .main-content .staff .inner section ul.comment li {
		margin: 25px 0 0;
	}

	#info .wrapper .main-content .staff .inner section ul.comment li p {
		margin: 0 0 20px;
		padding: 5px 7px 3px;
	}

	#info .wrapper .main-content .staff .inner section ul.comment li dl dt {
		margin: 0 15px 0 0;
	}
}


/*==================== .profile ====================*/

#info .wrapper .main-content .profile .inner .box {
	display: flex;
	justify-content: space-between;
}

#info .wrapper .main-content .profile .inner .box table {
	width: calc(100% - 230px);
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
}

#info .wrapper .main-content .profile .inner .box table th {
	padding: 10px 15px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#info .wrapper .main-content .profile .inner .box table td {
	padding: 10px 15px;
	border: solid 1px #ccc;
}

#info .wrapper .main-content .profile .inner .box table td p {
	margin: 10px 0 0;
	position: relative;
}

#info .wrapper .main-content .profile .inner .box table td p a {
	padding-left: 17px;
	background: url("../img/arrow-list.png") left center / 7px auto no-repeat;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

/*
#info .wrapper .main-content .profile .inner .box table td p a:hover {
	text-decoration: none;
}
*/

#info .wrapper .main-content .profile .inner .box ul {
	margin: 0 0 0 20px;
}

#info .wrapper .main-content .profile .inner .box ul li:not(:last-child) {
	margin: 0 0 10px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#info .wrapper .main-content .profile .inner .box {
		display: block;
	}

	#info .wrapper .main-content .profile .inner .box table {
		width: 100%;
		line-height: 1.6;
	}

	#info .wrapper .main-content .profile .inner .box table th {
		width: 4em;
		padding: 10px;
	}

	#info .wrapper .main-content .profile .inner .box table td {
		padding: 10px;
	}

	#info .wrapper .main-content .profile .inner .box ul {
		margin: 20px 0 0;
		display: flex;
		justify-content: space-between;
	}

	#info .wrapper .main-content .profile .inner .box ul li:nth-child(1) {
		width: 40%;
		margin: 0;
	}

	#info .wrapper .main-content .profile .inner .box ul li:nth-child(2) {
		width: 56%;
	}

	#info .wrapper .main-content .profile .inner .box ul li img {
		width: 100%;
	}
}


/*==================== .map ====================*/

#info .wrapper .main-content .map .inner iframe {
	width: 100%;
	height: 420px;
}



@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#info .wrapper .main-content .map {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#info .wrapper .main-content .map .inner iframe {
		height: 300px;
	}
}



/*** ------------------------------------------------------------------------------

No.116　日本カード印刷が選ばれる理由　（#commonplace）

-----------------------------------------------------------------------------  ***/

/*==================== .reason ====================*/

#commonplace .wrapper .main-content .reason .inner h2 span {
	color: #00C2BA;
}

#commonplace .wrapper .main-content .reason .inner .box {
	display: flex;
	justify-content: space-between;
}

#commonplace .wrapper .main-content .reason .inner .box > p {
	margin: 0 30px 0 0;
}

#commonplace .wrapper .main-content .reason .inner .box div h3 {
	margin: 0 0 20px;
	padding: 0;
}

#commonplace .wrapper .main-content .reason .inner .box div ol {
	margin: 0 0 20px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}

#commonplace .wrapper .main-content .reason .inner .box div ol li {
	padding-left: 2.3em;
	text-indent: -2.3em;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#commonplace .wrapper .main-content .reason {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}

	#commonplace .wrapper .main-content .reason:nth-of-type(1) {
		margin: -20px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#commonplace .wrapper .main-content .reason .inner .box {
		display: block;
	}

	#commonplace .wrapper .main-content .reason .inner .box > p {
		margin: 0 0 20px;
		text-align: center;
	}

	#commonplace .wrapper .main-content .reason .inner .box > p img {
		width: 60%;
	}
}



/*** ------------------------------------------------------------------------------

No.117　カード印刷取り扱い商品一覧　（#card）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#card .wrapper .main-content .c_header .inner h3 {
	padding: 0;
}


@media screen and (min-width: 1500px) {

}


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

}


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

}


/*==================== .card_list ====================*/
#card .wrapper .main-content .card_list .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#card .wrapper .main-content .card_list .inner ul li {
	width: calc(100% / 3);
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#card .wrapper .main-content .card_list .inner ul li h4 {
	margin: 0 0 20px;
	padding: 0;
}
#card .wrapper .main-content .card_list .inner ul li h4 a,
#card .wrapper .main-content .card_list .inner ul li h4 a:visited{
	    color:#000;
}
.card .wrapper .main-content .card_list .inner ul li p.img {
	width: auto;
	margin: 0 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card .wrapper .main-content .card_list .inner ul li p.img img {
	max-width: 100%;
}

.card .wrapper .main-content .card_list .inner section {
	margin: 40px 0 0;
}

.card .wrapper .main-content .card_list .inner section h5 {
	display: block;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	#card .wrapper .main-content .card_list .inner ul li {
		width: calc(100% / 3 - 0.1px);
	}
}

@media screen and (min-width: 1500px) {
	/*
	#card .wrapper .main-content .card_list .inner ul li {
		width: calc(100% / 4);
	}
	*/
	#card .wrapper .main-content .card_list .inner ul li h4 br {
		display: none;
	}
}


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

}


@media screen and (max-width: 768px) {
	#card .wrapper .main-content .card_list .inner ul li {
		width: calc(100% / 2);
		padding: 15px;
	}

	#card .wrapper .main-content .card_list .inner ul li h4 {
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 1.4;
	}
	#card .wrapper .main-content .card_list .inner ul li h4 a,
	#card .wrapper .main-content .card_list .inner ul li h4 a:visited{
		        color:#000;
	}
	.card .wrapper .main-content .card_list .inner ul li p.img {
		margin: 0 0 15px;
	}

	#card .wrapper .main-content .card_list .inner ul li h4 br {
		display: none;
	}
}


/*==================== .common_sense ====================*/
.card .wrapper .main-content .common_sense .inner ul {
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.card .wrapper .main-content .common_sense .inner ul li {
	width: 50%;
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

.card .wrapper .main-content .common_sense .inner ul li h4 {
	padding: 0;
}

.card .wrapper .main-content .common_sense .inner ul li h4 + p {
	margin: 0 0 20px;
}

.card .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) {
	margin: 0 0 20px;
	text-align: center;
}

.card .wrapper .main-content .common_sense .inner ul li p.btn-area-simple {
	margin: 0;
	text-align: center;
}

.card .wrapper .main-content .common_sense .inner ul li p.btn-area-simple a {
	margin: 0;
	padding: 20px 10px 18px;
	font-size: 16px;
}


@media screen and (min-width: 1500px) {
	.card .wrapper .main-content .common_sense .inner ul li {
		width: calc(100% / 3);
	}

	.card .wrapper .main-content .card_list .inner ul.quantity_10::after {
		width: calc(100% / 4 * 2 - 14px);
	}
}


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

}


@media screen and (max-width: 768px) {
	.card .wrapper .main-content .common_sense .inner ul {
		display: block;
	}

	.card .wrapper .main-content .common_sense .inner ul li {
		width: auto;
		padding: 25px 20px;
	}

	.card .wrapper .main-content .common_sense .inner ul li p:nth-of-type(2) img {
		max-width: 60%;
	}
}



/*** ------------------------------------------------------------------------------

No.118　カードの種類　（#type）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#type .wrapper .main-content .content .inner section {
	margin: -70px 0 0;
	padding: 70px 0 40px;
}

#type .wrapper .main-content .content .inner a {
	color: #00C2BA;
}

#type .wrapper .main-content .content .inner section h5 {
	display: block;
}

#type .wrapper .main-content .content .inner section ul.note {
	margin: 10px 0 0;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
}

#type .wrapper .main-content .content .inner section ul.note li a {
	color: #00C2BA;
}

#type .wrapper .main-content .content .inner section p.note {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.6;
}

#type .wrapper .main-content .content .inner p.img_02 {
	margin: 20px 0 0;
	text-align: center;
}

#type .wrapper .main-content .content .inner p.img_02 img {
	max-width: 100%;
}


#type .wrapper .main-content .content .inner section .btn-area-simple {
	margin: 40px 0 0;
	text-align: center;
}

#type .wrapper .main-content .content .inner .btn-area-simple a {
	color: #fff;
}


#type .wrapper .main-content .content .inner section ul.detail_list {
	margin: 30px 0 0;
	display: flex;
	flex-flow: row wrap;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#type .wrapper .main-content .content .inner section ul.detail_list li {
	width: calc(100% / 3);
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#type .wrapper .main-content .content .inner section ul.detail_list.column2 li {
	width: calc(100% / 2);
}

#type .wrapper .main-content .content .inner section ul.detail_list.column1 li {
	width: 100%;
}

#type .wrapper .main-content .content .inner section ul.detail_list li p.title {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 700;
}

#type .wrapper .main-content .content .inner section ul.detail_list li p.img {
	width: auto;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#type .wrapper .main-content .content .inner section ul.detail_list li p.img img {
	max-width: 100%;
}


#type .wrapper .main-content .content .inner table {
	width: 100%;
	margin: 20px 0 0;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

#type .wrapper .main-content .content .inner table th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#type .wrapper .main-content .content .inner table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#type .wrapper .main-content .content .inner table td:nth-of-type(2) {
	width: 35%;
	text-align: center;
	vertical-align: middle;
}

#type .wrapper .main-content .content .inner table td:nth-of-type(2) img {
	max-width: 100%;
}

#type .wrapper .main-content .content .inner table td:nth-of-type(2) p {
	margin: 10px 0 0;
	font-size: 14px;
}

#type .wrapper .main-content .content .inner section p.mt40 {
	margin: 40px 0 0;
}

#type .wrapper .main-content .content .inner section .box {
	display: flex;
	justify-content: space-between;
}

#type .wrapper .main-content .content .inner section .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}

#type .wrapper .main-content .content .inner section h6 {
	margin: 40px 0 20px;
	font-size: 20px;
	font-weight: 700;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	#type .wrapper .main-content .content .inner section ul.detail_list li {
		width: calc(100% / 3 - 0.1px);
	}
}


@media screen and (min-width: 1500px) {
	/*
	#type .wrapper .main-content .content .inner section ul.detail_list li {
		width: calc(100% / 4);
	}
	*/

	#type .wrapper .main-content .content .inner table th {
		width: 20%;
	}

	#type .wrapper .main-content .content .inner table td:nth-of-type(2) {
		width: 30%;
	}
}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .content .inner section ul.detail_list li p.title {
		margin: -70px 0 15px;
		padding: 70px 0 0;
	}
}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .content .inner section ul.detail_list li {
		width: calc(100% / 2);
		padding: 15px;
	}

	#type .wrapper .main-content .content .inner section ul.detail_list.column2 li {
		width: auto;
	}

	#type .wrapper .main-content .content .inner section ul.detail_list li p.title {
		font-size: 18px;
		line-height: 1.4;
	}

	#type .wrapper .main-content .content .inner section ul.detail_list li p.img {
		margin: 0 0 15px;
	}

	#type .wrapper .main-content .content .inner table {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
		line-height: 1.4;
	}

	#type .wrapper .main-content .content .inner table.fixed {
		table-layout: fixed;
	}

	#type .wrapper .main-content .content .inner table th {
		width: 25%;
		padding: 10px;
	}

	#type .wrapper .main-content .content .inner table td {
		padding: 10px;
	}

	#type .wrapper .main-content .content .inner table.fixed td:nth-of-type(1) {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	#type .wrapper .main-content .content .inner table td:nth-of-type(2) {
		width: 30%;
	}

	#type .wrapper .main-content .content .inner table td:nth-of-type(2) img {
		width: 80%;
	}

	#type .wrapper .main-content .content .inner table td:nth-of-type(2) p {
		text-align: left;
	}

	#type .wrapper .main-content .content .inner section .box {
		display: block;
	}

	#type .wrapper .main-content .content .inner section .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#type .wrapper .main-content .content .inner section .box p:nth-of-type(1) img {
		max-width: 70%;
	}
}


/*==================== .item_guidance ====================*/

#type .wrapper .main-content .item_guidance .inner section ul.p_link {
	padding: 30px 30px 20px;
	background-color: #eee;
	display: flex;
	flex-flow: row wrap;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
}

#type .wrapper .main-content .item_guidance .inner section ul.p_link li {
	width: 20%;
	margin: 0 0 10px;
	box-sizing: border-box;
	font-weight: 700;
}

#type .wrapper .main-content .item_guidance .inner section ul.p_link li a {
	color: #00C2BA;
}

#type .wrapper .main-content .item_guidance .inner section ul.p_link li a span {
	color: #000;
	font-size: 12px;
	font-weight: 500;
}

#type .wrapper .main-content .item_guidance .inner section ul.p_link li .fl {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .item_guidance .inner section ul.p_link {
		padding: 15px 15px 5px;
	}

	#type .wrapper .main-content .item_guidance .inner section ul.p_link li {
		width: calc(100% / 2);
	}

	#type .wrapper .main-content .item_guidance .inner section ul.p_link li a {
		display: block;
	}
}


/*==================== .carc_kind ====================*/

#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl {
	margin: 20px 0 0;
	padding: 30px;
	background-color: #eee;
	color: #000;
	line-height: 1.6;
}

#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl dt {
	font-size: 14px;
	font-weight: 700;
}

#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl dt span {
	color: #00C2BA;
}

#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl dd {
	margin: 0 0 20px;
	font-size: 12px;
}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl {
		padding: 15px;
	}

	#type .wrapper .main-content .carc_kind .inner section ul.detail_list.column1 li dl dd:last-of-type {
		margin: 0;
	}
}


/*==================== .carc_size ====================*/

#type .wrapper .main-content .carc_size .inner .box {
	display: flex;
}

#type .wrapper .main-content .carc_size .inner .box p:nth-of-type(1) {
	margin: 0 30px 0 0;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .carc_size {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .carc_size .inner .box {
		display: block;
	}

	#type .wrapper .main-content .carc_size .inner .box p:nth-of-type(1) {
		margin: 0 0 20px;
		text-align: center;
	}

	#type .wrapper .main-content .carc_size .inner .box p:nth-of-type(1) img {
		max-width: 70%;
	}
}


/*==================== .card_thickness ====================*/

#type .wrapper .main-content .card_thickness .inner table td:nth-of-type(1) {
	width: 25%;
	vertical-align: top;
}

#type .wrapper .main-content .card_thickness .inner table td:nth-of-type(2) {
	width: auto;
	text-align: left;
	vertical-align: top;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .card_thickness {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .card_thickness .inner table td:nth-of-type(2) {
		width: auto;
	}
}


/*==================== .card_stripe ====================*/

#type .wrapper .main-content .card_stripe .inner ul.img_03 {
	margin: 20px 0 40px;
	display: flex;
	justify-content: center;
}

#type .wrapper .main-content .card_stripe .inner ul.img_03 li {
	margin: 0 5px;
}

#type .wrapper .main-content .card_stripe .inner ul.img_03 li img {
	margin: 0 0 10px;
	display: block;
}

#type .wrapper .main-content .card_stripe .inner p.img_02 {
	margin: 20px 0 40px;
	text-align: center;
}

#type .wrapper .main-content .card_stripe .inner p.img_02 img {
	max-width: 100%;
	margin: 0 auto 10px;
	display: block;
}

@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .card_stripe {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .card_stripe .inner ul.img_03 {
		margin: 20px 0 30px;
		justify-content: space-around;
	}

	#type .wrapper .main-content .card_stripe .inner ul.img_03 li {
		margin: 0;
	}
}


/*==================== .card_print ====================*/

#type .wrapper .main-content .card_print .inner p.mt20 {
	margin: 20px 0 0;
}


@media screen and (min-width: 1500px) {

}


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

}


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

}


/*==================== .card_color ====================*/

@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .card_color {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


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

}


/*==================== .card_other ====================*/

#type .wrapper .main-content .card_other .inner section .box {
	justify-content: flex-start;
}

#type .wrapper .main-content .card_other .inner section .box dl {
	color: #000;
}

#type .wrapper .main-content .card_other .inner section .box dl dt {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
}

#type .wrapper .main-content .card_other .inner section .box dl dd {
	font-size: 16px;
}


@media screen and (min-width: 1500px) {

}


@media screen and (max-width:1100px){
	#type .wrapper .main-content .card_other {
		margin: -70px 0 0;
		padding: 70px 20px 50px;
	}
}


@media screen and (max-width: 768px) {
	#type .wrapper .main-content .card_other .inner section .box {
		margin: 0 0 20px;
	}
}



/*** ------------------------------------------------------------------------------

No.119　御利用規約　（#rules）

-----------------------------------------------------------------------------  ***/

#rules .wrapper .main-content .content .inner section {
	margin: 40px 0 0;
}

#rules .wrapper .main-content .content .inner section h5 {
	display: block;
}

#rules .wrapper .main-content .content .inner section ol {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
/*
#rules .wrapper .main-content .content .inner section ol li {
	padding-left: 2em;
	text-indent: -2em;
}
*/
#rules .wrapper .main-content .content .inner section p + ol,
#rules .wrapper .main-content .content .inner section ol li ol {
	margin: 20px 0 0;
	line-height: 1.6;
}
/*
#rules .wrapper .main-content .content .inner section p + ol li,
#rules .wrapper .main-content .content .inner section ol li ol li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
*/
#rules .wrapper .main-content .content .inner section p.address {
	margin: 20px 0 0;
	text-align: right;
}


@media screen and (min-width: 1500px) {

}


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

}


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

}



/*** ------------------------------------------------------------------------------

No.120　リンク　（#link）

-----------------------------------------------------------------------------  ***/

#link .wrapper .main-content .content .inner table {
	width: 100%;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}

#link .wrapper .main-content .content .inner table th {
	width: 40%;
	padding: 30px;
	background-color: #eee;
	border: solid 1px #ccc;
}

#link .wrapper .main-content .content .inner table td {
	padding: 30px;
	border: solid 1px #ccc;
}

#link .wrapper .main-content .content .inner table td a {
	color: #00C2BA;
}


@media screen and (min-width: 1500px) {
	#link .wrapper .main-content .content .inner table th {
		width: 35%;
	}
}


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

}

@media screen and (max-width: 768px) {
	#link .wrapper .main-content .content .inner table {
		border: solid 1px #ccc;
		border-bottom: none;
	}

	#link .wrapper .main-content .content .inner table th {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}

	#link .wrapper .main-content .content .inner table td {
		width: 100%;
		padding: 10px;
		border: none;
		border-bottom: solid 1px #ccc;
		display: block;
		box-sizing: border-box;
	}
}



/*** ------------------------------------------------------------------------------

No.121　サイトマップ　（#sitemap）

-----------------------------------------------------------------------------  ***/

/*==================== .content ====================*/
#sitemap .wrapper .main-content .content .inner .box {
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

#sitemap .wrapper .main-content .content .inner .box section {
	width: calc(100% / 2);
	padding: 30px 25px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}

#sitemap .wrapper .main-content .content .inner .box .column1 {
	width: 100%;
}

#sitemap .wrapper .main-content .content .inner .box section h4 {
	margin: 0 0 10px;
	padding: 0;
}

#sitemap .wrapper .main-content .content .inner .box section .ul_box {
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
	font-weight: 500;
}

#sitemap .wrapper .main-content .content .inner .box section .ul_box ul {
	width: 50%;
	box-sizing: border-box;
}

#sitemap .wrapper .main-content .content .inner .box section ul li a {
	color: #00C2BA;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {

}


@media screen and (min-width: 1500px) {

}


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

}


@media screen and (max-width: 768px) {
	#sitemap .wrapper .main-content .content .inner .box {
		display: block;
	}

	#sitemap .wrapper .main-content .content .inner .box section {
		width: auto;
		padding: 15px;
	}

	#sitemap .wrapper .main-content .content .inner .box section .ul_box {
		display: block;
	}

	#sitemap .wrapper .main-content .content .inner .box section .ul_box ul {
		width: auto;
	}

	#sitemap .wrapper .main-content .content .inner .box section ul li a {
		display: block;
	}
}


/*** --------------------------------------------------------------------------------------------------------------------------------------------

用途から選ぶ（ポイントカード）　（#youto）

-----------------------------------------------------------------------------  ***/

#youto{
}
#youto .center_img{
	display:block;
	margin:20px auto
}
#youto .wrapper .content img{
	max-width:100%;
	height:auto;
}
#youto .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

#youto .wrapper .main-content .c_header .inner .img {
	width: 50%;
	max-width: 450px;
	margin: 0 0 0 20px;
	order: 1;
}
#youto .wrapper .main-content .c_header .inner .img .bigimage img {
	max-width: 100%;
}
#youto .wrapper .main-content .c_header .inner .img ul.thumbnail {
	justify-content: flex-start;
}
#youto .wrapper .main-content .c_header .inner .img ul.thumbnail li {
	margin-right: 10px;
}
#youto .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#youto .wrapper .main-content .c_header .inner .txt {
	width: 47%;
	order: 0;
}

#youto .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}
#youto .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}
#youto .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}
#youto .wrapper .main-content .c_header .inner .txt ul.list li span.item{
	padding: 10px 0px;
}
#youto .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

#youto .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}
#youto .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}
#youto .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}
#youto .wrapper .main-content section .inner .img ul.thumbnail li a{
	overflow: hidden;
}
#youto .content .p_c_list li{
	padding-left:1em;
	text-indent:-1em;
}
#youto .p_cardlist{
	margin: 30px 0 0;
    display: flex;
    flex-flow: row wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#youto .p_cardlist .each{
	display: flex;
	flex-direction: column;
	width: calc(100% / 2);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
#youto .p_cardlist .each img{
	display:block;
	margin:20px auto
}
#youto .p_cardlist .each .btn-area-simple{
	width: calc(100% / 2 - 15px);
    margin: 0;
}
#youto .wrapper .main-content section.content.clm3_cardlist_area h2{
	    margin-bottom:20px;
	}
	#youto .wrapper .main-content section.content.clm3_cardlist_area .bottom-content{
	    margin-top:auto;
	}
	#youto .wrapper .main-content section.content.clm3_cardlist_area .howto-bnr{
	    display: block;
	    margin-bottom: 20px;
	}
	#youto .wrapper .main-content section.content.clm3_cardlist_area .howto-bnr img{
	    display: block;
	    width: 100%;
	    max-width: 900px;
	    margin-left: auto;
	    margin-right: auto;
	}
	#youto .clm3_cardlist{
	    display: flex;
	    justify-content: space-between;
	}
	#youto .clm3_cardlist .each{
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	    max-width: 32%;
	    padding:20px 25px 25px;
	    box-sizing: border-box;
	    border: solid 1px #cccccc;
	}
	#youto .content .inner .clm3_cardlist .each h4{
	    padding: 0px;
	    margin-bottom: 10px;
	    text-align: center;
	    font-size: 20px;
	    line-height: 1.5;
	    color: #00c2ba;
	}
	#youto .content .inner .clm3_cardlist .each h4 span{
	    display: block;
	    margin-top: 5px;
	    font-size: 14px;
	}
	#youto .content .inner .clm3_cardlist .each p span{
	    font-weight: bold;
	    color:#f52618;
	}
	#youto .content .inner .clm3_cardlist .each .point-list{
	    margin: 20px 0px 25px;
	    padding-left: 20px;
	    list-style-type: disc;
	    list-style-position: outside;
	}
	#youto .content .inner .clm3_cardlist .each .point-list li{
	    list-style-type: disc;
	    font-size: 14px;
	    line-height: 1.8;
	    margin-bottom: 7px;
	}
	#youto .content .inner .clm3_cardlist .each img{
	    display: block;
	    max-width: 380px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	#youto .content .inner .clm3_cardlist .each ul.link_area{
	    flex-wrap: wrap;
	    margin-top: auto;
	}
	#youto .content .inner .clm3_cardlist .each ul.link_area li{
	    width: 100%;
	    margin: 15px 0 0;
	}
	#youto .content .inner .clm3_cardlist .each ul.link_area li:first-child{
	    margin-top:35px;
	}
	@media screen and (min-width: 1630px){
	    #youto .content .inner .clm3_cardlist .each h4 br{
	        display: none;
	    }
	}
	@media screen and (min-width: 1590px){
	    #youto .content .inner .clm3_cardlist .each p br{
	        display: none;
	    }
	}
	@media screen and (max-width: 768px){
	    #youto .content .inner .clm3_cardlist{
	        flex-wrap: wrap;
	    }
	    #youto .content .inner .clm3_cardlist .each{
	        max-width: 100%;
	        width: 100%;
	        padding: 20px;
	        margin-bottom:20px;
	    }
	    #youto .content .inner .clm3_cardlist .each p br{
	        display: none;
	    }
	    #youto .content .inner .clm3_cardlist .each h4 {
	        font-size: 24px;
	    }
	    #youto .content .inner .clm3_cardlist .each h4 span{
	        display: inline-block;
	        margin-top: auto;
	    }
	    #youto .content .inner .clm3_cardlist .each .point-list{
	        margin-bottom:15px;
	    }
	    #youto .content .inner .clm3_cardlist .each ul.link_area li:first-child{
	        margin-top: 25px;
	    }
	}
#youto .link_area{
}

#youto .related_product{
}
#youto .r_p_wrap{
	display: flex;
	flex-wrap: wrap;
}
#youto .r_p_img{
	width:45%;
	height:auto;
	text-align:center;
}
#youto .r_p_txt{
	width: 55%;
    padding: 30px 0 0 40px;
    box-sizing: border-box;
}
#youto .r_p_txt h4 span{
	font-size:14px;
	display:block;
}
#youto .r_p_price{
	display: flex;
    justify-content: space-between;
	margin:30px 0;
}
#youto .r_p_price p{
	padding: 20px 10px;
    background: #F52518;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    display: flex;
    align-items: center;
	justify-content:center;
	width: 50%;
}
#youto .r_p_price p span{
	font-size: 30px;
}
#youto .r_p_price .btn{
	min-width: inherit;
    width: 40%;
    margin: 0;
    padding: 25px 0 22px;
    display: block;
	position: relative;
	text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#youto .r_p_price .btn.btn-green{
	background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
}
#youto .r_p_price .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
#youto .content.whois{
}

#youto .boxes{
	margin: 30px 0 0;
    display: flex;
    flex-flow: row wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#youto .boxes .each{
	width: calc(100% / 2);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
#youto .boxes .each p span{
	font-size:14px;
	color:#F52618;
}
#youto .boxes .each img{
	display:block;
	margin:20px auto
}
#youto .de_ex_btn{
}
#youto .de_ex_btn .btn{
	min-width: inherit;
    width: 100%;
	max-width:470px;
    margin: 40px auto;
    padding: 25px 0 22px;
    display: block;
    position: relative;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#youto .de_ex_btn .btn.btn-green {
    background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
}
#youto .de_ex_btn .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
#youto .content.kakou_option{
}
#youto .content.kakou_option table{
	border-collapse:collapse;
	/*color:#00C2BA;*/
	margin:20px 0;
	width:100%;
	table-layout: fixed;
	box-sizing: border-box;
}
#youto .content.kakou_option table th,
#youto .content.kakou_option table td{
	border:1px solid #ccc;
	padding:20px;
}
#youto .content.kakou_option table th{
	width:25%;
	background:#eee;
}
#youto .content.kakou_option table .txtbk{
	color:#000;
}

#youto .point_service dl {
	margin: 20px 0 0;
	padding: 30px;
	background-color: #eee;
	color: #000;
	line-height: 1.6;
}

#youto .point_service dl dt {
	font-size: 14px;
	font-weight: 700;
}

#youto .point_service dl dt span {
	color: #00C2BA;
}

#youto .point_service dl dd {
	margin: 0 0 20px;
	font-size: 12px;
}

#youto .table_type1 {
	width: 100%;
	margin: 20px 0;
	border: solid 1px #ccc;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

#youto .table_type1 th {
	width: 25%;
	padding: 30px;
	background-color: #C1F5F3;
	border: solid 1px #ccc;
	vertical-align: top;
}

#youto .table_type1 td {
	padding: 30px;
	border: solid 1px #ccc;
}
#youto .table_type1 span{
	display:block;
	font-size:14px;
}

@media screen and (max-width: 768px) {
	#youto .wrapper .main-content .c_header .inner {
		display: block;
	}

	#youto .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 auto 20px;
	}

	#youto .wrapper .main-content .c_header .inner .img .bigimage {
		width: 100%;
		height: 200px;
		padding: 10px;
	}
	#youto .wrapper .main-content .c_header .inner .img .bigimage img {
		width: auto;
		height: 100%;
	}
	#youto .wrapper .main-content .c_header .inner .img ul.thumbnail li {
		height: 70px;
	}
	#youto .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}
	#youto .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}
	#youto .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}
	#youto .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
	#youto .p_cardlist .each,
	#youto .boxes .each{
		width:100%;
	}
	#youto .p_cardlist .each .btn-area-simple{
		width:100%;
		margin:20px 0 0 0;
	}
	#youto .r_p_price{
		flex-wrap:wrap;
	}
	#youto .r_p_price p,
	#youto .r_p_price .btn{
		width:100%;
		margin:10px 0;
	}
	#youto .r_p_img,
	#youto .r_p_txt{
		width:100%;
	}
	#youto .r_p_txt{
		padding:30px 0;
	}
	#youto .content.kakou_option table th,
	#youto .content.kakou_option table td{
		width:100%;
		display:block;
		box-sizing: border-box;
	}

	#youto .table_type1 {
		width: 100%;
		border: solid 1px #ccc;
		font-size: 14px;
		line-height: 1.4;
	}

	#youto .table_type1.fixed {
		table-layout: fixed;
	}

	#youto .table_type1 th {
		width: 25%;
		padding: 10px;
	}

	#youto .table_type1 td {
		padding: 10px;
	}
}



#youto.soft .kanri_head{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#youto.soft .left,
#youto.soft .right{
	width:50%;
	max-width: 500px;
}
#youto.soft .right{
	text-align:right;
}
#youto.soft .center_img{
}
#youto.soft .col3boxes,
#youto.soft .col2boxes{
	margin: 30px 0;
    display: flex;
    flex-flow: row wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#youto.soft .col3boxes li{
	width: calc(100% / 3);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
#youto.soft .col3boxes li img,
#youto.soft .col2boxes li img{
	display:block;
	margin:0 auto;
}
#youto.soft .col3boxes li p,
#youto.soft .col2boxes li p{
	margin-top:25px;
}
#youto.soft .kanri_dm{
	display:flex;
	align-items:center;
}
#youto.soft .kanri_dm p{
	font-size:20px;
	font-weight:bold;
	margin-left:40px;
}
#youto.soft .kanri_manybox .col3boxes{
	margin:-1px 0 30px 0;
}
#youto.soft .kanri_manybox .col2boxes{
	margin:30px 0 0 0;
}
#youto.soft .col2boxes li{
	width: calc(100% / 2);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	#youto.soft .left,
	#youto.soft .right{
		width:100%;
	}
	#youto.soft .right{
		text-align:center;
	}
	#youto.soft .col3boxes li,
	#youto.soft .col2boxes li{
		width:100%;
	}
	#youto.soft .kanri_dm{
		flex-wrap:wrap;
	}
	#youto.soft .kanri_dm p{
		margin:10px 0 20px 0;
	}
}

#youto.member .content .inner p a,
#youto.member_point .content .inner p a,
#youto.member_design .content .inner p a,
#youto.member_silk .content .inner p a {
    color: #00C2BA;
}
#youto.member_point .content .inner h5,
#youto.member_design .content .inner h5,
#youto.member_silk .content .inner h5 {
    display: block;
}
#youto.member .content .inner img,
#youto.member_point .content .inner img,
#youto.member_design .content .inner img,
#youto.member_silk .content .inner img{
	max-width:initial;
	height:auto;
}
#youto .content .inner .box,
#youto.member_point .content .inner .box,
#youto.member_design .content .inner .box,
#youto.member_silk .content .inner .box {
    display: flex;
    justify-content: flex-start;
	margin:20px 0;
}
#youto .content .inner .box p:nth-of-type(1),
#youto.member_point .content .inner .box p:nth-of-type(1),
#youto.member_design .content .inner .box p:nth-of-type(1),
#youto.member_silk .content .inner .box p:nth-of-type(1){
    margin: 0 30px 0 0;
}

#youto.member .content .inner .btn-area-simple,
#youto.member_point .content .inner .btn-area-simple,
#youto.member_design .content .inner .btn-area-simple,
#youto.member_silk .content .inner .btn-area-simple {
    margin: 40px 0 0;
    text-align: center;
}

#youto.member .content .inner div .btn-area .btn.btn-green,
#youto.member_point .content .inner div .btn-area .btn.btn-green,
#youto.member_design .content .inner div .btn-area .btn.btn-green,
#youto.member_silk .content .inner div .btn-area .btn.btn-green {
    background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
	display: inline-block;
    position: relative;
    min-width: 270px;
	margin:20px 0 20px auto;
    padding: 25px 30px 22px;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#youto.member_point .content .inner div .btn-area .btn:before,
#youto.member_design .content .inner div .btn-area .btn:before,
#youto.member_silk .content .inner div .btn-area .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
@media screen and (max-width: 768px) {
	#youto .content .inner .box,
	#youto.member_point .content .inner .box,
	#youto.member_design .content .inner .box,
	#youto.member_silk .content .inner .box{
		display:block;
	}
	#youto.member .content .inner img,
	#youto.member_point .content .inner img,
	#youto.member_design .content .inner img,
	#youto.member_silk .content .inner img{
		width: 100%;
	}
	#youto.member .content .inner .btn-area img,
	#youto.member_point .content .inner .btn-area img,
	#youto.member_design .content .inner .btn-area img,
	#youto.member_silk .content .inner .btn-area img{
	   width: 40px;
  }
	#youto .content .inner .box p:nth-of-type(1),
	#youto.member_point .content .inner .box p:nth-of-type(1),
	#youto.member_design .content .inner .box p:nth-of-type(1),
	#youto.member_silk .content .inner .box p:nth-of-type(1){
		margin: 0 0 20px;
    	text-align: center;
	}
	#youto .content .inner .box div p,
	#youto.member_point .content .inner .box div p,
	#youto.member_design .content .inner .box div p,
	#youto.member_silk .content .inner .box div p{
		text-align:left !important;
	}
	#youto.member .content .inner div .btn-area .btn.btn-green,
	#youto.member_point .content .inner div .btn-area .btn.btn-green,
	#youto.member_design .content .inner div .btn-area .btn.btn-green,
	#youto.member_silk .content .inner div .btn-area .btn.btn-green{
		margin:20px auto 40px;
	}
	.member_silk .center_img{
		width: 100%;
	}
	#youto.member .content .inner .each img{
		width: 100%;
	}
}
#youto.member .p_cardlist .each .icon-list{
	    display: flex;
	}
	#youto.member .p_cardlist .each .icon-list li{
	    margin: 0 10px 0 0;
	}
	#youto.member .p_cardlist .each .icon-list li img{
	    display: inline;
	    margin: 0;
	}
	#youto .inner .p_cardlist .each .box{
	    background: #eeeeee;
	    margin: 20px 0 0;
	    padding: 17px;
	    align-items: center;
	}
	#youto .inner .p_cardlist .each .box > p{
	    font-size: 14px;
	    width: 45%;
	}
	#youto .inner .p_cardlist .each .box .text{
	    width: 55%;
	}
	#youto .inner .p_cardlist .each .box .text p{
	    text-align: center;
	    margin: 0;
	}
	#youto .inner .p_cardlist .each .box .text .num{
	    font-size: 14px;
	    font-weight: bold;
	}
	#youto .inner .p_cardlist .each .box .text .price{
	    font-size: 16px;
	    font-weight: bold;
	    color: #f52618;
	}
	#youto .inner .p_cardlist .each .box .text .price .txt01{
	    font-size: 24px;
	}
	#youto .inner .p_cardlist .each .box .text .txt02{
	    font-size: 16px;
	}
	#youto .inner .p_cardlist .each .box .text .bg{
	    text-align: center;
	    background: #fff;
	    font-size: 12px;
	    padding: 10px 0;
    	margin: 8px 0 0 0;
   	    line-height: 1.8;
   	}
	#youto .content .inner .p_cardlist .each .btn-area-simple{
	    margin: 20px 0 0;
	}

	@media screen and (max-width: 1100px){
	    #youto .inner .p_cardlist .each .box{
	        display: block;
	    }
	    #youto .inner .p_cardlist .each .box .size{
	    	text-align: center;
	    }
	    #youto .inner .p_cardlist .each .box > p{
	        width: 100%;
	    }
	    #youto .inner .p_cardlist .each .box .text{
	        margin: 10px 0 0;
	        width: 100%;
	    }
	}
	@media screen and (max-width: 768px) {
	    #youto .inner .p_cardlist .each .box > p{
	        text-align: left;
	    }
	    #youto .inner .p_cardlist .each .box .text p{
	        text-align: center !important;
	        margin: 0 0 10px;
	    }
	    #youto .inner .p_cardlist .each .box .text .bg{
	        margin: 0;
	    }
	}

/*** -----------------------------------------------------------------------------

材質から選ぶ .material

-----------------------------------------------------------------------------  ***/
.material .center_img {
    display: block;
    margin: 20px auto;
}
.material .p_cardlist{
	margin: 30px 0 0;
    display: flex;
    flex-flow: row wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.material .p_cardlist .each{
	display: flex;
	flex-direction: column;
	width: calc(100% / 2);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
.material .p_cardlist .each img{
	display:block;
	margin:20px auto;
	max-width: 100%;
}
.material .p_cardlist .each .btn-area-simple{
	width: calc(100% / 2 - 15px) !important;
    margin: 0;
}
@media screen and (max-width: 768px)
{
	.material .p_cardlist .each{
		width: 100%;
	}
	.material .center_img{
		width: 100%;
		margin: 0 auto;
	}
}

/*** ------------------------------------------------------------------------------

No.40　PVCプラスチックカード　（#pvc）

-----------------------------------------------------------------------------  ***/

/*==================== .c_header ====================*/
#pvc .wrapper .main-content .c_header .inner {
	display: flex;
	justify-content: space-between;
}

#pvc .wrapper .main-content .c_header .inner .img {
	width: 100%;
	order: 1;
}

#pvc .wrapper .main-content .c_header .inner .img .bigimage {
	width: 100%;
	height: 305px;
	margin: 0 0 15px;
	border: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pvc .wrapper .main-content .c_header .inner .img .bigimage img{
	max-width:100%;
	max-height:100%;
	height: auto;
}

#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail {
	display: flex;
	justify-content: space-between;
}

#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li {
	width: calc(100% / 4 - 10px);
	height: 85px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: 0.2s;
}

#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li:hover {
	border: solid 1px #fcc;
}

#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

/*
#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
	width: 105px;
	height: 85px;
	object-fit: cover;
	object-position: 60% 50%;
	font-family: 'object-fit: cover; object-position: 60% 50%;'
}
*/





#pvc .wrapper .main-content .c_header .inner .txt {
	width: 45%;
	order: 0;
}

#pvc .wrapper .main-content .c_header .inner .txt h4 {
	margin-bottom: 20px;
}

#pvc .wrapper .main-content .c_header .inner .txt h4 + p {
	margin-bottom: 20px;
}

#pvc .wrapper .main-content .c_header .inner .txt ul.list {
	margin-bottom: 25px;
}

#pvc .wrapper .main-content .c_header .inner .txt ul.attr {
	display: flex;
}

#pvc .wrapper .main-content .c_header .inner .txt ul.attr li {
	width: 205px;
	padding: 5px 0;
	background: #F52518;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

#pvc .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
	margin-right: 12px;
}

#pvc .wrapper .main-content .c_header .inner .txt ul.attr li span {
	font-size: 26px;
}


@media screen and (min-width: 1500px) {
	/*
	#pvc .wrapper .main-content .c_header .inner {
		display: flex;
		justify-content: flex-start;
	}
	*/
	#pvc .wrapper .main-content .c_header .inner .img {
		width: 100%;
		margin: 0 0 0 30px;
		order: 1;
	}

	#pvc .wrapper .main-content .c_header .inner .txt {
		width: 70%;
		order: 0;
	}
}


@media screen and (max-width:1100px){
	#pvc .wrapper .main-content .c_header .inner .img {
		width: 100%;
	}

	#pvc .wrapper .main-content .c_header .inner .txt {
		width: 45%;
	}

	#pvc .wrapper .main-content section.c_header ul.list li {
		margin-bottom: 0;
		flex-wrap: nowrap;
	}

	#pvc .wrapper .main-content section.c_header ul.list li span {
		width: 75%;
		padding: 10px;
	}

	#pvc .wrapper .main-content section.c_header ul.list li span.item{
		width: 25%;
		padding: 10px;
	}
}


@media screen and (max-width: 768px) {
	#pvc .wrapper .main-content .c_header .inner {
		display: block;
	}

	#pvc .wrapper .main-content .c_header .inner .img {
		width: auto;
		margin: 0 0 20px;
	}

	#pvc .wrapper .main-content .c_header .inner .img .bigimage img {
		width: 99%;
	}

	#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li {
		height: 70px;
	}

	#pvc .wrapper .main-content .c_header .inner .img ul.thumbnail li img {
		width: auto;
	}

	#pvc .wrapper .main-content .c_header .inner .txt {
		width: auto;
	}

	#pvc .wrapper .main-content .c_header .inner .txt ul.attr {
		display: flex;
		justify-content: space-between;
	}

	#pvc .wrapper .main-content .c_header .inner .txt ul.attr li {
		width: calc(100% / 2 - 5px);
	}

	#pvc .wrapper .main-content .c_header .inner .txt ul.attr li:first-child {
		margin-right: 0;
	}
}


/*==================== .price ====================*/
#pvc .wrapper .main-content .price .inner h3 {
	margin-bottom: 5px;
}

#pvc .wrapper .main-content .price .inner ul.option_list {
	margin: 0 0 60px;
	display: flex;
	flex-flow: row wrap;
}

#pvc .wrapper .main-content .price .inner ul.option_list li {
	width: calc(100% / 3 - 15px);
	margin: 15px 15px 0 0;
	border: 1px solid #00C2BA;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.4;
    position: relative;
}
#pvc .wrapper .main-content .price .inner ul.option_list li:before {
	content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 5px;
    bottom: 5px;
    border-left: solid 25px transparent;
    border-bottom: solid 25px #00c2ba;
}
#pvc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
	margin: 15px 0 0;
}

#pvc .wrapper .main-content .price .inner ul.option_list li a {
	display: flex;
	color: #000;
}

#pvc .wrapper .main-content .price .inner ul.option_list li a span {
	padding: 10px;
	display: inline-block;
}


#pvc .wrapper .main-content .price .inner .modal {
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}

#pvc .wrapper .main-content .price .inner .modal_bg {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	position: absolute;
}

#pvc .wrapper .main-content .price .inner .modal_content {
	width: 80%;
	max-width: 1200px;
	background: #fff;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

#pvc .wrapper .main-content .price .inner .modal_content .item_title {
	height: 60px;
	padding: 17px 50px 0;
	background-color: #00C2BA;
	box-sizing: border-box;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner {
	padding: 50px;
	box-sizing: border-box;
}

@media screen and (min-width: 769px){
	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner{
		height: 100%;
		max-height: 80vh;
		overflow-y: scroll;
		-ms-overflow-y: scroll;
	}
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail {
	margin: 0 0 25px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail p.img {
	margin: 0 75px 0 0;
	text-align: center;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail .txt dl dt {
	margin: 25px 0 0;
	font-weight: 700;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .table_box {
	margin: 0 0 0px;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table {
	width: 100%;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #707070;
	border-left: solid 1px #707070;
	font-size: 16px;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table th {
	padding: 7px 0;
	border-right: solid 1px #707070;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table td {
	padding: 7px 0;
	border-right: solid 1px #707070;
	text-align: center;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table thead {
	background-color: #C1F5F3;
	border-bottom: solid 1px #F5F5F5;
	text-align: center;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table thead th {
	text-align: center;
	font-weight: 700;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table tbody tr:not(:last-of-type) {
	border-bottom: solid 1px #F5F5F5;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table tbody tr:nth-of-type(even) th,
#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table tbody tr:nth-of-type(even) td {
	background-color: #EFFEFD;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table tbody th {
	text-align: center;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .btn {
	text-align: center;
	margin: 0 30px 0 0;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .btn button {
	width:70%;
	padding: 18px 0;
	background: #f52618 url(/common/img/icon-add.png) no-repeat top 50% left 5% / 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	transition: 0.2s;
	display: block;
	margin: 30px auto;
	cursor: pointer;
}
#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .btn button:hover {
	opacity: 0.5;
}

#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .btn .selected{
    color: #f52618;
    border: solid 2px #f52618;
    width: 70%;
    padding: 18px 0;
    margin: 30px auto 0;
    display: block;
    text-align: center;
    font-weight: 700;
}
#pvc .wrapper .main-content .price .inner .modal_content .js-modal-close {
	width: 60px;
	height: 60px;
	background-color: #03746F;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.wrapper .main-content section .inner .modal_content .js-modal-close02{
	width: 50px;
	height: 50px;
	background-color: #bc4d17;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}


#pvc .wrapper .main-content .price .inner .price_table {
	margin: 0 0 30px;
}

#pvc .wrapper .main-content .price .inner .price_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

#pvc .wrapper .main-content .price .inner .price_table table thead th {
	padding: 15px 5px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

#pvc .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
	width: 25%;
	font-size: 14px;
}

#pvc .wrapper .main-content .price .inner .price_table table thead th img {
	margin: 0 auto 5px;
	display: block;
}

#pvc .wrapper .main-content .price .inner .price_table table tbody th {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#pvc .wrapper .main-content .price .inner .price_table table tbody td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#pvc .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(odd) td:first-of-type {
	background-color: #C1F5F3;
	font-size: 16px;
}

#pvc .wrapper .main-content .price .inner .price_table table tbody tr:nth-of-type(even) {
	background-color: #EFFEFD;
}


#pvc .wrapper .main-content .price .inner .note {
	margin: 0 0 60px;
	display: flex;
	justify-content: space-between;
}

#pvc .wrapper .main-content .price .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#pvc .wrapper .main-content .price .inner .note .btn-area-simple {
	margin: 0;
}

#pvc .wrapper .main-content .price .inner .note .btn-area-simple a {
	margin: 0;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #pvc .wrapper .main-content .price .inner .modal_content .item_title {
		padding: 22px 50px 0;
	}
}


@media screen and (min-width: 1500px) {
	#pvc .wrapper .main-content .price .inner ul.option_list li {
		width: calc(100% / 4 - 15px);
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 15px 0 0;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li:nth-child(4n) {
		margin: 15px 0 0;
	}
}


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

}


@media screen and (max-width: 768px) {
	#pvc .wrapper .main-content .price {
		margin: 0 0 20px;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list {
		margin: 0 0 40px;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list a {
		display: flex;
		flex-flow: row wrap;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li {
		width: 31%;
		height: auto;
		margin: 15px 3.5% 0 0;
		display: block;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li br {
		display: none;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li:nth-child(3n) {
		margin: 15px 0 0;
	}

	#pvc .wrapper .main-content .price .inner ul.option_list li img {
		width: 100%;
	}


	.material.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
	}

	#pvc .wrapper .main-content .price .inner .modal {
		width: 100%;
		height: 100vh;
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10000;
		overflow-y: hidden;
	}

	#pvc .wrapper .main-content .price .inner .modal_bg {
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		position: absolute;
	}

	#pvc .wrapper .main-content .price .inner .modal_content {
		width: 90%;
		height: 83%;
		max-width: inherit;
		position: absolute;
		left: 5%;
		top: 4%;
		transform: translate(0);
				overflow-x: scroll;
		-webkit-overflow-scrolling: touch;

	}

	#pvc .wrapper .main-content .price .inner .modal_content .item_title {
		padding: 17px 50px 0 20px;
		font-size: 20px;
	}


	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner {
		height: 100%;
		padding: 20px;
		background: #fff;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner::-webkit-scrollbar {
		width: 5px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail {
		margin: 0 0 25px;
		display: block;
		font-size: 16px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail p.img {
		margin: 0 0 25px;
		text-align: center;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .detail .txt dl dt {
		margin: 25px 0 0;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .table_box {
		margin: 0 0 40px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .table_box::-webkit-scrollbar {
		height: 5px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .table_box::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .table_box::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table {
		width: 200%;
		font-size: 14px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table th {
		padding: 7px 2px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner table td {
		padding: 7px 2px;
	}

	#pvc .wrapper .main-content .price .inner .modal_content .modal_inner .btn button {
		width: 100%;
		padding: 15px 0;
		display: block;
margin-bottom: 20px;
	}


	#pvc .wrapper .main-content .price .inner .price_table {
		margin: 0 0 20px;
		padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#pvc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar {
		height: 5px;
	}

	#pvc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#pvc .wrapper .main-content .price .inner .price_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#pvc .wrapper .main-content .price .inner .price_table table {
		width: 150%;
	}

	#pvc .wrapper .main-content .price .inner .price_table table thead th {
		padding: 7px 2px;
	}

	#pvc .wrapper .main-content .price .inner .price_table table thead th:first-of-type {
		width: auto;
	}

	#pvc .wrapper .main-content .price .inner .price_table table tbody th {
		padding: 7px 2px;
	}

	#pvc .wrapper .main-content .price .inner .price_table table tbody td {
		padding: 7px 2px;
	}


	#pvc .wrapper .main-content .price .inner .note {
		display: block;
	}

	#pvc .wrapper .main-content .price .inner .note ul {
		margin: 0 0 20px;
	}
}


/*==================== .delivery_date ====================*/
#pvc .wrapper .main-content .delivery_date .inner ul.detail {
	margin: 0 0 40px;
}

#pvc .wrapper .main-content .delivery_date .inner ul.detail li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 16px;
}


#pvc .wrapper .main-content .delivery_date .delivery_table {
	width: 100%;
	max-width: 900px;
	margin: 0 0 30px;
	position: relative;
}

#pvc .wrapper .main-content .delivery_date .delivery_table table {
	width: 100%;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}

#pvc .wrapper .main-content .delivery_date .delivery_table th {
	padding: 10px 5px;
	background-color: #eee;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.saturday {
	color: #1A78D6;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(1) th.sunday {
	color: #F52518;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
	padding: 5px;
	background-color: #00C2BA;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th.holiday {
	width: 1.5em;
	background-color: #707070;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
	padding: 15px 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th em {
	font-size: 20px;
	font-weight: bold;
}

#pvc .wrapper .main-content .delivery_date .delivery_table td {
	padding: 10px 5px;
	border: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:first-of-type {
	background-color: #F52518;
	color: #fff;
	font-size: 16px;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type {
	font-size: 20px;
	font-weight: bold;
}

#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) td:last-of-type img {
	margin: 5px 0 0;
	display: block;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou2 tr:nth-of-type(3) td:last-of-type img,
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou3 tr:nth-of-type(3) td:last-of-type img {
	margin: 0 auto;
	display: block;
}

#pvc .wrapper .main-content .delivery_date .delivery_table p {
	width: 64%;
	padding: 10px 0;
	background-color: #F52518;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 25%;
	bottom: 25px;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou2 p {
	width:21%;
	left:58%;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou3 p {
	width: 29%;
    left: 51%;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou4 p {
	width:38%;
	left:44%;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou5 p {
	width:51%;
	left:36%;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou6 p {
	width:53%;
	left:33%;
}
#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou8 p {
	    width:64%;
	    left:25%;
	}
	#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou9 p {
	    width:70%;
	    left:21%;
	}
	#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou10 p {
	    width:64%;
	    left:25%;
	}
#pvc .wrapper .main-content .delivery_date .inner .note {
	margin: 0 0 45px;
	display: flex;
	justify-content: space-between;
}

#pvc .wrapper .main-content .delivery_date .inner .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#pvc .wrapper .main-content .delivery_date .inner .note p {
	padding: 10px 40px;
	border: solid 2px #F52518;
}


#pvc .wrapper .main-content .delivery_date .inner ul.link_area {
	display: flex;
	justify-content: space-between;
}

#pvc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
	width: calc(100% / 3 - 15px);
	margin: 0;
}

#pvc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple .btn {
	min-width: inherit;
	width:100%;
	margin: 0;
	padding: 25px 0 22px;
	display: block;
}


@media screen and (min-width: 1500px) {
	#pvc .wrapper .main-content .delivery_date .inner .note {
		display: flex;
		justify-content: flex-start;
	}

	#pvc .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 80px 0 0;
	}

	#pvc .wrapper .main-content .delivery_date .inner ul.link_area {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	#pvc .wrapper .main-content .delivery_date .delivery_table {
		width: 100%;
		max-width: 900px;
		margin: 0 0 30px;
		position: relative;padding: 0 0 10px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar {
		height: 5px;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table table {
		width: 200%;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table th {
		padding: 7px 5px;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(2) th {
		padding: 5px 2px;
		font-size: 3vw;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table tr:nth-of-type(3) th {
		padding: 7px 5px;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table td {
		padding: 7px 5px;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table p {
		width: 122%;
		left: 55%;
	}

	#pvc .wrapper .main-content .delivery_date .delivery_table.eigyou2 p {
		        width:27%;
		        left:127%;
		        top: 45%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou3 p {
		        width: 50%;
		        left: 109%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou4 p {
		        width:38%;
		        left:44%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou5 p {
		        width:90%;
		        left:80%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou6 p {
		        width:98%;
		        left:71%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou8 p {
		        width:113%;
		        left:61%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou9 p {
		        width:120%;
		        left:56%;
		    }
		    #pvc .wrapper .main-content .delivery_date .delivery_table.eigyou10 p {
		        width:130%;
		        left:47%;
		    }

	#pvc .wrapper .main-content .delivery_date .inner .note {
		margin: 0 0 40px;
		display: block;
	}

	#pvc .wrapper .main-content .delivery_date .inner .note ul {
		margin: 0 0 20px;
	}

	#pvc .wrapper .main-content .delivery_date .inner .note p {
		padding: 10px 20px;
	}

	#pvc .wrapper .main-content .delivery_date .inner .note p br {
		display: none;
	}


	#pvc .wrapper .main-content .delivery_date .inner ul.link_area {
		display: block;
	}

	#pvc .wrapper .main-content .delivery_date .inner ul.link_area li.btn-area-simple {
		width: auto;
		margin: 0 0 20px;
	}
}


/*==================== .trivia ====================*/
#pvc .wrapper .main-content .trivia .inner ul.trivia_list {
	margin: 0 0 40px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	line-height: 2.4;
}

#pvc .wrapper .main-content .trivia .inner ul.trivia_list li {
	width: 50%;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
}

#pvc .wrapper .main-content .trivia .inner ul.trivia_list li::before {
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	color: #00C2BA;
	font-weight: 900;
}

#pvc .wrapper .main-content .trivia .inner ul.trivia_list li a {
	color: #000;
}

#pvc .wrapper .main-content .trivia .inner ul.trivia_list li a:hover {
	opacity: 1.0;
	text-decoration: underline;
}

#pvc .wrapper .main-content .trivia .inner .other {
	padding: 30px;
	background-color: #EEEEEE;
	display: flex;
	justify-content: space-between;
	line-height: 1.4;
}

#pvc .wrapper .main-content .trivia .inner .other h5 {
	margin: 0 0 20px;
}

#pvc .wrapper .main-content .trivia .inner .other > section {
	width: 60%;
}

#pvc .wrapper .main-content .trivia .inner .other > section dl dt {
	font-size: 14px;
	font-weight: bold;
}

#pvc .wrapper .main-content .trivia .inner .other > section dl dt:not(:first-of-type) {
	margin: 1em 0 0;
}

#pvc .wrapper .main-content .trivia .inner .other > section dl dt .color {
	color: #00C2BA;
}

#pvc .wrapper .main-content .trivia .inner .other > section dl dt .note {
	font-size: 12px;
	font-weight: normal;
}

#pvc .wrapper .main-content .trivia .inner .other > section dl dd {
	font-size: 12px;
}

#pvc .wrapper .main-content .trivia .inner .other > div {
	width: 35%;
}

#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
	margin: 0 0 40px;
}

#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p {
	font-size: 14px;
	font-weight: bold;
}

#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p em {
	color: #F42618;
	font-size: 20px;
	font-weight: bold;
}

#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(2) p span {
	font-size: 12px;
	font-weight: normal;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {
	#pvc .wrapper .main-content .trivia .inner ul.trivia_list {
		max-width: 1200px;
	}
}


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

}


@media screen and (max-width: 768px) {
	#pvc .wrapper .main-content .trivia .inner ul.trivia_list {
		margin: 0 0 30px;
		display: block;
		line-height: 1.5;
	}

	#pvc .wrapper .main-content .trivia .inner ul.trivia_list li {
		margin: 0 0 20px;
		padding-left: 16px;
		text-indent: -16px;
		width: auto;
	}

	#pvc .wrapper .main-content .trivia .inner .other {
		padding: 15px;
		display: block;
	}

	#pvc .wrapper .main-content .trivia .inner .other h5 {
		margin: 0 0 1em;
	}

	#pvc .wrapper .main-content .trivia .inner .other > section {
		margin: 0 0 20px;
		width: auto;
	}

	#pvc .wrapper .main-content .trivia .inner .other > div {
		width: auto;
	}

	#pvc .wrapper .main-content .trivia .inner .other > div section:nth-of-type(1) {
		margin: 0 0 20px;
	}
}





















/*==================== .hina ====================*/
#pvc .wrapper .main-content .hina .inner {
	display: flex;
	justify-content: space-between;
}


/*---------- if IE ----------*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, {

	}
}

@media screen and (min-width: 1500px) {

}


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

}


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

}


/*** ------------------------------------------------------------------------------

No.8　お知らせ　（#news）

-----------------------------------------------------------------------------  ***/

#news .wrapper .main-content .content .inner{
	border:1px solid #CCC;
	padding:30px;
	margin:0 0 30px;
}
#news .wrapper .main-content .content .inner .time{
	text-align:right;
	margin:0 0 15px;
}
#news .wrapper .main-content .content .inner h2 a{
	color:#00C2BA;
}

#news .wrapper .main-content .content .inner .ac{
	display: flex;
}
@media screen and (max-width: 768px) {
	#news .wrapper .main-content .content .inner .ac{
		display: block;
	}
}
#news .wrapper .main-content .content .inner .ac .img{
	width:auto;
	margin:0 20px 0 0;
		order:0;
}
@media screen and (max-width: 768px) {
	#news .wrapper .main-content .content .inner .ac .img{
		width:auto;
		margin:0 0 20px;
	}
}
#news .wrapper .main-content .content .inner .ac .img img{
	max-width:100%;
	height: auto;
}
#news .wrapper .main-content .content .inner .ac .cont-koto{
	width:120%;
}
#news .wrapper .main-content .content .inner .ac .cont-koto a{
	display:inline-block;
	background:#00C2BA;
	color:#fff;
	padding:10px 15px;
	margin:15px 0 0;
}
@media screen and (max-width: 768px) {
	#news .wrapper .main-content .content .inner .ac .cont-koto{
		width:auto;
	}
}

#news .wrapper .main-content .content .inner .img-sin{
	margin:0 0 15px;
}
#news .wrapper .main-content .content .inner .img-sin img{
	max-width: 100%;
	height: auto;
}
#news .wrapper .main-content .content .inner.newcards-cont p img{
	max-width: 100% !important;
	height: auto;
	object-fit: contain;
}
#news .wrapper .main-content .content .inner.newcards-cont p{
	margin:0 0 20px;
}
#news .wrapper .main-content .content .inner.newcards-cont .news-btn02{
	border: solid 1px #f52618;
    margin: 40px 0 40px 0;
    width: 50%;
}
#news .wrapper .main-content .content .inner.newcards-cont .news-btn02 a{
    background: url(/wp/common/img/icon-card05.png)no-repeat center left 20px;
    position: relative;
    display: block;
    height: 70px;
    padding: 20px 20px 20px 40px;
    background-color: #f52618;
    box-sizing: border-box;
    text-align: center;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
#news .wrapper .main-content .content .inner.newcards-cont .news-btn02 a:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
@media screen and (max-width: 768px) {
	#news .wrapper .main-content .content .inner.newcards-cont .news-btn02{
	    width: 100%;
	}
	#news .wrapper .main-content .content .inner.newcards-cont .news-btn02 a{
		font-size: 16px;
		line-height: 1.4;
		height: auto;
	}
}


/*** ------------------------------------------------------------------------------

はじめての方へ　（#beginners）

-----------------------------------------------------------------------------  ***/

#beginners.beginners .content .inner img.center_img{
	display: block;
	max-width:initial;
	height:auto;
	margin:0 auto 40px;
}
#beginners.beginners .content .inner img.center_img.begin-mv.pc{
	display: block;
}
#beginners.beginners .content .inner img.center_img.begin-mv.sp{
	display: none;
}
#beginners.beginners .content .inner .box {
    display: flex;
    justify-content: flex-start;
	margin:20px 0 50px;
}
#beginners.beginners .content .inner .box p:nth-of-type(1){
    margin: 0 30px 0 0;
}

#beginners.beginners .content .inner .btn-area-simple{
    margin: 40px 0 0;
    text-align: center;
}
#beginners.beginners .content .inner div .btn-area{
}
#beginners.beginners .content .inner div .btn-area .btn.btn-green {
    background-color: #00c2ba;
    color: #fff;
    border: solid 1px #00c2ba;
	display: inline-block;
    position: relative;
    min-width: 270px;
	margin:20px 0 20px auto;
    padding: 25px 30px 22px;
    text-align: center;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
}
#beginners.beginners .content .inner div .btn-area .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 4px;
    bottom: 4px;
    border-left: solid 20px transparent;
    border-bottom: solid 20px #fff;
}
#beginners.guide .wrapper .main-content .guide_flow .inner ol li .btn-area-simple{
	margin-top:0px;
}

#beginners.beginners #use.content .inner .box > p img{
	    width: 160px;
	    margin: 0 auto;
	}
	#beginners.beginners #use.content .inner .box div h3{
	    margin: 0 0 10px;
	}
	#beginners.beginners #use.content .inner .link_area{
	    margin: 0 auto;
	}
	#beginners.beginners #use.content .inner .bnr{
	    margin: 40px auto;
	    text-align: center;
	}
	#beginners.beginners #use.content .inner .bnr img{
	    max-width: 100%;
	}
	#beginners.beginners #use.content .inner .list{
	    display: flex;
	    flex-wrap: wrap;
	}
	#beginners.beginners #use.content .inner .list .list-item{
	    width: 47%;
	    margin: 0 6% 5% 0;
	    text-align: center;
	}
	#beginners.beginners #use.content .inner .list .list-item:nth-of-type(2n){
	    margin: 0 0 5% 0;
	}
	#beginners.beginners #use.content .inner .list .list-item .img{
	    width: auto;
	}
	#beginners.beginners #use.content .inner .list .list-item .img img{
	    width: 160px;
	}
	#beginners.beginners #use.content .inner .list .list-item .text{
	    text-align: left;
	}

@media screen and (max-width: 768px) {
	#beginners.beginners .content .inner img.center_img.begin-mv{
		width: 100%;
	}
	#beginners.beginners .content .inner img.center_img.begin-mv.pc{
		display: none;
	}
	#beginners.beginners .content .inner img.center_img.begin-mv.sp{
		display: block;
	}
	#beginners.beginners .content .inner .box{
		display:block;
	}
	#beginners.beginners .content .inner .btn-area-simple{
		        margin: 0 0 20px;
		    }
		    #beginners.beginners .content .inner .btn-area-simple.beginnerflow{
		        margin: 0 0 0;
		    }
	#beginners.beginners .content .inner .box p:nth-of-type(1){
		margin: 0 0 20px;
    	text-align: center;
	}
	#beginners.beginners .content .inner .box div p{
		text-align:left !important;
	}
	#beginners.beginners .content .inner div .btn-area .btn.btn-green{
		margin:20px auto 40px;
	}
	#beginners.beginners #use.content .inner .bnr{
		        margin: 30px auto 0;
		    }
		    #beginners.beginners #use.content .inner .list{
		        display: block;
		    }
		    #beginners.beginners #use.content .inner .list .list-item{
		        width: 100%;
		        margin: 0 0 5% 0;
		        text-align: center;
		    }
		    #beginners.beginners #use.content .inner .list .list-item:nth-of-type(2n){
		        margin: 0 0 5% 0;
		    }
		    #beginners.beginners #use.content .inner .list .list-item{
		        width: 100%;
		        margin: 0 0 5% 0;
		        text-align: center;
		    }
		    #beginners.beginners #use.content .inner .list .list-item h3{
		        margin-bottom: 15px;
		    }
		    #beginners.beginners #use.content .inner .list .list-item .text{
		        text-align: left;
		    }
		    #beginners.beginners .content .inner.bginner img.center_img{
		        margin:0 auto 20px;
		    }
		    .wrapper .main-content section.content .inner.bginner h3{
		        margin:0 0 10px 0;
		    }
		    .wrapper .main-content section.content .inner.bginner .box h3 + p{
		        margin:0 0 70px 0!important;
		    }
}



/*** ------------------------------------------------------------------------------

入稿用テンプレートダウンロード　（#download）

-----------------------------------------------------------------------------  ***/
#download .main-content img{
	max-width:100%;
	height:auto;
}
#download .main-content .green_a{
	color: #00C2BA;
}
#download .download_btn.btn-area-simple{
    text-align: center;
    margin: 30px 0;
}
#download .p_cardlist{
	margin: 30px 0 0;
    display: flex;
    flex-flow: row wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#download .p_cardlist .each{
	width: calc(100% / 2);
    padding: 30px 25px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
#download .p_cardlist .each img{
	display:block;
	margin:0 auto 30px;
}
#download .p_cardlist .each .link_area .btn-area-simple{
	width: 80%;
	margin:30px auto 10px;
}
#download .p_cardlist .each .link_area .btn.btn-green{
	padding: 10px;
    box-sizing: border-box;
}

/* 1カラムの場合 */
#download .p_cardlist.single_list{
	border-top: none;
}
#download .p_cardlist.single_list .each{
	border-top: solid 1px #ccc;
}
/* 1カラムの場合 */

#download .imgcenter{
	display:block;
	margin:30px auto;
}
#download h5{
	display: block;
	margin-top:30px;
}
#download .preparation_detail{
	background: #eee;
	padding: 20px;
}
#download .preparation_detail ul{
	color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
#download .preparation_detail ul li:not(:last-of-type) {
    margin: 0 0 10px;
}
#download .preparation_detail ul li{
	padding-left: 1.3em;
    text-indent: -1.3em;
}
#download .fl{
	color: #00C2BA;
}

#download .main-content .bnrimg{
	margin-bottom:80px;
}

@media screen and (max-width: 768px) {
	#download .p_cardlist .each {
		width: 100%;
	}
}


/* 20.06.29 追記 */
/* 料金表が1行の場合のデザイン調整 */
#pvc.post266 .wrapper .main-content .price .inner .price_table table,
#pvc.post271 .wrapper .main-content .price .inner .price_table table,
#pvc.post7157 .wrapper .main-content .price .inner .price_table table,
#pvc.post7160 .wrapper .main-content .price .inner .price_table table,
#pvc.post7163 .wrapper .main-content .price .inner .price_table table{
	width: 50%;
}
@media screen and (max-width: 768px) {
	#pvc.post266 .wrapper .main-content .price .inner .price_table,
	#pvc.post271 .wrapper .main-content .price .inner .price_table,
	#pvc.post7157 .wrapper .main-content .price .inner .price_table,
	#pvc.post7160 .wrapper .main-content .price .inner .price_table,
	#pvc.post7163 .wrapper .main-content .price .inner .price_table{

		overflow:auto;
	}
	#pvc.post266 .wrapper .main-content .price .inner .price_table table,
	#pvc.post271 .wrapper .main-content .price .inner .price_table table,
	#pvc.post7157 .wrapper .main-content .price .inner .price_table table,
	#pvc.post7160 .wrapper .main-content .price .inner .price_table table,
	#pvc.post7163 .wrapper .main-content .price .inner .price_table table{
		width: 100%;
	}
}

/* 料金表が2行の場合のデザイン調整 */
#pvc.post195 .wrapper .main-content .price .inner .price_table table,
#pvc.post210 .wrapper .main-content .price .inner .price_table table,
#pvc.post276 .wrapper .main-content .price .inner .price_table table,
#pvc.post6494 .wrapper .main-content .price .inner .price_table table,
#pvc.post6501 .wrapper .main-content .price .inner .price_table table,
#pvc.post6510 .wrapper .main-content .price .inner .price_table table,
#pvc.post8256 .wrapper .main-content .price .inner .price_table table{
	width: 74%;
}
}
	#pvc.post195 .wrapper .main-content .price .inner .price_table table,
	#pvc.post210 .wrapper .main-content .price .inner .price_table table,
	#pvc.post276 .wrapper .main-content .price .inner .price_table table{
		width: 120%;
	}
}.Box {
  width: 100%;
}
.Box iframe {
  width: 50%;
  height: 473px;
  margin:0 0 35px 12vw;
  display: block;
}
@media screen and (max-width: 1450px) {
	.Box iframe {
	  height:330px;
	}
}
@media screen and (max-width: 768px) {
	.Box iframe {
	  width: 80%;
	  height:230px;
	}
.price-box{
  display: none;
}

.price-box-sp{
position: fixed;
bottom: 90px;
width: auto;
min-width: 240px;
height: auto;
z-index: 1;
background-color: #fff;
-webkit-box-shadow: 1px 0 12px -2px #131414;
-moz-box-shadow: 1px 0 12px -2px #131414;
box-shadow: 1px 0 12px -2px #131414;
right: 10px;
font-weight: bold;
}
.price-box-sp .title{
color:#fff;
background: #EA6404;
padding: 10px;
}
.price-box-sp .price-box-in{
margin: 10px;
}
.price-box-sp .price-box-in .main{
padding: 0 0 10px;
border-bottom: solid 2px #ccc;
}
.price-box-sp .price-box-in .main:after{
    font-size: 13px;
    font-weight: normal;
}

.post565 .price-box-sp .price-box-in .main:after{
	content: "\A※ベース：シルバー、デント処理加工を含む価格です。";
    font-size: 12px;
}
.price-box-sp .price-box-in .option{
padding: 10px 0;
border-bottom: solid 2px #ccc;
}
.price-box-sp .price-box-in .total{
padding: 10px 0;
line-height: 1.4;
}
.post6501 .price-box-sp .price-box-in .total:after,
.post6510 .price-box-sp .price-box-in .total:after{
	content: "\A※別途、設定基本料4,000円（税抜）が\A　加算されます。";
	white-space: pre;
}
.price-box-sp .price-box-in .total span{
color: #f52518;
font-size: 22px;
margin: 0 5px 10px;
display: inline-block;
}
.price-box-sp .price-box-in .contat{
padding-bottom: 10px;
}
.price-box-sp .price-box-in .contat a{
background-color: #EA6404;
color: #fff;
border: solid 1px #EA6404;
width: 100%;
display: block;
text-align: center;
padding: 5px 0;
}
.price-box-sp .price-box-in .contat a::before{
border-bottom: solid 20px #fff;
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
right: 13px;
bottom: 24px;
border-left: solid 20px transparent;
}
.price-box-sp .price-box-in .option .detail p{
display: inline-block;
}



}

/*
#pvc .price .del-option{
display: inline-block;
background: #f52518;
border: 1px solid #f52518;
color: #fff;
padding: 5px 15px;
border-radius: 3px;
cursor: pointer;
margin: 0 10px 20px 0;
transition: .25s;
}

#pvc .price .del-option{
background: #f52518;
border: 1px solid #f52518;
color: #fff;
padding: 0px 8px;
border-radius: 3px;
cursor: pointer;
transition: .25s;
float: right;
}
*/
#pvc .price .del-option {
    /* background: #f52518; */
    /* border: 1px solid #f52518; */
    /* color: #fff; */
    padding: 0px 0px 0px 0;
    /* border-radius: 3px; */
    cursor: pointer;
    transition: .25s;
    float: right;
    font-size: 20px;
    /* font-weight: bold; */
    margin: -3px 10px 0 10px;
}
#pvc .price .del-option:hover{
background: #fff;
color: #f52518;
}

.detail.option-no01,
.detail.option-no02,
.detail.option-no03,
.detail.option-no04,
.detail.option-no05,
.detail.option-no06,
.detail.option-no07,
.detail.option-no08,
.detail.option-no09,
.detail.option-no10,
.detail.option-no11,
.detail.option-no12,
.detail.option-no13,
.detail.option-no14,
.detail.option-no15,
.detail.option-no16,
.detail.option-no17,
.detail.option-no18,
.detail.option-no19,
.detail.option-no20{
	padding: 8px 0;
}

/* ローディング */
.loader-inner{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
}
.loader-inner::before{
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.loader-inner div{
    background-color: #f52518 !important;
}


.price-box{
position: fixed;
bottom: 90px;
width: auto;
min-width: 240px;
max-width:340px;
max-height: 825px;
z-index: 1;
background-color: #fff;
-webkit-box-shadow: 1px 0 12px -2px #131414;
-moz-box-shadow: 1px 0 12px -2px #131414;
box-shadow: 1px 0 12px -2px #131414;
right: 10px;
font-weight: bold;
border: solid 2px #EA6404;
z-index:10001;
overflow-y:auto;
}
.price-box .title{
color:#fff;
background: #EA6404;
padding: 10px;
}
.price-box .pb-txt01,
.price-box-sp .pb-txt01{
color:#e96402!important;
}
.price-box .price-box-in{
margin: 10px;
}
.price-box .price-box-in .main{
padding: 0 0 10px;
border-bottom: solid 2px #ccc;
}
.price-box .price-box-in .main:after{
    font-size: 13px;
    font-weight: normal;
}
.post130 .price-box .price-box-in .main:after{
	content: "\A※ラメ加工を含む価格です。";
}
.post162 .price-box .price-box-in .main:after{
	content: "\A※パール加工を含む価格です。";
}
.post219 .price-box .price-box-in .main:after{
	content: "\A※ブラックベース加工を含む価格です。";
}
.post233 .price-box .price-box-in .main:after{
	content: "\A※透明基材加工を含む価格です。";
}
.post555 .price-box .price-box-in .main:after{
	content: "\A※マットブラック+plus加工を含む価格です。";
}
.post565 .price-box .price-box-in .main:after{
	content: "\A※ベース：シルバー、デント処理加工を含む価格です。";
    font-size: 12px;
}
.post588 .price-box .price-box-in .main:after{
	content: "\A※ブラックライト加工を含む価格です。";
}
.price-box .price-box-in .option{
padding: 10px 0;
border-bottom: solid 2px #ccc;
}
.price-box .price-box-in .total{
padding: 10px 0;
line-height:1.4;
}
.post6501 .price-box .price-box-in .total:after,
.post6510 .price-box .price-box-in .total:after{
	content: "\A※別途、設定基本料4,400円（税込）が\A　加算されます。";
	white-space: pre;
}
.price-box .price-box-in .total span{
color: #f52518;
font-size: 22px;
margin: 0 5px 10px;
display: inline-block;
}
.price-box .price-box-in .contat{
padding-bottom: 10px;
}
.price-box .price-box-in .contat a{
background-color: #EA6404;
color: #fff;
border: solid 1px #EA6404;
width: 100%;
display: block;
text-align: center;
padding: 5px 0;
}
.price-box .price-box-in .contat a::before{
border-bottom: solid 20px #fff;
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
right: 13px;
bottom: 24px;
border-left: solid 20px transparent;
}
.price-box .price-box-in .option .detail p{
display: inline-block;
}
.price_table .even td:nth-child(n + 3) {
cursor: pointer;
}
.price_table .even td:nth-child(n + 3):hover {
background: #c1f5f3;
}
.price_table .s-price{
background: #c1f5f3 !important;
}
.js-modal-sp-price{
display: none;
}

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

.js-modal-sp-price{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 9999;
background: #f52618;
font-weight: bold;
color: #fff;
padding: 23px 0 22px 68px;
box-sizing: border-box;
display: block;
z-index: 98;
}
}

@media screen and (min-width:768px){
	#pvc .wrapper .main-content section.content .inner{
		max-width: 80%;
		margin: 0;
	}
}

.sheets-option{
display: inline-block;
}


.fukidashi {
      display: none;
      width: 200px;
      position: absolute;
      top: 0;
      left: 250px;
      padding: 16px;
      border-radius: 5px;
      background: #33cc99;
      color: #fff;
      font-weight: bold;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #33cc99;
      border-width: 10px;
      pointer-events: none;
      content: " ";
    }
    tbody.row-hover .column-3:hover + .fukidashi {
      display: block;
    }

		.prenextbtn{
			    display: flex;
					flex-wrap: wrap;
				}
.prenextbtn li a{
	background:#01C1BA;
	display: block;
	    padding:15px;
	    color:#FFF;
		}
		.prenextbtn li:nth-of-type(2){
	    margin:0 auto;

	}
	@media screen and (max-width: 768px) {
	    .prenextbtn li a{
				 font-size: 2.5vw;
			 }
		 }

    /* 20201029_西田追記 */




/* ※「.〇〇〇〇-sub」のクラス名変更忘れず！！ */
/* 「左の料金表は〇〇加工を含む価格です」のセルを押せなくする処理 */
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:first-child td:nth-of-type(7){
pointer-events: none;
color:rgba(0,0,0,0);
font-size:0vw;
background: #FFF !important;
}

/* 「左の料金表は〇〇加工を含む価格です」の文字列追加 */
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(1) td:nth-of-type(7):after{
content:'◀左の料金表はベース：シルバー加工、デント処理加工を含む価格です◀';/* ※〇〇〇加工の部分変更忘れずに！！ */
writing-mode: vertical-rl;
color:rgba(0,0,0,1);
font-size:14px;
display: inline-block;
}
/* 〇〇〇加工のセルのセルを押せなくする処理 */
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody td:nth-of-type(8),
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody td:nth-of-type(7),
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(even) td:nth-of-type(6),
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody td:last-child{
pointer-events: none;
color:rgba(0,0,0,0);
font-size:0vw;
}
/* 〇〇〇加工の文字列設定 */
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody td:nth-of-type(8):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
}
/* 〇〇〇加工の金額入力 */
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(1) td:nth-of-type(8):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(1) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥27,280';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(2) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(2) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '27.28';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(3) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(3) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥29,920';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(4) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(4) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '14.96';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(5) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(5) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥32,670';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(6) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(6) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '10.89';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(7) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(7) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥34,760';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(8) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(8) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '8.69';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(9) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(9) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥36,850';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(10) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(10) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '7.37';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(11) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(11) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥38,940';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(12) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(12) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '6.49';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(13) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(13) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥40,810';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(14) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(14) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '5.83';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(15) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(15) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥42,240';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(16) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(16) td:last-child:after{
	content: '5.28';
color:rgba(0,0,0,1);
font-size:14px;
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(17) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(17) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥43,560';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(18) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(18) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '4.84';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(19) td:nth-of-type(7):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(19) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '￥45,100';
}
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(20) td:nth-of-type(6):after,
#pvc .wrapper .main-content .price .inner .price_table.naibu-sub table tbody tr:nth-of-type(20) td:last-child:after{
color:rgba(0,0,0,1);
font-size:14px;
	content: '4.51';
}


@media screen and (max-width: 768px) {
	.prenextbtn li a{
		font-size: 2.5vw;
	}
}

/*   201031_西田追記 */

#pvc .wrapper .main-content .content .post-7157,
#pvc .wrapper .main-content .content .post-7160,
#pvc .wrapper .main-content .content .post-7163{
	display: none !important;
}

/*   201112_オプション動画一覧 */
#movie-option .wrapper .main-content .content .inner .youtube {
    text-align: center;
}
#movie-option .wrapper .main-content .content .inner p{
	margin:0 0 30px 0;
}

@media screen and (max-width: 768px) {
	#movie-option .wrapper .main-content .content .inner .youtube {
		position: relative;
		max-width: 100%;
		padding-top: 56.25%;
	}
	#movie-option .wrapper .main-content .content .inner .youtube iframe {
		position: absolute;
		top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}
	#movie-option .wrapper .main-content .content .inner .op-img{
		text-align:center;
	}
}

.metaslider .flexslider{
	margin-bottom: 0!important;
}
.metaslider .flexslider .flex-control-nav a{
	border: 2px solid #00c2ba;
	background:#fff;
	width: 8px;
	height: 8px;
}
.metaslider .flexslider .flex-control-nav a.flex-active{
	background:#00c2ba;
}
.flex-control-paging li a{
	background: rgba(255,255,255,1);
	width: 8px;
	height: 8px;
}
.flex-control-paging li a:hover{
	background: rgba(0,0,10,.2);
}
.flex-control-paging li a.flex-active{
	background: rgba(0,194,186,1);
}
.metaslider .flex-control-nav{
	right: -45%;
}