@charset "UTF-8";

.js-hidden {
	display: none!important;
}
/* 共通部分 */
.typeGrayLine{
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	margin: 0 0 4%;
	padding: 0 0 1%;
	text-align: center;
}
.typeGrayWrap{
	border: 1px solid #CCC;
	box-sizing: border-box;
	font-size: 12px;
	margin: 0 0 3%;
	padding: 10px;
}
.typeGrayBgc{
	background-color: #CCC;
	font-size: 12px;
	margin: 0 0 15px;
	padding: 8px 0;
	text-align: center;
}
.cmnCautionWrap{
	border: 1px solid #C1272D;
	box-sizing: border-box;
	padding: 10px;
}
.cmnCautionWrap .ttl{
	color: #C1272D;
	font-size: 13px;
	line-height: 29px;
	margin: 0 0 5px;
}
.cmnCautionWrap .ttl img{
	margin: 0 5px 0 0;
}
.cmnCautionWrap .colorRed{
	color: #C1272D;
}

/* 検索窓 */
.searchBox{
	margin: 3% auto;
	width: 77%;
}
.searchBox [type="button"]{
	background-color: #B3B3B3;
	border: 1px solid #B3B3B3;
	color: #FFF;
	float:right;
	height:35px;
	padding:0 2px;
	width: 12%;
}
.searchBox .searchWindow{
	border: 1px solid #B3B3B3;
	width: 84%;
	height: 35px;
	float: right;
	box-sizing:border-box;
}
.notFound,
.result{
	margin-bottom: 2.5%;
	padding: 25px 0;
	background-color: #FEF4EB;
	border-radius:3px;
	text-align: center;
}
.result .num{
	font-size: 16px;
	color: #EF857D;
}

/* オーダーリスト */
ol.olProcedure{
	list-style-type: decimal;
	padding: 0 0 0 20px;
}
ol.olProcedure li{
	margin: 0 0 20px;
}

