@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :contents.css
 style info :各ページコンテンツ用
=================================================================== */
.topicpath{padding-top: 40px;font-size: 14px;}
.topicpath a{text-decoration: underline;color: #323e6a;}
.topicpath dl{overflow: hidden;}
.topicpath dl dt{float: left;}
.topicpath dl dd{
	float: left;
	padding-left: 1em;
	margin-left: 1em;
	position: relative;
}
.topicpath dl dd:before{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #323e6a;
    border-right: 1px solid #323e6a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	
}
.note{
	display: inline-block;
	font-size: .8em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.6em;
}
.list-indent li{
	padding-left: 1em;
	text-indent: -1em;
}
.em{
	font-weight: bold;
	color: #ab3b3a;
}
.tel-num{
	font-weight: bold;
	color: #323e6a !important;
}
.ttl-second{
	font-family: ten-mincho, serif;
	font-weight: normal;
	text-align: center;
	font-size: 48px;
	color: #323e6a;
	background:url(../img/bg_title_second.jpg) center center repeat;
	margin-bottom: 1em;
	height: 190px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ttl-second span{
	font-size: .3em;
	display: block;
	margin-top: 1em;
}
.ttl-second span.sub{
	margin-bottom: 1em;
}
.ttl-underline{
	border-bottom: solid 1px #ccc;
	margin-bottom: 2em;
	padding-bottom: 1em;
	font-size: 18px;
	position: relative;
}
.ttl-underline:before{
	content: "";
	position: absolute;
	width: 10%;
	border-bottom: solid 1px #323e6a;
	bottom: -1px;
}
.ttl-disc:before{
	content: "●";
	font-size: 10px;
	color: #323e6a;
	vertical-align: middle;
	margin-right: .5em;
	margin-bottom: 1em;
}
.lead{
	text-align: center;
	margin-bottom: 3em;
}
.ttl-line-lr{
	font-family: ten-mincho, serif;
	font-weight: normal;
	color: #323e6a;
	text-align: center;
	font-size: 36px;
	margin-bottom: 2em;
}
.ttl-line-lr span{
	position: relative;
}
.ttl-line-lr span:before,
.ttl-line-lr span:after{
	content: "";
	position: absolute;
	width: 40px;
	border-top: solid 1px #323e6a;
	top: 50%;
}
.ttl-line-lr span:before{
	left: -50px;
}
.ttl-line-lr span:after{
	right: -50px;
}
.ttl-hex{
	border-bottom: solid 2px #323e6a;
	color: #323e6a;
	padding-bottom: .5em;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}
.ttl-hex:before{
	font-family: 'icomoon';
	content: "\e902";
	font-size: 18px;
	margin-right: .5em;
}
.cont-general{
	margin-bottom: 3em;
}
.cont-general:last-child{
	margin-bottom: 0;
}
.cont-general p{
	margin-bottom: 1em;
}
.cont-general-info .body{
	font-size: .9em;
	line-height: 1.6em;
}
.list-note li{
	text-indent: -1em;
	padding-left: 1em;
	font-size: .8em;
	line-height: 1.6em;
}

.list-pay dl dt:before{
	content: "●";
	font-size: 12px;
	margin-right: .5em;
}
.list-pay dl{
	margin-bottom: 1em;
}
.list-pay dl dt{
	margin-bottom: .2em;
	font-weight: bold;
}



/*注文方法*/
.cont-order-method{
	padding: 10%;
	background-color: #f0e8eb;
	outline: solid 4px #d9d1d2;
	outline-offset: -30px;
	margin-bottom: 3em;
	color: #323e6a;
}
.cont-order-method .num a{color: #323e6a;}

.cont-order-method h4{
	font-family: ten-mincho, serif;
	text-align: center;
	color: #323e6a;
}

.unit-order-method{border-bottom: solid 1px #ccc;}
.unit-order-method:nth-of-type(3){
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.unit-order-method .cat-method{
	color: #323e6a;
	font-weight: bold;
}
.unit-order-method .method-info .fax-btn{
	margin-bottom: 1em;
}
.unit-order-method .method-info p.num{
	font-weight: bold;
	margin-bottom: .5em;
	color: #323e6a;
}
.unit-order-method .method-info p.num span{
	display: block;
	font-weight: normal;
	font-size: 14px;
}
.unit-order-method .cat-method{
	display: table;
}
.unit-order-method .cat-method dt{
	display: table-cell;
	vertical-align: middle;
}
.unit-order-method .cat-method dt span{
	display: block;
	background-color: rgba(0,0,0,0.3);
	text-align: center;
	color: #fff;
}
.unit-order-method .cat-method dd{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
}
.order-method-fushokufu .tel p.num{
	font-weight: bold;
	font-size: 1.6em;
}
.order-method-fushokufu .tel p span{
	font-size: .6em;
	font-weight: normal;
}





.list-pdf{
	margin-bottom: 3em;
}
.list-pdf li{
	background: url(../img/icon_pdf.png) left top no-repeat;
	background-size: 16px;
	padding-left: 24px;
	font-size: 14px;
	margin-bottom: .5em;
	
}
.list-pdf li a{
	color: #323e6a;
	text-decoration: underline;
}
.grid5 ul,
.grid4 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.grid4 ul li,
.grid5 ul li{
	text-align: center;
	margin-bottom: 1em;
}
.grid4 ul li dl dd,
.grid5 ul li dl dd{
	font-size: 14px;
	margin-top: .5em;
	line-height: 1.4em;
}
.grid4 ul li dl dd span{
	display: block;
}
.grid5 ul li img,
.grid4 ul li img{
	border: solid 6px #eee;
}
@media (min-width: 769px) {/*PC*/
	.anchor{
		padding-top: 190px;
		margin-top: -190px;
		display: block;
	}
	.row{
		display: flex;
		justify-content: space-between;
	}
	.col1-2{
		width: 48%;
	}
	/*列行*/
	.grid5 ul li{width: 18.8%;margin-right: 1.5%;}
	.grid5 ul li:nth-child(5n){margin-right: 0;}
	.grid4 ul li{width: 23%;margin-right: 2.6%;}
	.grid4 ul li:nth-child(4n){margin-right: 0;}
	
	/*注文方法*/
	.cont-order-method h4{
		font-size: 1.4em;
		margin-bottom: 1em;
	}
	.cont-order-method h4 br{
		display: none;
	}
	.cont-order-method h4 span{
		position: relative;
	}
	.cont-order-method h4 span:before,
	.cont-order-method h4 span:after{
		content: "";
		width: 40px;
		display: inline-block;
		border-top: 1px solid #333;
		top: 50%;
		position: absolute;
	}
	.cont-order-method h4 span:before{left: -50px;}
	.cont-order-method h4 span:after{right: -50px;}
	
	.unit-order-method .method-info p.num{
		font-size: 1.8em;
	}
	.unit-order-method{
		display: flex;
		justify-content: space-between;
		padding: 2em;
	}
	.unit-order-method .cat-method{
		width: 45%;
	}
	.unit-order-method .method-info{
		width: 55%;
	}
	.unit-order-method .cat-method dt{
		width: 80px;
	}
	.unit-order-method .cat-method dt span{
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
	}
	.order-method-fushokufu{
		display: flex;
		width: 100%;
	}
	
	.order-method-fushokufu .text{
		width: 55%;
		font-weight: bold;
		font-size: 1.2em;
	}
	.order-method-fushokufu .tel{
		text-align: right;
		width: 45%;
	}
}
@media (max-width: 768px) {/*SP*/
	.anchor{
		padding-top: 70px;
		margin-top: -70px;
		display: block;
	}
	.topicpath{display: none;}
	.lead{
		margin-bottom: 1em;
	}
	.ttl-second{
		font-size: 18px;
		height: 90px;
	}
	.ttl-second span{
		margin-top: 0;
		font-size: .6em;
		line-height: 1em;
	}
	.ttl-second span.sub{
		margin-bottom: 0;
		line-height: 1em;
	}
	.ttl-line-lr{font-size: 18px;}
	.ttl-hex{font-size: 1em;}
	.ttl-underline{
		font-size: 16px;
		padding-bottom: .3em;
	}
	/*列行*/
	.grid5 ul li{width: 32%;margin-right: 2%}
	.grid5 ul li:nth-child(3n){margin-right: 0;}
	.grid5 ul li dl dd{
		font-size: 10px;
	}
	.grid4 ul li{width: 48%;margin-right: 4%}
	.grid4 ul li:nth-child(2n){margin-right: 0;}
	/*注文方法*/
	.cont-order-method{
		padding: 10%;
		outline: solid 3px #d9d1d2;
		outline-offset: -10px;
		margin-bottom: 1em;
	}
	.unit-order-method{
		display: block;
		padding: 1em 0;
	}
	.unit-order-method .cat-method{margin-bottom: 1em;}
	.unit-order-method .cat-method dt{width: 60px;}
	.unit-order-method .cat-method dt span{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.unit-order-method .method-info p.num{
		font-size: 1.4em;
	}
	.order-method-fushokufu .text{
		margin-bottom: 1em;
	}
	.order-method-fushokufu .tel {
		text-align: right;
	}
	.order-method-fushokufu .tel p.num{
		font-size: 1.4em;
	}
}
/* ===================================================================

MV-top

=================================================================== */
.mv-top{background:url(../img/bg_mv_top.jpg) center center repeat-x; border-bottom: solid 4px #ab3b3a;}
@media (min-width: 769px) {/*PC*/
	.mv-top{margin-bottom: 50px;}
	.mv-top .mv-pc{width: 1260px;margin: 0 auto;}
	.mv-top .mv-sp{display: none;}
}
@media (max-width: 768px) {/*SP*/
	.mv-top .mv-sp img{height: 51vw;}
	.mv-top .mv-pc{display: none;}
}
/* ===================================================================

TOP

=================================================================== */
.ttl-top{
	background: url(../img/bg_title_top.png) center center no-repeat;
	font-family: ten-mincho, serif;
	text-align: center;
	font-size: 32px;
	color: #323e6a;
	padding: 2em 0;
	font-weight: normal;
}
.cont-top-news{
	border-bottom: solid 1px #ccc;
	margin-bottom: 2em;
}
.cont-top-news p{
	position: relative;
	color: #666;
/*	font-weight: bold;*/
}
.cont-top-news p:after{
	content: "";
	width: calc(100% - 80px);
	position: absolute;
	left: 80px;
	top: 50%;
}
.cont-top-news dl{padding: 0.5em 0 0.5em;}
.cont-top-news dl dt{font-weight: bold;}
.cont-top-reccommend ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cont-top-reccommend ul li{
	width: 48.5%;
	margin-bottom: 3%;
}
.cont-top-reccommend ul li a{
	display: block;
	background-color: #999;
	padding: 3%;
	color: #fff;
	transition: .5s;
}
.cont-top-reccommend ul li:nth-child(1) a,
.cont-top-reccommend ul li:nth-child(4) a{background-color: #323e6a;}
.cont-top-reccommend ul li:nth-child(2) a,
.cont-top-reccommend ul li:nth-child(3) a{background-color: #ab3b3a;}

.cont-top-reccommend ul li:nth-child(1) a:hover,
.cont-top-reccommend ul li:nth-child(4) a:hover{background-color: #1e284b;}

.cont-top-reccommend ul li:nth-child(2) a:hover,
.cont-top-reccommend ul li:nth-child(3) a:hover{background-color: #932625;}

.cont-top-reccommend ul li dl dd{
	padding: .5em 0;
	position: relative;
}
.cont-top-reccommend ul li dl dd:after{
	font-family: "icomoon";
	content: "\e900";
	position: absolute;
	font-size: 24px;
	right: 0;
	top: 50%;
	margin-top: -12px;
}
.top-news-list dl{
	font-size: 14px;
	overflow: hidden;
}
.top-news-list dl dt{
	background-color: #323e6a;
	padding: .2em;
	color: #fff;
	display: block;
	width: 100px;
	text-align: center;
}
.top-news-list dl dd a{text-decoration: underline;color:#323e6a; }

@media (min-width: 769px) {/*PC*/
	.cont-top-news dl{display: flex;}
	.cont-top-news dl dt{width: 15%;}
	.cont-top-news dl dd{width: 85%;}
	.top-news-list dl{margin-bottom: 1em;}
	.top-news-list dl dt{float: left;}
	.top-news-list dl dd{margin-left: 120px;}
}
@media (max-width: 768px) {/*SP*/
	.ttl-top{
		font-size: 18px;
		background: url(../img/bg_title_top.png) center center no-repeat;
		background-size: 60px;
	}
	.cont-top-reccommend ul li dl dd{font-size: 10px;}
	.cont-top-reccommend ul li dl dd:after{font-size: 12px;}
	.top-news-list dl{margin-bottom: 1em;}
	.top-news-list dl dt{font-size: 12px;}
}
/* ===================================================================

商品一覧

=================================================================== */
.cont-items{
	border-top: solid 1px #ccc;
	position: relative;
	padding: 3em 0;
}
.cont-items:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 10%;
	border-top: solid 1px #333;
}
.cont-items a img{
	transition: linear .3s;
}
.cont-items a img:hover{
	opacity: .6;
}
.cont-items .cont-items-list .comment{
	margin-bottom: 2em;
}
.ttl-items{
	font-family: ten-mincho, serif;
	color: #323e6a;
	padding-right: 1.5em;
}
.ttl-items h4:before{
	font-family: "icomoon";
	content: "\e901";
	display: inline-block;
}

.cont-photo-wanted .inner{/*写真募集*/
	background-color: #f0e8eb;
	padding: 2%;
	margin-bottom: 1em;
}
.cont-photo-wanted ul{
	display: flex;
}
.cont-photo-wanted ul li p span{
	display: block;
	font-size: .8em;
	background-color: #6f7896;
	color: #fff;
	padding: .5em 0;
	text-align: center;
}
@media (min-width: 769px) {/*PC*/
	.cont-items{
		display: flex;
	}
	.cont-items .ttl-items{
		width: 10%;
		writing-mode: vertical-rl;
		font-size: 24px;
	}
	.ttl-items h4:before{
		margin-bottom: .2em;
	}
	.cont-items .cont-items-list{
		width: 90%;
	}
	.cont-photo-wanted ul{
		justify-content: space-between;
	}
	.cont-photo-wanted ul li{
		width: 18%;
	}
	.cont-photo-wanted .more-btn{
		width: 240px;
		margin: 0 auto;
	}
}
@media (max-width: 768px) {/*SP*/
	.cont-items{
		padding: 2em 0;
	}
	.cont-items .ttl-items{
		font-size: 18px;
		margin-bottom: 1em;
	}
	.ttl-items h4:before{
		margin-right: .2em;
	}
	.cont-photo-wanted ul{
		justify-content: center;
		flex-wrap: wrap;
	}
	.cont-photo-wanted ul li{
		width: 33%;
		padding:0 1%;
	}
	.cont-photo-wanted ul li p{
		margin: .2em 0;
	}
	.cont-photo-wanted ul li p span{
		font-size: .6em;
	}
}
/* ================のれん一覧================== */
.table-price-noren tr th,
.table-price-noren tr td{
	border: solid 1px #000;
	text-align: center;
	padding: .5em 0;
	width: calc(100% / 6);
}
.table-price-noren thead tr th{
	background-color: #323e6a;
	color: #fff;
}
.table-price-noren tbody tr th{
	color: 333;
	font-weight: normal;
}
.table-price-noren tbody tr td{
	color: #ab3b3a;
	font-weight: bold;
}
.tailoring h5{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1em;
}
.tailoring h5 span{
	font-weight: normal;
	font-size: .8em;
}
.tailoring ul{
	display: flex;
	flex-wrap: wrap;
}

.tailoring ul li img{
	display: block;
}
.table-font-sample tr{
	border: solid 1px #ccc;
}
.table-font-sample tr th,
.table-font-sample tr td{
	padding: 1em;
	vertical-align: middle;
	text-align: left;
}
.table-font-sample tr th{
	background-color: #f5f5f5;
}
.table-font-sample tr td{
	background-color: #fff;
}
.table-font-sample tr td span{
	font-weight: bold;
}
@media (min-width: 769px) {/*PC*/
	.tailoring ul li{
		width: 30%;
		margin-bottom: 3%;
		margin-right: 5%;
	}
	.tailoring ul li:nth-child(3n){
		margin-right: 0;
	}
}
@media (max-width: 768px) {/*SP*/
	.table-price-noren tr th,
	.table-price-noren tr td{
		font-size: 10px;
	}
	.tailoring ul li{
		width: 48%;
		margin-bottom: 4%;
		margin-right: 4%;
	}
	.tailoring ul li:nth-child(2n){
		margin-right: 0;
	}
	.table-font-sample tr th{
		font-size: 12px;
	}
	.table-font-sample tr td{
		vertical-align: middle;
		line-height: 1em;
	}
	.table-font-sample tr td:first-child{
		font-size: 10px;
		width: 25%;
	}
	.table-font-sample tr td:last-child{
		font-size: 10px;
		width: 75%;
		
	}
}

/* ===================================================================


フォーム 


=================================================================== */

.cat-formbtn{margin-bottom: 5%;}
.cont-form{margin-bottom: 30px;}
.cont-form input[type=text],
.cont-form input[type=submit],
.cont-form input[type=button],
.cont-form textarea{
	appearance: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none; 
}

.cont-form input[type=text],
.cont-form textarea{
	background-color: #f0f0f5;
	border: solid 1px #ccd0e0;
}
.cont-form input[type=submit]{
	display: inline-block;
	width: 100%;
	border: none;
	font-size: 16px;
}
.select-wrap{
	position: relative;
	width: 200px;
}
.select-wrap:before{
	content: "\f078";
	font-family: fontawesome;
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
}
.cont-form select{
	width: 100%;
	outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background-color: #f0f0f5;
    border: solid 1px #ccd0e0;
    border-radius: 0px;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 1em;
}

.cont-form textarea{
	width: 100%;
}
.cont-form input[type=radio]{
	margin-right: 1em;
	vertical-align: text-top;
}
.cont-form input[type=text]{
	margin-right: 1em;
	padding: 1em;
}

.input-l{width: 100%;}
.input-m{width: 60%;}
.input-s{width: 40%;}

.cont-form label{
	display: inline-block;
	min-width: 80px;
	margin-bottom: .5em;
}
.cont-form .before-txt{/*フォームの前にテキスト*/
	margin-right: 1em;
}
.cont-form .indent-label{
	position: relative;
	width: 100%;
}
.cont-form .indent-label span{
	display: inline-block;
	position: absolute;
}

.cont-form .radio-size{
	width: 110px;
}

.cont-form table tr th,
.cont-form table tr td{
	text-align: left;
	padding: 1.5em;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
}
.cont-form table tr th{
	position: relative;
}
.cont-form .req{
	display: inline-block;
	padding: .5em 1em;
	font-size: 12px;
	line-height: 1em;
	background-color: #ab3b3a;
	color: #fff;
	position: absolute;
	right: 0;
	top: 30px;
}
.cont-form .label span{
	display: block;
	font-size: .8em;
	font-weight: normal;
}
.cont-form .printname-wrap p label span{
	margin-right: 1em;
}


.cont-form .form-info{
	border: solid 1px #ccc;
	padding: 5%;
}
.cont-form .form-info p{
	margin-bottom: 1em;
}
.cont-form .form-info p:last-child{
	margin-bottom: 0;
}
.cont-form .wrap-btn{
	margin: 5% 0;
	text-align: center;
}


@media (min-width: 769px) {/*PC*/
	.cat-formbtn{
		display: flex;
		justify-content: space-between;
	}
	.cat-formbtn li{
		width: 32%;
	}
	.cont-form{
		margin-bottom: 3em;
	}
	.cont-form table tr th{width: 30%;}
	.cont-form table tr td{width: 70%;}
	.cont-form .printname-wrap{
		display: flex;
		justify-content: space-between;
	}
	.cont-form .input-m{width: 500px;}
	.cont-form .wrap-btn input{
		width: 240px;
	}
}
@media (max-width: 768px) {/*SP*/
	.cat-formbtn{
		margin-bottom: 10%;
	}
	.cat-formbtn li{
		margin-bottom: 3%;
	}
	.cont-form{
		margin-bottom: 30px;
	}
	.cont-form table tr th,
	.cont-form table tr td{
		display: block;
		width: 100%;
	}
	.cont-form table tr th{
		border-bottom: none;
		padding:1em 0 .5em 0;
	}
	.cont-form table tr td{
		padding:0 0 1em 0;
		font-size: .8em;
	}
	.cont-form .req{
		top: 15px;
	}
	.cont-form input[type=text]{
		margin-right: 1em;
		padding: .5em;
	}
	.cont-form .printname-wrap img{
		width: 180px;
		margin: 20px auto 0;
	}
	.cont-form .accessory-wrap span{
		display: block;
	}
	.cont-form .wrap-btn input{
		width: 160px;
	}
	.cont-form .form-info{
		font-size: .8em;
		line-height: 1.4em;
	}
}


/* ===================================================================


制作事例
 

=================================================================== */


.flow-order dl{
	position: relative;
	border: solid 1px #323e6a;
	background-color: #f0f0f5;
	
}
.flow-order dl dt{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #323e6a;
	color: #fff;
	padding: .3em 1em;
}

@media (min-width: 769px) {/*PC*/
	.flow-order{
		display: flex;
		justify-content: space-between;
	}
	.flow-order dl{
		width: 23%;
		padding: 5% 2% 2% 2%;
	}
	.flow-order dl:after{
		content: "";
		position: absolute;
		right: -18px;
		top: 50%;
		margin-top: -8px;
		width: 0;
		height: 0;
		border-left: solid 8px #323e6a;
		border-top: solid 8px transparent;
		border-bottom: solid 8px transparent;
		
	}
	.flow-order dl:last-child:after{
		display: none;
	}
}
@media (max-width: 768px) {/*SP*/
	.flow-order dl{
		margin-bottom: 8%;
		padding: 6% 4% 4% 4%;
	}
	.flow-order dl dt{
		font-size: 12px;
		line-height: 1em;
	}
	.flow-order dl dd{
		font-size: .8em;
		line-height: 1.6em;
	}
	.flow-order dl:after{
		content: "";
		position: absolute;
		bottom: -20px;
		left: 50%;
		margin-left: -8px;
		width: 0;
		height: 0;
		border-left: solid 8px transparent;
		border-top: solid 8px #323e6a;
		border-right: solid 8px transparent;
		
	}
	.flow-order dl:last-child:after{
		display: none;
	}
}
/* ===================================================================


プライバシー


=================================================================== */

.cont-privacy h5{
	margin-bottom: .5em;
}
.cont-privacy ul{
	margin-bottom: 1em;
}

/* ===================================================================


会社概要


=================================================================== */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.company-message{
	background-color: #fff;
	outline: solid 6px #f0f0f0;
	outline-offset: -30px;
	padding: 10%;
	margin-bottom: 5%;
}
.company-message p{
	margin-bottom: 1em;
}
.company-message p:last-child{
	margin-bottom: 0;
}

.cont-company-outline table{
	margin-bottom: 5%;
}
.cont-company-outline table tr th,
.cont-company-outline table tr td{
	 border-bottom: solid 1px #ccc;
	 padding: 1.5em 0;
	 text-align: left;
}
.cont-company-outline table tr th{
	border-bottom: solid 1px #323e6a;
}
.cont-company-outline table tr td{
	padding-left: 1em;
}



@media (min-width: 769px) {/*PC*/
	.cont-company-history{
		position: relative;
	}
	.cont-company-history:before{
		content: "";
		position: absolute;
		border-left: solid 1px #ccc;
		height: 94%;
		left: 15%;
		top: 10px;
	}
	.cont-company-history dl{
		display: flex;
	}
	.cont-company-history dl dt{
		width: 15%;
		/*border-right: solid 1px #cccccc;*/
		position: relative;
		font-weight: bold;
	}
	.cont-company-history dl dt:after{
		content: "●";
		color: #cccccc;
		position: absolute;
		right: -5px;
		top: 0;
		font-size: 12px;
	}
	.cont-company-history dl dd{
		width: 85%;
		padding-bottom: 2em;
		padding-left: 1em;
	}
	.cont-company-history dl:last-child dd{
		padding-bottom: 0;
	}
}
@media (max-width: 768px) {/*SP*/
	.company-message{
		outline: solid 4px #f0f0f0;
		outline-offset: -15px;
		padding: 8%;
		font-size: .9em;
		line-height: 1.6em;
	}
	.cont-company-outline table tr th,
	.cont-company-outline table tr td{
		font-size: 12px;
		padding: 1em 0;
		line-height: 1.4em;
	}
	.cont-company-outline table tr th{
		width: 25%;
	}
	.cont-company-outline table tr td{
		width: 75%;
	}
	.cont-company-history{
		font-size: .9em;
	}
	.cont-company-history dl{
		margin-bottom: 1em;
		border-bottom: solid 1px #ccc;
		line-height: 1.6em;
		padding-bottom: 1em;
	}
	.cont-company-history dl dt{font-weight: bold;}
}


/* ===================================================================


不織布印刷


=================================================================== */


.cont-fushokufu-info{
	margin-bottom: 5%;
}

.table-fushokufu ul{
	margin-bottom: 1em;
}
.table-fushokufu ul li{
	padding-left: 1em;
	text-indent: -1em;
}
.table-fushokufu p{
	margin-bottom: 1em;
}
.table-fushokufu-price{
	margin-bottom: 2em;
}
.table-fushokufu-price tr{
	border-top: solid 1px #333;
}
.table-fushokufu-price tr:last-child{
	border-bottom: solid 1px #333;
}
.table-fushokufu-price tr th,
.table-fushokufu-price tr td{
	padding: .5em 1em;
	line-height: 1em;
}
.table-fushokufu-price tr th{
	border-right: solid 2px #333;
	width: 40%;
}
.table-fushokufu-price tr td{
	width: 60%;
}

@media (min-width: 769px) {/*PC*/
	.table-fushokufu > tbody > tr{
		border-bottom: solid 1px #ccc;
	}
	.table-fushokufu > tbody > tr > th,
	.table-fushokufu > tbody > tr > td{
		text-align: left;
		padding: 1em 0;
	}
	.table-fushokufu > tbody > tr > th{
		width: 16%;
		border-bottom: solid 1px #323e6a;
	}
	.table-fushokufu > tbody > tr > td{
		width: 84%;
		padding-left: 2em;
	}
	.table-fushokufu-price{
		width: 50%;
	}
}
@media (max-width: 768px) {/*SP*/
	.cont-fushokufu-info > table > tbody > tr{
		border-bottom: solid 1px #ccc;
		
	}
	.cont-fushokufu-info > table > tbody > tr > th,
	.cont-fushokufu-info > table > tbody > tr > td{
		display: block;
		text-align: left;
		
	}
	.cont-fushokufu-info > table > tbody > tr > th{
		padding: .5em 0 0 0;
	}
	.cont-fushokufu-info > table > tbody > tr > td{
		padding: 0 0 .5em 0;
	}
	.table-fushokufu-price{
		width: 100%;
	}
}

/* ===================================================================


注文方法 


=================================================================== */



.cont-payee{
	margin-bottom: 3em;
}
.cont-payee .body{
	margin-bottom: 2em;
}
.cont-payee ol{
	padding-left: 2em;
}
.cont-payee ol li p{
	margin: 1em 0;
}
.ttl-payee{
	border-bottom: solid 1px #323e6a;
	color: #323e6a;
	margin-bottom: 1em;
	padding-bottom: .5em;
	font-size: 1.2em;
}
.ttl-payee i{
	display: inline-block;
	background-color: #323e6a;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	margin-right: .5em;
	font-style: normal;
}
.ttl-payee span{
	font-size: .8em;
	margin-left: 1em;
}
dl.payee{
	display: inline-block;
	border: solid 6px #eeeeee;
	padding: 3%;
	margin-bottom: 2em;
}
dl.payee dt{
	font-weight: bold;
}
.cont-payee{
	background-color: #fff;
	padding: 5%;
}
.cont-payee p,
.cont-payee ul{
	margin-bottom: 1em;
}
.body-order{
	margin-bottom: 3em;
}

.body-order .table-order{
	margin-bottom: 2em;
}
.body-order .table-order tr{
	border-top: solid 1px #000;
}
.body-order .table-order tr:last-child{
	border-bottom: solid 1px #000;
}
.body-order .table-order thead{
	border-bottom: solid 2px #000;
}
.body-order .table-order tr th,
.body-order .table-order tr td{
	text-align: left;
	padding: .5em 1em;
}
.body-order .table-order tr th{
	border-right: solid 2px #000;
}
.order-btn-anchor{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.order-btn-anchor li{
	width: 23%;
}
.order-btn-anchor .btn{
	text-align: left;position: relative;
}
.order-btn-anchor .btn span{
	border-right: solid 1px #fff;
	display: inline-block;
	width: 60px;
	text-align: center;
	margin-right: 1em;
}
.order-btn-anchor .btn i{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
}
@media (min-width: 769px) {/*PC*/
	#card,
	#after,
	#bank,
	#cod{
		display: block;
		margin-top:-239px;
		padding-top:239px;
	}
}
@media (max-width: 768px) {/*SP*/
	#card,
	#after,
	#bank,
	#cod{
		display: block;
		margin-top:-70px;
		padding-top:70px;
	}
	.body-order .table-order{
		width: 100%;
	}
	.body-order .table-order tr th,
	.body-order .table-order tr td{
		font-size: .8em;
		line-height: 1.4em;
	}
	.order-btn-anchor li{
		width: 48%;
		margin-bottom: 5%;
	}
	.order-btn-anchor .btn span{
		width: 40px;
	}
}
/* ===================================================================


商品詳細


=================================================================== */

.cont-item-detail{
	margin-bottom: 3%;
}

.cont-item-detail .table-iteminfo{
	width: 100%;
}
.cont-item-detail .table-iteminfo tr th,
.cont-item-detail .table-iteminfo tr td{
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	text-align: left;
	padding: .5em 1em;
	font-size: .9em;
}
.cont-item-detail .table-iteminfo tr td.price{
	font-weight: bold;
	color: #ab3b3a;
}
.cont-item-detail .table-iteminfo tr:first-child{
	border-top: solid 3px #333;
}
.cont-item-detail .table-iteminfo tr th:last-child,
.cont-item-detail .table-iteminfo tr td:last-child{
	border-right: none;
}
.cont-item-detail .table-iteminfo.table-iteminfo-spec  tr th,
.cont-item-detail .table-iteminfo.table-iteminfo-spec  tr td{
	padding: .5em;
}
.cont-item-detail .item-info .text p{margin-bottom: 1em;}
.cont-item-detail .item-photo{
	margin-bottom: 5%;
}
.cont-item-detail .item-photo dl{
	text-align: center;
}
.cont-item-detail .item-photo dl dt{
	border: solid 6px #eee;
	margin-bottom: .5em;
}
.cont-item-detail .item-photo dl dd{
	font-weight: bold;
}
.scroll-table{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 5%;
}
.scroll-table table{
	margin: 0;
    border: none;
}


@media (min-width: 769px) {/*PC*/
a[href^="tel:"] {
    pointer-events: none;
}

	.select-items{display: none;}

	.item-outline{
		display: flex;
		justify-content: space-between;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.item-outline a{
		display: block;
		width: 18%;
		margin-bottom: 3%;
		margin-right: 2.0%;
	}
	.item-outline a:nth-child(6n){
		margin-right: 0;
	}
	.item-outline dl dt{
		border: solid 6px #eee;
	}
	.item-outline dl dd{
		font-size: .8em;
		background-color: #323e6a;
		color: #fff;
		text-align: center;
		padding: .5em 0;
		line-height: 1.6em;
	}
	.cont-item-detail .item-detail-body{
		display: flex;
		justify-content: space-between;
	}
	.cont-item-detail .item-detail-body .item-photo{
		width: 388px;
	}
	.cont-item-detail .item-detail-body .item-info{
		width: 496px;
	}
	/* ================PCスライダー================== */
	.slide-sp{
		display: none !important;
	}
	.slide-pc .photo li{
		margin-bottom: 1em;
	}
	.slide-pc .photo li:nth-child(n+2){
		display: none;
	}
	.slide-pc .photo li p span{
		display: block;
		text-align: center;
		margin-top: .5em;
	}
	.slide-pc .thumb{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		justify-content: flex-start;
	}
	.slide-pc .thumb li{
		width: 23%;
		margin-bottom: 2%;
		border: solid 6px #eee;
		margin-right: 2.66%;
	}
	.slide-pc .thumb li:nth-child(4n){
		margin-right: 0;
	}
}
@media (max-width: 768px) {/*SP*/

	.cont-item-detail .table-iteminfo tr th,
	.cont-item-detail .table-iteminfo tr td{
		padding: .2em;
		font-size: .9em;
	}
	.cont-item-detail .anchor{
		padding-top: 70px;
		margin-top: -70px;
		display: block;
	}
	.cont-item-detail{
		margin-bottom: 10%;
	}
	.item-outline{
		display: none;
	}
	.cont-item-select{
		position: relative;
		margin-bottom: 5%;
	}
	.cont-item-select:after{
		content: "\f078";
		font-family: "fontawesome";
		position: absolute;
		top: 50%;
		margin-top: -14px;
		right: 20px;
	}
	.select-items{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		border: solid 1px #bebfd1;
		padding: 1em;
		border-radius: 0;
		outline: none;
		background-color: #f0f0f5;
		
		font-size: 18px;
	}
	/* ================スライダーSP================== */
	.slide-pc{
		display: none;
	}
	.slide-sp .slick-next{
		right: 0;
	}
	.slide-sp .slick-prev{
		left: 0;
		z-index: 1;
	}
}
.error{
	color: red;
}