ordbtn
@media print{
 .printnone {display:none;}
}

/*** 基本 *****************************************/

* {
	padding: 0;
	margin: 0;
	}

html {
	height: 100%;
	width: 100%;
	}

body{word-wrap: break-word;
	height: 100%;
	width: 100%;
	font-family: "Noto Sans Japanese";
	font-size:1em;
	letter-spacing:0.008em;
	margin:0; 
	padding:0;
	overflow-x: hidden;
	line-height:150%;
	-webkit-text-size-adjust: 100%;
	}
	
@media screen and (max-width: 600px) {

body{font-size:0.87em;}
	
}

.marugo{font-family: "Rounded Mplus 1c";}

.mincho{font-family: "Sawarabi Mincho";}

.wf-mplus1p { font-family: "Mplus 1p"; }


div.scroll_div { overflow: auto; }

/*** リンク *****************************************/

a {
	color: #053293;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	text-decoration: none;
	text-decoration: underline;
	}

a:hover{
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	text-decoration: underline;
	color:blue;
	}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	}


.btn a{ background:#C4D9FF; padding:5px 10px; border-radius:5px; text-decoration:none;}

.btn a:hover{ background:#3C7CF1; color:#fff;}

/*** 画像 *****************************************/

img{
	max-width:100%; 
	height:auto;
	vertical-align: top; 
	border:none;
	}

img a{border:none;}

.vai{vertical-align: middle;}

.img25{ width:25%;}

.img50{ width:50%;}

.img60{ width:60%;}

.img70{ width:70%;}

.img200{ width:200%;}


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

.img50{ width:100%; }

.img60{ width:100%; }

.img70{ width:100%; }
	
}



/*** 線・枠 ***************************************/

.imgbor{border:1px solid #666666;}

.bor1gray{border:1px solid #ccc;box-sizing: border-box;}

.bor1black{border:1px solid #000;}

.bor1red{border:1px solid red;}

.bor3red{border:3px solid red;}

.bor7blue{border:7px solid #0e6eb8;}

.bor3crimson{border:3px solid crimson;}

.bordot1gray{border-bottom:1px solid gray;}/*** 下点線グレー */

.bordot1ccc{border-bottom:1px solid #ccc;}/*** 下点線グレー */

.bordot1dotgray{border-bottom:1px dashed #ccc;}/*** 下点線グレー */

.bordot1black{border-bottom:1px solid #000;}/*** 下線黒色 */

.bordot1dotblack{border-bottom:1px dashed #000;}/*** 下点線黒色 */

.bortop1dotgray{border-top:1px dashed #ccc;}/*** 上点線グレー */

.bortop1dotwhite{border-top:1px dashed #fff;}/*** 上点線ホワイト */

.bortop1dotblack{border-top:1px dashed #000;}/*** 上点線ブラック */

.bortop1dotblack{border-top:1px dashed #000;}

.bor1dotblue{border:1px solid #02328D;}

.bortop1black{border-top:1px solid #000;}/*** 上線黒色 */


.bortop1black{background:linear-gradient(transparent 60%, #ff6 60%);}



.kadomaru{
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	}


.marker {
 background: linear-gradient(transparent 60%, #fff799 60%);
font-weight: bold; 
}



/*** 回り込み設定 *********************************/

.clear{clear:both;}

.flaotleft{float:left;}

.flaotright{float:right;}



/*** 文字位置 ************************************/

.txtcenter{text-align:center;}

.txtleft{text-align:left;}

.vermid{vertical-align:middle;}



.txtcenter2{text-align:center;}

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

.txtcenter2{text-align:left;}
	
}


/*２行目から1文字空ける*/
.att {
  padding-left: 1em;
  text-indent: -1em;
}

.overhidden{ overflow:hidden}



/*** 文字サイズ ************************************/

.px10{ font-size:0.63em	}

.px12{ font-size:0.73em}

.px13{ font-size:0.81em}

.px14{ font-size:0.87em}

.px15{ font-size:0.93em}

.px16{ font-size:1.00em}

.px18{ font-size:1.12em}

.px20{ font-size:1.22em}

.px22{ font-size:1.37em}

.px24{ font-size:1.47em}

.px26{ font-size:1.62em}

.px28{ font-size:1.75em}

.px32{ font-size:32px}

.px48{ font-size:48px}

.lh{line-height:150%;}

.lh2{line-height:2}


/*** 文字の太さ ************************************/

.bold{font-weight:bold;}

.fw-thin{ font-weight:100}

.fw-extralight{ font-weight:200}

.fw-light{ font-weight:300}

.fw-normal{ font-weight:400}

.fw-medium{ font-weight:500}

.fw-semibold{ font-weight:600}

.fw-bold{ font-weight:700}

.fw-extrabold{ font-weight:800}

.fw-black{ font-weight:900}



/*** 文字の色 ************************************/

.blue{color:#02328D;}

.lightblue{color:blue;}

.darkblue{ color:#0033CC;}

.con{ color:#171c61;}

.yellow{color:#ffff00;}

.gold{ color:#F6D450;}

.red{color:crimson;}

.darkred{ color:crimson;}

.green{color:green;}

.white{color:white;}

.black{color:#000;}

.orange{color:orange;}

.pink{color:#FF3366;}

.darkgray{color:#666}

.lightred{ color:red;}


/*** 背景色 *********************************/

.bg-blue{background-color:#0555BD;}

.bg-con{ background-color:#171c61;}

.bg-lightyellow{background-color:lightyellow;}

.bg-lightyellow2{background-color:#feffcc;}

.bg-lightdarkyellow{background-color:#f4f3df;}

.bg-lightblue{background-color:lightblue;}

.bg-lightblue3{background-color:#DCE2FA}

.bg-lightgreen{background-color:#cfeceb;}

.bg-lightgray{background-color:#ddd;}

.bg-light2gray{background-color:#e8e8e8;}

.bg-light3gray{background-color:#f0f0f0;}

.bg-white{background-color:white;}

.bg-black{background-color:#000;}

.bg-beige{background-color:#dedad2;}

.bg-beige2{background-color:#f1eee8;}

.bg-lightblue2{ background-color:#eef3f6;}

.bg-lightpink{background-color:#fbc6c7;}

.bg-gray{background-color:#333333; color:#fff}

.bg-lightyellow3{background-color:#fdf8a6;}

.bg-lightblue4{background-color:#e3fbfd}

.bg-darkred{background-color:crimson}


/*** 余白設定 *********************************/

.mb025em{margin-bottom:0.25em;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb15em{margin-bottom:1.5em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb4em{margin-bottom:4em;}
.mb5em{margin-bottom:5em;}
.mb20px{margin-bottom:20px;}
.mb25px{margin-bottom:25px;}
.mb50px{margin-bottom:50px;}
.mb75px{margin-bottom:75px;}
.mb100px{margin-bottom:100px;}


.mt025em{margin-top:0.25em;}
.mt05em{margin-top:0.5em;}
.mt1em{margin-top:1em;}
.mt2em{margin-top:2em;}
.mt3em{margin-top:3em;}
.mt4em{margin-top:4em;}
.mt5em{margin-top:5em;}
.mt25px{margin-top:25px;}
.mt50px{margin-top:50px;}
.mt75px{margin-top:75px;}
.mt100px{margin-top:100px;}


.ml05em{margin-left:0.5em;}
.ml1em{margin-left:1em;}
.ml2em{margin-left:2em;}
.ml3em{margin-left:3em;}
.ml4em{margin-left:4em;}
.ml5em{margin-left:5em;}


.mr025em{margin-right:0.25em;}
.mr05em{margin-right:0.5em;}
.mr1em{margin-right:1em;}
.mr2em{margin-right:2em;}
.mr3em{margin-right:3em;}
.mr4em{margin-right:4em;}
.mr5em{margin-right:5em;}



.p15em{padding:1.5em;}

.p1em{padding:1em;}

.p075em{padding:0.75em;}

.p05em{padding:0.5em;}

.p025em{padding:0.25em;}

.pt05em{padding-top:0.5em;}

.do{display:block; overflow:hidden;}



/*位置を揃える */

.center {margin-left: auto;margin-right: auto;}/*左右中央ぞろえ*/
.right {margin-left: auto;}/*右ぞろえ*/





/*グリッド２改ブロック*/

.grid2{overflow:hidden;}

.grid2 .col{ width:48%; float:left; margin-right:4%; box-sizing:border-box;}	
   
.grid2 .col:last-child{ margin-right:0 !important;}   


/*グリッド２余白無し*/

.grid2sp0{overflow:hidden;}

.grid2sp0 .col{ width:50%; float:left;box-sizing:border-box;}	


/*グリッド２改ブロック無し*/

.grid2brno{overflow:hidden;}

.grid2brno .col{ width:48%; float:left; margin-right:4%; box-sizing:border-box;}	
   
.grid2brno .col:last-child{ margin-right:0 !important;} 

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

.grid2 .col{ display:block; width:100%; margin-right:0;}	
   
.grid2 .col:last-child{ margin-right:0 !important;}  

.grid2sp0 .col{ display:block; width:100%; margin-right:0;}	
   
}





/*セル２*/

.cell2{overflow:hidden;}

.cell2 .col{ width:48.75%; float:left; margin-right:2.5%; box-sizing:border-box;}	
   
.cell2 .col:last-child{ margin-right:0 !important;}


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

.brtable td{ display:block;}

}





  
/*グリッド３*/
   
.grid3{overflow:hidden;}

.grid3 .col{ width:30.5%; float:left; margin-right:4%; box-sizing:border-box;}	
   
.grid3 .col:last-child{ margin-right:0 !important;}  

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

.grid3 .col{ display:block; width:100%; margin-right:0;}	
   
.grid3 .col:last-child{ margin-right:0 !important;}  
	
}





/*グリッド３*/
   
.grid3brno{overflow:hidden;}

.grid3brno .col{ width:30.5%; float:left; margin-right:4%; box-sizing:border-box;}	
   
.grid3brno .col:last-child{ margin-right:0 !important;}  

 

















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


.pc-no{display:none;}/*ＰＣのみ非表示*/

.ta-no{display:block;}/*タブレットのみ非表示*/

.pcta-no{display:none;}/*ＰＣ・タブレットのみ非表示*/

.pc-only{display:block;}/*ＰＣのみ表示*/

.ta-only{display:none;}/*タブレットのみ表示*/

.sm-only{display:none;}/*スマホのみ表示*/

.pcta-only{display:block;}/*ＰＣ・タブレットのみ表示*/
  
}

@media screen and (min-width: 601px) and (max-width:959px) { 

.pc-no{display:block;}

.ta-no{display:none;}

.pcta-no{display:none;}

.pc-only{display:none;}

.ta-only{display:block;}

.sm-only{display:none;}

.pcta-only{display:block;}

}

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

.pc-no{display:block;}

.ta-no{display:none;}

.pcta-no{display:block;}

.pc-only{display:none;}

.ta-only{display:none;}

.sm-only{display:block;}

.pcta-only{display:none;}
	
}



















/*** header *************************/

header{margin-bottom:50px;overflow:hidden;}

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

header{margin-bottom:0px;}

}






/*** header1 *************************/

@media print, screen and (min-width: 960px){
		
   #header1{height:50px; overflow:hidden;}
	   
   #header1 .header1-in{width:1000px; margin:0 auto; }
   
   
   #header1 .header1-in h1{font-size:1.12em; line-height:50px; float:left;font-weight:300;}
   
   #header1 .header1-in h1 a{color:#f9320c; text-decoration:none;}
   
   #header1 .header1-in h1:before{content:url(../images/base/site-icon.png);vertical-align: middle; margin-right:5px;}
   
   #header1 .header1-in h1 a:hover{text-decoration:none; color:#000;}
   
   
   #header1 .header1-in div{float:right;font-size:1em; line-height:24px; }
   
   #header1 .header1-in div ul{display: table;table-layout: fixed;text-align: center; margin:13px 0;}
   
   #header1 .header1-in div ul li{display:table-cell; vertical-align: middle; border-right:1px solid #000;padding:0 8px; white-space: nowrap; }
   
   #header1 .header1-in div ul li:last-child{ border-right:none; }
   
   #header1 .header1-in div ul li a{display: block; text-decoration: none; color:#000;}
   
   #header1 .header1-in div ul li a:hover{color:#0555BD;}
   
   .header1-in div:hover{
	   -webkit-transition: 0.2s linear;
	   -moz-transition: 0.2s linear;
	   transition: 0.2s linear;
	   }
   
   #header1 .header1-in div ul li:nth-child(1) a:before {
	   content:"\f003";
	   font-family: "FontAwesome";
	   padding-right:0.1em;
	   }
   
   #header1 .header1-in div ul li:nth-child(2) a:before {
	   content:"\f234";
	   font-family: "FontAwesome";
	   padding-right:0.1em;
	   }
	   
   #header1 .header1-in div ul li:nth-child(3) a:before {
	   content:"\f007";
	   font-family: "FontAwesome";
	   padding-right:0.1em;
	   }
	   
   #header1 .header1-in div ul li:nth-child(4) a:before {
	   content:"\f07a";
	   font-family: "FontAwesome";
	   padding-right:0.1em;
	   }

}

@media screen and (max-width: 959px) {
#header1{ display:none;} 
}
	   
@media print{	
#header1 .header1-in div{display:none;}	
}	   
	   
	   
	
   
  
   
/*** header2 *************************/
   
@media print, screen and (min-width: 960px){   
   

   #header2{ background:#F2F2F0;overflow:hidden;}
   
   #header2 .header2-in{width:1000px;margin:0 auto; padding:0;}
   
   #header2 .header2-in div{display:table-cell;height:70px;vertical-align: middle;}
   
   
   
   #header2 .header2-in div:nth-child(1){ font-weight:900; font-size:2.60em; width:320px;font-family: "Noto Sans Japanese"; letter-spacing:0.1px }
   
   #header2 .header2-in div:nth-child(1) a{ color:#285FD4; text-decoration:none;}
   
   #header2 .header2-in div:nth-child(1) a:hover{ color:#000;}
   
   #header2 .header2-in div:nth-child(2){ color:#000; font-size:0.87em; font-weight:bold; width:420px; line-height:140%;}
   
   #header2 .header2-in div:nth-child(3){ color:#f9320c; font-size:2.00em; font-weight:900;width:260px; text-align:right;}
   
   #header2 .header2-in div:nth-child(3):before {
	   content:"\f098";
	   font-family: "FontAwesome";
	   padding-right:0.25em;
	   }

}


@media screen and (max-width: 959px) {
	
#header2{ display:none;} 
	
}

@media print{	

   #header2 .header2-in{width:auto;margin:0 auto; padding:0 20px;}	
   #header2 .header2-in div:nth-child(2){display:none;}	
   #header2 .header2-in div:nth-child(3){display:none;}	   
   
}
	
 


/*** header3 *************************/

@media print, screen and (min-width: 960px){
  
   #header3{ background:#1D7FFF;overflow:hidden;}
   
   #header3 .header3-in{width:1000px;margin:0 auto; padding:0; }
   

  
   #header3 .header3-in nav ul li{
	   display:table-cell; 
	   font-weight:500;
	   height:70px;
	   vertical-align: middle;
	   font-size:1em;
	   }
  
   
   #header3 .header3-in nav ul li a{
	   padding:0 0.75em; 
	   text-decoration:none; 
	   color:#ffffff; 
	   position: relative; 
	   display: inline-block; 
	   }
   
   #header3 .header3-in nav ul li a:hover{
	   color:white; 
	   background-color: navy; 
	   }
 	   
	ul.ddmenu ul {
   		display: none;
   		position: absolute;
		left: 0;
  		right: 0;
  		margin:22px auto;
   		background:#efece8;
		z-index: 9999;
		width: 1000px !important;
		padding:1.5% !important;
		box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
  		-webkit-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
  		-moz-box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
		border-top:1px solid white !important;
		}   

	ul.ddmenu ul li {
		box-sizing:border-box;
		width:11.5% !important;
		float:left;
		margin:0.5% !important;
		font-size:0.89em !important;
		font-weight: bold!important;
		height:120px !important;
		line-height:130%;
		padding:0 0 0 0 !important;
		}		
		
	ul.ddmenu ul li a {
		background:#fff;
		color:#000 !important;
		border:none !important;
		height:120px !important;
   		text-align:center !important;
		vertical-align: middle !important;
		display:table-cell !important;
		width:11.375% !important;
		padding:0 0 0 0 !important;
		border:1px solid #fff !important;
		}



		
	
	ul.ddmenu ul li a:hover {
		background:#efece8 !important;
		color:#000 !important;
		border:1px solid #000 !important;
   		}
	
	ul.ddmenu ul li:nth-child(1) a:before{content: url(../images/base/51-tirashi-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(2) a:before{content: url(../images/base/52-2leaf-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(3) a:before{content: url(../images/base/53-3leaf-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(4) a:before{content: url(../images/base/54-book-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(5) a:before{content: url(../images/base/55-cover-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(6) a:before{content: url(../images/base/56-hagaki-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(7) a:before{content: url(../images/base/57-card-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(8) a:before{content: url(../images/base/58-meishi-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(9) a:before{content: url(../images/base/58-meishi-icon2.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(10) a:before{content: url(../images/base/59-poster-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(11) a:before{content: url(../images/base/60-futo-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(12) a:before{content: url(../images/base/61-calendar-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(13) a:before{content: url(../images/base/62-shiori-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(14) a:before{content: url(../images/base/63-rgb-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(15) a:before{content: url(../images/base/64-sitagiki-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(16) a:before{content: url(../images/base/67-tamegaki-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	ul.ddmenu ul li:nth-child(17) a:before{content: url(../images/base/68-torepe-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
    ul.ddmenu ul li:nth-child(18) a:before{content: url(../images/base/69-placemat-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
    ul.ddmenu ul li:nth-child(19) a:before{content: url(../images/base/70-clearfile-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
    ul.ddmenu ul li:nth-child(20) a:before{content: url(../images/base/71-postcard_clear-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
    ul.ddmenu ul li:nth-child(21) a:before{content: url(../images/base/72-postcard_hantoumei-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
    ul.ddmenu ul li:nth-child(22) a:before{content: url(../images/base/73-bag-icon.png); display:block; text-align:center; margin:0; padding:0.5em 0 0;}
	
	ul.ddmenu ul li:last-child{ }	
	ul.ddmenu ul li:first-child{}	
		   
}


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

#header3{ display:none;} 
  
}

@media print{	

#header3{display:none;}	

}


/*** header-m *************************/

@media print, screen and (min-width: 960px){ 

#header-m{ display:none;} 

#header-m2{ display:none;} 

}


@media screen and (min-width: 601px) and (max-width:959px) { 



#header-m{overflow: hidden; width:100%; height:65px; background:#fff;  border-bottom:1px solid #000;display:block;}

.fixed{position:fixed; top:0; right:0; z-index:9999;}

.header-m-left{overflow: hidden; display:block;width:100%; margin:0; padding:0}


.header-mcatch{
	font-size:0.73em; 
	background:#285FD5; 
	color:#fff; 
	font-weight:500; 
	padding:0;
	margin:0;
	height:22px; 
	line-height:22px; 
	display:block;
	text-align:center;
	width:100%;
	}


.header-m-left h2{
	padding:0;
	color:#285FD5; 
	font-weight:900; 
	font-size:1.75em;
	white-space: nowrap; 
	line-height:40px; 
	text-align:center;
	width:100%;
	}

.header-m-left h2 a{ text-decoration:none;color:#285FD5;}

#header-m .header-m-tel{ display:none;}

#header-m .menu{
	margin:0; 
	float:right;
	display:block;
	overflow: hidden; 
	width:100px;
	}

#header-m .menu ul{list-style:none;}

#header-m .menu ul li{
	font-size:0.63em; 
	white-space: nowrap; 
	text-align:center;
	display:table;
	width:100%;
	}

#header-m .menu a{
	text-decoration:none;
	color:#fff;
	display:table-cell;
	background:#333;
	height:65px; 
	vertical-align:middle;
	}

#header-m .menu i{display:block;font-size:2.5em;}

#header-m .menu a:hover{text-decoration:none;color:#ccc;}







#header-m2{overflow: hidden; width:100%; height:65px; background:#fff;  border-bottom:1px solid #000;display:block;}

#header-m2 .header-m2-left{overflow: hidden; display:block;width:100%; margin:0; padding:0}

#header-m2 .header-mcatch{
	font-size:0.73em; 
	background:#285FD5; 
	color:#fff; 
	font-weight:500; 
	padding:0;
	margin:0;
	height:22px; 
	line-height:22px; 
	display:block;
	text-align:center;
	width:100%;
	}


#header-m2 .header-m-left h2{
	padding:0;
	color:#285FD5; 
	font-weight:900; 
	font-size:1.75em;
	white-space: nowrap; 
	line-height:40px; 
	text-align:center;
	width:100%;
	}

#header-m2 .header-m-left h2 a{ text-decoration:none;color:#285FD5;}

#header-m2 .header-m-tel{ display:none;}

  
}


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

#header-m{overflow: hidden; width:100%; height:55px; background:#fff;  border-bottom:1px solid #ccc;display:block; margin:0; padding:0;}

.fixed{position:fixed; top:0; right:0; z-index:9999;}

.header-m-left{overflow: hidden; display:block;width:100%;margin:0; padding:0;}


.header-mcatch{
	font-size:0.73em; 
	background:#000; 
	color:#fff; 
	font-weight:500; 
	padding:0 0 0 10px; 
	margin:0;
	height:20px; 
	line-height:20px; 
	display:block;
	width:100%;
	}


.header-m-left h2{
	padding:0 0 0 10px; 
	margin:0;
	color:#285FD5; 
	font-weight:900; 
	font-size:1.75em;
	white-space: nowrap; 
	line-height:35px; 
	width:100%;
	}

.header-m-left h2 a{ text-decoration:none;color:#285FD5;}

#header-m .header-m-tel{ display:none;}

#header-m .menu{
	margin:0;
	padding:0;
	display:block;
	overflow: hidden; 
	width:20%;
	position:fixed; top:0; right:0; z-index:9999;
	
	}

#header-m .menu ul{list-style:none;}

#header-m .menu ul li{
	font-size:0.63em; 
	white-space: nowrap; 
	text-align:center;
	display:table;
	width:100%;
	}

#header-m .menu a{
	text-decoration:none;
	color:#fff;
	display:table-cell;
	background:#285FD5;
	height:55px; 
	vertical-align:middle;
	}

#header-m .menu i{display:block;font-size:2.5em;}

#header-m .menu a:hover{text-decoration:none;color:#ccc;}


/**#header-m .menu ul li:nth-child(1) a:before{content:"\f003";font-family: "FontAwesome"; display:block;font-size:2.5em; margin-bottom:-0.5em;}

#header-m .menu ul li:nth-child(2) a:before{content:"\f234";font-family: "FontAwesome"; display:block;font-size:2.5em; margin-bottom:-0.5em;}

#header-m .menu ul li:nth-child(3) a:before{content:"\f07a";font-family: "FontAwesome"; display:block;font-size:2.5em; margin-bottom:-0.5em;}**/

#header-m2{overflow: hidden; width:100%; height:65px; background:#fff;  border-bottom:1px solid #000;display:block;}

#header-m2 .header-m2-left{overflow: hidden; display:block;width:100%; margin:0; padding:0}

#header-m2 .header-mcatch{
	font-size:0.73em; 
	background:#285FD5; 
	color:#fff; 
	font-weight:500; 
	padding:0;
	margin:0;
	height:22px; 
	line-height:22px; 
	display:block;
	text-align:center;
	width:100%;
	}


#header-m2 .header-m-left h2{
	padding:0;
	color:#285FD5; 
	font-weight:900; 
	font-size:1.75em;
	white-space: nowrap; 
	line-height:40px; 
	text-align:center;
	width:100%;
	}

#header-m2 .header-m-left h2 a{ text-decoration:none;color:#285FD5;}

#header-m2 .header-m-tel{ display:none;}


}













/* モーダルウィンドウ */	
	
@media (min-width: 960px) {
#modal{display:none;}
}
	
	
/* 【モバイルメニュー】 */	
	
@media screen and (max-width: 959px) {
		
#modal{ overflow:hidden; display:none; border-left:1px solid #ccc;}



.modaltop{overflow:hidden; display:block; padding:0; height:65px; width:100%; background:#333;}

.modaltop-right{
	margin:0; 
	float:right;
	display:block;
	overflow: hidden; 
	width:65px;
	}

.modaltop-right p{
	font-size:0.63em; 
	white-space: nowrap; 
	text-align:center;
	display:table;
	width:100%;
	}

.modaltop-right p a{
	text-decoration:none;
	color:#fff;
	display:table-cell;
	background:#285FD5;
	height:65px; 
	vertical-align:middle;
	}

.modaltop-right p a:before{
	   font-size:2.5em;
	   content:"\f00d";
	   font-family: "FontAwesome";
	   display:block;
	   }	


.modaltop-right p a:hover{text-decoration:none;color:#fff; background:#000;}


.modaltop ul{
	float:left;
	overflow: hidden; 
	list-style:none;
	padding:7px
	}
	
.modaltop ul li{
	text-align:center;
	white-space: nowrap;
	float:left;
	font-size:0.63em;
	display: table;
	margin-right:7px;
	}
		
.modaltop ul li:last-child{margin-right:0;}	
		
.modaltop ul li a{
	text-decoration:none;
	display: table-cell;
	color:#285FD5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height:51px; 
	vertical-align:middle;
	padding:0 5px;
	background:#fff;
	}
	   
.modaltop ul li a:hover{ color:#285FD5;background:#d4dff7;}	

.modaltop ul li:nth-child(1) a:before{ 
	   font-size:2.5em;
	   content:"\f015";
	   font-family: "FontAwesome";
	   display:block;
	   }
.modaltop ul li:nth-child(2) a:before{ 
	   font-size:2.5em;
	   content:"\f007";
	   font-family: "FontAwesome";
	   display:block;
	   }

.modaltop ul li:nth-child(3) a:before{
	   font-size:2.5em;
	   content:"\f234";
	   font-family: "FontAwesome";
	   display:block;
	   }
	   
.modaltop ul li:nth-child(4) a:before{
	   font-size:2.5em;
	   content:"\f003";
	   font-family: "FontAwesome";
	   display:block;
	   }	
	   
.modaltop ul li:nth-child(5) a:before{
	   font-size:2.5em;
	   content:"\f07a";
	   font-family: "FontAwesome";
	   display:block;
	   }		   	   		

.modal1{overflow:hidden; margin-bottom:0; display:block; }
	
.modal1 ul{list-style:none;border-top:1px solid #000}
	
.modal1 ul li{font-size:0.73em; border-bottom:1px solid #000; float:left; width:49.8%}

.modal1 ul li:nth-child(odd){border-right:1px solid #000;}
	
.modal1 ul li a:before{content:"\f105"; font-family: "FontAwesome"; padding-right:0.5em;}
	
.modal1 ul li a{display:block; padding:0.15em 0.5em; color:#000;text-decoration:none;}
	
.modal1 ul li a:hover{ text-decoration:none; background:lightyellow; color:#000;}




.modal2{overflow:hidden; background:#f6f5eb; padding:0.5em 0;margin-bottom:0;}
	
.modal2 ul{ width:100%;list-style:none; }

.modal2 ul li{float:left;width:45.5%; font-size:0.73em; text-align:center;  }

.modal2 ul li:nth-child(odd){margin:1.5% 1.5% 1.5% 3%;}

.modal2 ul li:nth-child(even){margin:1.5% 3% 1.5% 1.5%;}

.modal2 ul li a{
	display:block; 
	padding:1%;
	border:1px solid #000;
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	text-decoration:none;
	color:#000;
	background:#fff;
	font-weight:600;}
	
.modal2 ul li a:hover{background:#c2ebf9;}	

.modal2 ul li img{ width: 45px;height: 50px;}	



.close{margin:1.5em 3%;clear:both;display:block;}

.close a{display:block; 
	padding:1%;
	border:1px solid #000;
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	text-decoration:none;
	color:#fff;
	background:#000;
	font-weight:600;
	text-align:center;}
	
.close a:before{
	   content:"\f00d";
	   font-family: "FontAwesome";
	   }		

.close a:hover{
	border:1px solid #000;
	background:#fff;
	color:#000;
	}
	
	
}
	

@media print{	
#modal{display:none;}	
}
	
	



































   
   
   /* 【wrapper】 */ 
   
   @media (min-width: 960px) {  
   
   #wrapper{width:1000px;margin:0 auto;overflow: hidden;}
   
   }
   
   @media screen and (min-width: 601px) and (max-width:959px) and (-webkit-min-device-pixel-ratio: 2) { 
   
   #wrapper{width:auto;margin:0;overflow: hidden;}	
   
   }
   
   @media screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2)  {
	
   #wrapper{width:auto;margin:0;overflow: hidden;}	 
	   
   }
   
   
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
   /* 【メイン】 */   
   
   @media (min-width: 960px) {   
   
   main{width:750px; float:right; overflow: hidden; padding-bottom:75px;}
   
   }
   
   @media screen and (min-width: 601px) and (max-width:959px){ 
   
   main{padding:3% 0 50px 0 ;overflow: hidden; width:auto; float:none;} 
   
   }
   
   @media screen and (max-width: 600px){
	
   main{width:auto;padding:3% 0 50px 0;float:none;overflow: hidden; display:block;}
	   
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* 【サイド】 */
   
   
   @media (min-width: 960px) {
	   
   #side{width:200px; float:left; overflow:hidden;}
   
   }
   
   @media screen and (min-width: 601px) and (max-width:959px) { 
   
   #side{ display:none;}
   
   }
   
   @media screen and (max-width: 600px) {
	   
   #side{ display:none;}
	   	   
   }	 
   
   
   @media print{
	   
   #side{ display:none;}
	   	   
   }	   
   










   /* 【サイド】メニュー1（黒） */
   
   @media (min-width: 960px) {
   
   #sidememu1{ margin-bottom:20px;}
   
   #sidememu1 nav ul{
	   width:100%; 
	   background-color:#E8E8E8; 
	   border-top:5px solid #00629B;
	   border-bottom:5px solid #00629B;
	   box-sizing:border-box; 
	   padding:6% 3%
	   }
   
   #sidememu1 nav ul li{
	   list-style:none; 
	   font-size:1em;
	   height:30px; 
	   line-height:30px;
	   margin-bottom:5px;
	   }
	   
   #sidememu1 nav ul li:nth-child(5){margin-bottom:0;}   
    
  
   
   #sidememu1 nav ul li a{
	   display:block;
	   text-decoration:none;
	   color:#000;
	   background:#fff;
	   border-radius:5px;
	   border:1px solid #DEDEDE;
	   }
   
   #sidememu1 nav ul li a:hover{background:#ccc;}
   
   
   #sidememu1 nav ul li:nth-child(1) a:before{ 
	   color: #00629B;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0d1";
	   font-family: "FontAwesome";}	
	   
	   
   #sidememu1 nav ul li:nth-child(2) a:before{ 
	   color: #00629B;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f059";
	   font-family: "FontAwesome";}		   
	   
	   
   #sidememu1 nav ul li:nth-child(3) a:before{ 
	   color: #00629B;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0e0";
	   font-family: "FontAwesome";}	
	   
   #sidememu1 nav ul li:nth-child(4) a:before{ 
	   color: #00629B;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0c5";
	   font-family: "FontAwesome";}	
	   
   #sidememu1 nav ul li:nth-child(5) a:before{ 
	   color: #00629B;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f093";
	   font-family: "FontAwesome";}		   
	   		   	   	   
   
   }
   
   
   
   
   
  
  
  
  
  
  
  
  
  
   /* 【サイド】メニュー1（黒） */
   
   @media (min-width: 960px) {
   
   #sidememu1-3{ margin-bottom:20px;}
   
   #sidememu1-3 nav ul{
	   width:100%; 
	   background-color:#E8E8E8; 
	   border-top:3px solid #00629B;
	   border-bottom:3px solid #00629B;
	   box-sizing:border-box; 
	   padding:6% 3%
	   }
   
   #sidememu1-3 nav ul li{
	   list-style:none; 
	   font-size:0.87em;
	   height:30px; 
	   line-height:30px;
	   margin-bottom:5px;
	   }
	   
   
   #sidememu1-3 nav ul li:nth-child(5){margin-bottom:0;} 
  
   
   #sidememu1-3 nav ul li a{
	   display:block;
	   text-decoration:none;
	   color:#000;
	   background:#fff;
	   border-radius:5px;
	   border:1px solid #DEDEDE;
	   }
   
   #sidememu1-3 nav ul li a:hover{background:#ccc;}
   
   
   #sidememu1-3 nav ul li:nth-child(1) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0d1";
	   font-family: "FontAwesome";}	
	   
	   
   #sidememu1-3 nav ul li:nth-child(2) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f059";
	   font-family: "FontAwesome";}		   
	   
	   
   #sidememu1-3 nav ul li:nth-child(3) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0e0";
	   font-family: "FontAwesome";}	
	   
   #sidememu1-3 nav ul li:nth-child(4) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f0c5";
	   font-family: "FontAwesome";}	
	   
   #sidememu1-3 nav ul li:nth-child(5) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.25em 0 0.5em;
	   font-size:1.22em;
	   content:"\f093";
	   font-family: "FontAwesome";}		   
	   		   	   
   
   }   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   /* 【サイド】メニュー1（黒） */
   
   @media (min-width: 960px) {
   
   #sidememu1-2{ margin-bottom:20px;}
   
   #sidememu1-2 nav ul{
	   width:100%; 
	   background-color:#E8E8E8; 
	   border-top:3px solid #00629B;
	   border-bottom:3px solid #00629B;
	   box-sizing:border-box; 
	   padding:6% 3%
	   }
   
   #sidememu1-2 nav ul li{
	   list-style:none; 
	   font-size:0.87em;
	   height:30px; 
	   line-height:30px;
	   margin-bottom:5px;
	   }  
	   
   #sidememu1-2 nav ul li:nth-child(6){font-size:0.81em} 
   
   #sidememu1-2 nav ul li:nth-child(8){margin-bottom:0;} 
   
   #sidememu1-2 nav ul li a{
	   display:block;
	   text-decoration:none;
	   color:#000;
	   background:#fff;
	   border-radius:5px;
	   border:1px solid #DEDEDE;
	   }
   
   #sidememu1-2 nav ul li a:hover{background:#ccc;}
   
   
   #sidememu1-2 nav ul li:nth-child(1) a:before{
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f0d1";
	   font-family: "FontAwesome";
	   }	
	   
	   
   #sidememu1-2 nav ul li:nth-child(2) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f059";
	   font-family: "FontAwesome";
	   }		   
	   
	   
   #sidememu1-2 nav ul li:nth-child(3) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f0e0";
	   font-family: "FontAwesome";
	   }	
	   
   #sidememu1-2 nav ul li:nth-child(4) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f0c5";
	   font-family: "FontAwesome";
	   }	
	   
   #sidememu1-2 nav ul li:nth-child(5) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f019";
	   font-family: "FontAwesome";
	   }		   		   	   
	   
   #sidememu1-2 nav ul li:nth-child(6) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f046";
	   font-family: "FontAwesome";
	   }	
	   	   		   	   
   #sidememu1-2 nav ul li:nth-child(7) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f093";
	   font-family: "FontAwesome";
	   }		
	   	   		   	   
   #sidememu1-2 nav ul li:nth-child(8) a:before{ 
	   color:#3D8ABE;
	   padding:0 0.5em 0 .5em;
	   font-size:1.22em;
	   content:"\f00d";
	   font-family: "FontAwesome";
	   }	  		   	   		   		   	   
	
	   	   	  
   }







   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* 【サイド】メニュー2（商品一覧） */
   
   @media (min-width: 960px) {
   
   #sidememu2{background:#fff; margin-bottom:25px;border-bottom:none;}
   
   #sidememu2 h3{ background:#0066CC; color:white; font-size:16px; font-weight: normal; line-height:30px; padding-left:0.5em;}
   
   #sidememu2 h3 a{color:white; display:block;text-decoration:none;}
   
   #sidememu2 h3 a:hover{ text-decoration:none;}
   
   
.hover-click1,
.hover-click2,
.hover-click3,
.hover-click4,
.hover-click5,
.hover-click6,
.hover-click7,
.hover-click8,
.hover-click9{position: relative;margin: 0;border-bottom:1px solid #82AADE; background:#E8EFFF;}

.hover-click1:hover{background:#C5D7FC;}
.hover-click2:hover{background:#C5D7FC;}
.hover-click3:hover{background:#C5D7FC;}
.hover-click4:hover{background:#C5D7FC;}
.hover-click5:hover{background:#C5D7FC;}
.hover-click6:hover{background:#C5D7FC;}
.hover-click7:hover{background:#C5D7FC;}
.hover-click8:hover{background:#C5D7FC;}
.hover-click9:hover{background:#C5D7FC;}


.hover-click1 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click2 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click3 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click4 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click5 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click6 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click7 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click8 > .iconyes2{display: block;width: 100%;color: #fff;}
.hover-click9 > .iconyes2{display: block;width: 100%;color: #fff;}




   /*  */
   
#sidememu2 nav .iconyes{}

#sidememu2 nav p.iconyes{font-size:13px; margin:0; }
   
#sidememu2 nav .iconyes a{
	text-decoration:none; 
	color:black; 
	display:block;  
	background:#E8EFFF; 
	padding:2px 0;
	border-bottom:1px solid #82AADE
	}

#sidememu2 nav .iconyes a:hover{ background:#C5D7FC;}


   /*  */




#sidememu2 nav p.iconyes2{font-size:13px; padding:0; margin:0; }

#sidememu2 nav .iconyes2{font-size:14px; padding:0; margin:0; }
   
#sidememu2 nav .iconyes2 a{text-decoration:none; display:block; color:#000;padding:2px 0;}


   




   
   

   
   #sidememu2 nav .iconno2{
	   font-size:0.81em; 
	   font-weight: normal;
	   padding:0 1em 0.5em 1em;
	   border-radius:7px;
	   }
	   
   
   #sidememu2 nav .iconno2 a{
	   text-decoration:none; 
	   color:#03031f;  
	   border-top:1px dotted gray;
	   padding:0 0.5em 0 0.5em;
	   display:block;
	   }

	   
	   
   #sidememu2 nav .iconno2 a:last-child{border-bottom:none;}
	   	   
   #sidememu2 nav .iconno2 a:hover{background:#fff;}	   
   
   #sidememu2 nav .iconno2 a::after{content:" \f0da";font-family: "FontAwesome";}





	   
   
   #sidememu2 nav .icon01 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/01-tirashi-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }
 
   
   
   .hover-click1 .icon02 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/02-2leaf-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }   
  

 
   .hover-click2 .icon03 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/03-3leaf-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
  

  
   .hover-click3 .icon04 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/04-book-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
  

  
 
   #sidememu2 nav .icon05 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/05-cover-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
	   
 	   
	   
  
   #sidememu2 nav .icon06 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/06-hagaki-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }
	    

	   
	     
   .hover-click4 .icon07 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/07-card-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }  
	    

	   
	     
   .hover-click5 .icon08 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/08-meishi-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }	   



	      
   #sidememu2 nav .icon09 a::before{
	   margin:0 0.2em; 
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/08-meishi-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
   
   

	      
   .hover-click6 .icon10 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/09-poster-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
	   

	
   .hover-click7 .icon11 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/10-futo-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
	   

	   
   #sidememu2 nav .icon12 a::before{ 
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/11-calendar-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }
	       

  
   

   .hover-click8 .icon13 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/12-shiori-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 

   
   .hover-click9 .icon14 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/13-rgb-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
	   
   

	   
   
 
	   
   #sidememu2 nav .icon15 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/14-yokobook.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }
	   
   #sidememu2 nav .icon16 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b16-shitajiki-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }	   
	      
          
   #sidememu2 nav .icon17 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b17-tamegaki-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }   
	   
	   
	   
   #sidememu2 nav .icon18 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b18-torepe-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }          

	   


   #sidememu2 nav .icon19 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b19-placemat-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 


	   
   }
   
   
   
   
    #sidememu2 nav .icon20 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b20-clearfile-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
   
   
   
   
   #sidememu2 nav .icon21 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b21-postcard_clear-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 


	   
   
   
   
   
    #sidememu2 nav .icon22 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b22-postcard_hantoumei-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   } 
 

	   
   
   
   
   
    #sidememu2 nav .icon23 a::before{
	   content: '';
	   display:inline-block;
	   width: 30px;
	   height: 33px;
	   background-image: url(../images/base/b23-bag-icon.png);
	   background-repeat:no-repeat;
	   background-size: contain;
	   vertical-align: middle;
	   }   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* 【サイド】メニュー3（オプション） */
   
   @media (min-width: 960px) {
   
   #sidememu3{background:#fff; margin-bottom:25px;}
   
   #sidememu3 h3{ background:#0555BD; color:white; font-size:16px; font-weight: normal; line-height:30px; padding-left:0.5em;}
   
   #sidememu3 h3 a{color:white; display:block;text-decoration:none;}
   
   #sidememu3 h3 a:hover{ text-decoration:none;}
   
   
   #sidememu3 nav ul{width:100%;}
   
   #sidememu3 nav ul li{list-style:none; font-size:14px; border-bottom:1px dotted gray; padding:0; margin:0; line-height:30px;}
   
   #sidememu3 nav ul li:last-child{ border-bottom:none;}
   
   #sidememu3 nav ul li a{text-decoration:none; color:black; display:block; height:30px; background-color:#F5F5F5}
   
   #sidememu3 nav ul li a:hover{ background-color:#DBDCDC; color:#0555BD;}
   
   #sidememu3 nav ul li a::before{
	   content: '\f0da';
	   font-family: "FontAwesome";
	   margin:0 0.5em 0 0.75em;
	   color:#0555BD;
	   }
   }
   
   
   
   
   
   
   
   
   
   
   
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
/* 【サイド】メニュー４（用途で選ぶ～会社概要） */
   
@media (min-width: 960px) {
	
#sidememu4{ margin-bottom:50px;}	   
	   
#sidememu4 .openbtn {
	cursor: pointer;
	background:#053293;
	color:#fff;
	line-height:30px;
	font-size:16px;
	font-weight:normal;
	padding-left:0.5em;
	}
	
#sidememu4 h3 {
	background:#053293;
	color:#fff;
	line-height:30px;
	font-size:14px;
	font-weight: normal;
	padding-left:0.5em;
	}	
 
#sidememu4 .openbtn::after{
	content: '\f0d7';
	   font-family: "FontAwesome";
	   margin:0 0 0 0.5em;
	   color:#FFFF00;
	   font-size:22px;
	   } 

#sidememu4 .openbtn:hover {opacity: 0.9;}
 

#sidememu4 .openbox {display: none; overflow:hidden;}
 
#sidememu4 ul { width:100%; }
   	   
#sidememu4 ul li{ border-bottom:1px dotted gray; line-height:120%; font-size:14px;background-color:#F5F5F5} 
   
#sidememu4 ul li a::before{
	   content: '\f0da';
	   font-family: "FontAwesome";
	   margin:0 0.5em 0 1em;
	   color:#084BC4;
	   } 
   
#sidememu4 ul li a{ display:block; text-decoration:none;padding:0.3em;padding-left: 1em;text-indent: -1.5em; color:#000; }   
   
#sidememu4 ul li a:hover{ background-color:#DBDCDC; color:#084BC4;}  


}
	   

/* 【JPPS】サイド */

aside .jpps{ margin-bottom:50px;}

aside .jpps img{display:block;}

aside .jpps p{font-size:14px; margin-bottom:1em;}


/* 【環境推進工場】サイド */

aside .epfactory{ margin-bottom:50px;}

aside .epfactory img{display:block;}

aside .epfactory p{font-size:14px; margin-bottom:1em;}





/* 弊社運営サイト */



.site p{ margin-top:1em; margin-bottom:1em; font-weight:bold;}

.site img{border:1px solid #ccc;}


	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* 【フッター】 */
	
@media (min-width: 960px) {

   
#footer1{
		clear: both; 
		overflow:hidden;
		background:#e5e5e5;
		}
	

	
#footer1 .footer1-in{ 
		width:1100px; 
		margin:10px auto;
		padding:2em 1.5em 2em 1.5em;
		overflow:hidden;
		}


#footer1 h3{ font-size:1.75em; text-align:center; font-weight: normal;}

#footer1 ul{display:table; width:100%; margin-top:2em;}
	   
#footer1 ul li{
	list-style:none;
	margin:0 1.5% 0 0; 
	box-sizing: border-box;
	float:left;
	width:23.875%;
	text-align:center;
	line-height:40px;
	font-size:1.12em;
	font-weight:bold;
	}
	

#footer1 ul li a{
	background-color:#000;	
	text-decoration:none; 
	color:#fff; 
	display:block;
	
		}
		
#footer1 ul li:nth-child(4n){margin:0 0 1.5% 0;} 		
		
#footer1 ul li a:hover{ background-color:#fff; color:#000;}		

#footer1 ul li img{vertical-align:middle; margin-right:0.25em; display:none;}

   
   



	
	
	
	
	
	
	
	
	
	#footer2{
		clear: both; 
		overflow:hidden;
		}
		
	#footer2 .footer2-in{ 
		width:1000px; 
		margin:0 auto;
		padding:2em 0;
		overflow:hidden;
		}		
	
	#footer2 .footer2-in .col:nth-child(1) {
		width:48%;
		float:left;
		padding:1%;
	}
	
	#footer2 .footer2-in .col:nth-child(2) {
		float:left;
		padding:1%;
		width:48%;
	}

	}
	
	
	
	@media screen and (min-width: 601px) and (max-width:959px) { 
	
	#footer1{display:none; margin:0 ; padding:0;}	
	
	#footer2{
		clear: both; 
		overflow:hidden;
		background:#E3EFF6;
		}
		
	#footer2 .footer2-in{ 
		width:94%; 
		margin:0 auto;
		padding:3%;
		overflow:hidden;
		}		
	
	#footer2 .footer2-in .col:nth-child(1) {
		display: block;
		margin-bottom:1em;
	}
	
	#footer2 .footer2-in .col:nth-child(2) {
		display: block;
	}
	
	}
	
	
	@media screen and (max-width: 600px) {

		
	#footer1{display:none;}	
	
	
	#footer2{
		clear: both; 
		overflow:hidden;
		background:#E3EFF6;
		font-size:0.87em;
		}
		
	#footer2 .footer2-in{ 
		width:auto; 
		margin:0 auto;
		padding:2em 1.5em;
		overflow:hidden;
		}		
	
	#footer2 .footer2-in .col:nth-child(1) {
		display: block;
		margin-bottom:1em;
	}
	
	#footer2 .footer2-in .col:nth-child(2) {
		display: block;
	}
	
	
	}


	@media print{
		
	#footer1{display:none;}	
	
	#footer2{display:none;}	
	
	
		
		  }
	
	
@media (min-width: 960px) {
	
address{
		font-size: 0.73em;
		font-style: normal;
		background-color: #111;
		padding: 1em;
		color: #CCC;
		clear:both;
		display: block;
		width:100%;
		}	
}
	
	
@media screen and (min-width: 601px) and (max-width:959px) { 
	
address{
		font-size: 0.73em;
		font-style: normal;
		background-color: #111;
		padding: 1em;
		color: #CCC;
		clear:both;
		display: block;
		width:100%;
		}		
}	
	
@media screen and (max-width: 600px) {
		
address{
		font-size: 0.47em;
		font-style: normal;
		background-color: #111;
		text-align: left;
		color: #CCC;
		clear:both;
		display: block;
		width:100%;
		padding:1em 0.5em 55px 0.5em;
		line-height:1.4em;
		}
		
	}	
	
@media print{	

	address{
		font-size: 0.4em;
		font-style: normal;
		background-color: #111;
		text-align: left;
		color: #CCC;
		clear:both;
		display: block;
		width:100%;
		padding:0.5em 0.5em;
		}

}
	
	
	
	
	
	
	
	
	
	
	
	



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* 【ページトップ】 *********************************/
		
		
	
#page-top {
	position: fixed;
	bottom: 0px;
	right: 10px;
	font-size:28px;
	overflow:hidden;
	z-index:9999;
	line-height: inherit;
	margin:0;
	padding:0;
	}

#page-top a {
	background:#3d3d3d;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	width:110px;
	padding:0.75em 0;
	margin:0;
	}
	
#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
	
@media screen and (max-width: 600px) {
	
#page-top {line-height: inherit; bottom:50px;right: 10px;}	

#page-top a {width:40px; height:40px; border-radius:20px;padding:0; line-height:30px;}
	
}


@media print{	

#page-top{display:none;}	

}






















/*トップindex.html*************************************/
/* 【キャッチ】 */

.indexh4 h4{margin-bottom:25px; }

.indexh4 p{ }





/* 【４つの特長】 */

.indexcatch{
	background: url(../images/index/indexcatch960.png); 
	background-repeat:no-repeat;
	margin-bottom:25px; 
	height:110px; 
	padding:40px 1%;
	box-sizing:border-box;
	overflow:hidden;
	display:table;
	width:100%;}
	
@media screen and (min-width: 601px) and (max-width:959px) {  
	
.indexcatch{background: url(../images/index/indexcatch960.png);background-repeat:no-repeat;
}

}

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

.indexcatch{
	background: url(../images/index/indexcatch640.png); 
	background-repeat:no-repeat;
	height:auto;
	display: inherit;
	padding:3% 1%;
	display:none;}
	
}

.indexcatch div{display:table-cell;text-align:center;box-sizing: border-box;}

.indexcatch div a{
	color:#fff; 
	font-size:18px; 
	font-weight:bold;
	line-height:130%;
	text-decoration:none;
	}

.indexcatch div a:hover{
	text-decoration:none; 
	color:#ccc;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;}

.indexcatch div a p{ 
	border:2px solid #fff;
	border-radius: 22.5px;
-webkit-border-radius: 22.5px;
-moz-border-radius: 22.5px;
	font-size:23px;
	line-height:45px;
	margin:0.25em 5px 0;
	padding:0 10px;
	}
	
.indexcatch div a p:hover{
	background:#000; 
	opacity: 0.5;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	}	

.indexcatch img a:hover{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter:"alpha(opacity=100)" !important;
	}

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

.indexcatch div{display: inherit; float:left; width:47%; margin:3% 1.25%;}	
	
.indexcatch div a{font-size:16px;}	

.indexcatch div a p{ font-size:16px;}	

}


.indexcatch-mb{ display:none;}

@media screen and (min-width: 601px) and (max-width:959px) { 

.indexcatch-mb{ display:none;}

}

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

.indexcatch-mb{ 
	display: inherit;
	background: url(../images/index/indexcatch640.png); 
	height:auto;
	display: inherit;
	padding:3%;
	margin-bottom:25px;}

.indexcatch-mb ul{ list-style:none;}

.indexcatch-mb li a{
	border:1px solid #fff;
	border-bottom:none;
	display:block;
	width:97%;
	font-size:12px;
	margin:0;
	padding:0.75% 1.5%;
	color:white;
	text-decoration:none;
	font-weight:bold;
	}

.indexcatch-mb li:last-child a{border-bottom:1px solid #fff;}
	
.indexcatch-mb li a:hover{
	background:#000; 
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter:"alpha(opacity=100)" !important;

	}	

}







/* 【bxslider】 */


.bx-viewport .bxslider li {display: block !important;}










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

.index-view{
	display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
	}
	
.index-sengen{-webkit-box-ordinal-group:4;
  -ms-flex-order:4;
  -webkit-order:4;
  order:4;}	

.welcome{-webkit-box-ordinal-group:5;
  -ms-flex-order:5;
  -webkit-order:5;
  order:5;}

.index-shiyou{-webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;}
  
  
.index-sassi{-webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;}  

.index-menu{-webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;}

}








/* 【オンデマンドＰ品質宣言】 */

.index-sengen{ background:#f6f6ce; padding:10px 10px;}


@media screen and (max-width: 600px) {
	
.index-sengen{ padding:0.5em;font-size:0.87em; margin-top:50px;}

}





/* ようこそ「オンデマンドP」へ*/


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

.welcome{ font-size:0.87em; line-height:1.4em;}

}







/* 【仕様で探す】 */

.index-shiyou{ 
	margin-bottom:75px;  
	overflow:hidden; 
	background:#1D7FFF;
	clear:both;
	padding:1.25%;
	}

.index-shiyou h2{ color:#fff; font-size:1.47em; margin:1.25%; font-weight:normal}

.index-shiyou ul{display:block;}

.index-shiyou ul li{
	box-sizing:border-box;
	width:22.5%;
	float:left; 
	list-style:none; 
	margin:1.25%; 
	font-size:1.12em; 
	font-weight:bold;
	line-height:20px; 
	background:#fff;
}

.index-shiyou ul li a img{display:block; margin:0 auto 0; width:80%}


.index-shiyou ul li a{
	color:#000; 
	height:130px;
	text-align: center;
	vertical-align: middle;
	 display:table-cell;
	text-decoration:none;
	width:100%;
	}

.index-shiyou ul li a:hover{
	text-decoration:none;
	background:#d9f0f6;
	color:#171c61}
	

@media screen and (min-width: 601px) and (max-width:959px) {

.index-shiyou{ 
	margin-bottom:50px;  }

.index-shiyou ul li{font-size:0.87em;line-height:125%; }

.index-shiyou ul li a img{width:100%}
	
}



@media screen and (max-width: 600px) {
	
.index-shiyou{ margin-bottom:25px;}	

.index-shiyou h2{ color:#fff; font-size:1.22em; margin:1.25%;}

.index-shiyou ul li{font-size:0.81em;line-height:125%;}

.index-shiyou ul li a{height:90px;}

.index-shiyou ul li a img{display:block; margin:0 auto 0; width:100%}
	
}













/* 【冊子を用途で選ぶ】 */

.index-sassi{ 
	margin-bottom:75px;  
	overflow:hidden; 
	background:#1D7FFF;
	clear:both;
	padding:1.25%;
	}

.index-sassi h2{ color:#fff; font-size:1.47em; margin:1.25%; font-weight:normal;}

.index-sassi ul{display: inline-block;}

.index-sassi ul li{
	box-sizing:border-box;
	 width:17.5%;
	 float:left; 
	 list-style:none; 
	 margin:1.25%; 
}

.index-sassi ul li a img{display:block; margin:0 auto 0; width:100%}


.index-sassi ul li a p{font-size:0.81em; line-height:120%; padding:0.25em; height:2.5em;vertical-align: middle }

.index-sassi ul li a{
	color:#000; 
	text-align: center;
	vertical-align: top;
	background:#fff; 
	display:table-cell;
	text-decoration:none;
	}

.index-sassi ul li a:hover{text-decoration:none;background:#d9f0f6; color:#171c61}
	

@media screen and (min-width: 601px) and (max-width:959px) {

.index-sassi{ margin-bottom:50px;  }
	
}



@media screen and (max-width: 600px) {
	
.index-sassi{ margin-bottom:25px;}	

.index-sassi h2{ color:#fff; font-size:1.22em; margin:1.25%;}

.index-sassi ul li a p{height:4em;}
	
}
















/* 【インデックスメニュー】 */

.index-menu{ margin-bottom:50px; margin-top:50px; overflow:hidden;  width:100%;}

.index-menu ul{ 
	list-style: none;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}

.index-menu li{ border-bottom:1px dotted #000;}

.index-menu li:last-child{border-bottom:none;}

.index-menu li a{text-decoration:none; display:block; padding:0.5em; color:#000; font-weight:500;}

.index-menu li a:before{content:"\f054"; font-family: "FontAwesome"; padding-right:0.5em; color:#000;}

.index-menu li a:hover{ background:#ccc}


@media screen and (min-width: 601px) and (max-width:959px) {

.index-menu{ margin-bottom:50px; }
	
}


@media screen and (max-width: 600px) {
	
.index-menu{ margin-bottom:0px; margin-top:25px; }	
	
}





/* 【ご注文からお届けまでの流れ】 */

.index-flow{overflow:hidden; margin-bottom:75px;border:10px solid #d8d6d6; padding:0 20px 20px 20px;}  
   
.index-flow h2{ 
	font-size:1.22em; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 22.5px;
-webkit-border-radius: 22.5px;
border-radius: 22.5px;
	line-height:45px;
	width:auto;
	margin:20px auto;
	display:inline-block;
	padding:0 2em;}
	
@media screen and (max-width: 600px) {
	
.index-flow{padding:0 15px 0px 15px;}  	
	
.index-flow h2{font-size:1.12em;padding:0 1em; }		  

}
   
.index-flow-3-table{display:table;}

.index-flow-3-table .lbox{
	display:table-cell; 
	padding-right:0.15em;
	font-family: "Rounded Mplus 1c"; 
	font-size:36px; 
	font-weight:bold;
	color:#02328D; 
	line-height:36px;
	}

.index-flow-3-table .cbox{
	display:table-cell; 
	font-family: "Rounded Mplus 1c";
	vertical-align:middle; 
	font-size:20px; 
	font-weight:bold; 
	height:10px;
	}

.index-flow-3-table .rbox{
	display:table-cell; 
	padding-left:0.15em;
	font-family: "Rounded Mplus 1c";
	vertical-align:middle; 
	font-size:22px;
	font-weight:bold;
	}   

.okyakusama{
	background:#FFCAE2;
	border:1px solid #000;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
	padding:0 0.5em;
	}
   
.ondemandp{
	background:#CCFFFE;
	border:1px solid #000;
	color:#000;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
	padding:0 0.5em;
	}   
   
   
   
   
   
   
   
 /* 【お客様の声】 */
 
 
#feed{padding:1em;}
 
#feed ul{ list-style:none;} 
 
#feed li a{font-size:16px; font-weight:bold; margin:0 0 0.5em 0; padding:0;list-style:none; display:inline-block}

#feed li{font-size:14px; border-bottom:1px dashed #333; padding:0 0 0.75em 0; margin:0 0 0.75em 0; line-height:130%;}

#feed li span{ font-size:12px; color:gray;}


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

#feed li a{font-size:14px;} 
	
#feed li{font-size:12px; }

#feed li span{ font-size:10px;}

}



   
.index-voice{overflow:hidden; margin-bottom:75px;border:10px solid #d8d6d6;}  
   
.index-voice h2{ 
	font-size:1.22em; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 22.5px;
-webkit-border-radius: 22.5px;
border-radius: 22.5px;
	line-height:45px;
	width:auto;
	margin:20px auto;
	display:inline-block;
	padding:0 2em;
	} 
	
@media screen and (max-width: 600px) {	  

}	  
   	 
.index-voice .border{border-bottom:2px dashed #ccc;}

.index-voice .botan{
	margin:0 auto 1em;
	width:40%;
	text-align:center;
	}
	
.index-voice .botan a{ 
	background:#ED1C24;
	border:none;
	font-size:1em;
	color:white;
	padding:0.5% 20%;
	font-weight:500;
	text-decoration:none;
	}

.index-voice .botan a:hover{text-decoration:none; background:#000; color:#fff;}


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

.index-voice .botan{width:100%;}
		
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*** インフォメーション *****************************************/

	
.index-info{ background:#F2F2F2;overflow:hidden; margin-bottom:75px; padding:20px;}



/*** お知らせ ***/	
	
.oshirase{overflow:hidden; margin-bottom:75px;}	

.oshirase h2{ 
	font-size:1.22em; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 22.5px;
-webkit-border-radius: 22.5px;
border-radius: 22.5px;
	line-height:45px;
	width:auto;
	margin:20px auto;
	display:inline-block;
	padding:0 2em;
	background:#fff;
	} 
	
@media screen and (max-width: 600px) {
	
.index-info{ padding:13px;}	

}
	
.oshirase ul{display: inline-block;}

.oshirase ul li{
	box-sizing:border-box;
	 width:30%;
	 float:left; 
	 list-style:none; 
	 margin:1.65%; 
	 font-size:1.18em; 
	 font-weight:bold;
	 line-height:22.8px;
	 }
	 
@media screen and (max-width: 600px) {
	
.oshirase ul li{width:46.5%;font-size:0.93em;line-height:130%;}

}	
 

.oshirase ul li:nth-child(5){font-size:1em;}

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

.oshirase ul li:nth-child(5){font-size:0.87em;}
	
}

.oshirase ul li a img{display:block; margin:0 auto 0.25em;padding:0.25em;}

.oshirase ul li a:hover img{ 
	}

.oshirase ul li a{
	color:#0167CC; 
	height:130px;
	text-align: center;
	vertical-align: middle;
	background:#fff; 
	display:table-cell;
	border:4px solid #B3B3B3;
	width:30%;
	text-decoration:none;
	}

.oshirase ul li a:hover{
	text-decoration:none;
	background:#f6f5eb;;
	color:#666;
	}
		
@media screen and (max-width: 600px) {

.oshirase ul li a img{max-width:90%; margin:0 auto 0.25em; padding:0;}

.oshirase ul li a:hover img{ 
	background:none;
	-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
	padding:0;}
	
.oshirase ul li a{color:#727171; }	
	
.oshirase ul li a:hover{background:#eeeeee;border:4px solid #727171;color:#727171;}
	
}	
	

/*** 新着情報 ***/		
	
#news{overflow:hidden;margin-bottom:75px;}

#news h2{ 
	font-size:1.22em; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 22.5px;
	-webkit-border-radius: 22.5px;
	border-radius: 22.5px;
	line-height:45px;
	width:auto;
	margin:20px auto;
	display:inline-block;
	padding:0 2em;
	background:#fff;} 
	
@media screen and (max-width: 600px) {
	
#news h2{width:auto;}

}	

#news dl{ width:98%; border-bottom:0.5pt dashed #000;overflow:hidden; font-size:0.87em; padding:2% 1%}

#news dl:first-child{ border-top:0.5pt dashed #000;}

#news dt{padding:0; margin:0; }

#news dd{padding:0;}

	
	
.newsbox {
  width: 600px;                /* 横幅を指定 */
  height: 300px;               /* 縦幅を指定 */
  border: 1px solid #000;      /* わかりやすくボーダーを引く */
  overflow-y: scroll;          /* 縦方向にスクロール可能にする */
margin-left: auto; /* 中央寄せにするため */
	margin-right: auto; /* 中央寄せにするため */
	padding:10px; /* ボックス内の余白 */
}
	
	
	
	
/*** 「オンデマンドP」の特徴 *****************************************/
	
	
/*** 特徴①10台をフル稼働 ***/	

.tokutyo{overflow:hidden; margin-bottom:0px; padding:0px 20px 20px 20px;}	

.tokutyo h2{ 
	font-size:1.22em;
	line-height:24px; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
	padding:10px 2em;
	margin:0 auto;
	display:inline-block;
	text-align:center;
	background:#fff;
	} 	
	
@media screen and (max-width: 600px) {
	
.tokutyo{padding:0 0 20px;}

.tokutyo h2{font-size:1.12em; }

}		
	
.tokutyo h3{color:#ff0000;padding-top:0.5em; margin-bottom:0.5em}

.tokutyo h3:first-letter{ font-size:2.00em; margin-right:5px;font-family: "Rounded Mplus 1c"; }
	
@media screen and (max-width: 600px) {
	
	.tokutyo h3:first-letter{ font-size:1.47em;}
	
}

.tokutyo div{margin-top:25px; margin-bottom:25px;}	
	
.tokutyo div p{ display:table-cell;}	
	
	
	
	
/*** 特徴②納期対応 ***/		
	
.nokitaiou	{overflow:hidden; margin-bottom:0px; padding:20px;}	

@media screen and (max-width: 600px) {
	
.nokitaiou	{padding:0 0 20px;}	

}	
		
.nokitaiou h3{color:#ff0000; padding-top:0.5em; margin-bottom:0.5em}

.nokitaiou h3:first-letter{ font-size:36px; margin-right:5px;font-family: "Rounded Mplus 1c"; }	
	
@media screen and (max-width: 600px) {	

.nokitaiou h3:first-letter{ font-size:24px;  }
	
}	
	
.nokitaiou-table{border:5px solid #ccc; background:#fff;}

.nokitaiou-table table{
	border-collapse: separate;
	border-spacing: 0 0;
	text-align: center;
	line-height: 1.5;
	width:100%;
	font-size:14px;}

.nokitaiou-table table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid  #ccc;
	font-size:14px;
	white-space: nowrap;
	}
		
.nokitaiou-table table tr:nth-child(odd){}	
	
.nokitaiou-table table tr:nth-child(2){ background:#F2F2F2;}		
	
.nokitaiou-table table tr:nth-child(4){ background:#F2F2F2;}		
	
.nokitaiou-table table tr:nth-child(6){ background:#F2F2F2;}		
	

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

.nokitaiou-table table{white-space: nowrap;}
	
}

/*** 特徴③5,000円以上のお買い上げで送料無料！ ***/	


.souryo-muryo{overflow:hidden; margin-bottom:0px; padding:20px;}	

.souryo-muryo h3{color:#ff0000; padding-top:0.5em; margin-bottom:0.5em;}

.souryo-muryo h3:first-letter{ font-size:36px; margin-right:5px;font-family: "Rounded Mplus 1c"; }	

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

.souryo-muryo h3:first-letter{ font-size:24px;  }
	
}

	
@media screen and (max-width: 600px) {
	
.souryo-muryo{padding:0 0 20px;}		
	
}	


.souryo-muryotable{display:table;}

.souryo-muryotable .lbox-tablecell{display:table-cell;}

.souryo-muryotable .rbox-tablecell{display:table-cell; vertical-align: middle;}

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

.souryo-muryotable{display: inherit}

.souryo-muryotable .lbox-tablecell{ display:none;}
	
}
	
	
	


 /* 【ショッピングガイド】 */	
 

.indexguide{
	overflow:hidden; 
	margin-bottom:75px;
	border:10px solid #F2F2F2; 
	padding:0px 20px 20px 20px;
	}


.indexguide h2{ 
	font-size:20px;
	line-height:24px; 
	font-weight:bold; 
	border:2px solid #000;
	-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
	padding:10px 2em;
	width:auto;
	margin:20px auto;
	display:inline-block;
	background:#fff;} 



.indexguide dl{}

.indexguide dt{color:#0555BD; font-size:16px; font-weight:bold; margin-bottom:0.5em;}

.indexguide dt::before{
	content:"\f0c8";
	font-family: "FontAwesome";
	margin-right:0.25em;
	}

.indexguide dd{font-size:14px;border-bottom:1px dashed #000; padding-bottom:1em; margin-bottom:1em;}


@media screen and (min-width: 601px) and (max-width:959px) {

.indexguide{
	overflow:hidden;
	padding:1.5em 1em 3% 1em;
	margin-bottom:2em;
	}
	
}


@media screen and (max-width: 600px) {
	
.indexguide{
	overflow:hidden;
	padding:1.5em 0 3% 0;
	margin-bottom:2em;
	}

.indexguide h2{ 
	padding:10px 1.5em;
	} 

.indexguide dl{ padding:2%;}

.indexguide dt{color:#2A56AA; font-size:16px; font-weight:bold; margin-bottom:0.5em;}

.indexguide dd{font-size:14px;border-bottom:1px dashed #ccc; padding-bottom:1.5em; margin-bottom:1.5em;}
	
}


















































/* 【サイド】メニュー（右側） */	





.right{ position:fixed; top: 10%; right:10px; width:110px; line-height:1.2em; z-index:9998;}

.right ul{
	list-style:none; font-weight:bold;
  }

.right .menu{
	box-shadow: 0 0 3px gray;
	background: linear-gradient(180deg, #F7FAF9, #F7FAF9);	
  }

.right li{text-align:center; border-bottom:1px solid #D3D3D3; }

.right li:last-child{border-bottom:none;}

.right li a{display:block; color:#fff; padding:0.5em;font-size:14px; text-decoration:none; color:#333333; }

.right li a:hover{ background:#808080; color:#fff;}

.right li:nth-child(1){ background:#000; color:#fff;font-size:15px;padding:5% 2%; border-bottom:none;}


.right .kakaku{background:#E73262; color:#fff;}

.right .r-orderbotan{ background:#E73262; text-align:center;padding:0.5em 0.3em;font-size:14px;line-height:1.2em;}

.right .r-orderbotan:hover{background:#000;}

.right .r-orderbotan a{ text-decoration:none; display:block;}

.right .r-orderbotan .whihebotan{
	background:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	font-size:14px; 
	font-weight:bold;
	padding:0.5em 0.25em; 
	margin:0.5em 0.25em; 
	color:#E73262;
	}

.right .r-orderbotan:hover .whihebotan{color:#000;}








.right .first{ 
	color:#fff;
	font-size:15px;
	padding:3% 2%;
	text-align:center;
	font-weight:bold;
	background:#000;
	}



.right .details a{
	text-align:center; 
	font-weight:bold;
	display:block; 
	color:#333; 
	padding:0.5em;
	font-size:14px; 
	text-decoration:none;
	border-bottom:1px solid #D3D3D3;
	}
	
.right .details:last-child a{border-bottom:none;}

	
	
.right .details a:hover{ background:#808080; color:#fff;}	


.right .r-orderbotan2{ background:#E73262; text-align:center;padding:0.5em 0.3em;font-size:14px;line-height:1.2em;}

.right .r-orderbotan2:hover{background:#808080;}

.right .r-orderbotan2 a{ text-decoration:none; display:block;}

.right .r-orderbotan2 .whihebotan{
	background:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	font-size:14px; 
	font-weight:bold;
	padding:0.5em 0.25em; 
	margin:0.5em 0.25em; 
	color:#E73262;
	}

.right .r-orderbotan2:hover .whihebotan{color:#808080;}








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

.right{display: block;}

}


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

.right{display:none}
	
}




@media print{

.right{display:none;}
	
}








@media screen and (min-width: 601px) and (max-width:959px) {

.indexbase{padding:0 3% 0 3%;} 
	
}
	

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

.indexbase{padding:3% 3% 0 3%;} 

}








/* トップページ以外-四方余白 */
	
@media screen and (max-width: 959px) {	

.base{padding:3%;}	

}


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

.base{padding:3% 3% 0 3%;}	

}

	
	
	
/* base　H2・キャッチコピー */	
	
.base h2{ background:#0555bd; color:#fff; padding:0.5em; font-size:24px; font-weight:normal; line-height:120%;}	

.base .catch{ background:#f2f2f2;padding:0.75em; color:crimson; font-weight:bold; font-size:1.12em;}

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

.base h2{font-size:1.24em;}

}







/* ぱんくずリスト */	

.breadcrumbs{ font-size:0.87em; line-height:120%;}

.breadcrumbs a{text-decoration:none;}

.breadcrumbs a:hover{text-decoration:underline;}

.breadcrumbs ol li{display:inline;}

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

.breadcrumbs{ font-size:0.73em;}

}







/**** カテゴリトップ ****/





/* カテゴリトップメニュー */	





.catemenu{overflow:hidden; margin:50px 0; background:gainsboro; padding:0.5em 1em; display:none;}

.catemenu ul{list-style:none; overflow:hidden; font-size:0.81em }

.catemenu ul li{  float:left; margin-right:0.5em; margin-bottom:0.5em; display: block; padding:0em 0.5em;}

.catemenu ul li a{text-decoration:none; font-weight:500;}


.typea a{color:#fff;}

.typea{
	background:royalblue;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.typea:hover{ background:#000; color:#fff;}

.typea:after{content:"\f0d7";font-family: "FontAwesome";margin-left:0.25em; color:#fff;}

.typeb a{color:#000;}

.typeb{background:#fff;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.typeb:hover{ background:yellow;}

.typeb:after{content:"\f0c1";font-family: "FontAwesome";margin-left:0.25em;}


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

.catemenu{margin:35px 0; display:block; }

}




/* カテゴリトップ アイコン */

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

.icon img{ height:auto; width:60px;}

}


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

.icon img{ height:auto; width:8.3%;}

}


@media print{	
.icon img{display:none;}	
}




/* カテゴリトップ【上部】ご注文・価格表はこちらボタン */

.orderpricebotan{}

.orderpricebotan a{
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	display: block; 
	font-size:24px; 
	color:#fff; 
	padding:1em 2em; 
	font-weight:bold; 
	text-decoration:none; 
	text-align:center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}	


.orderpricebotan a:after{content:"\f0ab";font-family: "FontAwesome"; margin:0 0 0 0.25em; padding:0; font-size:1.8em; }
	
.orderpricebotan a:hover{background:#000;}

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

.orderpricebotan{width:100%; margin-bottom:1em;}

.orderpricebotan a{width:auto;padding:1em 0.5em; width:auto;font-size:1.22em; }

}






/* カテゴリトップ【上部】ご注文ページはこちらボタン */

.orderbotan{
	width:auto;
	display:block;}
	
.orderbotan a{
	background: -prefix-linear-gradient(top, #0163a7, #00103e);
	background: linear-gradient(to bottom, #0163a7, #00103e);
	display:block; 
	font-size:1.22em; 
	color:#ccc; 
	padding:1em 1em; 
	font-weight:bold; 
	text-decoration:none; 
	color:#fff; 
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}	


.orderbotan a:after{content:"\f0ab";font-family: "FontAwesome"; margin:0 0 0 0.25em; padding:0; font-size:1.8em; }
	
.orderbotan a:hover{background:#000;}

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

.orderbotan{width:auto;}

.orderbotan a{width:auto;padding:1em 1em; width:auto;}

}



/* カテゴリトップ【下部】ご注文・価格表はこちらボタン */

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

.fixorderpricebotan{ display:none;}
	
}


@media print{	
.fixorderpricebotan{display:none;}	
}

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

.fixorderpricebotan{
	position: fixed;
	bottom:0;
	left:0;
	width:100%; 
	z-index:1;
	background:#285fd5;
	margin:0;
	padding:0;
	}

.fixorderpricebotan a{
	display:block;
	background:#285fd5; 
	font-size:14px; 
	color:#ccc;   
	text-decoration:none; 
	color:#fff; 
	text-align:center;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	width:100%;
	}
	
.fixorderpricebotan a:after{content:"\f106";font-family: "FontAwesome"; margin-left:0.5em;}	

.fixorderpricebotan a:hover{background:#285fd5;}

}














/* カテゴリトップ　黒枠説明ボックス */

.cate-setsumei{border:1px solid #000; margin:40px 0;}

.cate-setsumei h3{ background:#ffffcc; border-bottom:2px solid #000; padding:0.5em; font-size:21px;}

.cate-setsumei .inner{padding:40px 30px; display:block;}

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

.cate-setsumei h3{font-size:18px;}

.cate-setsumei .inner{padding:1em;}

}

	
	


/* カテゴリトップ　追加できるオプション */

.plusop{ overflow:hidden;}

.plusop ul{ list-style:none;}

.plusop li{ width:22%; float:left; margin:0 4% 4% 0; text-align:center; background:#e8e8e8; padding-bottom:0.5em;}

.plusop li:nth-child(4){margin:0 0 4% 0;}

.plusop li:nth-child(5){margin:0 4% 0 0;}

.plusop li:nth-child(6){margin:0 4% 0 0;}

.plusop li:nth-child(7){margin:0 4% 0 0;}

.plusop li:nth-child(8){margin:0 4% 0 0;}

.plusop li p{ font-size:20px; font-weight:bold; margin:0.5em 0 0.25em;}

.plusop li span{ font-size:14px; font-weight:bold;}

.plusop li span:after{content:"\f0da";font-family: "FontAwesome";margin-left:0.2em; }
	
.plusop li i{ font-size:22px;}

.plusop li a{text-decoration:none; display:block;}

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

.plusop li{ width:46%; margin:2%;}	

.plusop li:nth-child(4){width:46%; margin:2%;}

.plusop li:nth-child(5){width:46%; margin:2%;}

.plusop li:nth-child(6){width:46%; margin:2%;}

.plusop li:nth-child(7){width:46%; margin:2%;}

.plusop li:nth-child(8){width:46%; margin:2%;}


}








/* カテゴリトップ　通常用紙（フライヤー/縦型2つ折り/横型2つ折り/3つ折りA4/3つ折り100/ポストカード/大判ポスター）  */

.h-yoshi{border:3px solid #e6e6e6;}

.nowrap{white-space: nowrap;}

.h-yoshi h4{ background:#4169e1; color:#fff; padding:0.4em;}

.h-yoshi1 table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 130%;
	width:100%;
	font-size:0.93em;}
	
.h-yoshi1 table th{ 
	background:#dae3fd;
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #000;
	border-right: 1px solid #ccc;
	font-size:0.93em;
	text-align:left;
	font-weight:normal;
	white-space: nowrap;}	

.h-yoshi1 table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size:0.93em;
	}
	
.h-yoshi1 table th:last-child{border-right:none;}	
	
.h-yoshi1 table td:nth-child(1){ background:#f1f1ea;white-space: nowrap;}

/*.h-yoshi1 table td:last-child{border-right:none;}*/

.h-yoshi span{display:none;}

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

.h-yoshi1 table{border-top: none;border-left: none}

.h-yoshi1 table tr{ display:block; border-bottom:1px solid #cccccc; }

.h-yoshi1 table th{ display:none;padding:5px 5px;}

.h-yoshi1 table td{display:block;border-bottom:none;border-right:none;padding:7px 7px;}

.h-yoshi1 table td:nth-child(1){ background:#f1f1ea;}

.h-yoshi1 span{display:inline;}
	
}








/* カテゴリトップ　通常用紙（カレンダー） */

.h-yoshi2{ border:3px solid #e6e6e6;}

.h-yoshi2 h4{ background:#4169e1; color:#fff; padding:0.4em;}

.h-yoshi2 table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 1.4em;
	font-size:14px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;}
	
.h-yoshi2 table th{ 
	background:#bfd9f2;
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	white-space: nowrap;}	
	
.h-yoshi2 table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	font-size:14px;
	}
	
.h-yoshi2grid3{overflow:hidden;}

.h-yoshi2grid3 .col{ display:table-cell; padding:0 2%; box-sizing:border-box;border-right:1px dotted gray;}	
   
.h-yoshi2grid3 .col:last-child{ border-right:none}  

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

.h-yoshi2grid3 .col{ display:block; width:100%; padding-bottom:1em; border-bottom:1px dotted gray; margin-bottom:0.5em;border-right:none}	
   
.h-yoshi2grid3 .col:last-child{ margin-bottom:0;border-bottom:none}  
	
}




/* カテゴリトップ　OP用紙（カレンダー） */

.op-yoshicale{ border:3px solid #e6e6e6;}

.op-yoshicale h4{ background:#0167cc; color:#fff; padding:0.4em;}

.op-yoshicale1 table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 130%;
	width:100%;
	font-size:14px;}

.op-yoshicale1 table th{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #ccc;
	font-size:14px;
	background:#dae3fd;
	text-align:left;
	font-weight:normal;
	white-space: nowrap;
	}

.op-yoshicale1 table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #ccc;
	font-size:14px;
	}
	
.op-yoshicale1 table th:last-child{border-right:none;}		
	
.op-yoshicale1 table td:nth-child(1){ background:#f1f1ea;white-space: nowrap;}	

.op-yoshicale1 table td:last-child{border-right:none;}

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

.op-yoshicale{width:auto; overflow:auto;}

.op-yoshicale h4{ width:789px;}

.op-yoshicale1 table {width:800px;}

}













/* カテゴリトップ　通常用紙　冊子 */

.h-yoshi3{border:3px solid #ccc; background:#fff;}

.h-yoshi3 h4{ background:#0167cc; color:#fff; padding:0.4em;}

.h-yoshi3-table table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 1.5;
	width:100%;
	font-size:12px;}

.h-yoshi3-table table th{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid  #ccc;
	font-size:12px;
	background:#eee;
	}

.h-yoshi3-table table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid  #ccc;
	font-size:12px;
	}

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

.h-yoshi3-table{width:auto; overflow: auto;}

.h-yoshi3-table table {width:800px;}

}












/* カテゴリトップ　オプション用紙オープン　冊子 */

.h-yoshiopen .openbtn {
	cursor: pointer;
	background:#053293;
	color:#fff;
	font-weight:700;
	padding:0.4em;
	}

.h-yoshiopen .openbtn::after{
	content: '\f0d7';
	   font-family: "FontAwesome";
	   margin:0 0 0 0.5em;
	   color:#FFFF00;
	   font-size:22px;
	   } 

.h-yoshiopen .openbtn:hover {opacity: 0.9;}
 
.h-yoshiopen .openbox {display: none; overflow:hidden;}

.h-yoshiopen .openbtn2 {
	background:#0167cc;
	color:#fff;
	font-weight:700;
	padding:0.4em;
	}










/* カテゴリトップ　OP用紙1(表)　冊子 */

.op-yoshi1 h4{ background:#0167cc; color:#fff; padding:0.4em;}

.op-yoshi1-table table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 130%;
	width:100%;
	font-size:12px;}

.op-yoshi1-table table th{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size:12px;
	background:#dae3fd;
	text-align:left;
	font-weight:normal;
	white-space: nowrap;
	}

.op-yoshi1-table table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size:12px;
	}
	
.op-yoshi1-table table th:last-child{border-right:none;}		
	
.op-yoshi1-table table td:nth-child(1){ background:#f1f1ea;white-space: nowrap;}	

.op-yoshi1-table table td:last-child{border-right:none;}

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

.op-yoshi1-table{width:auto;overflow: auto;}

.op-yoshi1-table table {width:800px;}

}











/* カテゴリトップ　OP用紙2(見本)　冊子 */

.op-yoshi2 .title{ 
	background:lightblue;
	padding: 5px;
	font-weight:bold;}	
	

.op-yoshi2 div div{
	display:table-cell;
	padding: 1%;
	vertical-align: central;
	border-right: 1px dotted #cccccc;
	font-size:0.87em;
	line-height:120%;
	vertical-align:top;
	box-sizing:border-box;
	}

.op-yoshi2 div div:last-child{border-right:none}	

.op-yoshi2 .tokusyu{width:12.2857%;}

.op-yoshi2 .irojyo{width:12.2857%;}

.op-yoshi2 .reza{width:12.2857%;}

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

.op-yoshi2 div div{display: inline-block;}

.op-yoshi2{ width:100%;}

.op-yoshi2 div div{border-right:none}

.op-yoshi2 .tokusyu{width:32%;}

.op-yoshi2 .irojyo{width:24%;}

.op-yoshi2 .reza{width:24%;}
	
}



































.op-yoshi{ border:3px solid #e6e6e6;}

.op-yoshi h4{ background:#46637a; color:#fff; padding:0.3em;}

.op-yoshi table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 1.4em;
	width:100%;
	font-size:14px;}
	
.op-yoshi table th{ 
	background:#d1d8de;
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	white-space: nowrap;}	
	

.op-yoshi table td{
	padding: 7px;
	vertical-align: central;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size:14px;
	}
	
.op-yoshi table td:nth-child(6){border-right:none;}	
	
.op-yoshi table td:nth-child(1){ background:#f1f1ea;}

.op-yoshi span{display:none;}



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

.op-yoshi table {border-left:none}

.op-yoshi table tr{ display:block; border-bottom:1px solid #cccccc;}

.op-yoshi table th{ display:none;}

.op-yoshi table td{display:block;border-bottom:none;border-right:none;padding:5px 5px;}

.op-yoshi table td:nth-child(1){ background:#f1f1ea;}

.op-yoshi span{display: inline;}
	
}
















/* カテゴリトップ　オプション用紙はこちらボタン */

.op-yoshi-btn {
transition: .4s;
	text-align:center;
	display:inline-block;
}

.op-yoshi-btn a{
	background: -prefix-linear-gradient(top, #3485d6, #2d74bb);
	background: linear-gradient(to bottom, #3485d6, #2d74bb);
	text-decoration: none; 
	display:block;
	padding: 0.5em 1em;
	color: #fff;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	margin:1em auto;
	font-weight:bold;
	}

.op-yoshi-btn a:after{content:"\f0da";font-family: "FontAwesome";margin-left:0.5em;}

.op-yoshi-btn a:hover{
background: #000;
color: #fff;
	}

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

.op-yoshi-btn a{ width:auto; margin:1em;}

}










/* カテゴリトップ　テンプレートをダウンロードするボタン */

.download-btn {
transition: .4s;
	text-align:center;
	display:inline-block;
}

.download-btn a{
	background: -prefix-linear-gradient(top, #982bb3, #7a1d91);
	background: linear-gradient(to bottom, #982bb3, #7a1d91);
	text-decoration: none; 
	display:block;
	padding: 0.5em 1em;
	color: #fff;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	margin:1em auto;
	font-weight:bold;
	}

.download-btn a:after{content:"\f019";font-family: "FontAwesome";margin-left:0.5em;}

.download-btn a:hover{
background: #000;
color: #fff;
	}

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

.download-btn a{ width:auto; margin:1em;}

}










/* カテゴリトップ　名刺用紙（２つ折り/ショップカード/名刺印刷/超少部数名刺） */

.meishi-yoshi{ border:1px solid #e6e6e6;}

.meishi-yoshi table{
	border-collapse: separate;
	border-spacing: 0 0;
	line-height: 1.4em;
	width:100%;}
	
.meishi-yoshi table th{ 
	background:lightblue;
	padding: 5px;
	vertical-align: central;
	font-size:1em;
	text-align:left;
	font-weight:normal;}	
	

.meishi-yoshi table td{
	padding: 10px 5px;
	vertical-align: central;
	border-right: 1px dotted #cccccc;
	font-size:0.7em;
	line-height:120%;
	vertical-align:top;
	width:16%;
	}
	
.meishi-yoshi table td:nth-child(6){border-right:none;}	

.meishi-yoshi table td img{margin-bottom:0.25em;}


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

.meishi-yoshi{ width:100%;}

.meishi-yoshi table td {
   display: inline-block;
   width:28.5%;
   border-right: none;
}

	
}








/* カテゴリトップ　ちょっとしたテーブル */

.catetoptable{border:1px solid #666;}

.catetoptable table{
	width:100%;
	border-collapse: separate;
border-spacing:10px;
background: #f5f5f5;
	}
	
.catetoptable table td{
	vertical-align: central;
	}
	
.catetoptable table td:nth-child(1){ text-align:center;border-right:solid 1px #666; padding-right:10px;}


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

.catetoptable table td{display:block;}

.catetoptable table td:nth-child(1){text-align:left;border-right:none;border-bottom:solid 1px #666; padding-bottom:10px;}

.catetoptable table td:nth-child(2){ padding-top:10px;}
	
}









/* カテゴリトップ　仕様 */

.shiyou table{ border-collapse:separate; border-spacing:0;border-top:1px dotted #666;}
  
.shiyou table th{ text-align:left; font-weight:normal;border-bottom:1px dotted #666;padding:0.5em; vertical-align:baseline;white-space: nowrap;}
  
.shiyou table td{border-bottom:1px dotted #666; padding:0.5em;vertical-align:baseline;}
   
@media screen and (max-width: 600px) {
	
.shiyou table th{white-space: nowrap}
	
} 















/* カテゴリトップ　用紙サイズ */

.yoshisizea ul{list-style:none;margin-bottom:1em;}

.yoshisizea ul li{margin-bottom:0.5em;}

.yoshisizea li:nth-child(1)::before{content: url(../images/base/a1.png);margin-right:0.25em; vertical-align:middle}

.yoshisizea li:nth-child(2)::before{content: url(../images/base/a2.png);margin-right:0.25em; vertical-align:middle}

.yoshisizea li:nth-child(3)::before{content: url(../images/base/a3.png);margin-right:0.25em; vertical-align:middle}


.yoshisizeb ul{ list-style:none;margin-bottom:1em;}

.yoshisizeb ul li{margin-bottom:0.5em;}

.yoshisizeb li:nth-child(1)::before{content: url(../images/base/b1.png);margin-right:0.25em; vertical-align:middle}

.yoshisizeb li:nth-child(2)::before{content: url(../images/base/b2.png);margin-right:0.25em; vertical-align:middle}

.yoshisizeb li:nth-child(3)::before{content: url(../images/base/b3.png);margin-right:0.25em; vertical-align:middle}









/* カテゴリトップ　納期について */


.noki-hayami{
	display:inline-block; 
	border:2px solid #000;
	padding:0.5em 0.75em 0.5em 0.75em;
	margin:0 0 1em 0;
	text-align:center;
	
	}

.noki-hayami p{ font-weight:bold; font-size:1.37em; margin-bottom:2px; font-family: "Rounded Mplus 1c";} 

.noki-hayami span{ font-weight:bold; color:blue; font-size:0.73em; line-height:100%; display:block;}

.noki{ border:1px solid #666;}

.noki table{
	border-spacing: 3px 3px;
	line-height: 1.4em;
	width:100%;}
	
.noki table th{ 
	background:#c7e3ef;
	padding: 7px;
	vertical-align: central;
	text-align:left;
	text-align:center;
	font-weight:bold;
	}	
	

.noki table td{
	padding: 7px;
	background:#f0f0f0;
	vertical-align: central;
	text-align:center;
	font-weight:bold;
	}

.noki table td p{background:#fff;  font-size:0.81em; padding:0.25em; margin-bottom:0.5em; border:1px solid red;}










.noki2{ border:1px solid #666;}

.noki2 table{
	border-spacing: 3px 3px;
	line-height: 1.4em;
	width:100%;}
	
.noki2 table th{ 
	background:#c7e3ef;
	padding: 7px;
	vertical-align: central;
	text-align:left;
	text-align:center;
	font-weight:bold;
	}	
	

.noki2 table td{
	padding: 7px;
	background:#f0f0f0;
	vertical-align: central;
	text-align:center;
	font-weight:bold;
	}

.noki2 table td p{background:#fff;  font-size:0.81em; padding:0.25em; margin-bottom:0.5em; border:1px solid red;}

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

.noki2{overflow-x:scroll;}	

.noki2 table{ }

.noki2 table th{white-space:nowrap}	
	
.noki2 table td{white-space:nowrap}	
	
}





/* カテゴリトップ　価格表 */

.mizuarea{display:block; overflow:hidden;}

.mizuarea .hitotsu ul{list-style:none;}

.mizuarea .hitotsu li{ border-bottom:1px dotted #666; font-size:1em; display:block; }

.mizuarea .hitotsu li a{display:block; padding:0.5em 0; }

.mizuarea .hitotsu li a:after{content:" \f0da";font-family: "FontAwesome";}

.mizuarea .hitotsu li a:hover{background-color:#e8e8e8;}
 
.mizuarea .hitotsu li img{margin:0 0.5em;} 





.mizuarea .futatsu div{ border-bottom:1px dotted #666; padding:0.5em 0; font-size:0.87em; display:block; overflow:hidden;}

.mizuarea .futatsu div:hover{background:#e8e8e8;}

.mizuarea .futatsu div p{width:40%; float:left; white-space:nowrap;}

.mizuarea .futatsu ul{list-style:none;}

.mizuarea .futatsu ul li{float:left;}

.mizuarea .futatsu ul li a{ 
	padding:0 0.5em;
	margin:0 0.25em; 
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-decoration:none;
	border:1px solid #000;
	background:#fff;
	color:#000;
	}

.mizuarea .futatsu li a:after{content:" \f0da";font-family: "FontAwesome";}

.mizuarea .futatsu li a:hover{background-color:lightblue;}
 
.mizuarea .futatsu img{margin:0 0.5em;} 

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

.mizuarea .futatsu div p{width:auto; float: none; white-space:nowrap;}

.mizuarea .futatsu ul li a{ 
	padding:0 0.5em;
	margin:0 0.25em; 
	}

.mizuarea .futatsu img{margin-right:0.5em; margin-bottom:0.5em} 

.mizuarea .futatsu li a:after{content:" \f0da";font-family: "FontAwesome";}

.mizuarea .futatsu li span{ display:none;}
	
}





.mizuarea .poster div{ 
	border-bottom:1px dotted #666; padding:0.5em 0; font-size:0.87em; display:block; overflow:hidden;
	}
	
.mizuarea .poster table{}	

.mizuarea .poster table td{ width:33%; padding:0.25em}

.mizuarea .poster a{ 
	padding:0 0.5em;
	margin:0 0.25em; 
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-decoration:none;
	border:1px solid #000;
	background:#fff;
	color:#000;
	display:block;
	}

.mizuarea .poster a:hover{background-color:lightblue;}

@media screen and (max-width: 600px) {
	
.mizuarea .poster div{ 
	border-bottom:none;display:block; overflow:hidden; width:50%; float:left;padding:0;
	}	
	
.mizuarea .poster table td{ width:auto; display:block;padding:0;border-bottom:1px dotted #666;}

.mizuarea .poster a{ 
	padding:0;
	margin:0; 
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border:none;
	background:none;
	color:#000;
	display:block;
	}	
	
}










/* 価格表 セレクト共通 */

.cate-setsumei select{
	border: solid 1px #CCC;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #CCC;
	padding:1%;
	vertical-align: middle;
	width:100%;
	}
	


	
/* 価格表 フォーム共通 */

.cate-setsumei input[type="text"]:focus,
.cate-setsumei textarea:focus,
.cate-setsumei select:focus,
.cate-setsumei input:focus
 {
  box-shadow: 0 0 7px #2951d5;
  border: 1px solid #2951d5;
}	


.price{ padding:0 1.5em;}


/* 価格表 タイトル共通 */

.boxarea h4{ font-size:18px; padding:0.5em; background:#3485d6; color:#fff; text-align:left;}


/* 価格表 この商品の注文ページはこちらボタン */

.boxarea .ordbtn{
	margin:0.5em 0;
	display:inline-block;}

.boxarea .ordbtn{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	color:#fff; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:20px; 
	margin-left:auto;
	margin-right:auto; 
	padding:2% 6%; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:none;
	}

.boxarea .ordbtn:after{content:"\f101";font-family: "FontAwesome";margin-left:0.5em;}

.boxarea .ordbtn:hover{background:#000;}


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

.boxarea .ordbtn{margin:0.5em;display:block;}

.boxarea .ordbtn{width:auto; padding:1em;font-size:18px; }	
	
.boxarea h4{font-size:1em;}

}












/* 価格表 この商品の注文ページはこちらボタン２ */

.boxarea .ordbtn2{
	margin:0.5em 0;
	display:inline-block;}

.boxarea .ordbtn2{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	color:#fff; 
	text-decoration:none; 
	margin-left:auto;
	margin-right:auto; 
	padding:0 3%; 
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:none;
	}

.boxarea .ordbtn2:after{content:"\f101";font-family: "FontAwesome";margin-left:0.25em; }

.boxarea .ordbtn2:hover{background:#000;}





/* 価格表 テーブル設定 */

.pricetable{width: 100%; overflow: hidden;font-size:14px;border-spacing: 0px 0px;width:100%;border:1px solid #231815;}
	
.pricetable th{ 
	background:#fafaf5; 
	padding:0.25em;
	vertical-align: middle;
	text-align:center; 
	font-weight:500; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	width:50%;
	}
	
.pricetable th img{margin:0.25em;}

.pricetable td{padding:0.25em;text-align:center;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}


.pricetable tr:nth-child(odd){background:#fff; }

.pricetable tr:nth-child(even) {background: #ffffcc;}

.pricetable tr:nth-child(odd):hover{background:#eee; }

.pricetable tr:nth-child(even):hover{background: #eee;}











/* 価格表 テーブル設定 */

.pricetable2{width: 100%; overflow: hidden;font-size:14px;border-spacing: 0px 0px;width:100%;border:1px solid #231815;}
	
.pricetable2 th{ 
	background:#fafaf5; 
	padding:0.25em;
	vertical-align: middle;
	text-align:center; 
	font-weight:500; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	}
	
.pricetable2 th img{margin:0.25em;}

.pricetable2 td{padding:0.25em;text-align:center;border-right:1px solid #ccc; border-bottom:1px solid #ccc;}


.pricetable2 tr:nth-child(odd){background:#fff; }

.pricetable2 tr:nth-child(even) {background: #ffffcc;}

.pricetable2 tr:nth-child(odd):hover{background:#eee; }

.pricetable2 tr:nth-child(even):hover{background: #eee;}


















/* 価格表 テーブル設定 */

.pricetable3{width:100%; height:500px; overflow: scroll;font-size:14px;border:1px solid #231815;}
	
.pricetable3 table{border-spacing: 0px 0px;width:100%;}
	
.pricetable3 table th{ 
	background:#e6e6e6; 
	padding:0.5em;
	vertical-align: middle;
	text-align:center; 
	font-weight:500; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	}
	
.pricetable3 table th img{margin:0.25em;}

.pricetable3 table td{padding:0.5em;text-align:center;border-right:1px solid #ccc; border-bottom:1px solid #ccc; white-space:nowrap;}

.pricetable3 td:nth-child(1){background:#e6e6e6; }

.pricetable3 tr:nth-child(odd){background:#fff; }

.pricetable3 tr:nth-child(even) {background: #F7F7F7;}

















/* 価格表 210部～1000部ボタン */

.priceopenbtn { 
  cursor: pointer;
  padding: 0.5em;
  color: #fff;
  background:#61C1BE;
  font-size:18px;
  text-align:center;
  font-weight:bold;
  border:1px solid #000;
  border-top:none;
  display:block;
} 

.priceopenbtn:before{content:"\f0d7";font-family: "FontAwesome";margin-right:0.5em;}

.priceopenbtn:after{content:"\f0d7";font-family: "FontAwesome";margin-left:0.5em;}

.pricearea {display: none;} 


@media screen and (max-width: 600px) {
	
.price{ padding:1em;}	

.pricetable .ordbtn a{width:auto;}

}


/* 価格表 戻るボタン */

.pricebackbtn a{ 
  cursor: pointer;
  padding: 0.5em;
  color: #fff;
  background:gray;
  font-size:18px;
  text-align:center;
  font-weight:bold;
  border:1px solid #000;
  border-top:none;
  display:block;
  text-decoration:none;
} 

.pricebackbtn a:before{content:"\f0d8";font-family: "FontAwesome";margin-right:0.5em;}

.pricebackbtn a:after{content:"\f0d8";font-family: "FontAwesome";margin-left:0.5em;}





/*カテゴリートップ２段階ボタン*/

.catebasicgrid{overflow:hidden;}

.catebasicgrid div{
	float:left;
	margin:2% 3%;
	width:47%;
	border:1px solid #000;
	box-sizing:border-box;
	text-align:center;
	background:#efefef;
	overflow:hidden;
	} 

.catebasicgrid div:nth-child(1){margin:2% 3% 2% 0%;}

.catebasicgrid div:nth-child(2){margin:2% 0% 2% 3%}

.catebasicgrid div:hover{ background-color:#c4e0f7 }
 

.catebasicgrid .title{ font-size:1.12em; font-weight:bold; line-height:110%; padding:1em 1em 0 1em}

.catebasicgrid span{font-size:1.12em;font-weight:bold;}

.catebasicgrid img{	display:block;	margin:0 auto;	}


	
	

.catebasicgrid .ordbtn{}

.catebasicgrid .ordbtn a{ 
	background:#000;
	color:#fff; 
	text-decoration:none;  
	padding:2% 4%;
	display:block;
	font-weight:bold;
	}

.catebasicgrid .ordbtn a:after{content:"\f054";font-family: "FontAwesome";margin-left:0.5em;}

.catebasicgrid div:hover .ordbtn a{ background-color:#005fc4}

@media screen and (max-width: 600px) {
	
.catebasicgrid .title{font-size:1em; }	
	
.catebasicgrid div .ordbtn{font-size:0.87em; }	

}








































/**** 注文ページ ****/




/**注意事項ボタン**/

.attenbotan{ margin-top:1em;}

.attenbotan a{ 
	background: -prefix-linear-gradient(top, #4c94d8, #3683bf);
	background: linear-gradient(to bottom, #4c94d8, #3683bf);
	padding:0.5em 1em; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:white;
	text-decoration:none;
	display: inline-block;
	}

.attenbotan a:after{content:" \f138"; font-family: "FontAwesome";  }

.attenbotan a:hover{
	background: -prefix-linear-gradient(top, #0061c6, #0048a1);
	background: linear-gradient(to bottom, #0061c6, #0048a1);
	}



.orderatten{ color:red; font-weight:bold; margin-bottom:1em; font-size:1.12em;}

.orderform{ border:1px solid #000; border-top:none; padding:0.5em; background-color:#000; color:white;font-size:1.37em;}


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

.orderatten{ font-size:0.87em; text-align:center;}
	
}


/*一項目枠*/

.orderpgframe{ border:2px solid #666666; margin-bottom:50px;}

.orderpgtitle{ background:#E8EFFF; padding:0.5em; font-weight:bold;}

.orderpgcontents{ padding:1em}

.orderpgcontents2{ padding:0}


/*〇〇について矢印*/

.doubleright a:after{content:" \f101"; font-family: "FontAwesome";  }



/*3つ折りページ開き*/

.openpage180{ width:180px;}

.openpage130{ width:130px;}

@media screen and (max-width: 600px) {
	
.openpage180{ width:100%;}

.openpage130{ width:100%;}	
	
	
}



/* フォームテキストエリア */

.orderpgcontents textarea {
resize: both;
	display: block;
width: 98%;
padding:1%;
	border: solid 1px #CCC;
	border-radius: 8px;
	box-shadow: 0px 0px 5px #CCC;
	vertical-align: middle;
}

/* フォームinput */



.orderpgcontents input[type="text"] {
   box-shadow:none;
   margin:0.5em 0;
   padding:0.5em;
   }


/* フォームラジオボタン */

.orderpgcontents input[type="radio"]{
   box-shadow:none;
   margin:10px 0.5em;
   }

/*通常*/
.radio{
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border:1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  overflow:hidden;
  }
  
.radio input[type="radio"]{float:left;position:relative;top:5px;}

.radio input:focus{box-shadow: 0 0 7px #0555BD;border: 1px solid #0555BD;}

.radio label{display: block;padding:10px;}

.radio:hover {background-color:#b0e0e6;}

.radio input[type="radio"]:checked + label{
background-color: #b0e0e6;
	display:block;
	padding:10px;
}



/*イメージ有り*/

.radio2box{display:table; }

.radio2{
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border:1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  overflow:hidden;
  table-layout:fixed;
  margin-right:1em !important;
  float:left;
  white-space:nowrap;
  }

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


.radio2box{ width:100%; }

.radio2{ width:42%; margin:0.5em;white-space: normal; }

}
  
.radio2 input[type="radio"]{float:left; display:block;}

.radio2 input:focus{box-shadow: 0 0 7px #0555BD;border: 1px solid #0555BD;}

.radio2 label{display: block;padding:5px 20px 10px 20px;}

.radio2 label img{ display:block;}
 
.radio2:hover {background-color:#b0e0e6;}

.radio2 input[type="radio"]:checked + label{
background-color: #b0e0e6;
	display:block;
	padding:5px 20px 10px 20px;
}



/*ショップカード*/


.radio3box{overflow:hidden;}

.radio3:nth-child(odd){
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border:1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  overflow:hidden;
  margin-right:1%;
  white-space:nowrap;
  float:left;
  width:49%;
  }
  
.radio3:nth-child(even){
	box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border:1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  overflow:hidden;
  margin-left:1%;
  white-space:nowrap;
  float:left;
  width:49%;}
  
@media screen and (max-width: 600px) { 

.radio3 span {font-size:0.73em;}

}
  
.radio3 input[type="radio"]{float:left; display:block;}

.radio3 input:focus{box-shadow: 0 0 7px #0555BD;border: 1px solid #0555BD;}

.radio3 label{display: block;padding:5px 20px 10px 20px;}

.radio3 label img{ display:block;}
 
.radio3:hover {background-color:#b0e0e6;}

.radio3 input[type="radio"]:checked + label{
background-color: #b0e0e6;
	display:block;
	padding:5px 20px 10px 20px;
}





/* フォームセレクトメニュー */

.orderpgcontents select{

background: #f2f2f2;
font-size: 18px;
vertical-align: middle;
height: 50px;
padding: 8px 12px;
border:1px solid #b9b9b9;
color:#000;
width:100%;
border-radius:5px;
	font-family: "Noto Sans Japanese";
	}


.orderpgcontents select_sub{

background: #f2f2f2;
font-size: 18px;
vertical-align: middle;
height: 50px;
padding: 8px 12px;
border:1px solid #b9b9b9;
color:#000;
width:70%;
border-radius:5px;
	font-family: "Noto Sans Japanese";
	}
	
	
.orderpgcontents2 select{

background: #f2f2f2;
vertical-align: middle;
height: 50px;
padding: 8px 12px;
border:1px solid #b9b9b9;
color:#000;
width:100%;
border-radius:5px;
	font-family: "Noto Sans Japanese";
	}	


select option{
  background-color: #f2f2f2;
  color: #000;
  padding:1em;
  font-size: 100%;
}

	
.orderpgcontents input[type="number"]{
	border: solid 1px #CCC;
	border-radius: 8px;
	padding:0.7em;
	vertical-align: middle;
	width:50%;
	}	

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

.orderpgcontents input[type="number"]{
	display:block;
	width:80%;
	}
	
}

/* フォーム共通 */

.orderpgcontents input[type="text"]:focus,
.orderpgcontents textarea:focus,
.orderpgcontents select:focus,
.orderpgcontents input:focus
 {}


.orderpgcontents input[type="radio"]:focus{box-shadow: none;}




@media (min-width: 601px) {

/* カートへ入れる */

input[type="submit"] {
  padding: 0.5em 1em;
  font-size:1.22em;
  font-weight:bold;
  margin:0 auto;
  width:50%;
  display:block;
  background:#e11345;
  color:#fff;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter:"alpha(opacity=100)" !important;
}

input[type="submit"]{font-family:FontAwesome;}

input[type="submit"]:hover{
	background:#000;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	}
	
}


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

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}





input[type="submit"] {
  padding: 0.5em 1em;
  font-size:1.47em;
  font-weight:bold;
  margin:0 auto;
  width:90%;
  display:block;
  background:#e11345;
  color:#fff;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter:"alpha(opacity=100)" !important;
}

input[type="submit"]{font-family:FontAwesome;}

input[type="submit"]:hover{
	background:#000;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: 0.3s linear;
	}

	
}




#calc table{margin-top:0.5em;border-collapse: separate;border-spacing: 0 0;}
#calc td{border-bottom:1px solid #ccc; padding:5px;}















.orderpgunder{ border:7px solid #ccc; padding:3%; display:table; overflow:hidden; width:auto;}

.orderpgunderl{ display:table-cell; width:47%; padding-right:3%}

.orderpgunderl ul{list-style:none; margin-bottom:0.5em; display:block;}

.orderpgunderl ul li{ float:left; width:47%; text-align:center; margin-bottom:3%}

.orderpgunderl ul li a{ display:block; background:#8197d6; color:#fff; text-decoration:none; font-weight:bold; line-height:1.12em; padding:1.5em 0 1.5em 0; }

.orderpgunderl ul li:nth-child(1) a:before{content:"\f0c5"; font-family: "FontAwesome"; display:block; font-size:1.87em; margin-bottom:10px;}

.orderpgunderl ul li:nth-child(2) a:before{content:"\f019"; font-family: "FontAwesome"; display:block; font-size:1.87em; margin-bottom:10px;}

.orderpgunderl ul li:nth-child(3) a:before{content:"\f046"; font-family: "FontAwesome"; display:block; font-size:1.87em; margin-bottom:10px;}

.orderpgunderl ul li:nth-child(4) a:before{content:"\f00d"; font-family: "FontAwesome"; display:block; font-size:1.87em; margin-bottom:10px;}

.orderpgunderl ul li:nth-child(odd){margin-right:1.5%;}

.orderpgunderl ul li:nth-child(even){margin-left:1.5%;}

.orderpgunderl ul li:nth-last-child(2){margin-bottom:0;}

.orderpgunderl ul li:nth-last-child(1){margin-bottom:0;}

.orderpgunderl ul li a:hover{ background:#0555BD;}

.orderpgunderr{ display:table-cell; padding-left:3%;border-left:2px dotted #ccc;}

.orderpgunderr ul{ list-style:none; display:block; overflow:hidden; width:100%;}

.orderpgunderr ul li{ float:left;border:1px solid #000;width:47%; text-align:center; font-weight:bold; white-space:nowrap; vertical-align:middle; white-space:nowrap; padding-bottom:0.5em;}

.orderpgunderr ul li:nth-child(1){ margin-right:1.5%}

.orderpgunderr ul li:nth-child(2){margin-left:1.5%;}

.orderpgunderr ul li p{ background:#000; color:#fff; padding:0.4em 0; margin-bottom:0.5em;}


.orderpgunderr2{ display:table-cell; padding-left:3%;border-left:2px dotted #ccc;}

.orderpgunderr2 ul{ list-style:none; display:block; overflow:hidden; width:100%;}

.orderpgunderr2 ul li{ border:1px solid #000;width:auto; text-align:center; font-weight:bold; white-space:nowrap; vertical-align:middle; white-space:nowrap; padding-bottom:0.5em;}

.orderpgunderr2 ul li p{ background:#000; color:#fff; padding:0.4em 0; margin-bottom:0.5em;}


@media screen and (max-width: 600px) {
	
.orderpgunderl{ display: block;width:100%; padding-right:0; border-right:none; border-bottom:2px dotted #ccc; padding-bottom:1em; margin-bottom:1em;}

.orderpgunderl ul{margin-left:0;}

.orderpgunderr{ display: block;padding-left:0;border-left:none}

.orderpgunderr2{ display: block;padding-left:0;border-left:none}
	
}








/*冊子印刷*/


/*特長*/

.bookoptokutyo{display:flex;flex-wrap:wrap;}

.bookoptokutyo .col{ text-align:center;box-sizing: border-box;width: 33.3333%;padding:0 1em;}

.bookoptokutyo .col:nth-child(1){ border-right:1px solid #171c61;}
	
.bookoptokutyo .col:nth-child(2){ border-right:1px solid #171c61;}



.bookoptokutyo .t1{ text-align:center; font-size:28px; font-weight:bold; margin-bottom:0.5em;font-family: "Mplus 1p";}

.bookoptokutyo .t2{text-align:center; font-size:18px; font-weight:bold; margin-bottom:0.5em;}



@media screen and (max-width: 600px) {
	
.bookoptokutyo .col{padding:0 0.25em;}

.bookoptokutyo .t2{font-size:14px; line-height:120%;}
	
}







/*カラーで選ぶ*/

.bookop{ font-size:24px; font-weight:normal; margin-top:50px; background:#2860d5; padding:10px; color:white}

.bookcolor{ display:block; overflow:hidden; background-color:#e3ecfc; margin:0 0 50px 0; padding:20px; border:1px solid #2860d5;}



.bookcolor div{ width:23.5%; float:left; margin-right:2%; box-sizing:border-box; border:4px solid #c9caca; border-radius:10px; z-index:4; height:170px;position:relative; background:#fff;} 

.bookcolor div:last-child{margin-right:0;} 

.bookcolor div a{text-decoration:none; color:black}

.bookcolor .btn{ background-color:#172a88; color:white; text-align:center; border-radius: 0px 0px 7px 7px; z-index:5; padding:0.25em 0; position:absolute;bottom:0; width:100%; }

.bookcolor .btn:after{content:"\f054";font-family: "FontAwesome";margin-left:0.25em;}

.bookcolor div a:hover .btn{ background:black;}

.bookcolor div:hover{background-color:lightyellow}





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

.bookcolor div{ width:48%; float:left; margin-right:4%; height:auto;position:static;} 

.bookcolor div:nth-child(1){margin-bottom:4%}

.bookcolor div:nth-child(2){margin-right:0; margin-bottom:4%} 

.bookcolor div:last-child{margin-right:0;} 	

.bookcolor .btn{ position:static;}
	
}	










/*仕様で選ぶ*/

.bookspec{ display:block; overflow:hidden; background-color:#e3ecfc; margin:0 0 50px 0; padding:20px; border:1px solid #2860d5;}

.bookspec .specbox{ border:4px solid #c9caca; background-color:#fff;} 

.bookspec .btn:hover{color:red;background-color:lightyellow}


.bookspec .specbox .size{ background-color:black; display:inline-block; color:white; font-weight:bold; padding:0.5em 1em;}

.bookspec .sizetxt{display:inline-block;padding:0.5em;font-weight:bold;}

.bookspec .sizetxt:hover{color:red;background-color:lightyellow}

.bookspec .btn {cursor: pointer;}

.bookspec .sizetxt::after{
	content: '\f0d7';
	   font-family: "FontAwesome";
	   margin:0 0 0 0.5em;
	   color:red;
	   font-size:22px;
	   } 

.bookspec .sizetxt:hover {opacity: 0.9;}
 
.bookspec .sizearea {display: none; overflow:hidden;}

.bookspec .sizearea{padding:1%}


.bookspec .sizearea .grid2{ display:block; overflow:hidden;}

.bookspec .sizearea .tate{ width:48%; float:left; margin:1%; border:1px solid gray; box-sizing:border-box; background:#fff}

.bookspec .sizearea .yoko{ width:48%; float:left; margin:1%; border:1px solid gray; box-sizing:border-box; background:#fff}

.bookspec .st:after{content:"\f054";font-family: "FontAwesome";padding-left:0.25em;}

.bookspec .st{background-color:#efefef; padding:0.5em 0.5em 0 0.5em ; font-size:0.87em}

.bookspec .sc{font-size:0.73em; background-color:#efefef; padding:0.25em}

@media screen and (max-width: 600px) {
	
.bookspec .specbox .size{ font-size:0.87em; padding:0.5em;}	

.bookspec .sizetxt{padding:0.5em;font-weight:bold; font-size:0.87em; font-weight:normal;}

.bookspec .sizetxt::after{font-size:0.87em;}

.bookspec .sizearea .tate{ width:98%; float: none; margin-bottom:1em }

.bookspec .sizearea .yoko{ width:98%; float: none; }
	
}












.bookopsiyou{ display:block; overflow:hidden; border:1px solid #2860d5}

.bookopsiyou h3{background-color:#171c61; color:white; padding:0.5em }



.bookopsiyou table{width:100%;border-collapse: separate;border-spacing: 0 0;}

.bookopsiyou td{width:48%; padding-right:2%; border-bottom:1px solid #ccc; line-height:120%;}

.bookopsiyou img{max-height:74px; max-width:74px;margin-right:10px;border-left:1px solid #ccc;}

.bookopsiyou td:hover{ background-color:lightyellow; color:#171c61;}

.bookopsiyou a{text-decoration:none; display:block; color:#000;}

.bookopsiyou .hoge {
  display: table;
  table-layout: fixed;
}

.bookopsiyou .hoge div {
  display: table-cell;
  vertical-align: middle;
}















.bookopselect{ display:block; overflow:hidden; border:2px solid #000; }

.bookopselect h3{font-size:1.22em; font-weight:bold;  background:#2860d5; padding:10px; color:white}

.bookopselect .naka{ float:left; width:50%; box-sizing:border-box; border-right:2px solid #000; padding:3% 1%}

.bookopselect .musen{ float:left;width:50%; box-sizing:border-box; padding:3% 1%}

.bookopselect .musenonly{width:50%; box-sizing:border-box; padding:3% 1%; margin:0 auto;}

.bookopselect .btn1 a{
	text-decoration:none; 
	color:white; 
	background-color:#000;  
	padding:14px 7px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:7px;
	}

.bookopselect .btn1 a:hover{background-color:#2860d5;}

.bookopselect .btn2 a{ 
	text-decoration:none; 
	color:white; 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	padding:14px 7px; 
	margin:0 7px; 
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:7px;
	}

.bookopselect .btn2 a:before{content:"\f07a";font-family: "FontAwesome";font-weight:normal; color:white; padding-right:0.25em; font-size:1.12em;}

.bookopselect .btn2 a:hover{background:#2860d5;}


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

.bookopselect .naka{ float:none; width:100%; border-right:none;border-bottom:2px solid #000; padding:4% 1%}

.bookopselect .musen{ float:none; width:100%; padding:4% 1%}

.bookopselect .musenonly{width:100%; padding:4% 1%}

}









img.content1{ width:170px; height:auto;}

img.content2{ width:120px; height:auto; }

img.content3{ width:160px; height:auto; }


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

img.content1{ width:40%; height:auto; }


}

.bookopselectchart{ display:block; overflow:hidden; margin:2em 0}



.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
  font-size:0.87em
}
.step li{
  display:table-cell;
  position:relative;
  background: #ebebeb;
  padding: 0.25em 0em 0.25em 1.5em;
  color: #333;
}
.step li:last-child{
  padding-right: 1em;
}
.step li:last-child:before,
.step li:last-child:after{
  display:none;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-10px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 25px 0 25px 1em;
  z-index: 10;
}
.step li:after{
  top:-10px;
  right:-.8em;
  border-style: solid;
  border-color: transparent transparent transparent #ebebeb;
  border-width: 25px 0 25px 1em;
  z-index: 10;
}
.step li.is-current{
  background: #595757;
  color:#fff;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #595757;
}




















.toku{ float:right; width:47%; margin-top:-5px;}

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

.toku{ float: none; width:80%}

}

.coloropselect{ display:block; overflow:hidden;}

.coloropselect .l{ float:left; padding:2%;text-align:center; width:35%; }

.coloropselect .r{ float:right;}


.coloropselect .title{ font-size:22px; font-weight:bold; margin:0 0 3px 0; text-align:center;}

.coloropselect .page{ font-weight:bold; color:#0033CC; font-size:17px;margin-bottom:3px;text-align:center;}

.coloropselect .nokiwaku{ font-size:12px; padding:2px 5px; line-height:120%; font-weight:bold; border:1px solid #000;text-align:center;}

.coloropselect .towa{ font-weight:bold; font-size:14px;text-align:center;}


.coloropselect .r table{border-collapse: separate;border-spacing: 0;}

.coloropselect .r td{padding:10px;}

.coloropselect h3{font-size:1.22em; font-weight:bold;  background:#2860d5; padding:10px; color:white}


.coloropselect .box{border:1px solid #000; box-sizing:border-box; background:#fff; margin:0em 0em 2em 0em; display:block; overflow:hidden;}

.coloropselect .box2{box-sizing:border-box; background:#fff; display:block; overflow:hidden;}


.changebtn {display:inline-block; margin:30px 0 100px 0;}

.changebtn a{ background-color:royalblue; color:#fff; padding:10px 30px; font-size:20px; font-weight:bold; text-decoration:none; border-radius:10px;}

.changebtn a:hover{background-color:black;}


.coloropselect .wline{border-bottom:4px double #000;}

.coloropselect .bg1{ border-left:7px solid #D5143E; background:#fff}

.coloropselect .bg2{ border-left:7px solid #02529D; background:#F2F2EB}

.coloropselect .bg3{ border-left:7px solid #D44C08; background:#fff}

.coloropselect .bg4{ border-left:7px solid #0B894A; background:#F2F2EB}

.coloropselect .bg5{ background:#fff}

.coloropselect .bg6{ background:#F2F2EB}

.coloropselect .bg7{ border-left:7px solid purple; background:#fff}

.coloropselect .bg8{ background:#fff}


.coloropselect .btn1 a{
	text-decoration:none; 
	color:white; 
	background-color:#D5143E;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect .btn1 a:hover{background-color:#000;}


.coloropselect .btn2 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#02529D;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect .btn2 a:hover{background:#000;}


.coloropselect .btn3 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#D44C08;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect .btn3 a:hover{background:#000;}


.coloropselect .btn4 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#0B894A;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect .btn4 a:hover{background:#000;}


.coloropselect .btn5 a{ 
	text-decoration:none; 
	color:white; 
	background-color:purple;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect .btn5 a:hover{background:#000;}




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


.coloropselect .title{text-align:center;font-size:16px;}

.coloropselect .page{text-align:center;font-size:12px;}

.coloropselect .nokiwaku{ display:block; text-align:center;font-size:10px;}

.coloropselect .towa{text-align:center;font-size:10px;}

.coloropselect .l{ float:none; padding:15px; width:auto; display:block }

.coloropselect .r{ float:none; display:block }

.coloropselect .r table{ border-top:1px dashed #000; width:100%;}

}





























.coloropselect3{ display:block; overflow:hidden;}

.coloropselect3 .l{ float:left; padding:2%;text-align:center; width:46%; }

.coloropselect3 .r{ float:right; padding:2%; width:46%;}


.coloropselect3 .title{ font-size:22px; font-weight:bold; margin:0 0 3px 0; text-align:center;}

.coloropselect3 .page{ font-weight:bold; color:#0033CC; font-size:17px;margin-bottom:3px;text-align:center;}

.coloropselect3 .nokiwaku{ font-size:12px; padding:2px 5px; line-height:120%; font-weight:bold; border:1px solid #000;text-align:center;}

.coloropselect3 .towa{ font-weight:bold; font-size:14px;text-align:center;}


.coloropselect3 .r table{border-collapse: separate;border-spacing: 0;}

.coloropselect3 .r td{padding:10px;}

.coloropselect3 h3{font-size:1.22em; font-weight:bold;  background:#2860d5; padding:10px; color:white}


.coloropselect3 .box{border:1px solid #000; box-sizing:border-box; background:#fff; margin:0em 0em 2em 0em; display:block; overflow:hidden;}

.coloropselect3 .box2{box-sizing:border-box; background:#fff; display:block; overflow:hidden;}




.coloropselect3 .wline{border-bottom:4px double #000;}

.coloropselect3 .bg1{ border-left:7px solid #D5143E; background:#fff}

.coloropselect3 .bg2{ border-left:7px solid #02529D; background:#F2F2EB}

.coloropselect3 .bg3{ border-left:7px solid #D44C08; background:#fff}

.coloropselect3 .bg4{ border-left:7px solid #0B894A; background:#F2F2EB}

.coloropselect3 .bg5{ background:#fff}

.coloropselect3 .bg6{ background:#F2F2EB}

.coloropselect3 .bg7{ border-left:7px solid purple; background:#fff}

.coloropselect3 .bg8{ background:#fff}


.coloropselect3 .btn1 a{
	text-decoration:none; 
	color:white; 
	background-color:#D5143E;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect3 .btn1 a:hover{background-color:#000;}


.coloropselect3 .btn2 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#02529D;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect3 .btn2 a:hover{background:#000;}


.coloropselect3 .btn3 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#D44C08;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect3 .btn3 a:hover{background:#000;}


.coloropselect3 .btn4 a{ 
	text-decoration:none; 
	color:white; 
	background-color:#0B894A;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect3 .btn4 a:hover{background:#000;}


.coloropselect3 .btn5 a{ 
	text-decoration:none; 
	color:white; 
	background-color:purple;
	padding:15px 10px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	font-weight:bold;
	border-radius:5px;
	}

.coloropselect3 .btn5 a:hover{background:#000;}




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


.coloropselect3 .title{text-align:center;font-size:16px;}

.coloropselect3 .page{text-align:center;font-size:12px;}

.coloropselect3 .nokiwaku{ display:block; text-align:center;font-size:10px;}

.coloropselect3 .towa{text-align:center;font-size:10px;}

.coloropselect3 .l{ float:none; width:auto; display:block }

.coloropselect3 .r{ float:none; width:auto; display:block }

.coloropselect3 .r table{ border-top:1px dashed #000; width:100%;}

}




























div#balloon{
    background: #F7D54E;
    dispay: inline-block;
    position: relative;
    width: auto;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
	padding:10px;
	margin-bottom:20px;
	}

div#balloon:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #F7D54E;
    position: absolute;
    left: 50%;
    bottom: -20px;
}

div#balloon p{font-weight:bold}


























.coloropselect2{ display:block; overflow:hidden;}

.coloropselect2 .title{ font-size:22px; font-weight:bold; margin-bottom:3px;}

.coloropselect2 .page{ font-weight:bold; color:#0033CC; font-size:18px;margin-bottom:3px;}

.coloropselect2 .nokiwaku{ font-size:12px; padding:2px 5px; line-height:120%; font-weight:bold; border:1px solid #000; display:inline-block;}

.coloropselect2 .towa{ font-weight:bold; font-size:14px;}


.coloropselect2 h3{font-size:1.22em; font-weight:bold;  background:#2860d5; padding:10px; color:white}

.coloropselect2 .naka{ float:left; width:50%; box-sizing:border-box; border-right:1px dotted #000; }

.coloropselect2 .musen{ float:left;width:50%; box-sizing:border-box;}

.coloropselect2 .naka1{border-top:1px solid gray; border-left:1px solid gray;}

.coloropselect2 .musen1{border-top:1px solid gray; border-right:1px solid gray;}

.coloropselect2 .box{
	 border:1px solid gray; box-sizing:border-box; background:#fff; margin:0em 0em 2em 0em; display:block; overflow:hidden;}


.coloropselect2 .bg1{ background:#fce9f2;}

.coloropselect2 .bg2{ background:#d3edf9;}

.coloropselect2 .bg3{ background:#e8f0c5;}

.coloropselect2 .bg4{ background:#fbd7b6;}

.coloropselect2 .btn1 a{
	text-decoration:none; 
	color:white; 
	background-color:#000;
	padding:3px; 
	margin:0 7px;  
	text-align:center;
	display:block;
	}

.coloropselect2 .btn1 a:hover{background-color:#2860d5;}


.coloropselect2 .btn2 a{ 
	text-decoration:none; 
	color:white; 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	padding:3px; 
	margin:0 7px; 
	text-align:center;
	display:block;
	}

.coloropselect2 .btn2 a:before{content:"\f07a";font-family: "FontAwesome";font-weight:normal; color:white; padding-right:0.25em; font-size:1.12em;}

.coloropselect2 .btn2 a:hover{background:#2860d5;}


@media screen and (max-width: 600px) {
	
.coloropselect2 .btn1{margin-bottom:0.5em;}

.coloropselect2 .title{text-align:center;font-size:16px;}

.coloropselect2 .page{text-align:center;font-size:12px;}

.coloropselect2 .nokiwaku{ display:block; text-align:center;font-size:10px;}

.coloropselect2 .towa{text-align:center;font-size:10px;}

.coloropselect2 .naka table{width:100%;}

.coloropselect2 .musen table{width:100%;}

}



























.yokobook .title{ font-size:22px; font-weight:bold; margin:0 0 3px 0;}

.yokobook .page{ font-weight:bold; color:#0033CC; font-size:17px;}

.yokobook .nokiwaku{ 
	font-size:12px;
	line-height:120%; 
	font-weight:bold;
	text-align:center;}

.yokobook .towa{ font-weight:bold; font-size:14px;text-align:center; margin-bottom:0.5em}





.yokobook .block{background-color:#efefef;padding:0.5em 0.5em 0.75em 0.5em;}

.yokobook .st{ font-size:1em}

.yokobook .sc{font-size:0.73em; margin-bottom:0.5em; line-height:150%;}


.yokobook .btna5 a{
	text-decoration:none; 
	color:white; 
	background-color:#0B894A;
	padding:15px 10px; 
	text-align:center;
	display: inline-block;
	border-radius:5px;
	font-weight:bold;
	}

.yokobook .btna5 a:hover{background-color:#000;}

.yokobook .btna5 a:after{content:"\f054";font-family: "FontAwesome";padding-left:0.25em;}



.yokobook .btna4 a{
	text-decoration:none; 
	color:white; 
	background-color:#D44C08;
	padding:15px 10px; 
	text-align:center;
	display: inline-block;
	border-radius:5px;
	font-weight:bold;
	}

.yokobook .btna4 a:hover{background-color:#000;}

.yokobook .btna4 a:after{content:"\f054";font-family: "FontAwesome";padding-left:0.25em;}





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


.yokobook .title{font-size:18px;}

.yokobook .page{font-size:14px;}

.yokobook .nokiwaku{ display:block; text-align:center;font-size:12px;}

.yokobook .towa{text-align:center;font-size:12px;}


}











/*詳細はこちら*/

.bookopgrid1{display:flex; flex-wrap:wrap;}

.bookopgrid1 .col{width: 50%;box-sizing: border-box;}

.bookopgrid1 .col:nth-child(1){ border-right:1px solid #ccc; padding:0 2em 1em 0;}

.bookopgrid1 .col:nth-child(2){ padding:0 0 1em 2em;}

.bookopgrid1 .col div{box-sizing:border-box;} 
	 
.bookopgrid1 .col div a{display:block;text-decoration:none; color:#000;}

.bookopgrid1 .col div .title{ font-size:1.22em; font-weight:bold; line-height:130%;}

.bookopgrid1 .col div span{font-size:1.12em;font-weight:bold; display:block;}

.bookopgrid1 .col div img{	display:block;	width:auto;	margin:0 auto 1em auto; width:100%	}

.bookopgrid1 dl{}

.bookopgrid1 dt{ background: #eee; padding:0.5em; text-align:center; border:1px solid #ccc; border-bottom:none; font-size:0.87em}

.bookopgrid1 dd{padding:0.5em;border:1px solid #ccc; border-top:none; margin-bottom:1em; background:#fff; font-size:0.87em;line-height:130%; }



@media screen and (max-width: 600px) {
	
.bookopgrid1{display: block;}

.bookopgrid1 .col{width:100%;box-sizing: border-box; background:#f6f6f6; margin-bottom:2em; border:1px solid #000000; display:block;}

.bookopgrid1 .col:nth-child(1){ padding:1em;border-right:1px solid #000}

.bookopgrid1 .col:nth-child(2){ padding:1em;}	

}

























.bookopgrid2{display:flex;flex-wrap:wrap;}


.bookopgrid2 .col{
	padding:0.75em;
	width: 50%;
box-sizing: border-box;}


.bookopgrid2 .col:nth-child(1){ border-right:1px solid #ccc; padding:0 2em 0 0;}

.bookopgrid2 .col:nth-child(2){ padding:0 0 0 2em;}

.bookopgrid2 .col h4{font-size:1.87em; text-align:center;}

.bookopgrid2 .ordbtn{
	display:inline-block;}

.bookopgrid2 .ordbtn{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	font-weight:bold; 
	margin-left:auto;
	margin-right:auto; 
	padding:2% 4%; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:none;
	font-size:1.12em;
	}
	
.bookopgrid2 .ordbtn a{	text-decoration:none; color:#fff;} 

.bookopgrid2 .ordbtn a:after{content:"\f101";font-family: "FontAwesome";margin-left:0.5em;}

.bookopgrid2 .ordbtn:hover{background:#000;}







.bookopgrid2 .col div{
	border:2px solid #c7c7c7;
	box-sizing:border-box;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	text-align:center;
	} 
	 

.bookopgrid2 .col div a{display:block;text-decoration:none; color:#000;padding:1em 1em 0.5em 1em;}

.bookopgrid2 .col div:hover{background:lightyellow;}

.bookopgrid2 .col div p{ font-size:1.87em; font-weight:bold; margin-bottom:10px; line-height:110%;}

.bookopgrid2 .col div span{font-size:1.12em;font-weight:bold; display:block;}

.bookopgrid2 .col div img{
	display:block;
	width:auto;
	margin:0 auto 1em auto;
	}

.bookopgrid2 .ordbtn{font-size:18px;}





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

.bookopgrid2 .col{width: 100%;}

.bookopgrid2 .col:nth-child(1){ border-right:none; padding:0 0 0 0;}

.bookopgrid2 .col:nth-child(2){ padding:0 0 0 0;}

}





























.bookopgrid3{display:flex;flex-wrap:wrap;}


.bookopgrid3 .col{
	padding:0.75em;
	width: 33.3333%;
box-sizing: border-box;}


.bookopgrid3 .col:nth-child(1){ border-right:1px solid #ccc; padding:0 1em 0 0;}

.bookopgrid3 .col:nth-child(2){ border-right:1px solid #ccc; padding:0 1em 0 1em;}

.bookopgrid3 .col:nth-child(3){ padding:0 0 0 1em;}




.bookopgrid3 .ordbtn{
	display:block;}

.bookopgrid3 .ordbtn{ 
	font-weight:bold;  
	padding:4% 4%; 
	border:1px solid #000;
	margin-bottom:1em;
	}
	
.bookopgrid3 a{text-decoration:none; color:#000;}

.bookopgrid3 .btn{background:#000; color:white; padding:1%; text-align:center}

.bookopgrid3 .btn:after{content:"\f101";font-family: "FontAwesome";margin-left:0.5em;}

.bookopgrid3 .ordbtn:hover{background:lightyellow;}


.bookopgrid3 .b1{background:url(../images/base/bg-40.png); }

.bookopgrid3 .b2{background:url(../images/base/bg-10.png); }


.bookopgrid3 .b3{background:url(../images/base/bg-41.png); }

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

.bookopgrid3 .col{width: 100%;}

.bookopgrid3 .col:nth-child(1){ border-right:none; padding:0 0 0 0;}

.bookopgrid3 .col:nth-child(2){ border-right:none; padding:0 0 0 0;}

.bookopgrid3 .col:nth-child(3){ border-right:none; padding:0 0 0 0;}

}









/*フライヤーサイズ*/


.fliersize{display:block; overflow:hidden;}

.fliersize p{display: block; float:left; width:33.3333%; text-align:center}

.fliersize p:nth-child(1){border-bottom:1px solid #ccc; padding-bottom:1em}

.fliersize p:nth-child(2){border-bottom:1px solid #ccc; padding-bottom:1em}

.fliersize p:nth-child(3){border-bottom:1px solid #ccc; padding-bottom:1em}


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

.fliersize p{display: block; float:left; width:50%;}

.fliersize p:nth-child(4){border-bottom:1px solid #ccc; padding-bottom:1em}

.fliersize p:nth-child(5){border-bottom:1px solid #ccc; padding-bottom:1em}

.fliersize p:nth-child(6){border-bottom:1px solid #ccc; padding-bottom:1em}	
	
}














/*カバーサイズ*/


.bookcoversize{display:block; overflow:hidden;}

.bookcoversize p{display: block; float:left; width:16.6666%; text-align:center}


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

.bookcoversize p{display: block; float:left; width:33.3333%;}	
	
}







/*冊子サイズ*/


.booksize{display:block; overflow:hidden;}

.booksize p{display: block; float:left; width:25%; box-sizing:border-box; text-align:center;  border:1px solid #d3d3d3;}

.booksize span {background:#eee; display:block}

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

.booksize p{display: block; float:left; width:50%;}	
	
}




.booksize2{display:block; overflow:hidden; font-size:12px}

.booksize2 p{display: block; float:left; width:16.6666%; box-sizing:border-box; text-align:center;  border:1px solid #d3d3d3;}

.booksize2 span {background:#eee; display:block}

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

.booksize2 p{display: block; float:left; width:25%;font-size:10px}	
	
}












.kekka .block{overflow:hidden; display:block;}

.kekka .third{padding:1em}

.kekka .va{vertical-align:middle;}

.kekka .titlebg1{background:#edf3ff }

.kekka .titlebg2{background:#edf3ff}

.kekka .titlebg3{background:#edf3ff}

.kekka .titlebg4{background:#edf3ff}

.kekka .titlebg5{background:#f7f0c6}

.kekka .img1{ width:50px;}


.kekka .boxtwo{ width:50%;box-sizing:border-box;border-right:1px solid #000; display:table-cell;} 

.kekka .boxtwo:last-child{border-right:none;}

.kekka .boxtwo:hover{background-color:lightyellow}

.kekka .boxtwo .listb{ font-size:0.81em; padding:0.75em; margin-top:0.5em; line-height:120%;}

.kekka .boxtwo:hover .listb{ background:#fff; border:1px solid #000; }

.kekka .boxtwo .listr{border:1px solid #000; border-top:none;}

@media screen and (max-width: 600px) {
	
.kekka .boxtwo{ width:100%; display: block; border:none;border-top:1px dotted #000;} 

}


.kekka .boxthree{ width:33.3333%;box-sizing:border-box; border-right:1px solid #000; display:table-cell;} 

.kekka .boxthree:nth-child(4){border-right:none;}

.kekka .boxthree:hover{background-color:paleturquoise}

.kekka .boxthree:hover{background-color:lightyellow}

.kekka .boxthree .listb{ font-size:0.81em; padding:0.75em; margin-top:0.5em; line-height:120%;}


@media screen and (max-width: 600px) {
	
.kekka .boxthree{ width:100%; display: block; border:none;border-top:1px dotted #000;} 

}





.kekka .boxmtwo{ width:50%;box-sizing:border-box;border-right:1px solid #000; display:table-cell;} 

.kekka .boxmtwo:last-child{border-right:none;}

.kekka .boxmtwo:hover{background-color:paleturquoise}

.kekka .boxmtwo:hover{background-color:lightyellow}

.kekka .boxmtwo .listb{ font-size:0.81em; padding:0.75em; margin-top:0.5em; line-height:120%;}

.kekka .boxmtwo:hover .listb{ background:#fff; border:1px solid #000; }

.kekka .boxmtwo .listr{border:1px solid #000; border-top:none;}


@media screen and (max-width: 600px) {
	
.kekka .boxmtwo{ width:100%; display: block; border:none;border-top:1px dotted #000;} 

}




.kekka .bg1{background:#ffeaea;border:1px solid #ffeaea;}

.kekka .bg3{background:#eaf4ff;border:1px solid #eaf4ff;}

.kekka .bg4{background:#fff4ea;border:1px solid #fff4ea;}


.kekka .box:hover .bg1{background:#fff}

.kekka .box:hover .bg2{background:#fff}

.kekka .box:hover .bg3{background:#fff}

.kekka .box:hover .bg4{background:#fff}


.kekka .third .tate{ font-size:12px; font-weight:bold;}

.kekka .third .tate img{vertical-align:middle; margin-right:0.25em}

.kekka .third .yoko{ font-size:12px; font-weight:bold;}

.kekka .third .yoko img{vertical-align:middle;margin-right:0.25em}

.kekka .third .listr{white-space:nowrap;}

.kekka .third .listr a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:2px 10px;
	text-align:center;
	background:#171c61;
	color:#fff;
	}
	
.kekka .third .listr a:after{content:"\f054";font-family: "FontAwesome";margin-left:0.5em;}

.kekka .third .listr a:hover{background:#ff621d;}











/*通常*/
.label1{
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  border:1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  overflow:hidden;
  display:inline-block;
  background-color: #fff;
  margin:0.5em
  }
  
.label1 input[type="radio"]{}

.label1 input:focus{}

.label1 label{display: block;padding:10px;}

.label1:hover {background-color:#b0e0e6;}

.label1 input[type="radio"]:checked + label{
background-color: #b0e0e6;
	display:block;
	padding:10px;
}








.checkbox-input{
  display: none;
}



.checkbox-input:checked + .checkbox-parts{
  background: #fffed4;
  border: 1px solid #000;
}

.checkbox-input:checked + .checkbox-parts::before {
  border: 1px solid #000;
}
.checkbox-input:checked + .checkbox-parts::after {
  left: 26px;
  background: #000;
}


.checkbox-parts{
  position: relative;
  padding: 10px 15px 10px 53px;
  transition:.3s;
  color: #000;
  border-radius: 8px;
  border: 1px solid #ddd;
  display:inline-block;
  background:#fff;
  margin:0.25em;
  font-size:0.87em
}

.checkbox-parts::before{
  content: "";
  display: block;
  top:15px;
  left: 9px;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #aaa;
  background: #fff;
  position: absolute;
}
.checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top:17px;
  left: 11px;
  width: 13px;
  height: 13px;
  background: #aaa;
  border-radius: 50%;
  transition:.2s;
  display: block;
}













.orderpgcontents .book{overflow:hidden;}

.orderpgcontents .book .col:nth-child(1){ width:27.5%; float:left; box-sizing:border-box;}	
   
.orderpgcontents .book .col:nth-child(2){ width:72.5%; float:left; box-sizing:border-box;}  

.orderpgcontents2 .book{overflow:hidden;}

.orderpgcontents2 .book .col:nth-child(1){ width:150px; height:170px; float:left; box-sizing:border-box; vertical-align:middle;}	
   
.orderpgcontents2 .book .col:nth-child(2){ height:170px; float:left; box-sizing:border-box; vertical-align:middle; margin-top:auto; margin-bottom:auto;}  


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

.orderpgcontents .book .col:nth-child(1){ width:100%; float: none; box-sizing:border-box; margin-top:1em}	

.orderpgcontents .book .col:nth-child(1) img{width:60%;}
   
.orderpgcontents .book .col:nth-child(2){ width:100%; float: none; box-sizing:border-box;}  

.orderpgcontents2 .book .col:nth-child(1){ width:100%; float: none; box-sizing:border-box; margin-top:1em}	

.orderpgcontents2 .book .col:nth-child(1) img{width:60%;}
   
.orderpgcontents2 .book .col:nth-child(2){ width:100%; float: none; box-sizing:border-box;}  

}




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

.book-view{
	display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
	}

.orderpgcontents .book .col:nth-child(2){
	-webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;}

.orderpgcontents .book .col:nth-child(1){
	-webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;}
  
.orderpgcontents2 .book .col:nth-child(2){
	-webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;}

.orderpgcontents2 .book .col:nth-child(1){
	-webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;}  

}


.book-hyoshi{ width:130px;}





























/*タブメニュー*/ 
.book-nakatoji-sizeswitch .tab{ 
display: inline-block; 
background: #ccc; 
position: relative; 
color: #fff; 
border:none;
text-align:center;
margin-bottom:1em;
text-decoration:none;
font-size:0.87em;
}

.book-nakatoji-sizeswitch .tab a{text-decoration:none; display:block; padding:5px; color:#fff;} 

.book-nakatoji-sizeswitch .tab a:hover{color: #fff; background:#333; }

.book-nakatoji-sizeswitch .active{ 
background:#fff; 
border-bottom: 0px solid #e8554e; 
border-bottom-color: #e8554e; 
color: #fff;
font-weight:bold;
background:#333; 
} 

.book-nakatoji-sizeswitch .active > a{ 
color: #ffffff; 
background: #333;
}
 
.book-nakatoji-sizeswitch .active:before{ 
background: #fff; 
content: ""; 
border-left: 10px dashed transparent; 
border-right: 10px solid transparent; 
border-top: 10px solid #333; 
position: absolute; 
left: 50%; 
margin-left: -10px; 
bottom: -10px; 
}





















.nouki{overflow:scroll; margin-bottom:2em; font-size:1em;line-height:120%}


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

.nouki{overflow:scroll;line-height:120%}

}

.nouki table{  border:1px solid #999999; border-bottom:none; border-right:none; font-size:0.87em;border-collapse: separate;border-spacing: 0 0; width:100%;}

.nouki table td{padding:5px; border-bottom:1px solid #999;border-right:1px solid #999; margin:0; white-space:nowrap; }




	
.nouki table th{ 
padding:3px; border-bottom:1px solid #999;border-right:1px solid #999; margin:0;
	background:#c7e3ef;
	vertical-align: central;
	text-align:center;
	font-weight: normal;
	 white-space:nowrap
	}	
	



.nouki table td p{background:#fff;  font-size:0.81em; padding:0.062em 0.25em; margin-bottom:0.5em; border:1px solid #ccc; line-height:150%; background:#eee;}










.book_op table{ border-top:1px solid #ccc; border-left:1px solid #ccc;border-collapse: separate;border-spacing: 0 0;}

.book_op table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px;}

.book_op table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; background:#e6e6e6;}


.book_op .ordbtn2{
	margin:0.5em 0;
	display:inline-block;}

.book_op .ordbtn2{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	color:#fff; 
	text-decoration:none; 
	margin-left:auto;
	margin-right:auto; 
	padding:3% 6%; 
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:none;
	font-weight:bold;
	}

.book_op .ordbtn2:after{content:"\f101";font-family: "FontAwesome";margin-left:0.25em;}

.book_op .ordbtn2:hover{background:#000;}







.rgb_book table{ border-top:1px solid #ccc; border-left:1px solid #ccc;border-collapse: separate;border-spacing: 0 0;}

.rgb_book table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px;}

.rgb_book table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; background:lightyellow;}


.rgb_book .ordbtn2{
	margin:0.5em 0;
	display:inline-block;}

.rgb_book .ordbtn2{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	color:#fff; 
	text-decoration:none; 
	margin-left:auto;
	margin-right:auto; 
	padding:1.5% 6%; 
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:none;
	font-weight:bold;
	font-size:14px;
	}

.rgb_book .ordbtn2:after{content:"\f101";font-family: "FontAwesome";margin-left:0.25em;}

.rgb_book .ordbtn2:hover{background:#000;}













/* 会社概要h3 */

.gaiyou{ background:#d8ecf1; font-weight:bold; padding:5px; margin-bottom:0.5em; font-size:1em;}


/* 会社概要テーブル */

.gaiyoutable table{ border-top:1px solid #666; border-left:1px solid #666;border-collapse: separate;border-spacing: 0 0; font-size:0.87em; width:100%;}

.gaiyoutable table td{border-bottom:1px solid #666; border-right:1px solid #666; padding:7px;}

.gaiyoutable table th{border-bottom:1px solid #666; border-right:1px solid #666; padding:7px; background:#D8ECF1; white-space:nowrap; font-weight:normal; text-align:left;}





/* 特定商取引法の表記 */


.poricy dt{padding:7px; background:#d3d3d3; font-weight:bold; font-size:0.87em; }

.poricy dd{padding:0.75em; font-size:0.87em;}




/* 個人情報保護方針 */


.kojin dt{padding:7px; background:#d3d3d3; font-weight:bold; font-size:0.87em;}

.kojin dd{padding:2em; font-size:0.87em; margin-bottom:1em; }







/* ページ内メニュー */	


.pagemenu{overflow:hidden; margin:0 0 2em 0; background:gainsboro; padding:0.5em 1em; }

.pagemenu ul{list-style:none; overflow:hidden; font-size:0.81em }

.pagemenu ul li{  float:left; margin-right:0.5em; margin-bottom:0.5em; display: block; padding:0em 0.5em;}

.pagemenu ul li a{text-decoration:none; font-weight:500;}






/* よくあるご質問 */	

.koe_back {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
	background-color: #E8EFFF;
	padding: 1em;
	font-size:15px;
}

.koe_yellow_back {
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	background-color: #FFFFCC;
	padding: 1em;
	font-size:0.87em;
}

.koe02_back {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
	background-color: #ffffff;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.koe03_back {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
	background-color: #E8EFFF;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}



.koe p{border-bottom:1px dashed #bdbdbd; line-height:150%; padding-top:0.25em; padding-bottom:0.25em}

/* 対応ソフト一覧／対応フォント一覧 */	

.tdp7px td{padding:5px;}

.tdp3px td{padding:3px 6px;}

.basictable{}

.basictable table{ border-top:1px solid #666; border-left:1px solid #666;border-collapse: separate;border-spacing: 0 0; font-size:1em; width:100%;}

.basictable table td{border-bottom:1px solid #666; border-right:1px solid #666; padding:5px;}

.basictable table th{border-bottom:1px solid #666; border-right:1px solid #666; padding:5px; white-space:nowrap; font-weight:normal; text-align:left;}


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

.tablescroll{overflow:scroll;}

.tablescroll td{}

}





/* 配達日数 */	

.haiso_white {
	background-color: #ffffff;
}
.haiso_blue {
	background-color: #dbf4ff;
}
.haiso_pink {
	background-color: #ffdded;
}
.haiso_green {
	background-color: #efffe6;
}


.haisoblue {
	color: #34A3D6;
}
.haisopink {
	color: #D95A94;
}
.haisogreen {
	color: #7AB52E;
}








/* 遊び紙 */	


.asobigami div{width:11.5%;}

.asobigami div{
	display:table-cell;
	padding: 1%;
	vertical-align: central;
	font-size:0.87em;
	line-height:120%;
	vertical-align:top;
	box-sizing:border-box;
	text-align:center;
	}


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

.asobigami div{display: inline-block;}

.asobigami div{width:24%;}
	
}








/* book_op */

.book_op table{ border-top:1px solid #ccc; border-left:1px solid #ccc;border-collapse: separate;border-spacing: 0 0; width:100%}

.book_op table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; line-height:150%; font-size:0.87em;}

.book_op table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:7px; background:lightyellow;line-height:150%; font-size:0.87em;}


.book_op .ordbtn{
	display:inline-block;}

.book_op .ordbtn{ 
	background: -prefix-linear-gradient(top, #e11345, #c8103d);
	background: linear-gradient(to bottom, #e11345, #c8103d);
	color:#fff; 
	text-decoration:none; 
	margin-left:auto;
	margin-right:auto; 
	padding:1.25% 6%; 
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:none;
	font-weight:bold;
	font-size:14px;
	}

.book_op .ordbtn:after{content:"\f101";font-family: "FontAwesome";margin-left:0.25em;}

.book_op .ordbtn:hover{background:#000;}

















/* データの作り方 */

.mokujifont table{border-collapse: separate;border-spacing: 0 0;}

.mokujifont td{
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
	width:50%;
	line-height:150%;
	padding:0.25em;
	padding-left: 1em;
	padding-right: 1em;
  	text-indent: -1em;
    } 

.mokujifont td:before{content:"\f152";font-family: "FontAwesome";margin-right:0.25em; color:#ff8c00;}




/* データの作り方 Microsoft Officeソフト */

.exwfont table{
	border-collapse: separate;
	border-spacing: 0 0;
	border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666;
	}

.exwfont td{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
	line-height:150%;
	padding:0.5em 0.25em;
    } 




.exwfontgrid{overflow:hidden;}

.exwfontgrid .col:first-child{ width:35%; float:left; margin-right:4%; box-sizing:border-box;}	
   
.exwfontgrid .col:last-child{ margin-right:0 !important;}   


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

.exwfontgrid .col:first-child{ display:block; width:100%; margin-right:0; margin-bottom:1em}	
   
.exwfontgrid .col:last-child{ margin-right:0 !important;}  

   
}









#kakaku {
	margin: 0px;
	padding: 0px;
}

#kakaku a {
}

#kakaku a:hover {
	color: #FF0000;
	text-decoration: underline;
}


#kakaku table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 100%;
}

#kakaku table tr:nth-child(odd) {
  background-color: #ffffff;
}
#kakaku  table tr:nth-child(even) {
  background-color: #FFFFCC;
}
#kakaku td {
	font-size: 12px;
	padding: 10px 2px;
	text-align: center;
	border-top: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px solid #999999;
}
.kakaku_glay {
	background-color: #E6E6E6;
}
.kakaku_yellow {
	background-color: #FFFFCC;
}
.kakaku_glay2 {
	background-color: #efefef;
}






















/* 商品一覧　用途で選ぶ */
   

	
#syohinyouto{ margin-bottom:50px;}	   
	   
#syohinyouto .openbtn {
	cursor: pointer;
	background:#053293;
	color:#fff;
	line-height:40px;
	font-size:18px;
	font-weight:700;
	padding-left:0.5em;
	}
	
#syohinyouto h3 {
	background:#053293;
	color:#fff;
	line-height:40px;
	font-size:18px;
	font-weight:700;
	padding-left:0.5em;
	}	
 
#syohinyouto .openbtn::after{
	content: '\f0d7';
	   font-family: "FontAwesome";
	   margin:0 0 0 0.5em;
	   color:#FFFF00;
	   font-size:22px;
	   } 

#syohinyouto .openbtn:hover {opacity: 0.9;}
 

#syohinyouto .openbox {display: none; overflow:hidden;}
 
#syohinyouto ul { width:100%; list-style:none;}
   	   
#syohinyouto ul li{ border-bottom:1px solid #ccc; line-height:120%;} 
   
#syohinyouto ul li a::before{
	   content: '\f0da';
	   font-family: "FontAwesome";
	   margin:0 0.5em 0 0.75em;
	   color:#084BC4;
	   } 
   
#syohinyouto ul li a{ display:block; text-decoration:none;padding:0.4em;padding-left: 1em;text-indent: -1.5em; color:#000; }   
   
#syohinyouto ul li a:hover{ background:#f2f2f2; color:#084BC4;}  



















/*オプショングリッド３*/
   
.optiongrid{overflow:hidden;}

.optiongrid .col{ width:30.5%; float:left; margin-right:4%; box-sizing:border-box; background:#f3f3f3; border:1px solid #171c61; margin-bottom:25px;}

.optiongrid .col:nth-child(3) { margin-right:0;} 	

.optiongrid .col:nth-child(6) { margin-right:0;} 

.optiongrid .col:hover{ background:lightyellow;}	
   


.optiongrid .col h3{ font-size:22px; font-weight:bold; text-align:center; padding:1em 0.5em 0 0.5em; color:#171c61; }

.optiongrid .col .setsumei{ font-size:0.87em; line-height:120%; padding:0em 1em; height:2em}

.optiongrid .col .btn{ font-size:0.87em; background:#171c61; color:white; text-align:center; font-weight:bold; margin-top:1em}	

.optiongrid .col a{text-decoration:none;}

.optiongrid .col:hover .setsumei{color:#171c61;}



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

.optiongrid .col{ width:48%; float:left; margin-right:4%;}

.optiongrid .col:nth-child(even) { margin-right:0;}

.optiongrid .col:nth-child(3) { margin-right:4%;} 	

.optiongrid .colli:nth-child(odd){ margin-right:4%;}

.optiongrid .col .setsumei{ height:3em}

}


















/*book-op*/


.bookbunrui{ display:block; overflow:hidden;}

.bookbunrui h3{background-color:#171c61; color:white; padding:0.5em }

.bookbunrui div{ border:1px solid #171c61; padding:2%;float:left; width:50%; box-sizing:border-box;} 

.bookbunrui div .orbtn img{ width:30%;}

.bookbunrui .orbtn {text-align:center; }

.bookbunrui .orbtn a{background-color:#fff;color:#171c61; padding:0.25em 0; font-weight:bold; text-decoration:none;margin:0.75em 0.25em 0.5em 0; float:left; width:48.5%; box-sizing:border-box; }


.bookbunrui .bg1 a{background-color:#c4e0f7;border:2px solid #c4e0f7}

.bookbunrui .bg2 a{background-color:#f7f2c4;border:2px solid #f7f2c4}

.bookbunrui .bg1 a:hover{border:2px solid #171c61}

.bookbunrui .bg2 a:hover{border:2px solid #171c61}

.bookbunrui .orbtn a::after{
	   content: '\f054';
	   font-family: "FontAwesome";
	   margin-left:0.5em;
	   } 

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

.bookbunrui .orbtn a{font-size:0.87em; margin:0.5em 0 0 0;}

.bookbunrui .orbtn a::after{
	   content: '';
	   } 
		
}









/*冊子絞り込み*/

.search_item {
    display: inline-block;
    cursor: pointer;
}

.search_item-parts{
  position: relative;
  padding: 10px 15px 10px 53px;
  transition:.3s;
  color: #000;
  border-radius: 8px;
  border: 1px solid #ddd;
  display:inline-block;
  background:#fff;
  margin:0.25em;
  font-size:0.87em
}

.search_item-parts::before{
  content: "";
  display: block;
  top:15px;
  left: 9px;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #aaa;
  background: #fff;
  position: absolute;
}


.search_item-parts::after{
  content: "";
  display: block;
  position: absolute;
  top:17px;
  left: 11px;
  width: 13px;
  height: 13px;
  background: #aaa;
  border-radius: 50%;
  transition:.2s;
  display: block;
}

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

.search_item-parts{padding: 5px 7px 5px 42px;}

.search_item-parts img{height:18px;}

.search_item-parts::before{
  top:7px;
  left: 5px;
  width: 30px;
  height: 15px;
  }
  
.search_item-parts::after{
  top:9px;
  left: 8px;
  width: 13px;
  height: 13px;}  
	
}	


.is-active .search_item-parts{
  position: relative;
  padding: 10px 15px 10px 53px;
  transition:.3s;
  color: #000;
  border-radius: 8px;
  border: 1px solid #000;
  display:inline-block;
  background:#fed930;
  margin:0.25em;
  font-size:0.87em
}

.is-active .search_item-parts::before{
  content: "";
  display: block;
  top:15px;
  left: 9px;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  border: 1px solid #000;
  background: #fff;
  position: absolute;
}

.is-active .search_item-parts::after{
  content: "";
  display: block;
  position: absolute;
  top:17px;
  left: 26px;
  width: 13px;
  height: 13px;
  background: #000;
  border-radius: 50%;
  transition:.2s;
  display: block;
}

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

.is-active .search_item-parts{padding: 5px 7px 5px 42px;}

.search_item-parts img{height:20px;}
	
.is-active .search_item-parts::before{
  top:7px;
  left: 5px;
  width: 30px;
  height: 15px;
  }
  
.is-active .search_item-parts::after{  
  top:9px;
  left: 21px;
  width: 13px;
  height: 13px;
}

}	


.is-hide {
    display: none;
}


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

.touch{
overflow:auto;
-webkit-overflow-scrolling:touch;
overflow-y: auto;
overflow-x: hidden;
}

}

iframe {
 width: 1px !important;
 min-width: 100%;
 box-sizing: border-box;
}









		
.bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}


.bxslider2 li {
  display: none;
}
.bx-viewport .bxslider2 li {
  display: block !important;
}















/* フォーム共通 */

.sampl input[type="text"]{
	padding:1%;}

.sampl textarea{
    resize: both;
	padding:1%;
	display: block;
    width: 98% !important;
}


.sampl input[type="text"]:focus,
.sampl textarea:focus,
.sampl select:focus,
.sampl input:focus
 {
	 border:2px solid #a2c4fb;
	 background:#f0f5fe;
}

.sampl input[type="number"]{
	padding:1%;}



@media screen and (max-width: 600px) {
.sampl input[type="text"]{
	padding:1%;
	width: 98% !important;
	resize: both;
	padding:1%;}
	
}




















/* ご相談・お見積りはこちらをクリック ボタン */

.mitumori-btn {
transition: .4s;
	text-align:center;
	display:inline-block;
}

.mitumori-btn a{
	background: -prefix-linear-gradient(top, #3485d6, #2d74bb);
	background: linear-gradient(to bottom, #3485d6, #2d74bb);
	text-decoration: none; 
	display:block;
	padding: 0.25em 1em;
	color: #fff;
	border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
	margin:0.25em auto;
	font-weight:bold;
	}

.mitumori-btn a:after{content:"\f0da";font-family: "FontAwesome";margin-left:0.5em;}

.mitumori-btn a:hover{
background: #000;
color: #fff;
	}




.payment .haisou1{ margin: 0.5em; background-color: #0e6eb8; display: inline-block; padding: 0.5em 1em; color: white; font-weight: bold;font-size: 1.5em;}

.payment .haisou2{ margin: 0.5em; background-color: #009380; display: inline-block; padding: 0.5em 1em; color: #fccf00; font-weight: bold;font-size: 1.5em;}


.paymenttable table{ border-top:1px solid #ccc; border-left:1px solid #ccc;border-collapse: separate;border-spacing: 0 0; }

.paymenttable table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; line-height: 1.5;}

.paymenttable table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px;  font-weight:normal; text-align:left;}



.paymentgrid2{overflow:hidden;display: block;}

.paymentgrid2 table{width: 100%; box-sizing: border-box;border-collapse: separate; border-spacing: 15px;}

.paymentgrid2 td{ vertical-align: top; width:48%;  box-sizing:border-box;border:1px solid #ccc; background-color: #eee;}	
   


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

.paymentgrid2 td{ display:block; width:100%;}	
   
}



.tamegakipoint{
background: rgba(239,242,97,1.00);
display: inline-block;
font-weight: bold;
border-radius: 10px;
padding: 5px 10px;
border:1px solid rgba(0,0,0,1.00);
}

.tamegakih3{
border-radius: 0px;
font-size: 30px;
line-height: 1.5;
padding:10px 0px;
font-weight: bold;
margin-bottom: 15px;
color: #2e2e2e;
letter-spacing: 1px;
display: block;
}

.tamegakih3 span{color:rgba(5,85,189,1.00)}


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

.tamegakih3{font-size: 24px;line-height: 1.25;}

}



.tamegakibor{
border: 7px solid rgba(35,94,141,0.5);
box-sizing: border-box;
border-radius: 10px;
padding: 15px;
}


.tamegakibor2{
border: 7px solid rgba(35,94,141,0.5);
box-sizing: border-box;
border-radius: 10px;
padding: 30px;
}

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


.tamegakibor{
border: 5px solid rgba(35,94,141,0.5);
padding: 15px;
}



.tamegakibor2{
border: 5px solid rgba(35,94,141,0.5);
padding: 15px;

}

}


.tamegakigrid2{display: flex;align-items: center;justify-content: center;}

.tamegakigrid2 div:nth-child(1){margin-right: 30px;}

.tamegakigrid2 div:nth-child(2){line-height: 1.75;}


.tamegakibgyellow{background: rgba(239,242,97,1.00);}



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

.tamegakigrid2{display:block;}

.tamegakigrid2 div:nth-child(1){margin-right: 0px;text-align: center;}

.tamegakigrid2 div:nth-child(2){line-height: 1.75;text-align: left;}


}






.tamegakigrid3{display: flex;justify-content: space-between;}

.tamegakigrid3 div{text-align: center;margin: 0 5px;}


.tamegakigrid4{display: flex;flex-wrap: wrap;align-content:space-between}

.tamegakigrid4 div{text-align: center;width: 30%;margin: 1.5%;}


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


.tamegakigrid4{display: flex;flex-wrap: wrap;}

.tamegakigrid4 div{text-align: center;width: 47%;margin: 1.5%;}


}


.tamegakilayout u{ background: #eff261;}



.tamegakigrid2-2{display: flex;}

.tamegakigrid2-2 div:nth-child(1){margin-right: 1em}

.tamegakigrid2-2 div{width: 50%;}


.tamegakigrid3-2{display: flex;align-items: center;justify-content: space-between}

.tamegakigrid3-2 div{width: 32%;}




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

.tamegakigrid2-2{display: block;align-items: center;}

.tamegakigrid2-2 div:nth-child(1){margin-right: 0em; margin-bottom: 1em}

.tamegakigrid2-2 div{width: 100%;}


.tamegakigrid3-2{display: block;align-items: center;}

.tamegakigrid3-2 div:nth-child(1),
.tamegakigrid3-2 div:nth-child(2)
{margin-bottom: 1em}

.tamegakigrid3-2 div{width: 100%;}



}




.tamegakitable table{ border-top:1px solid #666; border-left:1px solid #666;border-collapse: separate;border-spacing: 0 0; font-size:1em; width:auto;}

.tamegakitable table td{border-bottom:1px solid #666; border-right:1px solid #666; padding:5px; width: 50%;}

.tamegakitable table th{border-bottom:1px solid #666; border-right:1px solid #666; padding:5px; white-space:nowrap; font-weight:normal;width: 50%;}


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

.tamegakitable table{width: 100%;}

.tamegakitable table td{width: auto;}

.tamegakitable table th{width: auto;}



}



.tamegakitable thead{background-color:lightgray;}

.tamegakitable tbody tr:nth-child(even){background-color:lightyellow;}




.qaContainer dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #cce6ff;
text-indent: -25px;
}
.qaContainer dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
.qaContainer dd {
margin: 20px 10px 40px 35px;
text-indent: -25px;
}
.qaContainer dd:before {
content: "A.";
color: #1771c6;
font-weight: bold;
margin-right: 7px;
}





.tamegakibotan{
display: block; 
text-align: center;
margin-top: 30px;}

.tamegakibotan p{width: 70%;margin: auto;}

.tamegakibotan p a{
background: linear-gradient(#ff8b00,20%,#ff1b00);
padding: 20px 15px;
color: white;
text-decoration: none;
font-weight: bold;
font-size:20px;
border-radius: 10px;
display: block;
line-height: 1.5;
}

.tamegakibotan p a:hover{background: linear-gradient(orange,20%, orangered);}


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

.tamegakibotan p{width: 90%;margin: auto;}

}






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

.tamegakiappeal{display: block;}

.tamegakiappeal-sm{display: none;}

}



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

.tamegakiappeal{display: none;}

.tamegakiappeal-sm{display: block;}

}








/*box----------------*/	

.box930{display: block;box-sizing: border-box;width: 930px;}
.box650{display: block;box-sizing: border-box;width: 650px;}
.box275{display: block;box-sizing: border-box;width: 275px;}

.box100{display: block;box-sizing: border-box;width: 100%;}
.box95{display: block;box-sizing: border-box;width: 95%;}
.box90{display: block;box-sizing: border-box;width: 90%;}
.box85{display: block;box-sizing: border-box;width: 85%;}
.box80{display: block;box-sizing: border-box;width: 80%;}
.box75{display: block;box-sizing: border-box;width: 75%;}
.box70{display: block;box-sizing: border-box;width: 70%;}
.box65{display: block;box-sizing: border-box;width: 65%;}
.box60{display: block;box-sizing: border-box;width: 60%;}
.box50{display: block;box-sizing: border-box;width: 50%;}
.box45{display: block;box-sizing: border-box;width: 45%;}
.box40{display: block;box-sizing: border-box;width: 40%;}
.box33{display: block;box-sizing: border-box;width: 33%;}
.box30{display: block;box-sizing: border-box;width: 30%;}
.box25{display: block;box-sizing: border-box;width: 25%;}
.box23{display: block;box-sizing: border-box;width: 23%;}
.box20{display: block;box-sizing: border-box;width: 20%;}
.box15{display: block;box-sizing: border-box;width: 15%;}
.box10{display: block;box-sizing: border-box;width: 10%;}
.box5{display: block;box-sizing: border-box;width: 5%;}



@media screen and (max-width: 767px){ 
    
.box100 table tr td{display: block;box-sizing: border-box; width: 100%;}

.box100s{display: block;box-sizing: border-box;width: 100%;}
.box90s{display: block;box-sizing: border-box;width: 90%;}
.box80s{display: block;box-sizing: border-box;width: 80%;}
.box70s{display: block;box-sizing: border-box;width: 70%;}
.box60s{display: block;box-sizing: border-box;width: 60%;}
.box50s{display: block;box-sizing: border-box;width: 50%;}
.box40s{display: block;box-sizing: border-box;width: 40%;}
.box15s{display: block;box-sizing: border-box;width: 15%;}
    
}




/*divの横並びbox----flexbox------------------------*/



.flexbox{display: flex;box-sizing: border-box;}


.flexbox_center{/* 上下中央合わせ  */  
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

.flexbox_end{/* 下揃え  */  
    display: flex;
    box-sizing: border-box;
    align-items: flex-end;
}



@media screen and (min-width:768px) and (max-width:900px) { 
.cartsec{width: 100%;} 
}


@media screen and (max-width: 767px){ 
.cartsec{width: 100%} 
}





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

.flexbox,
.flexbox_center{box-sizing: border-box;flex-direction: column;}
  
.flex-child1{order:1;}    /* コンテンツの順番を設定  */    
.flex-child2{order:2;}    /* コンテンツの順番を設定  */    
.flex-child3{order:3;}    /* コンテンツの順番を設定  */    
.flex-child4{order:4;}    /* コンテンツの順番を設定  */    
  

    
}