/* レーザー加工品注意事項 */
.layserprocess {
	border: 1px solid #C1272D;
	padding: 2%;
}
.layserprocess p {
	color: #C1272D;
	font-size: 13px;
}
.layserprocess ul {
	list-style-type: none;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/* 蝶々のしおり 新、旧比較 シュエット マリール */
.comparison .cautions{
	text-align:center;
	font-size:14px;
	color:#F00;
	font-weight:bold;
}
.comparison .old,.comparison .new{
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-top:2%;
	padding:0 1% 1% 1%;
	text-align:center;
}
.comparison .old{
	border-right:2px dotted #777;
}
.comparison ul{
	margin-bottom:4%;
	list-style-type:none;
}
.comparison ul li{
	width:33.33%;
	float:left;
	margin-bottom:1%;
	padding:1%;
	box-sizing:border-box;
}
.comparison ul li a{
	display:block;
	text-decoration:none;
}
.comparison ul li a:hover{
	text-decoration:underline;
}
.comparison ul li a img{
	max-width:100%;
	border:1px solid #AAA;
}
.comparison ul li a:hover img{
	border:1px solid #555;
}
.comparison .dl_single img{
	border:3px double #aaaaaa;
}


/* 右サイドfixedエリア */
.right_button_area {
	position: fixed;
	top: 100px;
	right: 0;
	width:100px;
	height: auto;
	z-index: 999;
}
.right_button_area a{
	box-sizing: border-box;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px 1%;
	text-align: center;
	text-decoration: none;
}
.to_shopping a {
	background-color: #D9A910;
	color: #FFF;
	margin: 0 0 5px;
}
.sample_request a {
	background-color: #FFF;
	border: 1px solid #D9A910;;
	color: #D9A910;
}
.toPageTop{
	display:none;
	position:absolute;
	width:40px;
	height:auto;
	text-align:center;
	line-height:120%;
	top:690px;
	right:0;
}

.hide_rightbutton_shopping.on{display: none!important;}
.hide_rightbutton_samplerequest.on{display: none!important;}

/* utility移設 */
.u-lstNone{
	list-style-type: none !important;
}
.u-flx {
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
}
.pcNone{ display: none; }
.u-w50 {width: 50%!important;}
.u-textC{text-align: center!important;}
.u-fs19-15{font-size: 19px!important;}

.u-fs3L{font-size: 20px!important;}
.u-fs2L{font-size: 17px!important;}
.u-fsL{font-size: 15px!important;}
.u-fsS{font-size: 12px!important;}
.u-fs2S{font-size: 11px!important;}
.u-fs3S{font-size: 10px!important;}

/* margin */
.u-marginA {margin: auto;}

/* u-m
*	マージン
*	.u-m[pc]-[sp]
*/
/*.u-mT0-20 {}*/
.u-mT20,
.u-mT20-10 {margin-top: 20px !important;}
.u-mT30 {margin-top: 30px !important;}
.u-mT40,
.u-mT40-20 {margin-top: 40px !important;}
.u-mT50,
.u-mT50-30 {margin-top: 50px !important;}

.u-mB20 {margin-bottom: 20px !important;}

.u-mWA { margin-right: auto !important;margin-left: auto !important;}


.u-m025 { margin: .25em!important; }
.u-m05 { margin: .5em!important; }
.u-m1,
.u-m1-0 { margin: 1em!important; }
.u-m2,
.u-m2-1 { margin: 2em!important; }
.u-m3 { margin: 3em!important; }
.u-m10 {margin: 10px !important;}

.u-mT0 {margin-top: 0em!important;}
.u-mT01 { margin-top: 0.1em!important;}
.u-mT025 { margin-top: 0.25em!important;}
.u-mT05 { margin-top: 0.5em!important;}
.u-mT1 { margin-top: 1em!important;}
.u-mT2 { margin-top: 2em!important;}
.u-mT3 { margin-top: 3em!important;}
.u-mT4 { margin-top: 4em!important;}
.u-mT5 { margin-top: 5em!important;}
.u-mT10 {margin-top: 10px !important;}

.u-mT25-1 { margin-top: 2.5em!important;}

.u-mB0 {margin-bottom: 0em!important;}
.u-mB025 { margin-bottom: 0.25em!important;}
.u-mB05 { margin-bottom: 0.5em!important;}
.u-mB1 { margin-bottom: 1em!important;}
.u-mB2 { margin-bottom: 2em!important;}
.u-mB3 { margin-bottom: 3em!important;}
.u-mB4 { margin-bottom: 4em!important;}
.u-mB5 { margin-bottom: 5em!important;}
.u-mB10 {margin-bottom: 10px !important;}

.u-mL0 { margin-left: 0em!important;}
.u-mL025 { margin-left: 0.25em!important;}
.u-mL05 { margin-left: 0.5em!important;}
.u-mL1 { margin-left: 1em!important;}
.u-mL15 { margin-left: 1.5em!important;}
.u-mL2 { margin-left: 2em!important;}
.u-mL25 { margin-left: 2.5em!important;}
.u-mL3 { margin-left: 3em!important;}

.u-mR025 { margin-right: 0.25em!important;}
.u-mR05 { margin-right: 0.5em!important;}
.u-mR1 { margin-right: 1em!important;}
.u-mR15 { margin-right: 1.5em!important;}
.u-mR2,
.u-mR2-0 { margin-right: 2em!important;}
.u-mR25 { margin-right: 2.5em!important;}
.u-mR3 { margin-right: 3em!important;}


.u-mW025 { margin-left:0.25em!important;margin-right:0.25em!important; }
.u-mW05 { margin-left:0.5em!important;margin-right:0.5em!important; }
.u-mW1 { margin-left: 1em!important;margin-right: 1em!important;}
.u-mW2 { margin-left: 2em!important;margin-right: 2em!important;}
.u-mW3 { margin-left: 3em!important;margin-right: 3em!important;}
.u-mW4 { margin-left: 4em!important;margin-right: 4em!important;}
.u-mW5 { margin-left: 5em!important;margin-right: 5em!important;}
.u-mW10 { margin-left: 10px!important;margin-right: 10px!important;}

.u-mTB025 { margin-top:0.25em!important;margin-bottom:0.25em!important; }
.u-mTB05 { margin-top:0.5em!important;margin-bottom:0.5em!important; }
.u-mTB1 { margin-top: 1em!important;margin-bottom: 1em!important;}
.u-mTB2 { margin-top: 2em!important;margin-bottom: 2em!important;}
.u-mTB3 { margin-top: 3em!important;margin-bottom: 3em!important;}
.u-mTB4 { margin-top: 4em!important;margin-bottom: 4em!important;}
.u-mTB5 { margin-top: 5em!important;margin-bottom: 5em!important;}

.u-mA { margin: auto!important;}
.u-mAT { margin-top: auto!important;}
.u-mAB { margin-bottom: auto!important;}
.u-mAL { margin-left: auto!important;}
.u-mAR { margin-right: auto!important;}
.u-mWA { margin-left: auto!important;margin-right: auto!important;}

.u-m05A { margin: 0.5em auto!important;}
.u-m1A { margin: 1em auto!important;}
.u-m2A { margin: 2em auto!important;}
.u-m3A { margin: 3em auto!important;}
.u-m10A { margin: 10px auto!important;}
.u-m0A { margin: 0 auto !important; }
.u-m0 { margin: 0!important; }


.u-p1-0 {
	padding: 1em;
}

/* 微調整用 */
.u-mT005 {
	margin-top: 5%;
}
.u-mT006 {
	margin-top: 6%;
}


/* u-p
*	パディング
*	.u-p[pc]-[sp]
*/
.u-p03 {padding: 0.3em;}
.u-p05 {padding: 0.5em;}
.u-pB05 {padding-bottom: 0.5em;}

.u-p20-10 {padding: 20px;}
.u-p30-20 {padding: 30px;}

.u-pR10-0 {padding-left: 10px;}
.u-pTB40-20 {padding-top: 40px;padding-bottom: 40px;}

.u-pW100-10 {padding-right: 100px;padding-left: 100px;}

.u-p025 { padding: 0.25em!important; }
.u-p05 { padding: 0.5em!important; }
.u-p075 { padding: 0.75em!important; }
.u-p1 { padding: 1em!important; }
.u-p2 { padding: 2em!important; }
.u-p3 { padding: 3em!important; }
.u-p4 { padding: 4em!important; }
.u-p5 { padding: 5em!important; }
.u-p10 {padding: 10px !important;}
.u-p0 {padding: 0 !important;}

.u-pT0 { padding-top: 0!important; }
.u-pT025 { padding-top: 0.25em!important; }
.u-pT05 { padding-top: 0.5em!important; }
.u-pT075 { padding-top: 0.75em!important; }
.u-pT1 { padding-top: 1em!important; }
.u-pT2 { padding-top: 2em!important; }
.u-pT3 { padding-top: 3em!important; }
.u-pT4 { padding-top: 4em!important; }
.u-pT5 { padding-top: 5em!important; }
.u-pT10 { padding-top: 10px!important; }

.u-pB0 { padding-bottom: 0!important; }
.u-pB025 { padding-bottom: 0.25em!important; }
.u-pB05 { padding-bottom: 0.5em!important; }
.u-pB1 { padding-bottom: 1em!important; }
.u-pB2 { padding-bottom: 2em!important; }
.u-pB3 { padding-bottom: 3em!important; }
.u-pB4 { padding-bottom: 4em!important; }
.u-pB5 { padding-bottom: 5em!important; }
.u-pB10 { padding-bottom: 10px!important; }

.u-pL0 { padding-left: 0em!important; }
.u-pL025 { padding-left: 0.25em!important; }
.u-pL05 { padding-left: 0.5em!important; }
.u-pL1 { padding-left: 1em!important; }
.u-pL2 { padding-left: 2em!important; }
.u-pL3 { padding-left: 3em!important; }
.u-pL4 { padding-left: 4em!important; }
.u-pL5 { padding-left: 5em!important; }
.u-pL10 { padding-left: 10px!important; }

.u-pR025 { padding-right: 0.25em!important; }
.u-pR05 { padding-right: 0.5em!important; }
.u-pR1 { padding-right: 1em!important; }
.u-pR2 { padding-right: 2em!important; }
.u-pR3 { padding-right: 3em!important; }
.u-pR4 { padding-right: 4em!important; }
.u-pR5 { padding-right: 5em!important; }
.u-pR10 {padding-right: 10px !important;}

.u-pW025 { padding-left: 0.25em!important;padding-right: 0.25em!important;}
.u-pW05 { padding-left: 0.5em!important;padding-right: 0.5em!important;}
.u-pW075 { padding-left: 0.75em!important;padding-right: 0.75em!important;}
.u-pW1 { padding-left: 1em!important;padding-right: 1em!important; }
.u-pW2 { padding-left: 2em!important;padding-right: 2em!important; }
.u-pW3 { padding-left: 3em!important;padding-right: 3em!important; }
.u-pW4 { padding-left: 4em!important;padding-right: 4em!important; }
.u-pW5 { padding-left: 5em!important;padding-right: 5em!important; }
.u-pW10 { padding-left: 10px!important;padding-right: 10px!important; }
.u-pW20 { padding-left: 20%!important;padding-right: 20%!important; }

.u-pTB025 { padding-top: 0.25em!important;padding-bottom: 0.25em!important; }
.u-pTB05 { padding-top: 0.5em!important;padding-bottom: 0.5em!important; }
.u-pTB075 { padding-top: 0.75em!important;padding-bottom: 0.75em!important; }
.u-pTB1 { padding-top: 1em!important;padding-bottom: 1em!important; }
.u-pTB15 { padding-top: 1.5em!important;padding-bottom: 1.5em!important; }
.u-pTB2 { padding-top: 2em!important;padding-bottom: 2em!important; }
.u-pTB3 { padding-top: 3em!important;padding-bottom: 3em!important; }
.u-pTB4 { padding-top: 4em!important;padding-bottom: 4em!important; }
.u-pTB5 { padding-top: 5em!important;padding-bottom: 5em!important; }
.u-pTB10 { padding-top: 10px!important;padding-bottom: 10px!important; }

/* border（一部） */
.u-borClr--gray01 {border-color: #F0F0F0!important;}
.u-borClr--gray02 {border-color: #666!important;}
.u-borClr--gray03 {border-color: #808080!important;}
.u-borClr--gray04 {border-color: #969696!important;}
.u-borClr--gray05 {border-color: #CCC!important;}
.u-borClr--gray06 {border-color: #dedede!important;}
.u-borClr--gray07 {border-color: #f3f3f3!important;}

.u-borA1 {border: 1px solid;}
.u-borT1 {border-top: 1px solid;}
.u-borB1 {border-bottom: 1px solid;}
.u-borTB1 {border-top: 1px solid;border-bottom: 1px solid;}
.u-borL1 {border-left: 1px solid;}
.u-borR1 {border-right: 1px solid;}
.u-borLR1 {border-left: 1px solid;border-right: 1px solid;}
.u-borA2 {border: 2px solid;}
.u-borT2 {border-top: 2px solid;}
.u-borB2 {border-bottom: 2px solid;}
.u-borTB2 {border-top: 2px solid;border-bottom: 2px solid;}
.u-borL2 {border-left: 2px solid;}
.u-borR2 {border-right: 2px solid;}
.u-borLR2 {border-left: 2px solid;border-right: 2px solid;}

/* 共通部分 ここまで */


/* トップページ home */
#homeSlider {
	position: relative;
	width: 850px;
}
#homeSlider .slick-arrow{
	cursor: pointer;
	padding: 0 5px;
	position: absolute;
	text-align: center;
	top: 0;
}
#homeSlider .btnPrevArw{ left: -25px; }
#homeSlider .btnNextArw{ right: -25px; }
#homeSlider .slick-dots{
	list-style-type: none;
	margin: 2% 0;
	text-align: center;
}
#homeSlider .slick-dots li{
	cursor: pointer;
	display: inline-block;
	margin: 0 .5%;
	width: 15.6%;
}
#homeSlider .slick-dots li img{
	max-width: 100%;
}
#home .menuList{
	list-style-type: none;
	margin: 0 0 5%;
}
#home .menuList li{
	float: left;
	margin: 0 1% 3%;
	text-align: center;
	width: 31.33%;
}
#home .menuList li:first-child{
	margin: 0 1% 3%;
	width: 98%;
}
#home .menuList__link {
	text-decoration: none;
	border: 1px solid #CCC;
	display: block;
	height: 100px;
	position: relative;
	border-radius: 8px;
}
#home .menuList__link::after{
	content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    margin-top: -5px;
}
#home .menuList__link img{
	vertical-align: middle;
	margin-right:2em;
}
#home .menuList__link .txtWrap{
	box-sizing: border-box;
	display: inline-block;
	height: 100px;
	padding: 30px 0;
	vertical-align: middle;
	text-align: left;
	margin-right: 1em;
}
#home .menuList__link .txtWrap span{
	font-size: 15px;
	line-height: 1em;
}
#home .menuList__link .txtWrap span.subTtl{
	font-size: 12px;
}
#home .attentionsWrap{
	margin: 0 0 5%;
}
#home .attentionsWrap .contentWrap{
	width: 46%;
}
#home .attentionsWrap .contentWrap:first-child{
	float: left;
}
#home .attentionsWrap .contentWrap:last-child{
	float: right;
}
#home .attentionsWrap .contentWrap .ttlWrap{
	border-bottom: 1px solid #CCC;
	text-align: center;
	font-size: 18px;
	line-height: 1em;
	margin: 0 0 4%;
	padding: 0 0 2%;
}
#home .attentionsWrap .contentWrap .ttlWrap span.subTtl{
	font-size: 10px;
}
#home .attentionsWrap .contentWrap .txtWrap{
	font-size: 11px;
	margin: 0 auto;
	width: 96%;
}
#home .attentionsWrap .contentWrap .txtWrap p{
	margin: 0 0 5px;
}
#home .attentionsWrap .contentWrap .txtWrap strong{
	color: #C1272D;
}
#home .attentionsWrap .contentWrap .txtWrap .discList{
	padding: 0 0 0 15px;
}
#home .attentionsWrap .contentWrap .txtWrap .discList li{
	margin: 0 0 2%;
}


