@charset "utf-8";

/* ********************************************* */
/** ページ毎の設定
/** contents.css
/** オリジナルタオル専門店専門店
/* ********************************************* */


/********************************
トップページ
********************************/

#mainCatchArea h1 {
	position: absolute;
	top: 120px;
	left: 0px;
	right: 0px;
	font-size:200%;
	line-height:1.4em;
	font-weight:bold;
	background: linear-gradient(to right, rgba( 0, 53, 130, 0 ) 0%,rgba( 0, 0, 0, 0.5 ) 10%, rgba( 0, 0, 0, 0.5 ) 90%,rgba( 0, 53, 130, 0 ) 100%);
	color:#fff;
	text-align: center;
	margin: auto;
	padding:15px;
	width: 900px;
}
#mainCatchArea h1 span{
	color:#FF0004;
	font-size:120%;
	text-shadow:#fff 2px 0px,#fff -2px 0px,
	#fff 0px -2px,#fff 0px 2px,
	#fff 2px 2px ,#fff -2px 2px,
	#fff 2px -2px,#fff -2px -2px,
	#fff 1px 2px,#fff -1px 2px,
	#fff 1px -2px,#fff -1px -2px,
	#fff 2px 1px,#fff -2px 1px,
	#fff 2px -1px,#fff -2px -1px;
}

/********************************
親Boxを指定して子Boxを配置
********************************/
/*親BOX*/
.posParent{
	position:relative;
}
/*子Box*/
.posChild{
	position:absolute;
}


/*メインキャッチ　スライダー*/
#mainCatchArea{
	width:100%;
	height:450px;
	position: relative;
	min-width:1024px;
	overflow: hidden;
}
.mainCatchText{
	position:absolute;
	top:140px;
	left:52px;
}
.mainCatchBs{
	position:absolute;
	top:305px;
	right:170px;
}
.mainCatchBs a{
	display:block;
	width:160px;
	height:140px;
	background-image:url(../images/top/bs_on.png);
}
.mainCatchLargelot{
	position:absolute;
	top:305px;
	right:0;
}
.mainCatchLargelot a{
	display:block;
	width:160px;
	height:140px;
	background-image:url(../images/top/largelot_on.png);
}
/*メインキャッチ画像スライド*/
.photo-show {
	z-index:-1;
	position: relative;
	/*width: 440px;*/ /*表示したい大きさ、height と合わせる*/
}
.photo-show .imgShow { 
	animation: show 25s infinite;
	-webkit-animation: show 25s infinite;
	width:100%;
	min-width:1024px;
	height:auto;
	min-height:450px;
	opacity: 0;
	position: absolute; /*画像を全て重ねる*/
	top:0;
	left:0;
}

/*アニメーション*/
@keyframes show {
	0% {opacity:0}
	5% {opacity:1}
	20% {opacity:1}
	25% {opacity:0}
 }