/* テンプレート編集方法 */
#edit_navi{
	margin: 0 0 5%;
}
#edit_navi > div{
	box-sizing: border-box;
	float: left;
	padding: 0 1%;
	width: 33.33%;
}
#edit_navi > div:first-child{
	border-right: 1px solid #CCC;
}
#edit_navi > div:last-child{
	border-left: 1px solid #CCC;
}
#edit_navi > div h2{
	font-size: 13px;
	margin: 0 0 13%;
	text-align: center;
}
#edit_navi > div ul{
	list-style-type: disc;
	padding: 0 0 0 20px;
}
#edit_navi > div ul li{
	margin: 0 0 15%;
}
#edit_navi > div ul li a{
	text-decoration: none;
}
#editTemplate .typeGrayLine{
	font-size: 13px;
}
#editTemplate .step_box{
	box-sizing: border-box;
	/*float: left;*/
	margin: 0 0 18px;
	padding: 0 12px;
	text-align: center;
	width: 50%;
}
.step_num{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1%;
	text-align: left;
	width: 100%;
}
.step_num span{
	font-size: 13px;
	font-weight: normal;
}
#editTemplate .step_txt{
	font-size: 11px;
	line-height: 1.8em;
	margin: 0 0 12px;
	text-align: left;
	width: 100%;
}
#text_edit > div > p.step_num,
#text_edit > div > p.step_txt {
	padding: 0 12px;
}
#editTemplate img{
	height: auto;
	max-width: 100%;
}
#editTemplate img.step_thumb{
	border: 1px solid #CCC;
	margin: 0 0 10px;
}
#editTemplate .fukidashi{
	border: 1px solid #CCC;
	margin: 30px 0;
	padding: 18px 0 0;
	position: relative;
}
#editTemplate .fukidashi .fukidashiTriangle:before,
#editTemplate .fukidashi .fukidashiTriangle:after{
	border: 10px solid transparent;
	border-bottom: 50px solid #CCC;
	content: "";
	display: block;
	height: 0;
	left: 292px;
	position: absolute;
	width: 0;
}
#editTemplate .fukidashi .fukidashiTriangle:before{
	top: -60px;
}
#editTemplate .fukidashi .fukidashiTriangle:after{
	border-bottom-color: #FFF;
	top: -56px;
}
#text_edit > div,
#photo_edit > div,
#layout_edit > div{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 招待状文例集 */
#invExample .exampleList{
	list-style-type: none;
}
#invExample .exampleList li a{
	text-decoration: none;
}
#invExample .exampleList > li{
	border: 1px solid #CCC;
	box-sizing: border-box;
	float: left;
	margin: 0 1% 1%;
	padding: 20px 0;
	text-align: center;
	width: 31.33%;
}
#invExample .exampleList li .listTtl{
	font-size: 12px;
	margin: 0 0 18px;
}
#invExample .exampleList li .innerList{
	display: inline-block;
	list-style-type: disc;
	margin: 0 0 0 10px;
}
#invExample .exampleList li .innerList li{
	margin: 0 0 18px;
	text-align: left;
}
#invExample h3{
	font-size: 13px;
	margin: 0 0 5px;
}


/* マナーについて */
#manners .tabList{
	list-style-type: none;
	margin: 0 0 10px;
}
#manners .tabList li{
	border: 1px solid #CCC;
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	font-size: 13px;
	margin: 0 1%;
	padding: 2% 0 1%;
	text-align: center;
	width: 31.33%;
}
#manners .tabList li.select{
	background-color: #CCC;
}
#manners .mannerStep{
	list-style-type: none;
}
#manners .mannerStep li{}
#manners .mannerStep li:before{
	border: 10px solid transparent;
	border-top: 10px solid #000;
	content: '';
	display: block;
	height: 0;
	width: 0;
	margin:20px 0;
}
#manners .mannerStep li:first-child:before{
	display: none;
}
#manners .mannersTxt{
	line-height: 1.7em;
}
#manners .pointWrap{
	background-image: url(/paper_download/images/icon_point_red.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border: 1px solid #C1272D;
	font-size: 13px;
	padding: 0 0 0 45px;
}
#manners .pointWrap .pointTxt{
	color: #C1272D;
	margin: 15px 15px 15px 0;
}
#manners .pointWrap .imgWrap{
	margin: 0 0 15px;
}
#manners .discTxt{
	font-size: 13px;
	margin: 0 0 2%;
}
#manners .discTxt .desc{
	font-size: 11px;
	margin: 2px 0 0;
	padding: 0 0 0 1em;
}


/* ダウンロードパスポートの使い方 */
#howtoDownload .typeLink {
	display: block;
	padding: 15px;
	text-decoration: none;
}
#howtoDownload .typeLink p{
	float: left;
	font-size: 15px;
	margin: auto;
	width: 60%;
}
#howtoDownload .typeLink span{
	display: block;
	float: right;
	font-size: 14px;
	text-align: right;
	width: 40%;
}