@-webkit-keyframes show {
	0% {opacity:0}
	5% {opacity:1}
	20% {opacity:1}
	25% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/
.photo-show img:nth-of-type(1) {
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}
.photo-show img:nth-of-type(2) {
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.photo-show img:nth-of-type(3) {
	animation-delay: 10s;
	-webkit-animation-delay: 10s;
}
.photo-show img:nth-of-type(4) {
	animation-delay: 15s;
	-webkit-animation-delay: 15s;
}
.photo-show img:nth-of-type(5) {
	animation-delay: 20s;
	-webkit-animation-delay: 20s
}

/*スタッフ写真*/
.mainCatchStaff{
	height:130px;
	background:url(../images/top/main_catch_staff-bg.jpg) repeat-x;
	background-position:center center;
	min-width:1024px;
}

/*背景色分け*/
.backColor1{
	background:#fffeef;
	padding: 90px 0;
	min-width:1024px;
}
.backColor2{
	background:#fff;
	padding: 90px 0;
	min-width:1024px;
}
/*お客様の声スライド*/
.slider-container {
  display: none;
  position: relative;
}
.slider-container.initialized {
  display:block;
}
.slider {
  margin: 0 24px;
	position: relative;
}
.slick-list {
  margin-right: -12px;  /* ガター分ネガティブマージン */
}
.slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #bd77f2;
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
}
.slider-prev {
  left: 0;
}
.slider-next {
  right: 0;
}
.slick-slide {
  margin-right: 12px;  /* ガター */
	outline:none;
}
.slick-slide {
  padding: 1.5em 0;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  outline: 0;
}

/*メインキャッチのメッセージ*/
.mainCatchSubArea{
	background:#fff361;
}
/*取り扱いサイズ一覧*/
.sizeBox ul{
	border-bottom: dotted 1px #CDCDCD;
	margin-bottom: 8px;
}
.sizeBox li{
	float: left;
	width: 270px;
}
.sizeText{
	font-size: 90%;
	padding-left: 10px;
	color: #ff8d2a;
}
.sizeB{
	background: url(../images/top/sizeB.png) no-repeat;
	padding-left: 38px;
}
.sizeS{
	background: url(../images/top/sizeS.png) no-repeat;
	padding-left: 38px;
	
}
.sizeM{
	background: url(../images/top/sizeM.png) no-repeat;
	padding-left: 38px;
	
}
.sizeF{
	background: url(../images/top/sizeF.png) no-repeat;
	padding-left: 38px;
	
}
.sizeC{
	background: url(../images/top/sizeC.png) no-repeat;
	padding-left: 38px;
	
}
.sizeH{
	background: url(../images/top/sizeH.png) no-repeat;
	padding-left: 38px;
	
}
/*マイクロファイバーとは？*/
.frameYellow{
	background-color:#fff;
	border:solid 2px #fff361;
	height: 142px;
}

/*お客様の「こだわりのデザイン」を実現するためのポイント*/
.designPointBox{
	float: left;
	background-color:#ffe5b1;
	width: 328px;
	text-align: center;
	padding: 20px 0;
	position: relative
}
.designPointBox p{
	padding:0 10px 5px;;
	text-align: left;
	font-size: 90%;
}
/*まずはお見積りをご依頼ください*/
.flowTitle {
	background-color: #124fa9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #02128f), color-stop(0.49, #124fa9));
	background: -webkit-linear-gradient(top, #124fa9 49%, #02128f 50%);
	background: -moz-linear-gradient(top, #124fa9 49%, #02128f 50%);
	background: -o-linear-gradient(top, #124fa9 49%, #02128f 50%);
	background: -ms-linear-gradient(top, #124fa9 49%, #02128f 50%);
	background: linear-gradient(to bottom, #124fa9 49%, #003b91 50%);
}
.flowTitle p
{
	color:#ffffff;
	font-size:150%;
	padding:12px 0 ;
	text-align:center;
	font-weight:bold;
}
.flowList{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.flowList li
{
	float:left;
	width:270px;
}
.flowList li.flow_arrow
{
	width:50px;
	padding-top:150px;
}
.flowWhiteBox{
	background-color:#fff;
	padding:10px;
}
.flowGrayBox{
	background-color:#f2f2f2;
	padding:10px;
}

/*************************************
お客様の声
**************************************/
h4.textVoice{
	clear:both;
	font-size:110%;
	padding:1px 5px;
	border-left:8px solid #cccccc;
	border-bottom:2px solid #eeeeee;
}
.staffCommentBox{
	padding:10px;
	border:1px solid #d6d6d6;
	margin-bottom: 50px;
}

/*************************************
用途別ページ
**************************************/
/*h1後ろに画像入るパターン*/
.overMainImg {
	position: absolute;
	left: 0px;
	right: 0px;
}
.mainTitle{
	width:100%;
	height:250px;
	overflow: hidden;
	position: relative;
	min-width:1024px;
}
.mainTitleImg{
	z-index:-1;
	width:100%;
	min-width:1024px;
	height:auto;
	min-height:250px;
	top:0;
	left:0;
}
.mainTitleText{
	position: absolute;
	left: 0px;
	right: 0px;
	top:120px;
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}
.useSizeBox{
	background: #f3f3f3;
	padding: 40px 30px;
}

/*************************************
大量枚数での製作のご案内
**************************************/
.largelotSeisaku li{
	float: left;
	background:#fff3c0;
	border: solid 2px #ffda7e;
	padding: 8px 0;
	margin:10px;
	text-align: center;
	width: 230px;
	font-size: 90%;
	line-height: 1.4em;
}
.largelotAppeal{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4em;
	background-color:#fff6d9;
	border-radius: 8px;
	padding: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	
}
/*************************************
価格表ページ
**************************************/
.pricePointList{
	margin-right: 10px;
}
.pricePointList th,.pricePointList td{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.1em;
	vertical-align: middle;
}
.pricePointList th{
	padding: 10px 0;
}
.pricePointList td{
	padding: 0;
}
.pricePointList td:first-child {
	text-align: left;
	padding-left: 15px;
}
.backGreen{
	background: #147800;
}
.priceTouten{
	border: solid 4px #147800;
}
.priceTaten{
	background: #f3f3f3;
}
/*吹き出し*/
.balloon{
	position: relative;
	background: #e2e2e2;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	top:255px;
	margin-right: 12px;
}
.balloon:after{
	content: "";
	position: absolute;
	right: 0;
	top:50%;
	left: 220px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color:transparent transparent transparent #e2e2e2 ;
	border-width: 15px 0 15px 25px;
}

.price_list th{
	background:#fff3c0;
}
.price_list th,.price_list td{
	padding:10px 5px;
	text-align:center;
	vertical-align: middle;
}

.pricePoint{
	background: #fff3c0;
	width: 180px;
	float: left;
	margin: 0 10px;
	padding: 10px 0;
	text-align: center;
	border-radius:10px;
	font-size: 110%;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*************************************
オリジナルタオルご注文の流れ・お支払いについて
**************************************/
.titleBlue{
	background-color:#2D3769;
	padding:10px;
}
.paymentBox{
	background:#F1F1F1;
	padding:7px;
}

.cardArea{
	background:#ffffff;
	padding:5px;
}

/********************************
NP掛け払い・後払い
********************************/
.npBgPostpay
{
	background-color:#FFF9FC;
}
.npBgPayment
{
	background-color:#F4FDFF;
}
/*************************************
デザイン表現に最適なマイクロファイバー生地
**************************************/
	.sideGrayBox{
	float: left;
	background-color:#f3f3f3;
	width: 328px;
	text-align: center;
	padding: 12px 0;
}
.sideGrayBox p{
	text-align: left;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

/********************************
イラストレータページの表
********************************/
.makeDataTable
{
}
.makeDataTable th,
.makeDataTable td
{
	border-left:none;
	border-right:none;
	padding:12px 20px;
}
.makeDataTable th
{
	background-color:#D8E3FA;
	padding-right:5px;
}
.makeDataTable th.subTh
{
	width:24%;
}
.makeDataTable .borderTopNon
{
	border-top:none;
	padding-top:0;
}
.makeDataTable .borderBottomNon
{
	border-bottom:none;
}

/********************************
対応ソフト
********************************/
.softWereListTable th,
.softWereListTable td{
	border-left:none;
	border-right:none;
}
.softWereListTable th{
	padding:10px;
	background-color:#e0f0ff;
}
.softWereListTable td{
	padding:5px 10px;
	vertical-align: middle;
}

/********************************
リピーターページ
********************************/
.sougouBox
{
	padding:10px;
	text-align:center;
	background-color:#fdf4e8;
}

/*ボックス内のアイテムエリア*/
.itemMArea
{
	text-align:left;
	width:960px;
	margin:0 auto;
}
.itemM
{
	width:320px;
	margin:8px 0 0 0;
}
.itemM dl
{
	margin:0;
	width:250px;
}
.itemM dt
{
	font-weight:bold;
	color:#666666;
}
.itemM dd
{
	margin:0;
	padding:0;
	line-height:normal;
}

.hidden
{
	height:0;
	width:0;
	border:0;
	margin:0;
	padding:0;
	visibility:hidden;
}

/********************************
失敗しない タオル製作のポイント
********************************/
.sippaiTitle{
	font-weight: bold;
	font-size: 160%;
	line-height:1.3em;
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 15px;
}

/********************************
fax
********************************/
.faxBtn {
	
	background-color:#e63619;
	border: double 3px #fff;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
	-webkit-box-shadow:0px 6px 3px -3px rgb(183, 183, 183);
	-moz-box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
}
.faxBtn a{
	color: #fff;
	display:block;
	padding: 25px 0;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}
.faxBtn:hover{
	background-color:#fc4b2d;
}














/********************************
よくあるご質問
********************************/
.faqList
{
	margin:0;
	padding:15px 0;
	text-indent: -1.2em;
	padding-left: 1.2em;
	border-top:1px solid #999999;
}
.faqListBorderNone
{
	border-top:none;
}
.faqList span
{
	font-weight:bold;
	padding:0 5px 0 0;
}
.faqList dt
{
	color:#ff4e00;
	font-weight:bold;
	margin:0 0 5px 0;
}
.faqList dd
{
	margin-left:1.2em;
}
.faqList dd.parag
{
	text-indent:0em;
}

.questionList
{
	list-style:none;
	padding:0;
	margin-left:0;
}
.questionList li
{
	padding:3px 0;
	border-bottom:1px dotted #666666;
}
.questionList li span
{
	color:#ff4e00;
	font-weight:bold;
	padding:0 5px 0 0;
}
/********************************
実店舗（BS）
********************************/
h2.textLevelB{
	color:#333;
	font-size:120%;
	padding:0 6px;
	border-left:5px solid #ef660b;
}
.srBtn{
	background-color:#ff6600;
	border: double 3px #fff;
	width: 600px;
	margin:0 auto;
	box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
	-webkit-box-shadow:0px 6px 3px -3px rgb(183, 183, 183);
	-moz-box-shadow: 0px 6px 3px -3px rgb(183, 183, 183);
}
.srBtn a{
	color: #fff;
	display:block;
	padding: 17px 0;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}
.srBtn:hover{
	background-color:#555555;
}

.bsTextLevel01,.bsTextLevel02,.bsTextLevel03,.bsTextLevel04{
	background-image:url(../images/bs/bs-print01.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	border:none;
	line-height:33px;
}

.bsTextLevel02{
	background-image:url(../images/bs/bs-print02.gif);
	background-repeat:no-repeat;
}
.bsTextLevel03{
	background-image:url(../images/bs/bs-print03.gif);
	background-repeat:no-repeat;
}
.bsTextLevel04{
	background-image:url(../images/bs/bs-print04.gif);
	background-repeat:no-repeat;
}
.meritBox{
	border-left:2px solid #929292;
	border-top:2px solid #929292;
}
h4.title_iconEbisu{
	background:#383838 url(../images/bs/icon_jr.png) no-repeat 3% 50%;
	padding:11px 0 11px 67px;
}
h4.title_iconOyama{
	background:#383838 url(../images/bs/icon_jr.png) no-repeat 3% 50%;
	padding:11px 0 11px 69px;
}
.bgDarkGlay{
	background:#383838;
	padding:10px;
}
/*道順矢印*/
.bs_arrow{
	margin: 90px 7px 0 7px;
}

/********************************
会社概要
********************************/
.aboutTable th,td{
	text-align:left;
	font-weight:normal;
	padding:5px;
	border:1px solid #cccccc;
}
.daihyouTitle{
	font-size: 200%;
	font-weight: bold;
	color: #1b61ad;
	line-height: 1.4em;
	font-family:游明朝,"Yu Mincho",YuMincho,serif;
}
.daihyouText{
	font-size: 110%;
	font-weight: bold;
	color: #1b61ad;
	line-height: 1.4em;
	font-family:游明朝,"Yu Mincho",YuMincho,serif;
	margin: 15px 0;
}
.aboutDetails{
	display: flex;
	justify-content: center;
}
.aboutDetails h2{
	font-size:1.1rem;
	border-left: 6px solid #ff8d2a;
	padding-left:8px;
}
.aboutDetails table{
	width:350px;
	line-height: 1.1rem;
}
.aboutDetails table tr:first-child{
	height: 4rem;
}
.aboutDetails table th,
.aboutDetails table td{
	border: none;
	vertical-align: middle;
	border-bottom:1px dashed #CCC;
	padding: 5px 10px
}
.bg_rinenBox{
	width:615px;}

h3.title{
	font-size: 190%;
}
.bg_rinenBox h3{
	font-size:190%;
	font-weight:bold;
	line-height:1.2;
}
.bg_rinenBox h3,.bg_rinenBox p{
	text-shadow: #ffffff 2px 2px 3px, #ffffff -2px 2px 3px,
				 #ffffff 2px -2px 3px, #ffffff -2px -2px 3px;
}
.bg_rinen{
	background:url(../images/contents/bg_about.jpg) no-repeat right 10%;
	min-height:320px;
}
.staffList{
	width:280px;
}
/********************************
特定商取引法に基づく表記
********************************/
.lawTable th,
.lawTable td{
	padding:10px;
	border:1px solid #cccccc;
}
/********************************
個人情報の取り扱いについて
********************************/
.noneLevel{
	margin-left:0px;
	padding-left:70px;
}
ol.noneLevel{
	
	list-style-type: decimal;
}
ul.noneLevel{
	list-style-type: disc;
}

/*************************************
LINE　popup-window_line.html0
**************************************/
h1.pop700{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:160%;
	padding:0 0 4px 15px;
	line-height:54px;
	background:url(../images/line/h1_700popup_line.gif) no-repeat;
}
#lineMainArea{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.lineFlex{
	justify-content:center;
	align-items:center;
	background-color:#07bc22;
}
ul.lineStep{
	margin: 0;
	padding: 0;
	list-style: none;
}
.lineStep{
	overflow: hidden;
	width: 100%;
}
.lineStep li{
	float: left;
	margin: 0 .5em 0 1em;
	background: #ddd;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	width:134px;
	position: relative;
}
.lineStep li::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	left: -1em;
}
.lineStep li::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	right: -1em;
}
.lineStep li.step{
	background:#C7ECD2;
	font-weight:700;
}
.lineStep li.step::before{
	border-color: #C7ECD2 #C7ECD2 #C7ECD2 transparent;
}
.lineStep li.step::after{
	border-left: 1em solid #C7ECD2;
}
.lineBorderBox{
	border:4px solid #07bc22;
}

/********************************
個人情報の取り扱いについて
********************************/
h1.kojinPopH1{
	font-size:170%;
	padding:0 0 4px 15px;
	line-height:54px;
	border-left:6px solid #EA0404;
	background:#eee;
}
#PopUpBodyArea {
	width: 580px;
	text-align: left;
	margin: 0 auto;
	background-color: #ffffff;
}
/********************************
お問い合わせ・お見積り依頼フォーム
********************************/

#MailForm
{
	width:900px;
	margin-left: auto;
	margin-right: auto;
}
#MailForm table
{
	width:900px;
	margin-left: auto;
	margin-right: auto;
}
#MailForm th
{
	width:150px;
	text-align:center;
	background-color:#fef9b6;
}
#MailForm th,
#MailForm td
{
	padding:18px 10px;
	border:1px solid #cccccc;
}
#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}

div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}

.btnConfirm a
{
	width:232px;
	height:61px;
	display:block;
	margin:0 auto;
	background-image:url(../images/btn/btn_confirm_on.gif);
}
.btnFinish a
{
	width:232px;
	height:61px;
	display:block;
	margin:0 auto;
	background-image:url(../images/btn/btn_finish_on.gif);
}





/********************************
footer　レスポンシブ店舗情報
********************************/

.responseInfoArea{

}
.yearText{
	background-color:#FF7409;
	color:#fff;
	font-size:18px;
	font-weight:450;
	padding:5px 8px;
}
.shopTitle{
	color:#000;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	line-height:1.4;
}
.resInfoBox{
	width:374px;
	float:left;
	margin-bottom:8px;
	margin-top:8px;
}
.resFreeDial{
	display:block;
	height:28px;
	color:#FF7409;
	font-size:40px;
	font-weight:bold;
	text-align:left;
	margin-bottom:6px;
}
.resMailadd{
	color:#FF7409;
	font-size:28px;
	font-weight:bold;
	text-align:left;
}
.resFreeDial .resIcon{
	margin-top:-2px;
	margin-right:4px;
	float:left;
}
.resMailadd .resIcon{
	margin-top:2px;
	margin-right:14px;
	margin-left:2px;
	float:left;
}
.resFreedialTime{
	display:block;
	width:144px;
	color:#000;
	font-size:13px;
	margin-left:4px;
	margin-top:4px;
	text-align:left;
	float:left;
	line-height:1.2;
}
.resCaution{
	clear:both;
	color:#000;
	font-size:14px;
	text-align:left;
	line-height:1.2;
	font-weight:bold;
}

/********************************
使用できる書体とイラストサンプル
********************************/
.sampleImg img{
	text-align: center;
	margin-bottom: 15px;
}
.sampleImg h3{
	font-size: 130%;
	margin: 30px 0 10px 0;
}