/* テンプレート一覧 */
#templateList .paperSeriesSelect{
	list-style-type: none;
	margin: 0 0 30px;
}
#templateList .paperSeriesSelect li{
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	margin: 0 1%;
	/*text-align: center;*/
	width: 48%;
}
#templateList .paperSeriesSelect li img{
	border: 2px solid #CCC;
	margin: 0 0 2px;
	width: 100%;
}
#templateList .paperSeriesSelect li.selected img{
	border: 2px solid #ff6666
}
#templateList .paperSeriesSelect li p{
	font-size: 10px;
	text-align: left;
}
#templateList .paperKindList{
	list-style-type: none;
	margin: 0 0 30px;
	/*flx add*/
	display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
#templateList .paperKindList li{
	border: 1px solid #CCC;
	box-sizing: border-box;
	float: left;
	margin: 0 .5%;
	text-align: center;
	width: 24%;
}
#templateList .paperKindList li a{
	display: block;
	padding: 5px 0;
	text-decoration: none;
}
#templateList .paperKindList li a img{
	margin: 0 0 10px;
}
ul.templateList_new{
	list-style-type: none;
	display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
ul.templateList_new li{
	width:20%;
	/*height: 245px;
	float: left;*/
	margin: 0 0 2em;
	padding: 0 1%;
	box-sizing: border-box;
	text-align: center;
}
ul.templateList_new li a{
	text-decoration: none;
}
ul.templateList_new li a div.imgWrap{
	margin-bottom: 1%;
	padding-top: .1px;
	border: 1px solid #aaa;
	background-color: #aaa;
}
ul.templateList_new li a div.imgWrap img{
	vertical-align: bottom;
}
ul.templateList_new li a div.imgWrap img.large{
	max-width: 100%;
	height:106px;
	width:106px;
}
ul.templateList_new li a div.imgWrap img.small{
	max-width: 50%;
	height:53px;
	width:53px;
}
ul.templateList_new li a div.imgWrap div.blank{
	display: inline-block;
	width: 50%;
	height:53px;
	vertical-align: bottom;
}
ul.templateList_new li.single{
	/*height:190px;*/
}
ul.templateList_new li.single a img{
	max-width: 100%;
	border:1px solid #aaa;
	height:110px;
	width:110px;
}
ul.templateList_new .hide{
	display: none;
}
ul.templateList_new .show{
	display: block;
}


/* よくある質問 */
#questionAnswer .faq_cat{
	list-style-type: none;
}
#questionAnswer .faq_cat li{
	border: 1px solid #CCC;
	box-sizing: border-box;
	float: left;
	margin: 0 1%;
	text-align: center;
	width: 31.33%;
}
#questionAnswer .faq_cat li a{
	display: block;
	padding: 9% 0 4%;
	text-decoration: none;
}
#questionAnswer .faq_cat li.selected a{
	background-color: #CCC;
	cursor: default;
}
#questionAnswer .faq_list {
	margin: 0 0 5%;
}
#questionAnswer .faq_list a {
	text-decoration:none;
}
#questionAnswer .faq_list a:hover {
	text-decoration: underline;
}
#questionAnswer .faq_list ul {
	list-style-type: disc;
	margin: 0 0 4%;
	padding: 0 0 0 3%;
}
#questionAnswer .faq_list .deco {
	font-size: 13px;
	margin: 0 0 1%;
}
#questionAnswer .faq_list .deco::before{
	content: '■';
}
#questionAnswer .faq_list ul li {
	margin: 0 0 1%;
}
#questionAnswer .subTitle4faq {
	margin: 0 0 1%;
	font-size: 22px;
	font-weight: normal;
}
#questionAnswer .faq_wrap{
	margin: 0 0 8%;
}
#questionAnswer .faq_wrap p.q {
	border: 1px solid #CCC;
	font-size: 13px;
	margin: 0 0 1%;
	padding: .5% 1% .5% 5%;
	text-indent: -1.7em;
}
#questionAnswer .faq_wrap p.q::before{
	content: 'Q';
	font-size: 20px;
	font-weight: bold;
	margin: 0 1% 0 0;
}
#questionAnswer .faq_wrap div.a {
	margin: 10px 0 5%;
	padding: 0 0 0 7%;
	text-indent: -2.2em;
	line-height: 1.6em;
}
/*spのサイズオーバー見つける*/
/*
#questionAnswer .faq_wrap div.a img {
	display: none;
}
#questionAnswer .faq_wrap div.a ul {
	display: none;
}
*/
/*/spのサイズオーバー見つける*/
#questionAnswer .faq_wrap div.a * {
	text-indent: 0;
}
#questionAnswer .faq_wrap div.a::before {
	content: 'A';
	font-size: 20px;
	font-weight: bold;
	margin: 0 1% 0 0;
	line-height: 1em;
}
.faq_wrap img{
	border: 1px solid #ccc;
}
.faq_wrap .sp{
	display: none;
}
.faq_wrap div.a span.note{
	color:#C1272D;
}
.faq_wrap div.a .kanjiList{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	list-style-type: none;
	margin: 0 0 3%;
	text-indent: 0;
}
.faq_wrap div.a .kanjiList li{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	box-sizing: border-box;
	float: left;
	padding: 1%;
	position: relative;
	text-align: center;
	width: 20%;
}
.faq_wrap div.a .kanjiList li .kanji{
	font-size: 36px;
	line-height: 1.3em;
}
.faq_wrap div.a .invOkMark{
	color: #d9a910;
	font-size: 20px;
	line-height: 1em;
}
.faq_wrap div.a .kanjiList li .invOk::before{
	color: #d9a910;
	content: "★";
	font-size: 20px;
	display: block;
	height: 1em;
	left: 15%;
	line-height: 1em;
	position: absolute;
	top: 15%;
	width: 1em;
}
.faq_wrap div.a .kanjiList li .kanji img{
	vertical-align: middle;
}


/* よくある質問(全般) */
#questionAnswer .faq_kitte {
	list-style-type: none;
	margin: 2% 0;
	text-align: center;
	width: 60%;
}
#questionAnswer .faq_kitte li {
	color: #727272;
	float: left;
	width: 33.33%;
}
#questionAnswer .faq_kitte li img{
	display: block;
	margin: auto;
}


/* よくある質問(印刷サービスについて) */
.invPost ul{ list-style-type: none;}
.invPost ul li {
	float: left;
	margin: 2% 1%;
	width: 48%;
}
.invPost ul li p{
	font-size: 12px;
	margin: 0 0 1%;
	padding: 0 0 0 10%;
}
.invPost ul li .zoom{
	position: relative;
}
.invPost ul li .zoom:after{
	content:"";
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	bottom: 3px;
	right: 0px;
	background-image: url(/paper_download/images/icon_search.png);
	background-repeat: no-repeat;
}

















.faq_wrap div.a table{
	border-collapse: collapse;
	width: 85%;
}
.faq_wrap div.a table th,
.faq_wrap div.a table td{
	border: 1px solid #aaaaaa;
	width: 50%;
	padding: 6px;
	background: #F8EEE9;
}
.faq_wrap div.a table td:first-child{
	background: #fdd5ca;
}
.faq_wrap div.a table.reception-table-num{
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 3px;
}
.faq_wrap div.a table.reception-table-num th,
.faq_wrap div.a table.reception-table-num td{
	width: 10%;
	text-align: center;
	border: #D3B6AA;
}
.faq_wrap div.a table.reception-table-num th,
.faq_wrap div.a table.reception-table-num td:first-child{
	background: #D3B6AA;
	color: #ffffff;
}
.faq_wrap div.a table.reception-table-num th.blank{
	background: transparent;
	border: 0;
}
.faq_wrap div.a table.reception-table-num th.a3{
	background: #EF8585;
	border: #EF8585;
}
.faq_wrap div.a table.reception-table-num td.a4{
	border: 1px solid #D3B6AA;
}
.faq_wrap div.a table.reception-table-num td.a3{
	border: 1px solid #EF8585;
}

.faq_wrap span.toTop {
	display: block;
	text-align: right;
	margin: 5px 0 15px 0;
}
.faq_wrap span.toTop a {
	padding: 4px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #dd9988;
}
.faq_wrap span.toTop a:hover {
	background-color: #bb7766;
}
.downloadlist .wrapR ul.tate li.h160 {
	height: 160px;
}
.btnDisc .left{
	float: left;
}
.btnDisc .right{
	float: right;
	width: 78%;
	line-height: 1.3em;
}
.faq_wrap .faq-flow {
	list-style-type:none;
	margin-left:-5%;
	overflow: hidden;
}
.faq_wrap .faq-flow li {
	width: 46%;
	float: left;
	margin: 0 0 0 4%;
	font-size:12px;
	height:265px;
	position: relative;
	z-index: 0
}
.faq_wrap .faq-flow li:before {
	content:"";
	display: block;
	border-top: 10px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #E3866A;
	position: absolute;
	top:35%;
	left:-8%;
	z-index:1;
}
.faq_wrap .faq-flow li:first-child:before {
	display:none;
}
.faq_wrap .faq-flow li a {
	display:inline-block;
	position: relative;
}
.faq_wrap .faq-flow li a:after {
	content: "";
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: 8%;
	right: -5%;
	background-image: url(/paper_download/images/enlarge.png);
	background-repeat: no-repeat;
}
.faq_wrap .hm-3-8-6-note {
	overflow: hidden;
}
.faq_wrap .hm-3-8-6-note img {
	float:left;
	margin-right:2.5%;
}
.faq_wrap .hm-3-8-6-note p {
	margin-top:5%;
}
/* FAQ各項目 */

















/* リボンの結び方 */
.commonword__list {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.75rem;
}
#knotRibbon .knottingList{
	list-style-type: none;
	margin: 0 0 8%;
}
#knotRibbon .knottingList li{
	display: table;
	float: left;
	margin: 0 1% 1%;
	width: 48%;
}
#knotRibbon .knottingList li a{
	border: 1px solid #CCC;
	box-sizing: border-box;
	display: block;
	padding: 2%;
	text-align: center;
	text-decoration: none;
}
#knotRibbon .knottingList li a img{
	float: left;
}
#knotRibbon .knottingList li a p{
	display: table-cell;
	height: 110px;
	vertical-align: middle;
	width: 49%;
}
#knotRibbon .sampleWrap{
	border: 1px solid #CCC;
	font-size: 13px;
	margin: 0 0 5%;
	padding: 2%;
	text-align: center;
}
#knotRibbon .sampleWrap p{
	margin: 0 0 1%;
}
#knotRibbon .sampleWrap img{
	margin: 0 1px;
}
#knotRibbon .knottingStep{
	list-style-type: none;
	margin: 0 0 10%;
	display: flex;
	flex-wrap: wrap;
}
#knotRibbon .knottingStep li{
	margin: 0 9.5% 4% 0;
	position: relative;
	width: 27%;
}
#knotRibbon .knottingStep li:after{
	border: 10px solid transparent;
	border-left: 10px solid #000;
	content: '';
	height: 0;
	position: absolute;
	right: -25%;
	top: 70px;
	width: 0;
}
#knotRibbon .knottingStep li:nth-child(3n){
	margin-right: 0;
}
#knotRibbon .knottingStep li:nth-child(3n):after,
#knotRibbon .knottingStep li:last-child:after{
	display: none;
}
#knotRibbon .knottingStep li img{
	margin: 0 0 2%;
}
#knotRibbon .commonword{
	border: 1px solid #ccc;
	padding: 1em;
	margin: 2em;
	line-height: 2em;
}
#knotRibbon .hash{

}
/* 無料お試しテンプレート */
#trialTemp img{
	max-width: 100%;
}
#trialTemp p.trialWord{
	margin:0 0 10px;
	padding-left:45px;
	line-height: 3.2em;
	font-weight: bold;
	background: url(/paper_download/images/bgi_word.jpg) 0 0 no-repeat;
}

#trialTemp div.trialDL{
	border: 1px solid #E4E4E4;
	background-color: #F4F4F4;
}
#trialTemp div.receNote{
	margin-bottom: 10px;
	padding:5px;
	background-color: #FDFDFD;
	border-radius: 3px;
	border:2px solid #E3807A;
}
#trialTemp a.btnTrialDL{
	width:145px;
	display: block;
	margin:0 auto 7px auto;
	padding:2px 0;
	border-radius: 3px;
	text-align: center;
	text-decoration:none;
	color:#FFF;
	background-color: #FF9999;
	border-top:1px solid #F1DCD3;
	border-right:1px solid #D38888;
	border-bottom:1px solid #D38888;
	border-left:1px solid #F1DCD3;
}
#trialTemp a.btnTrialDL:hover{
	border-top:2px solid #F1DCD3;
	border-right:0;
	border-bottom:0;
	border-left:2px solid #F1DCD3;
}
#trialTemp p.trialNote{
	margin-top: 2px;
	padding-left: 23px;
	background: url(/paper_download/sample/images/bgi_note.gif) 0 0 no-repeat;
	font-weight:bold;
	font-size:1.2em;
}
#trialTemp .a3list{
	list-style: disc;
	margin: 10px 0 10px 20px;
}
#trialTemp .a3list li{
	float: left;
	width: 50%;
}


/* 席次表無料テンプレート (印刷キット購入者用ページ) */
#receTmp .accept{
	border: 10px solid #ccc;
	padding: 10px 0;
	font-size: 13px;
}
#receTmp .accept .big{
	font-size: 28px;
	font-weight: bold;
}
#receTmp .guide{
	font-weight: bold;
	font-size: 13px;
}
#receTmp .tel{
	border: 1px solid #ccc;
	padding: 3px 0;
}


#receTmp span.indentNote{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
#receTmp span.colorRed{
	color:#C1272D;
}
#receTmp .example ul{
	list-style-type: none;
	display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
#receTmp .example ul li{
	/*float: left;*/
	font-size: 12px;
	font-weight: bold;
	margin: 1%;
	text-align: center;
	width: 48%;
}
#receTmp .example ul li p{
	margin: 0 0 3%;
}
#receTmp .example ul li span{
	font-size: 10px;
}
#receTmp .toCreate{
	margin: 0 0 5%;
}
#receTmp .toCreate ol{
	list-style-type: none;
}
#receTmp .toCreate ol li{
	margin: 0 0 5%;
}
#receTmp .toCreate ol li div .num{
	float: left;
	font-size: 23px;
	font-weight: bold;
	width: 1em;
}
#receTmp .toCreate ol li div .txt{
	float: left;
	margin: 0 0 0 2%;
	width:90%;
}
#receTmp .toCreate ol li.no2 div.txtWrap{
	float: left;
	width: 50%;
}
#receTmp .toCreate ol li.no3 ul{
	list-style-type: none;
}
#receTmp .toCreate ol li.no3 ul li{
	width: 29%;;
	float: left;
	text-align: center;
}
#receTmp .toCreate ol li.no3 ul li.arw{
	width: 6.5%;
	margin-top: 6%;
}
#receTmp .toCreate ol li.no3 ul li p{
	text-align: left;
	font-size: 10px;
}
#receTmp .note {
	border:3px solid #C1272D;
	padding:1em;
}
#receTmp .note h4 {
	color:#C1272D;
	font-size:14px;
	font-weight:bold;
	margin: 0 0 1%;
	text-align:center;
}
#receTmp .note ul {
	font-size:12px;
	padding: 0 0 0 20px;
}
#receTmp .necessary{
	margin: 0 0 5%;
	text-align: center;
}
#receTmp .necessary .clearfix{
	width: 85%;
	margin: 0 auto 3%;
}
#receTmp .necessary .clearfix img{
	float: left;
}
#receTmp .necessary .clearfix div{
	float: left;
	margin-left: 10px;
	font-size: 11px;
	text-align: left;
}
#receTmp .necessary .clearfix div h4{
	margin-bottom: 1%;
	font-size: 15px;
}
#receTmp .necessary .clearfix div p span,
.receTmp__note__colorRed{
	color: #C1272D;
}
#receTmp .necessary .clearfix + p{
	font-size: 10px;
}

/* セレクト画面 アイテムカウント */
#selectItemFoot {
}
.selectItem  {
	width:100%;
}
.selectItemBot {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	color: #FFF;
	padding: 0;
	font-size:15px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}
.selectItemOver .selectItemCnt {
	background-color: #e76464;
}

.selectItemBot.static {
	position:static;
	opacity: 1;
	background: transparent;
	color: #000000;
}
.selectItemBot.selectItemOver.static {
	color: #f00000;
}
.selectItemCnt {
	padding: 1em 0;
	background-color:#646464;
}
.selectItemTxt {
	font-weight: bold;
	margin-right: 1em;
}
.selectItemBot.static .selectItemCnt {
	background-color: transparent;
}

/* トレーシア序数の注意書き追記 */
.num_notice {
	line-height: 1.6em;
}
.num_notice_ttl{
	margin-top: 1.5em;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 6px;
	text-align: center;
}
.num_notice_sort {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 20%;
    list-style: none;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 40%;
}
.num_notice_sortRece {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 35%;
    list-style: none;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 32.5%
}
.num_notice_sort__img {
    border: 1px solid #AAA;
    margin: 1em;
}
.num_notice_txt {
	margin-left: 5em;
}
.num_notice_color {
	color: #cc0000;
}
.num_notice_underline {
	text-decoration: underline double #cc0000;
}
.num_notice_list {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
    margin-left: calc((100% - 400px) / 2);
}
.num_notice_listCon {
	width: 400px;
	border: 2px solid;
    border-spacing: 0;
    border-collapse: collapse;
}
.num_notice_listCol1 {
	width: 100px;
	border-bottom: 1px solid #000;
	border-right: 2px solid #000;
}
.num_notice_listCol2 {
	width: 100px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.num_notice_listCol3 {
	width: 200px;
	border-bottom: 1px solid #000;
}
.num_notice_listRow1 {
	height: 25px;
}
.num_notice_listRowEtc {
	height: 40px;
}
.num_notice_number {
    font-weight: bold;
    font-size: 20px;
}
.num_notice_other {
	font-weight: bold;
    font-size: 13px;
}
.num_notice_case {
    text-align: left;
    padding-left: 3em;
    width: auto;
}

.c-changeBt{
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 0 0 3em -2%;
}
.c-changeBt__item{
	width: 48%;
	margin-left: 2%;
}
.c-changeBt__item a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	border: 6px solid #d0b895;
	padding: 1em;
	font-size: 14px;
	padding-bottom: 25px;
    background: url(/paper_download/images/dwn_arw.png) no-repeat 50% 95%;
}
.c-changeBt__item:nth-child(even) a{
	border: 6px solid #aa8c5f;
}
.c-changeBt__item a.selected{
	background-color: #fcf0cc;
}
.c-changeBt__img{
	margin-right: 1.5em;
}

/* 2019.11.12 aoki 注意事項修正 */
.size_notice{
	padding: 1em;
}
.size_notice__txt{
	text-align: left;
	margin-left: 2em;
}
@media screen and (max-width:680px) {
	.size_notice{
		display: flex;
		-moz-display: flex;
		-webkit-display: flex;
	}
	.size_notice__img{
		width: 25%;
	}
	.size_notice__txt{
		width: 73%;
		margin-left: 0;
	}
}

/* 営業時間バナー　By後藤 */
.u-flxMid {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.c-contact-box {
	max-width: 540px;
	width: 100%;
	border: solid 1px #CACACA;
	margin: 30px auto;
}
.c-contact-box__top {
	background-color: #969696;
}
.c-contact-box__top__p {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	line-height: 1.8;
	color: #FFFFFF;
    -webkit-text-size-adjust: 100%;
}
.c-contact-box__bottom {
	padding: 5px 20px;
}
.c-contact-box__bottom__dial {
	padding-left: 30px;
	font-size: 16px;
	line-height: 20px;
	background-image: url(/paper_download/images/common/icon-freedial.svg);
	background-repeat: no-repeat;
	background-size: 25px 16px;
	background-position: left center;
}
.c-contact-box__bottom__freedial {
	border-right: #CACACA 1px solid;
}
@media screen and (min-width:680px) {
    .c-contact-box__bottom__dial {
    	text-decoration: none!important;
    	pointer-events: none;
    	cursor: default;
    }
    .c-contact-box__top__p__span {
    	margin-left: 1em;
    }
}
.c-contact-box__bottom__time {
	color: #646464;
	font-size: 11px;
	line-height: 16px;
	padding-right: 20px;
	margin-left: 20px;
	padding: 5px 20px 5px 0;
}
.c-contact-box__bottom__mail {
	font-size: 13px;
	padding-top: 20px;
	margin-left: 20px;
	background-image: url(/paper_download/images/common/icon-mail.svg);
	background-repeat: no-repeat;
	background-size: 17px 13px;
	background-position: top center;
	display: block;
}

/* 本家utility移植 */
.u-clr23 { color: #ff0000 !important;}
.pc-cont {display: block;}
.sp-cont {display: none;}

/* 印刷込キットFAQ */
.printTypeTtl{
	padding: 0.5em 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.printType__ul{
	list-style-type: none;
	text-align: center;
	text-decoration: none;

	display: flex;
	-webkit-display: flex;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
}
.printType__li{
	width: 48%;
}
.printType__link{
	border: 1px solid #a0a0a0;
	display: block;
	text-decoration: none;
	border-radius: 6px;
}
.printType__gray{
	background: #a0a0a0;
	color: #fff;
	padding: 0.5em;
}
.printType__arrow{
	display: inline-block;
	transform: rotate(90deg);
}

/* 2020.04.01 by西脇 料金別納郵便・特急手渡し便マークデザイン一覧 */

.envelope_box_1 {
    height:  120px;             /* 高さ指定 */
    width:  48%;                /* 幅指定 */
    padding:  2%;               /* 余白指定 */
    vertical-align:  bottom;    /* 下揃えにする */
    box-sizing: border-box;     /* 余白や線を幅と高さに含める */
    float: left;                /* 横並びにする */
    margin-right: 2%
}

.envelope_box_2 {
    height:  120px;             /* 高さ指定 */
    width:  48%;                /* 幅指定 */
    padding:  2%;               /* 余白指定 */
    vertical-align:  bottom;    /* 下揃えにする */
    box-sizing: border-box;     /* 余白や線を幅と高さに含める */
    float:  left;               /* 横並びにする */
}

/* 2025.02.06 文字の上強調 */
.paperbn_txt_emp{
	background-image: radial-gradient(circle at center, #000000 20%, transparent 20%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .4em;
}

.top-sample--btn{
	width: 400px;
	margin: 2rem auto 0;
}