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

/* ********************共通****************** */
html { font-size:62.5%; color: #5f5e5e; line-height: 1.5;} /* 10px */
body{ font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-top: solid 4px #5a2e13; color: #5a2e13;}
#content { padding-top: 16px; }
section { margin-bottom: 24px; }
a , a:hover , a.active { text-decoration: none; }
.cf:after {
    content:" ";
    display:block;
    clear:both;
}
.clear{ clear: both;}

img { width: 100%; height: auto;}
.img_auto{ width: auto; height: auto; }

.fs10{ font-size: 10px; font-size: 1.0rem!important;}
.fs12{ font-size: 12px; font-size: 1.2rem!important;}
.fs14{ font-size: 14px; font-size: 1.4rem!important;}
.fs16{ font-size: 16px; font-size: 1.6rem!important;}
.fs17{ font-size: 17px; font-size: 1.7rem!important;}
.fs18{ font-size: 18px; font-size: 1.8rem!important;}
.fs20{ font-size: 20px; font-size: 2.0rem!important;}
.fs22{ font-size: 22px; font-size: 2.2rem!important;}
.fs24{ font-size: 24px; font-size: 2.4rem!important;}
.fs23{ font-size: 23px; font-size: 2.3rem!important;}
.fs26{ font-size: 26px; font-size: 2.6rem!important;}
.fs30{ font-size: 30px; font-size: 3.0rem!important;}
.fs32{ font-size: 32px; font-size: 3.2rem!important;}
.fs40{ font-size: 40px; font-size: 4.0rem!important;}
.l_space{ letter-spacing: -0.02em;}
@font-face {
	font-family: "webfonts";
	src: url('../fonts/web.woff') format('woff'),
		 url('../fonts/web.ttf') format('truetype');
}
.tegaki {
	font-family: webfonts, serif;
}

.mb00{ margin-bottom: 0!important;}
.mb08{ margin-bottom: 8px!important;}
.mb16{ margin-bottom: 16px!important;}
.mb24{ margin-bottom: 24px!important;}
.mb32{ margin-bottom: 32px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb80{ margin-bottom: 80px!important;}

.m00{ margin: 0!important;}
.mt00{ margin-top: 0!important;}
.mt09{ margin-top: 9px!important;}
.mt16{ margin-top: 16px!important;}
.mt24{ margin-top: 24px!important;}
.mr16{ margin-right: 16px!important;}
.ml00{ margin-left: 0!important;}
.ml08{ margin-left: 8px!important;}
.ml16{ margin-left: 16px!important;}
.ml22{ margin-left: 22px!important;}

.p00{ padding: 0!important;}
.pt00{ padding-top: 0!important;}
.pt08{ padding-top: 8px!important;}
.pb00{ padding-bottom: 0!important;}
.pb08{ padding-bottom: 8px!important;}
.pb16{ padding-bottom: 16px!important;}
.pb24{ padding-bottom: 24px!important;}
.pb32{ padding-bottom: 32px!important;}
.pb40{ padding-bottom: 40px!important;}

.pt1{ padding-top: 1em!important;}
.pt16{ padding-top: 16px!important;}
.pt24{ padding-top: 24px!important;}
.pr16{ padding-right: 16px!important;}
.pl08{ padding-left: 8px!important;}
.pl16{ padding-left: 16px!important;}
.pl24{ padding-left: 24px!important;}
.pl28{ padding-left: 28px!important;}
.plr02{ padding-left: 2px!important;padding-right: 2px!important;}
.plr08{ padding-left: 8px!important;padding-right: 8px!important;}

.bold{ font-weight: bold;}
.brown{ color: #5a2e13;}
.bage{ color: #9C7C52;}
.red{ color: #e61c24;}
.light_red{ color: #FF0000;}
.pink{ color: #E0636A;}
.green{ color: #006933;}
.l_green{ color: #2AA139;}
.blue{ color: #006BAA;}
.l_blue{ color: #3C8DCA;}
.orange{ color: #F39800;}
.orange a { color: #F39800;}

.f_left{ float: left;}
.f_right{ float: right;}
.t_left { text-align: left!important;}
.t_right { text-align: right!important;}
.t_center { text-align: center!important;}

.sp_none{ display: none!important; }
.pc_none{ display: block!important; } /*min-width: 768px*/
.sp_block{ display: block!important; }
.pc_block{ display: none!important; } /*min-width: 992px*/

a.brown:hover { color: #5a2e13;}
.btn_orange{
	text-align: center;
	margin-bottom: 8px;
}
.btn_orange a{
	background: #F39800;
	color: #fff;
	display: inline-block;
	padding: 8px 12px 6px;
}
.btn_orange a:hover {	background: #f9b646;}
.btn_orange a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e072";
    font-size: 80%;
    padding-right: 4px;
}
.btn_white {
	text-align: center;
	margin-bottom: 8px;
	display: inline-block;
	background: #fff;
	color: #5a2e13;
	padding: 4px 8px 0px;
	font-size: 18px;
	font-weight: bold;
	border: solid 2px #eec080;
	border-radius: 8px;
}
.btn_white:before {
	font-family: 'Glyphicons Halflings';
	content:"\e072";
	font-size: 80%;
	padding-right: 4px;
}
.btn_white:hover {
	background: #F39800;
	border: solid 2px #F39800;
	color: #fff;
}
.btn_white a { color: #5a2e13; padding: 4px 8px 4px 4px; display: inline-block;}
.btn_white a:hover { color: #fff; }
.btn_leaf { margin-bottom: 0; font-size: 12px; font-size: 1.2rem;}
.btn_leaf a { display: inline-block; padding: 8px 28px 4px 4px; background: url(../images/btn_leaf.png) no-repeat right bottom;}
.btn_brown { background-color: #5a2e13; display: inline-block;}
.btn_brown a { color: #fff;}
.btn_rbn a {
	display: inline-block;
	background: url(../images/btn_rbn.png) no-repeat left center;
	background-size: 100% 40px;
	min-width: 226px;
	height: 40px;
	font-size: 18px; font-size: 1.8rem;
	line-height: 40px;
	color: #462210;
	position: relative;
	padding-left: 24px;
	padding-right: 8px;
	font-weight: bold;
}
.btn_rbn a::before {
	font-family: 'Glyphicons Halflings';
	content: "\e072";
	position: absolute;
	top: 50%;
  -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 8px;
	font-size: 64%;
}
p.btn_amazon ,
div.btn_amazon {
	background: url(../images/btn_amazon.png) no-repeat center top;
	background-size: contain;
	height: 0;
	padding-top: 24.0740740741%;
	text-indent: -9999px;
}
p.btn_yahoo ,
div.btn_yahoo {
	background: url(../images/btn_yahoo.png) no-repeat center top;
	background-size: contain;
	height: 0;
	padding-top: 24.0740740741%;
	text-indent: -9999px;
}

.b_none{ border: none!important;}
.waku{ padding: 3px; border: solid 1px #ccc; }
.line_gray{ border: solid 1px #ccc; }
.line_brown{ border: solid 1px #592e13; }
.dash_gray { border-bottom: dashed 2px #e6e9e2; }
.dash_orange { border-bottom: dashed 2px #F29600; }
.dot_line_box {
	background-image: url(../images/dot_line_box-bottom.png) , url(../images/dot_line_box-bottom.png)  , url(../images/dot_line_box-bottom.png) ;
	background-repeat: repeat-x , repeat-y , repeat-y;
	background-position: left bottom , left top , right top;
}
.w50{ width: 50%; float: left; padding: 0 4px;}

ul.grid_1_2_4 ,
ul.grid_2_3 ,
ul.grid_1_2 { width: 100%; list-style: none; padding: 0;}
.grid_1_2_4 li { width: 100%; position: relative; min-height: 1px; margin-bottom: 16px; padding-right: 8px; padding-left: 8px;}
.grid_2_3 li { width: 50%; float: left; position: relative; min-height: 1px; margin-bottom: 16px; padding-right: 8px; padding-left: 8px;}
.grid_1_2 li { width: 100%; float: none; position: relative; min-height: 1px; margin-bottom: 16px;}
.grid_1_2 a { color: #592E13; display: block; }

ul.list li {
	background: url(../images/li_marker.png) no-repeat left top;
	background-position: 0 6px;
	padding-left: 10px;
	margin-bottom: 12px;
	font-size: 14px; font-size: 1.4rem;
}
ul.slash_list li { display: inline-block; white-space: nowrap;}
ul.slash_list li:after { content: " / ";}
ul.slash_list li:last-child:after { content: none;}
ul.li_check { list-style-type: none; padding-left: 0;}
ul.li_check li {
	background: url(../images/li_check.png) no-repeat left top;
	padding-left: 26px;
	margin-bottom: 12px;
	font-size: 14px; font-size: 1.4rem;
}

.table{ display: table; }
.cell{ display: table-cell; vertical-align: middle; }
.pc_table{ display: block; }
.pc_cell{ display: block; }


#wrapper{
	width: 100%;
}
.inner{
	width: 96%;
	margin: 0 2%!important;
}
/* ********************header****************** */
header p { margin-top: 16px;}
#kirinrin { float: right; width: 45px; }
#kirinrin img { width: 100%; }
#info { clear: both; }
#company { text-align: right; margin-bottom: 0; }
.tel {
	float: right;
	color: #5a2e13;
	font-weight: bold;
	padding-left: 16px;
	font-size: 24px; font-size: 2.4rem;
}
.info_box{ padding-left: 18px; }
.info_box a:hover { text-decoration: underline;}
.info_box a.active { text-decoration: none;}
.info_box p{ line-height: 40px; margin: 0;}

.navbar-default .navbar-nav>li.b_none{ padding-left: 18px; }
/* ********************メイン-共通****************** */
#main h1 {background: #E3E5DE; font-size: 22px; font-size: 2.2rem; color: #592E13; padding: 16px 0 12px 8px; margin-bottom: 16px;}

/* ********************サイドバー****************** */
#sidebar h2 {
	border-bottom: solid 3px #F8CA89;
	color: #5a2e13;
	font-size: 24px; font-size: 2.4rem;
	margin-bottom: 12px;
}
#sidebar h3{
	background: #F8CA89;
	color: #fff;
	font-weight: bold;
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 0;
	padding: 10px 0 8px 8px;
	position: relative;
}
#sidebar h3:after {
	content: " ";
	background: url(../images/title_side-series.png) no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
	width: 61px;
	height: 20px;
}
#sidebar h3:first-child:after { background: url(../images/title_side-item.png) no-repeat right top;}
#sidebar ul { padding: 0; border: solid 1px #d8d8d8; border-top: none;}
aside#sidebar ul li{
	list-style-type: none;
	line-height: 1.0;
	border-bottom: dashed 1px #d8d8d8;
	position: relative;
	margin-bottom: 0;
}
#sidebar ul li:before {
	font-family: 'Glyphicons Halflings';
	content:"\e080";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 4px;
	color: #F29600;
	font-size: 80%;
}
#sidebar ul li:last-child { border-bottom: none;}
#sidebar ul li a{
	color: #5a2e13;
	display: block;
	padding: 16px 0 12px 8px;
	line-height: 1.4;
}
#sidebar ul li a:hover , #sidebar ul li.active a { background: #F8CA89;}
#sidebar ul li:hover , #sidebar ul li.active { border-top: solid 1px #fff;}
#sidebar .dropdown-menu { font-size: 12px; font-size: 1.2rem; width: 100%;}

/* ********************footer****************** */
footer{
	background: #5a2e13;
	color: #fff;
	padding: 24px 0;
}
footer p{ margin-bottom: 0;}
footer .pagetop img{
	width: auto;
	height: auto;
	position: fixed;
	bottom: 10px;
	right: 20px;
}
footer .pagetop {
	display: inline-block;
	position: fixed;
	z-index: 1;
	bottom: 10px;
	right: 20px;
}
footer .pagetop a{ display: block; text-shadow:0px 0px 2px #ffffff;}
footer .pagetop a:hover{ color: #804f31;}
footer .pagetop a span { border-radius: 20px; background: #fff;}
footer nav ul { padding-left: 0;}
footer nav li { display: inline-block; margin-bottom: 8px;}
footer nav li a { color: #fff; display: block; padding: 0 8px; border-left: solid 2px #ccc;}
footer nav li:last-child a { border-right: solid 2px #ccc;}
footer nav li a:hover { color: #fff;}
footer .small { font-size: 12px; font-size: 1.2rem;}
/* ********************問い合わせBOX****************** */
.toiawase_box { background: #fef2cd; margin-bottom: 10px; margin-top: 60px; padding: 16px 0 14px 0;}
.toiawase_box p { margin-bottom: 8px; margin-top: 0; vertical-align: bottom;}
.toiawase_box .orange { line-height: 1.0; text-align: center; }
.toiawase , .toiawase_box .toiawase { background-color: #F29918; text-align: center; font-size: 14px; font-size: 1.4rem;}
.toiawase:hover , .toiawase_box .toiawase:hover { background-color: #fbbc60; }
.toiawase a , .toiawase_box .toiawase a {
	color: #fff;
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px 12px 6px 36px;
	font-size: 12px; font-size: 1.2rem;
}
.toiawase a:before , .toiawase_box .toiawase a:before {
	content: url(../images/icon_toiawase_small.png);
	height: 14px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: -26px;
}
.toiawase_box .office_hours { clear: both; font-size: 14px; font-size: 1.4rem; margin: 8px 8px 6px;}
/* ********************葉っぱ背景ドットBOX****************** */
.guide {
	position: relative;
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	box-sizing: border-box;
}
.guide:after {
	position: absolute;
	content: " ";
	width: 56px; height: 50px;
	background: url(../images/guide.png) no-repeat right bottom;
	background-size: contain;
	bottom: 0;
	right: 0;
}
.oem_guide a { color: #5A2E13; text-decoration: underline;}

.guide.oem_guide {
	font-size: 18px; font-size: 1.8rem;
	line-height: 2.2;
	padding: 40px 0;
	text-align: center;
}
/* ********************オレンジ角丸BOX****************** */
.orange_box { border-radius: 12px; border: solid 3px #ffe8c9; margin-bottom: 16px; font-size: 16px; font-size: 1.6rem;}
.orange_box h3 {
	background: #ffe8c9;
	border-radius: 8px 8px 0 0;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 8px 0 8px 20px;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
}
/* ********************Twitter/Facebook .sns_box****************** */
.sns_box{ background: #f3fcff; padding: 8px; margin: 8px 0;}
.sns_box>div{ width: 100%;}
.sns_box .tw{ margin-top: 8px;}
.sns_btn { list-style-type: none; padding-left: 16px;}
.sns_btn li{ margin-bottom: 8px;}
.sns_btn li img{ width: auto;}
/* ********************TOPページ****************** */
#top_page #main h1 { background: transparent; padding: 0; margin: 0;}

#top_page section { margin-bottom: 8px;}
#top_page .bnr { position: relative;}
#top_page .btn_white{
	position: absolute;
	right: 10px;
	bottom: 2px;
	height: 35px;
	padding: 4px 8px 2px;
	border-radius: 0;
}
#top_page .top_bnr .bnr { padding-left: 0; padding-right: 0;}
#top_page .top_bnr .btn_white{ top: auto; bottom: 4px; right: 10px;}
#top_page .bnr:hover .btn_white {
	background: #F39800;
	border: solid 2px #F39800;
	color: #fff;
}
#bnr_orijinal{ position: relative; padding: 0; margin-bottom: 8px;}
#top_page .toiawase_box { margin-top:8px;}
#bnr_orijinal .toiawase_box { margin: 0;}
#bnr_orijinal h1 { margin: 0; padding: 3px;}
#bnr_orijinal img { width: 100%; height: auto;}
#bnr_orijinal .comment_01{
	position: absolute;
	right: 10px;
	bottom: 2px;
}
.bnr_catalog{ padding: 0; margin-bottom: 8px;}
#top_page ul { padding-left: 0}
#top_page ul li{ list-style-type: none; margin-bottom: 8px;}
#main_bnr .bnr h2{
	border: solid 1px #592E13;
	border-top-width: 10px;
	padding-bottom: 127px;
	padding-top: 4px;
	padding-left: 8px;
	margin: 0;
}
#main_bnr #bnr_oem h2{ background: url(../images/bnr_oem-2_sp.png) no-repeat left bottom; background-size: contain; }
#main_bnr #bnr_item h2{ background: url(../images/bnr_item_sp.png) no-repeat left bottom; background-size: contain; }
#main_bnr #bnr_book_marker h2{
	background: url(../images/bnr_book_marker_sp.png) no-repeat left bottom;
	background-size: contain;
	border-color: #A01119;
	font-size: 26px; font-size: 2.6rem;
}
#main_bnr #bnr_train h2{
	background: url(../images/bnr_train_sp.png) no-repeat left bottom;
	background-size: contain;
	border-color: #006933;
	padding-bottom: 162px;
}
#main_bnr #bnr_uniform h2{
	background: url(../images/bnr_uniform_sp.png) no-repeat left bottom;
	background-size: contain;
	border-color: #006BAA;
	padding-top: 8px;
	padding-bottom: 162px;
}
#top_page #bnr_uniform .btn_white { top: 89px; }
#main_bnr li h2 span { display: block; }
#main_bnr li#bnr_book_marker h2 span,
#main_bnr li#bnr_train h2 span { display: inline; }
#main_bnr #bnr_train p.fs10 {
	position: absolute;
	left: 10px;
	top: 58px;
}
#main_bnr .bnr h2:before {
	font-family: 'Glyphicons Halflings';
	content:"\e072";
	font-size: 96%;
	padding-right: 4px;
	float: left;
}
#main_bnr li#bnr_book_marker h2:before { font-size: 110%;}
/* ********************「本から落ちないしおり」とは****************** */
#ochinai_shiori .tegaki { font-size: 20px; font-size: 2.0rem;}
#ochinai_shiori .border_tegaki {
	font-size: 20px; font-size: 2.0rem;
	line-height: 48px;
	background: url(../images/border-tegaki.png) repeat-y center bottom;
	background-size: auto;
	margin: 0 0 10px;
}
#monogatari {
	background-image: url(../images/book_marker/ochinai_shiori-monogatari-bg_top.png) , url(../images/book_marker/ochinai_shiori-monogatari-bg_bottom.png) , url(../images/book_marker/ochinai_shiori-monogatari-bg.png);
	background-repeat: no-repeat , no-repeat , repeat-y;
	background-size: contain , contain , contain;
	background-position: left top , left bottom , left top;
	padding: 40px 20px 42px;
	text-align: center;
}
.monogatari_box p {
	margin: 24px 0;
}
#ochinai_shiori #main h1 {
	background: transparent;
	padding: 0;
	position: relative;
}

#ochinai_shiori h1 small {
	position: absolute;
	right: 8px; bottom: -40px;
	padding: 8px 12px 2px;
	background: #5a2e13;
	border-radius: 8px;
	font-size: 24px; font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
}

.shiori-point { padding-bottom: 10px;}
.shiori-point > div { padding: 0 16px;}
.shiori-point .shiori-point-main p { letter-spacing: -0.1em;}
.shiori-point .fs18 a {
	text-decoration: underline;
	color: #e61c24;
}
#ochinai_shiori #main .rbn_title {
	font-size: 30px; font-size: 3.0rem;
	color: #fff;
	line-height: 58px;
	padding-left: 14px;
}
#ochinai_shiori #main .rbn_title span {
	font-size: 24px; font-size: 2.4rem;
	display: block;
	color: #feada3;
	text-align: center;
}
#ochinai_shiori #main .rbn-pink {
	background: url(../images/rbn_title-pink-sp.png) no-repeat left top;
	background-size: 100% 54px;
}
#ochinai_shiori #main .rbn-blue {
	background: url(../images/rbn_title-blue-sp.png) no-repeat left top;
	background-size: 100% 54px;
	letter-spacing: -0.1em;
	font-size: 28px; font-size: 2.8rem;
}
#ochinai_shiori #main .rbn-mini {
	text-align: center;
	background: url(../images/rbn_title-mini.png) no-repeat left top;
	background-size: 100% 54px;
}
.list_title {
	background: url(../images/list_title.png) no-repeat 4px center #ffe7ac;
	font-size: 19px; font-size: 1.9rem;
	letter-spacing: -0.1em;
	line-height: 1.8;
	padding-left: 18px;
	font-weight: bold;
}
.shiori-step {
	list-style: none;
	padding: 0;
	text-align: center;
}
.shiori-step li {
	background-color: #fff5d1;
	background-image: url(../images/box-tegaki-bg_top-sp.png) , url(../images/box-tegaki-bg_bottom-sp.png) , url(../images/box-tegaki-bg.png) , url(../images/box-tegaki-bg.png);
	background-repeat: no-repeat ,  no-repeat , repeat-y , repeat-y;
	background-position: left top , left bottom , left 2px , right 2px;
	background-size: contain , contain , auto , auto;
	padding: 24px 0 32px;
	margin-bottom: 24px;
}
.shiori-step li .border_tegaki {
	display: inline-block;
}
.shiori-step img { width: auto;}

@media screen and (min-width:768px){
	#ochinai_shiori .border_tegaki { font-size: 26px; font-size: 2.6rem;}
	#ochinai_shiori .border_tegaki.furigana {
		background: url(../images/border-tegaki.png) no-repeat center bottom;
	}
	#monogatari { padding: 40px 45px 88px;}
	#ochinai_shiori #main .rbn-pink {
		background: url(../images/rbn_title-pink.png) no-repeat left top;
		background-size: contain;
	}
	#ochinai_shiori #main .rbn-blue {
		background: url(../images/rbn_title-blue.png) no-repeat left top;
		background-size: contain;
		font-size: 30px; font-size: 3.0rem;
	}
	#ochinai_shiori #main .rbn_title span {
		display: inline;
    color: #fff;
    float: right;
    margin-right: 92px;
  }
	#ochinai_shiori #main .rbn-mini { display: inline-block; padding: 0 40px;}
	.shiori-point > div { padding: 0 25px;}
	.shiori-point img { width: auto;}
	.shiori-point .shiori-point-main p { text-align: center; letter-spacing: 0;}
	.shiori-step li {
		background-image: url(../images/box-tegaki-bg_top.png) , url(../images/box-tegaki-bg_bottom.png) , url(../images/box-tegaki-bg.png) , url(../images/box-tegaki-bg.png);
		background-repeat: no-repeat ,  no-repeat , repeat-y , repeat-y;
		background-position: left top , left bottom , left 2px , right 2px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.shiori-step li > p:first-child { padding-right: 32px;}
}
/* ********************ユニフォーム型 メタルアクセサリー #uniform****************** */
#uniform section>h1 {
	background: url(../images/uniform-fv_bg_sp.png) left top no-repeat transparent;
	background-size: contain;
	height: 0;
	padding: 0 0 189%;
}
.uni_list { list-style-type: none; padding-left: 0; color: #5f5e5e;}
.uni_list>li {
	position: relative;
	border-radius: 8px;
	border: solid 2px #efb04a;
	margin-bottom: 16px;
	padding: 32px 8px 8px;
}
.uni_list>li:last-child {
	background: url(../images/kirinrin_small-2.png) right center no-repeat transparent;
}
.uni_list h2 {
	background: #ef9300;
	color: #fff;
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
	border-radius: 8px;
	display: inline-block;
	position: absolute;
	left: -8px; top: -12px;
	padding: 8px 12px 4px;
}
.uni_list h3 {
	background: #ffeea3;
	color: #ef9300;
	font-size: 12px; font-size: 1.2rem;
	border-radius: 8px;
	display: inline-block;
	padding: 4px 8px 2px;
	margin-bottom: 4px;
}
.uni_list dl { margin-bottom: 0; padding-left: 1em;}
.uni_list dl dt { float: left; clear: both; font-weight: normal; width: 28%; }
.uni_list dl dd { float: left; padding-left: 8px; margin-bottom: 8px; position: relative;}
.uni_list dl dd:before {
	content: ":";
	position: absolute;
	left: 0; top: 0;
}
.uni_list .small { padding-left: 1em;}
#uniform .li_check { border-radius: 8px; border: solid 1px #efb04a; padding: 12px 2px 0 8px; display: inline-block;}

/* ********************製作実例ページ****************** */
.seisaku_bnr {
	margin-bottom: 24px;
	border: solid 1px #ccc;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: left 48px;
	background-size: cover;
}
.seisaku_oem {
	background-image: url(../images/seisaku_bnr-oem_bg.png);
	text-align: center;
}
.seisaku_item {
	background-image: url(../images/seisaku_bnr-item_bg.png);
	background-size: contain;
	text-align: center;
	width: 100%;
	height: 0;
	background-position: left bottom;
	padding-bottom: 60%;
}
#main .seisaku_bnr h1 {
	background: #fff;
	border-radius: 8px 8px 0 0;
	margin: 0;
	padding: 0 8px 0 0;
	line-height: 0.6em;
	text-align: left;
}
.seisaku_bnr h1 img { display: block; width: auto; margin: 0 auto;}
.seisaku_bnr h1 span { font-size: 11px; font-size: 1.1rem; display: inline-block; padding: 8px 0px 4px 8px}
.seisaku_oem > div {
	display: inline-block;
	border-style: solid;
	border-width: 10px;
	-moz-border-image: url(../images/seisaku_bnr-oem_line.png) 10 stretch;
	-webkit-border-image: url(../images/seisaku_bnr-oem_line.png) 10 stretch;
	-o-border-image: url(../images/seisaku_bnr-oem_line.png) 10 stretch;
	border-image: url(../images/seisaku_bnr-oem_line.png) 10 stretch;
	border-image-outset: 10px;
	background: rgba(255,255,255,0.8);
	margin-top: 30px;
	margin-bottom: 24px;
	width: 88%;
}
.seisaku_oem h2 { margin-bottom: 8px;}
.seisaku_oem h2 { margin-bottom: 8px;}
.seisaku_oem .tel { margin: 0; padding: 0; float: none;}
.bnr_oem_link span { font-weight: bold; display: block; text-align: center; margin-top: 8px;}

#main .ichiran h2 {background: #E3E5DE; font-size: 22px; font-size: 2.2rem; color: #592E13; padding: 16px 16px 12px; margin-bottom: 16px;}
.ichiran .grid_1_2 li { position: relative; height: 109px;}
.ichiran .grid_1_2 li h3 {
	margin-top: 0;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	position: absolute;
	left: 120px;
	top: 8px;
}
.ichiran .grid_1_2 p {
	position: absolute;
	left: 120px;
	top: 38px;
	line-height: 1.8;
}
.ichiran .grid_1_2 li {
	border-style: solid;
	border-width: 3px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	box-sizing: border-box;
	border-left: none;
}
.ichiran .grid_1_2 li a:before {
	content: " ";
	position: absolute;
	left: 0;
	top: -3px;
	height: 109px;
	width: 109px;
}
.ichiran .grid_1_2 li a { position: relative; height: 109px;}
.ichiran .book_marker a:before{ background: url(../images/seisaku_menu-book_marker.png) no-repeat left top ;}
.ichiran .strap a:before{ background: url(../images/seisaku_menu-strap.png) no-repeat left top ;}
.ichiran .key_ring a:before{ background: url(../images/seisaku_menu-key_ring.png) no-repeat left top ;}
.ichiran .pins a:before{ background: url(../images/seisaku_menu-pins.png) no-repeat left top ;}
.ichiran .book_cover a:before{ background: url(../images/seisaku_menu-book_cover.png) no-repeat left top ;}
.ichiran .towel a:before{ background: url(../images/seisaku_menu-towel.png) no-repeat left top ;}
.ichiran .pen a:before{ background: url(../images/seisaku_menu-pen.png) no-repeat left top ;}
.ichiran .clear_file a:before{ background: url(../images/seisaku_menu-clear_file.png) no-repeat left top ;}
.ichiran .magnet a:before{ background: url(../images/seisaku_menu-magnet.png) no-repeat left top ;}
.ichiran .sticker a:before{ background: url(../images/seisaku_menu-sticker.png) no-repeat left top ;}
.ichiran .daicutrolltape a:before{ background: url(../images/seisaku_menu-daicutrolltape.png) no-repeat left top ;}
.ichiran .pouch a:before{ background: url(../images/seisaku_menu-pouch.png) no-repeat left top ;}
.ichiran .bag a:before{ background: url(../images/seisaku_menu-bag.png) no-repeat left top ;}
.ichiran .kintyaku a:before{ background: url(../images/seisaku_menu-kintyaku.png) no-repeat left top ;}
.ichiran .sensu_uchiwa a:before{ background: url(../images/seisaku_menu-sensu_uchiwa.png) no-repeat left top ;}
.ichiran .handkerchief a:before{ background: url(../images/seisaku_menu-handkerchief.png) no-repeat left top ;}
.ichiran .corsage a:before{ background: url(../images/seisaku_menu-corsage.png) no-repeat left top ;}
.ichiran .t_shirt a:before{ background: url(../images/seisaku_menu-t_shirt.png) no-repeat left top ;}
.ichiran .cap a:before{ background: url(../images/seisaku_menu-cap.png) no-repeat left top ;}
.ichiran .chopsticks a:before{ background: url(../images/seisaku_menu-chopsticks.png) no-repeat left top ;}
.ichiran .leather a:before{ background: url(../images/seisaku_menu-leather.png) no-repeat left top ;}
.ichiran .usb a:before{ background: url(../images/seisaku_menu-usb.png) no-repeat left top ;}
.ichiran .battery a:before{ background: url(../images/seisaku_menu-battery.png) no-repeat left top ;}
.ichiran .iphone a:before{ background: url(../images/seisaku_menu-iphone.png) no-repeat left top ;}
.ichiran .mouse_pad a:before{ background: url(../images/seisaku_menu-mouse_pad.png) no-repeat left top ;}
.ichiran .cleaner a:before{ background: url(../images/seisaku_menu-cleaner.png) no-repeat left top ;}
.ichiran .hat_clip a:before{ background: url(../images/seisaku_menu-hat_clip.png) no-repeat left top ;}
.ichiran .pockettissuecase a:before{ background: url(../images/seisaku_menu-pockettissuecase.png) no-repeat left top ;}
.ichiran .makie a:before{ background: url(../images/seisaku_menu-makie.png) no-repeat left top ;}
.ichiran .neck_strap a:before{ background: url(../images/seisaku_menu-neck_strap.png) no-repeat left top ;}
.ichiran .others a:before{ background: url(../images/seisaku_menu-others.png) no-repeat left top ;}
.ichiran .osakana a:before{ background: url(../images/seisaku_menu-osakana.png) no-repeat left top ;}
.ichiran .junishi a:before{ background: url(../images/seisaku_menu-junishi.png) no-repeat left top ;}
.ichiran .train a:before{ background: url(../images/seisaku_menu-train.png) no-repeat left top ;}
.ichiran .ikimono a:before{ background: url(../images/seisaku_menu-ikimono.png) no-repeat left top ;}
.ichiran .japanese a:before{ background: url(../images/seisaku_menu-japanese.png) no-repeat left top ;}
.ichiran .oem a:before{ background: url(../images/seisaku_menu-oem.png) no-repeat left top ;}

.category .grid_1_2 { margin-bottom: 16px;}
.category .grid_1_2 a span { font-weight: bold; display: block; text-align: center; margin-top: 8px;}
#seisaku .grid_1_2 a:hover,
.category .grid_1_2 a:hover { opacity: 0.8;}

/* ********************アイテムTOPページ item_top****************** */
.item_top #main h1 {
	background: #fff;
	padding: 0 0 4px 8px;
	margin-bottom: 24px;
	border-bottom: solid 1px #ccc;
	font-size: 20px; font-size: 2.0rem;
}
.item_top #main .item_top-title{
	background:url(../images/item_top-title-bg.png) no-repeat left bottom;
	position: relative;
	font-size: 28px; font-size: 2.8rem;
}
.item_top #main .item_top-title.title_small{ background:url(../images/item_top-title-bg4.png) no-repeat left bottom;}
.item_top #main .item_top-title.title_midium{ background:url(../images/item_top-title-bg2.png) no-repeat left bottom;}
.item_top #main .item_top-title.title_long{ background:url(../images/item_top-title-bg3.png) no-repeat left bottom;}
.item_top #main .item_top-title span:last-child {
	position: absolute;
	right: 0; bottom: 0;
	font-size: 10px; font-size: 1.0rem;
	text-align: right;
}
.item_top #main .pen .item_top-title,
.item_top #main .bag .item_top-title{ font-size: 24px; font-size: 2.4rem; }
.item_top h1 img { display: block; width: auto; margin: 0 auto;}
.item_top table {
	width: 100%;
	margin: 0 auto 16px;
	border-collapse: collapse;
	border: solid 1px #f2b322;
	background: #fff5df;
}
.item_top table th {
	width: 30%;
	border-collapse: collapse;
	border: solid 1px #f2b322;
	background: #ffe19b;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
}
.item_top table td {
	border-collapse: collapse;
	border: solid 1px #f2b322;
	vertical-align: middle;
	padding: 25px 0 25px 8px;
}
.item_top table td ul{ margin-bottom: 0; padding-left: 18px;}
.item_top table dl{ margin-bottom: 0;}
.item_top table dt{ margin-bottom: 8px; font-weight: normal;}
.item_top .intro table + p { margin-left: 1%;}
.item_top #main .book_marker .item_top-title { margin-bottom: 32px;}
.item_top #main .book_marker .item_top-title span{ position: absolute; top: 40px; right: 0;}
.item_top .book_marker .ribon_color p {
	position: relative;
	padding-top: 20px;
	font-size: 11px; font-size: 1.1rem;
	width: 80px;
	text-align: center;
	margin-left: 0;
}
.ribon_color p:before {
	content: " ";
	position: absolute;
	top: 0; left: 5px;
	padding-bottom: 15px;
	width: 70px;
}
.ribon_color p:first-child:before { background-color: #ffb6d3;}
.ribon_color p:first-child + p:before { background-color: #fff259;}
.ribon_color p:first-child + p + p:before { background-color: #8ec2e6;}
.ribon_color p:first-child + p + p + p:before { background-color: #1c3463;}
.ribon_color p:first-child + p + p + p + p:before { background-color: #704f30;}
/* ********************シリーズTOP series_top****************** */
.series_top #main h1 { background: transparent; padding: 0;}
.series_top .link_btn_box { margin-bottom: 16px;}
.series_top .link_btn_box p{
	color: #84c9b6;
	font-size: 12px; font-size: 1.2rem;
	width: 100%;
	display: inline-block;
	margin-bottom: 8px;
}
.series_top .link_btn_box a {
	margin-bottom: 0;
	margin-right: 8px;
	font-size: 12px; font-size: 1.2rem;
	color: #592e13;
	font-weight: bold;
	display: inline-block;
	padding: 8px 28px 4px 16px;
	background: url(../images/btn_leaf.png) no-repeat right bottom #e6e9e2;
	width: 116px;
	text-align: center;
}


/* ********************商品****************** */
#item { color: #5f5e5e; }
.item_list h2 { font-size: 11px; font-size: 1.1rem; margin: 0 auto 8px; font-weight: bold;}
.item_list h2 span { display: block; padding-right: 0;}
.item_list li.final h2 { position: relative; padding-left: 40px;}
.item_list li.final h2:before {
	content: "【終売】";
	color: #f03;
	position: absolute;
	left:0;top: 0;

}
.item_list li img{ cursor: pointer;}
.item_list .item {
	height: 246px;
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	box-sizing: border-box;
	text-align: center;
	padding: 4px;
}
.item_list .series {
	font-size: 10px; font-size: 1.0rem;
	margin: 8px auto 8px;
	text-align: center;
}
.series span { padding: 2px 16px 1px; display: block;}
span.osakana{ background: #d7eff7;}
span.junishi{ background: #fbe7e3;}
span.train{ background: #dfdfdf;}
span.ikimono{ background: #d2e8d3;}
span.kodo{ background: #f8ca89;}
span.japanese{ background: url(../images/bg_japanese.gif) repeat -4px -4px;}
.price{
	font-size: 11px; font-size: 1.1rem;
}
.item_list dl{ font-size: 10px; font-size: 1.0rem; margin-bottom: 8px;}
.item_list dt{
	float: left;
	clear: both;
	width: 24%;
	font-weight: normal;
}
.item_list dt span { display: block;}
.item_list dd{
	padding-left: 24%;
	margin-left: 0;
}
.item_list .btn_orange a{ border-radius: 4px;}
#item .book_marker .btn_leaf{ float: right; margin-bottom: 24px;}

/* ********************OEM製作例****************** */
.oem { color: #592E13; }
.oem .nav-tabs>li>a { border-right: solid 1px #eaeaea; }
.oem .nav-tabs>li.active>a { border-right-color: #ddd; }
.oem .nav-tabs>li:nth-child(1)>a { border-top: solid 2px #ef856d; }
.oem .nav-tabs>li:nth-child(2)>a { border-top: solid 2px #f9c170; }
.oem .nav-tabs>li:nth-child(3)>a { border-top: solid 2px #c3d729; }
.oem .nav-tabs>li:nth-child(4)>a { border-top: solid 2px #85b2e0; }
.oem .nav-tabs>li:nth-child(5)>a { border-top: solid 2px #f19ec2; }
.oem .tab-content ul { list-style-type: none; padding-left: 0;}
.oem .tab-content li { margin-bottom: 16px; }
.oem .tab-content h2 ,
.oem .tab-content h2 a { color: #5a2e13;}

.oem .r-tabs-accordion-title>a {
	color: #fff;
	margin-bottom: 1px;
	display: block;
	line-height: 2.8em;
	padding-left: 8px;
	position: relative;
}
.oem .r-tabs-accordion-title:nth-child(1)>a { background: #F1BEB8; }
.oem .r-tabs-accordion-title:nth-child(3)>a { background: #D7ADCD; }
.oem .r-tabs-accordion-title:nth-child(5)>a { background: #A9D2B1; }
.oem .r-tabs-accordion-title:nth-child(7)>a { background: #B1DBE5; }
.oem .r-tabs-accordion-title:nth-child(9)>a { background: #fedc78; }
.oem .r-tabs-accordion-title>a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
}
.oem .r-tabs-accordion-title.r-tabs-state-active>a:after { content:"\e113"; }

.oem #horizontalTab ul { list-style-type: none; padding-left: 0;}
.oem #horizontalTab h1 {
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #fff;
	font-size: 24px; font-size: 2.4rem;
	padding: 12px 8px 8px;
	margin-top: 16px;
}
.oem #tab1 h1 { background-image: url(../images/oem/oem_title-kankou.png);}
.oem #tab2 h1 { background-image: url(../images/oem/oem_title-school.png);}
.oem #tab3 h1 { background-image: url(../images/oem/oem_title-train.png);}
.oem #tab4 h1 { background-image: url(../images/oem/oem_title-sports.png);}
.oem #tab5 h1 { background-image: url(../images/oem/oem_title-others.png);}
.oem #tab1 section:first-of-type h2 { border-top: dashed 2px #F1BEB8;}
.oem #tab2 section:first-of-type h2 { border-top: dashed 2px #D7ADCD;}
.oem #tab3 section:first-of-type h2 { border-top: dashed 2px #A9D2B1;}
.oem #tab4 section:first-of-type h2 { border-top: dashed 2px #B1DBE5;}
.oem #tab5 section:first-of-type h2 { border-top: dashed 2px #fedc78;}
.oem .r-tabs-panel h2 { border-top: dashed 2px #e6e9e2; padding-top: 24px; font-size: 23px; font-size: 2.3rem;}
.oem .r-tabs-panel h2 ,
.oem .r-tabs-panel h2 a { color: #5a2e13;}
.oem .r-tabs .r-tabs-panel { padding: 0;}
.oem .r-tabs-panel ul.img_list li { margin-bottom: 16px; position: relative;}
.oem .resp-tabs-container ul.scroll li { float: left; border-right: solid 1px #ccc; padding: 2px 8px 0; margin-bottom: 4px; }
.oem .resp-tabs-container ul.scroll a { font-size: 12px; font-size: 1.2rem; color: #5a2e13; }
.oem .scroll a:hover { text-decoration: underline;}
.new_item {
	color: #fff;
	font-size: 12px; font-size: 1.2rem;
	background: #f8cb8c;
	padding: 2px 12px 0px;
	vertical-align: middle;
	position: absolute;
	right: 4px;
	top: 4px;
	border: solid 1px #fff;
}
#utokyo_seikyou .new_item { right: auto; left: 10px; top: 50%;}
.oem-list{ float:left; color: #592E13; font-weight: bold; margin-right: 32px; margin-bottom: 0;}
.oem-list:last-child { margin-right: 0;}
.oem-list-box { border: solid 1px #ccc; padding: 40px 0 24px 32px; }
.pickup_item {
	position: relative;
	border: solid 2px #592e13;
	border-top: solid 4px #592e13;
	width: 100%;
	height: 0;
	padding-top: 74.5%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	background-color: #e6e9e2;
	overflow: hidden;
}
.pickup_item h3 { font-size: 24px; font-size: 2.4rem; position: absolute; top: 8px; left: 8px;margin: 0 ;text-shadow: 1px 1px 2px #fff;}
.pickup_item h3 span { font-size: 14px; font-size: 1.4rem; display: block; margin-bottom: 8px;}
.pickup {
	color: #fff;
	font-size: 16px; font-size: 1.6rem;
	background-color: #592e13;
	padding: 4px 12px;
	position: absolute;
	right: 0;
	top: 0;
}
.pickup_item p {
	background-color: #e6e9e2;
	padding: 8px 2px 4px 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
#zoo_net .pickup_item { background-image: url(../images/oem/rejya-zoo_net-clear_tumbler_sp.png); padding-top: 93.5%;}
#zoo_ueno .pickup_item { background-image: url(../images/oem/rejya-zoo_ueno-strap_sp.png);}
#zoo_ueno .pickup_item.shanshan { background-image: url(../images/oem/rejya-zoo_ueno-shanshan_sp.png); padding-top: 93.5%;}
#zoo_tama .pickup_item { background-image: url(../images/oem/rejya-zoo_tama-earphone_sp2.png);}
#jinba .pickup_item { background-image: url(../images/oem/rejya-jinba-key_ring_sp.png); padding-top: 93.5%;}
#umigatari_joetsu .pickup_item { background-image: url(../images/oem/rejya-umigatari_joetsu_magnet_tile_sp.png);}
#uminomori .pickup_item.tumbler { background-image: url(../images/oem/rejya-uminomori-clear_tumbler_sp.png); padding-top: 67.5%;}
#u_waseda .pickup_item { background-image: url(../images/oem/school-u_waseda-card_case_sp.png); padding-top: 93.5%;}
#u_waseda .pickup_item.u_waseda_towel { background-image: url(../images/oem/school-u_waseda-towel_sp.png);}
#u_waseda .pickup_item.u_waseda_2019towel { background-image: url(../images/oem/school-u_waseda-2019towel_sp.png);padding-top: 101.5%;}
#u_waseda_seikyou .pickup_item { background-image: url(../images/oem/school-u_waseda_seikyo-keyring_sp.png); padding-top: 93.5%;}
#u_waseda_seikyou .pickup_item:last-child { background-image: url(../images/oem/school-u_waseda_seikyo-book_marker_sp.png);}
#joshin_club .pickup_item { background-image: url(../images/oem/joshin_club_pockettissuecase_sp.png); padding-top: 93.5%;}
#joshin_club .pickup_item.sarasa { background-image: url(../images/oem/joshin_club_sarasa_sp.png);}
#joshin_club .pickup_item.sarasa p { padding: 12px 2px 8px 12px;}
#seaparadise .pickup_item.shabo { background-image: url(../images/oem/rejya-seaparadise-shabo_sp.png); padding-top: 84.5%;}
#seaparadise .pickup_item.sarasa { background-image: url(../images/oem/rejya-seaparadise-sarasa_sp.png); padding-top: 67.5%;}
#seaparadise .pickup_item.tumbler { background-image: url(../images/oem/rejya-seaparadise-clear_tumbler_sp.png); padding-top: 67.5%;}
#seaparadise .pickup_item.uchiwa { background-image: url(../images/oem/rejya-seaparadise-uchiwa_sp.png);}
/*#seaparadise ul li:nth-child(4) { background-image: url(../images/oem/rejya-seaparadise-nabeshiki_sp.png);}
#seaparadise ul li:nth-child(5) { background-image: url(../images/oem/rejya-seaparadise-pen_sp.png);}*/
.pickup_item.reverse h3 { left: auto; right: 8px; text-align: right;}
.pickup_item.reverse .pickup { right: auto; left: 0;}
.oem .btn_orange { margin-top: 16px;}
.oem .pickup_item .btn_orange { background: transparent; display: inline-block; width: auto; right: 4px; left: auto; }
.oem #zoo_net .btn_orange,
.oem #zoo_ueno .btn_orange { position: static; margin-left: 16px; font-size: 14px; font-size: 1.4rem;}
.oem #zoo_net .btn_orange a,
.oem #zoo_ueno .btn_orange a { padding: 4px 8px 2px; color: #fff; vertical-align: top;}
@media screen and (max-width: 374px){
	.oem #zoo_net h2,.oem #zoo_ueno h2 { margin-bottom: 8px;}
	.oem #zoo_net .btn_orange,.oem #zoo_ueno .btn_orange { display: block; text-align: left; margin-bottom: 16px; margin-left: 0;}
	#seaparadise .pickup { padding: 4px 6px;}
}
/* ********************製作の流れ****************** */
.flow #kakaku_meyasu { background-color: #592E13; border-radius: 8px; text-align: center; color: #fff; font-weight: bold; margin-bottom: 0;}
.flow_list { padding-left: 0; }
.flow_list li {
	list-style-type: none;
	position: relative;
	margin-bottom: 48px;
	padding: 0 16px 0;
	min-height: 160px;
	color: #5a2e13;
	border: solid 1px #ccc;
	border-radius: 12px;
	background-image: url(../images/step_no01.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	background-size: 50px;
}
.flow_list li:nth-child(2) { background-image: url(../images/step_no02.png);}
.flow_list li:nth-child(3) { background-image: url(../images/step_no03.png);}
.flow_list li:nth-child(4) { background-image: url(../images/step_no04.png);}
.flow_list li:nth-child(5) { background-image: url(../images/step_no05.png);}
.flow_list li:after {
	content: " ";
	position: absolute;
	width: 101px;
	height: 23px;
	left: 50%!important;
	bottom: -48px;
  -webkit-transform: translate(-50%, -50%)!important; /* Safari用 */
  transform: translate(-50%, -50%)!important;
  background: url(../images/next.png) no-repeat left top;
}
.flow_list li:last-child:after { background: none;}
.flow_list li h2 { font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-left: 50px; margin-top: 16px;}
.flow_list li h2 small {
	color: #5a2e13;
	font-size: 11px; font-size: 1.1rem;
	float: right;
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 6px;
}

.flow table { border: dashed 2px #592E13; border-collapse: collapse; width: 100%; color: #592E13;}
.flow table th , .flow table td { border-bottom: dashed 2px #592E13; border-collapse: collapse; padding: 8px 16px; font-weight: normal;}
.flow caption {
	border-right: dashed 2px #592E13;
	border-left: dashed 2px #592E13;
	color: #592E13;
	text-align: center;
	font-weight: bold;
	font-size: 18px; font-size: 1.8rem;
}
.flow table td { vertical-align: top; display: block; width: 100%; text-align: left;}
.flow table td.block_cell:before {
	content: attr(aria-label);
	display: block;
	border: solid 1px #592E13;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
	color: #592E13;
	font-size: 24px; font-size: 2.4rem;
}
.flow table th span {
	border: solid 1px #592E13;
	border-radius: 8px;
	padding: 4px 16px 0px;
	display: block;
	text-align: center;
	font-size: 24px; font-size: 2.4rem;
}
.flow table ul { margin: 8px 0 0; padding-left: 16px; font-size: 18px; font-size: 1.8rem; line-height: 1.8em;}
.flow table h3 { text-align: center; margin-top: 16px;}
/* ********************会社概要 #kaisyagaiyou****************** */
.gaiyou_top{ padding: 0 8px;}
.gaiyou_top p { line-height: 1.8em; margin-bottom: 24px;}
#kaisyagaiyou .gaiyou_top h1,#kaisyagaiyou .gaiyou_top h2{
	background: transparent;
	border-bottom: solid 2px #e6e9e2;
	font-size: 24px; font-size: 2.4rem;
	padding: 0;
	display: inline-block;
	font-weight: bold;
}
#kaisyagaiyou .gaiyou_top h2{ margin-top: 16px;}
#kaisyagaiyou .gaiyou_top h1 rt { font-size: 32%;}
#kaisyagaiyou .guide { padding: 68px 16px 0;}
#kaisyagaiyou .guide h1 { position: absolute; width: 104%; top : -2px; left: -2%; margin-top: 0;}
#kaisyagaiyou .guide dl dt { margin-bottom: 8px; line-height: 1.8;}
#kaisyagaiyou .guide dl dd { margin-bottom: 32px; line-height: 1.8;}
#kaisyagaiyou .guide dl .btn_white { float: right; line-height: 1.42857143;}
#kaisyagaiyou dl ul { list-style-type: none; padding-left: 0;}
.logo_info p { display: inline-block; }
/* ********************個人情報 kojin_joho****************** */
#main #kojin_joho h1 {
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	padding: 26px 0 24px 16px;
	margin-bottom: 16px;
}
#main #kojin_joho h2 {
	font-size: 18px; font-size: 1.8rem;
	background: #e6e9e2;
	padding: 10px 0 10px 10px;
	margin-bottom: 0;
}
#main #kojin_joho div {
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	border-top: none;
	margin-bottom: 32px;
	padding-top: 16px;
}
#main #kojin_joho p { margin-bottom: 16px; padding-left: 14px;}
#main #kojin_joho h3 { font-size: 16px; font-size: 1.6rem; margin-bottom: 8px; padding-left: 14px;}
#main #kojin_joho div:last-child { border: none;}

/* ********************案内図 #map****************** */
#map section { position: relative; }
#map section h1 {
	background: url(../images/kirinrin_small.png) right top no-repeat transparent;
	display: inline-block;
	padding: 34px 54px 0 0;
	font-weight: bold;
	height: 64px;
}
#map section h2 {
	background: url(../images/logo_small.png) left top no-repeat transparent;
	display: inline-block;
	padding-top: 2px;
	padding-left: 42px;
	line-height: 26px;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
}
#map .btn_white { float: right;}
#map section ul , #map section .small { color: #5f5e5e;}
/* ********************サイトマップ #sitemap****************** */
#sitemap ul.grid_1_2 { padding-left: 16px;}
#sitemap ul.grid_1_2 li , .page_list{ margin-bottom: 8px; list-style-type: none; position: relative;}
#sitemap ul.grid_1_2 li.parent_list , .page_list{ margin-bottom: 16px;}
#sitemap ul.grid_1_2 li.parent_list li { width: 100%;}
#sitemap ul.grid_1_2 li.parent_list > a , .page_list li.parent_list > a{
	background-color: #e6e9e2;
	display: block;
	position: relative;
	padding-left: 20px;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	line-height: 34px;
}
#sitemap ul.grid_1_2 li.parent_list > a:before , .page_list li.parent_list > a:before{
	content: " ";
	position: absolute;
	top: 6px; left: 6px;
	width: 8px; height: 22px;
	background: #513528;
}
#sitemap ul.grid_1_2 li.parent_list li:before , .page_list li.parent_list li:before{
	content: "\025B6";
	position: absolute;
	top: 0;
	left: -18px;
}
#sitemap ul.grid_1_2 li.parent_list li li:before , .page_list li.parent_list li li:before{ content: "\025B7";}
#sitemap ul.grid_1_2 li.parent_list li li li , .page_list li.parent_list li li li{ list-style-type: disc;}
#sitemap ul.grid_1_2 li.parent_list li li li:before , .page_list li.parent_list li li li:before{ content: none;}
#sitemap ul.grid_1_2 ul , #sitemap ul.grid_1_2 ul ul , .page_list ul , .page_list ul ul{ padding-top: 8px; }
#sitemap ul.grid_1_2 ul li a, .page_list ul li a{ color: #5a2e13; }
#sitemap ul.grid_1_2 ul li a:hover{ text-decoration: underline;}
#sitemap ul.grid_1_2 li.parent_list i , .page_list li.parent_list i{
	font-family: 'Glyphicons Halflings';
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	background: #fff;
	padding: 4px 2px 0 0;
	border-radius: 20px;
	cursor: pointer;
}
#sitemap ul.grid_1_2 li.parent_list i.glyphicon-chevron-up , .page_list li.parent_list i.glyphicon-chevron-up{top: 6px; -webkit-transform: translateY(0); transform: translateY(0); padding: 0 0 4px 2px;}
#sitemap .page_list{ width: 100%; padding-left: 0;}
/* ********************問い合わせフォーム #contact****************** */
#contact form { margin-bottom: 32px;}
table.formTable{
	width:100%;
	margin: 0 auto 32px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/* ********************よくある質問 faq****************** */
#faq .faq_title{
	position: relative;
	font-size: 18px; font-size: 1.8rem;
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	padding: 6px;
	margin-bottom: 16px;
}
#faq .faq_title:after {
	position: absolute;
	content: " ";
	width: 70px;
	height: 64px;
	background: url(../images/guide.png) no-repeat right bottom;
	bottom: 0; right: 0;
}
#faq .faq_title img{ width: auto;}
#faq h1{
	font-size: 18px; font-size: 1.8rem;
	background-color: transparent;
	margin-bottom: 0;
	border-top: solid 1px #e5e8e2;
	width: 64%;
}
#faq section ul{ list-style-type: none; padding-left: 0; margin-bottom: 36px;}
#faq ul.cf li { display: inline-block; margin-right: 8px; margin-bottom: 16px;}
#faq ul.cf li a{ color: #5a2e13; text-decoration: underline;}
#faq .faq_list h2 {
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	border-left: solid 8px #592e13;
	padding: 6px 0 6px 8px;
}
#faq .faq_list h3 {
	font-size: 18px; font-size: 1.8rem;
	background: #e6e9e2;
	padding: 10px 0 10px 10px;
	margin-bottom: 0;
}
#faq .faq_list p {
	border-style: solid;
	border-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	border-bottom: none;
	border-top: none;
	margin: 0;
	padding: 8px 4px 8px 16px;
}
#faq .faq_list p:last-child {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	-moz-border-image: url(../images/border_dot.gif) 2 round;
	-webkit-border-image: url(../images/border_dot.gif) 2 round;
	-o-border-image: url(../images/border_dot.gif) 2 round;
	border-image: url(../images/border_dot.gif) 2 fill round;
	margin-bottom: 24px;
	padding-bottom: 16px;
}
#faq .faq_list li h3 + p {padding-top: 24px;}
#faq .faq_list li img { width: auto;}
#faq .faq_list li a { color: #5a2e13; text-decoration: underline;}
/* ********************取扱い先一覧 #store ****************** */
#store main h2 { font-size: 14px; font-size: 1.4rem; font-weight: bold;}
#store main dl { overflow: hidden; clear: both;}
#store main dt { float: left; clear: both; width: 28%; font-weight: normal;}
#store main dd { height: 36px;}
#store main dd a { color: #5a2e13; text-decoration: underline; font-size: 12px; font-size: 1.2rem;}
/* ********************BootStrap変更****************** */
.col-xs-12{ padding-right: 8px; padding-left: 8px;}
.row { margin-right: 0; margin-left: 0; }
.container-fluid{ padding: 0; margin: 0;}
.container-fluid>.navbar-header ,
.container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; }
.btn-default:hover{ background-color: #592F14; color: #fff;}
.navbar-default{ background-color: #fff; }
.navbar-nav{ margin: 0; }
.navbar-default .navbar-toggle ,
.navbar-default .navbar-toggle:focus ,
.navbar-default .navbar-toggle:hover { margin-right: 0; background-color: #5a2e13; border: none;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-nav>li { padding: 0 4px;}
.navbar-default .navbar-nav>li>a { color: #592F14; font-weight: bold;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background: #5a2e13; color: #fff;}
.dropdown-menu{ border: none; padding: 0;}
.dropdown-menu li{ border-bottom: dashed 1px #5a2e13;}
.dropdown-menu>li>a { padding: 6px 20px;}
.dropdown .dropdown-toggle{
	padding-right: 24px;
}
.dropdown .dropdown-toggle:after{
	font-family: 'Glyphicons Halflings';
	content:"\e114";
	position: absolute;
	font-size: 80%;
}
.dropdown.open .dropdown-toggle:after{ content:"\e113";}
.navbar-collapse{ padding: 0;}
.navbar-form{ padding: 0; border: none;}
.navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.navbar-right{ margin-right: 0; margin-left: 0; display: inline-block;}
.breadcrumb {
	background: #fff;
	font-size: 10px; font-size: 1.0rem;
	display: table;
	margin-bottom: 8px;
}
.breadcrumb>li{
	display: table-cell;
    vertical-align: middle;
    position: relative;
}
.breadcrumb>li+li {
	padding-left: 14px;
}
.breadcrumb>li+li:before{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.breadcrumb>li a{ white-space: nowrap;}

h1, .h1, h2, .h2, h3, .h3{ margin-bottom: 24px; margin-top: 0;}
h1 small{
	font-size: 12px; font-size: 1.2rem;
	display: block;
	padding-top: 8px;
}
.pagination>li>a, .pagination>li>span { color: #5a2e13;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #5a2e13;
    border-color: #5a2e13;
}
.item_list .item { width: 100%; height: auto;}
.tooltip {
	position: fixed;
	top: 50%!important;
  left: 50%!important;
  -webkit-transform: translate(-50%, -50%)!important; /* Safari用 */
  transform: translate(-50%, -50%)!important;
}
.tooltip.in {
    filter: alpha(opacity=60);
    opacity: 1;
}
.tooltip-inner{
	color: #6f6f6f;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 8px;
}
.item_list .tooltip .tooltip-arrow ,
.item_list .popover .arrow { display: none;}

.popover {
	position: fixed;
	top: 50%!important;
  left: 50%!important;
  -webkit-transform: translate(-50%, -50%)!important; /* Safari用 */
  transform: translate(-50%, -50%)!important;
  min-width: 300px;
}
.yokonaga .popover{ min-width: 360px;}
.popover-title , .tooltip_ttl { text-align: center; color: #6f6f6f; position: relative;}
.popover-title .glyphicon , .tooltip_ttl .glyphicon {
	position: absolute;
	top: 50%;
	right: 2px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 26px; font-size: 2.6rem;
	color: #ccc;
}
.tooltip_ttl .glyphicon { right: -4px; font-size: 22px; font-size: 2.2rem;}
.popover-content { text-align: center;}
.popover .popover-content img { text-align: center; width: auto; max-height: 430px; max-width: 100%;}


@media screen and (min-width:768px){
	dl.cf dt { float: left;}
	dl.cf dt { clear: both;}

	.grid_2_3 li { width: 33.33333333%; padding-right: 8px; padding-left: 8px;}
	.grid_1_2 li { width: 50%; float: left; padding-right: 8px; padding-left: 8px;}
	.grid_1_2_4 li { width: 50%; float: left;}

	#main {	float: right;	padding-right: 8px; padding-left: 0;}
	#sidebar{ padding-left: 8px; }

	.sp_none{ display: block!important; }
	.pc_none{ display: none!important; }
	.sp_block{ display: inline!important; }
	.sm_block{ display: block; }
	.table{ display: table!important; }
	.cell{ display: table-cell!important; }
	.pc_table{ display: table; width: 100%; max-width: 100%; margin-bottom: 20px; }
	.pc_cell{ display: table-cell; vertical-align: middle; }
	.pc_cell .visible-xs-block { display: table-cell!important; }

	/* ********************header****************** */
	header { position: relative; }
	#info{ clear: none; float: right; margin-right: 16px;}
	.tel { margin-top: 0; }

	.info_box{ position: absolute; top: 58px; left: 220px; }
	.info_box p{ display: inline-block; margin-right: 16px;}
	.navbar-default .navbar-nav>li.b_none{ padding-left: 4px; }

	/* ********************メイン-共通****************** */
	#main h1 {padding: 16px 16px 8px;}

	/* ********************問い合わせBOX****************** */
	.toiawase_box { padding: 12px 0 2px;}
	.toiawase_box .orange { display: inline-block; width: 40%;}
	.toiawase_box .orange.hidden-xs { width: 54%;}
	.toiawase_box .office_hours { margin: 8px 24px 6px;}
	/* ********************Twitter/Facebook .sns_box****************** */
	.sns_box>div{ display: inline-block; vertical-align: top; width: 50%; float: left;}
	.sns_box .tw{ padding-left: 8px; margin-top: 0;}
	.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe[style]{ width: 100% !important;}
	.sns_btn { float: left; margin-top: 10px; padding-left: 0; }
	.sns_btn li{ display: inline-block;}
	/* ********************TOPページ****************** */
	#top_page .btn_white { bottom: 2px;}
	#top_page .top_bnr .btn_white { right: 12px;}
	#main_bnr .bnr h2{ padding-bottom: 132px;}
	#bnr_orijinal { margin-bottom: 0;}
	#main_bnr #bnr_book_marker h2 { font-size: 30px; font-size: 3.0rem;}
	#main_bnr #bnr_train h2 { padding-bottom: 132px; }
	#main_bnr #bnr_uniform h2{ padding-bottom: 140px; }
	#main_bnr li h2 span { display: inline; }
	#main_bnr #bnr_train p.fs10 { left: auto; top: 18px; right: 14px;}
	#main_bnr #bnr_oem h2{ background: url(../images/bnr_oem-2_pc.png) no-repeat left bottom;}
	#main_bnr #bnr_item h2{ background: url(../images/bnr_item_pc.png) no-repeat left bottom;}
	#main_bnr #bnr_book_marker h2{ background: url(../images/bnr_book_marker_pc.png) no-repeat left bottom;}
	#main_bnr #bnr_train h2{ background: url(../images/bnr_train_pc.png) no-repeat left bottom;}
	#main_bnr #bnr_uniform h2{ background: url(../images/bnr_uniform_pc.png) no-repeat left bottom; background-size: contain;}
	#top_page #bnr_uniform .btn_white { top: 54px;}
	/* ********************「本から落ちないしおり」とは****************** */
	#ochinai_shiori .guide h1 { width: 101%; margin-left: -0.5%;}
	#ochinai_shiori h1 small { bottom: auto; top: 8px; background: #fff; color: #5a2e13;}
	#ochinai_shiori .guide > div { margin-bottom: 30px; padding: 8px 24px 0px 24px}
	#ochinai_shiori .guide .orange_box { display: inline-block;}
	#ochinai_shiori .guide .orange_box ul { margin-right: 16px; }
	#ochinai_shiori .guide .btn_white { width: 270px; text-align: left;}
	#ochinai_shiori .grid_1_2_4 { width: 76%;}
	#ochinai_shiori .grid_1_2_4 li { width: 49%; margin-right: 1%; height: 300px;}
	#ochinai_shiori .grid_1_2_4 li:nth-child(even) { margin-right: 0;}
	.shiyouhouhou:before { background: url(../images/book_marker/ochinai_shiori-bg1_pc.png) left top no-repeat; background-size: contain;}
	.shiyouhouhou:after { background: url(../images/book_marker/ochinai_shiori-bg2_pc.png) left top no-repeat; background-size: contain;}
	/* ********************ユニフォーム型 メタルアクセサリー #uniform****************** */
	#uniform section>h1 {
		background: url(../images/uniform-fv_bg_pc.png) left top no-repeat transparent;
		background-size: contain;
		padding: 0 0 41.67%;
	}
	#uniform section>h1 img { width: 50%;}
	.uni_list>li:last-child {
		background: url(../images/kirinrin_small-2.png) right bottom no-repeat transparent;
		padding-right: 68px;
	}
	.uni_list .pc_table { margin-bottom: 0;}
	.uni_list .pc_cell { vertical-align: top;}

	/* ********************製作実例ページ****************** */
	.seisaku_bnr h1 img { display: inline-block; float: left; padding: 0;}
	.seisaku_bnr h1 span { display: inline-block; padding: 8px 8px 4px; }
	.seisaku_oem > div { width: auto; }

	.grid_1_2 li { width: 49%; margin-right: 2%; padding: 0;}
	.grid_1_2 li:nth-child(even) { margin-right: 0%;}
	.grid_1_2 li h2 { font-size: 12px; font-size: 1.2rem;}
	.grid_1_2 p { font-size: 11px; font-size: 1.1rem;}

	.seisaku_item { padding-bottom: 42.5%;}
	.book_marker .seisaku_item .btn_leaf { bottom: 12px; right: 12px;}

	/* ********************アイテムTOPページ****************** */
	.item_top .intro { padding-left: 12px;}
	#main .item_top h1 { text-align: left;}
	.item_top #main .item_top-title{ font-size: 32px; font-size: 3.2rem; margin-left: -12px;}
	.item_top #main .item_top-title span:last-child { font-size: 16px; font-size: 1.6rem;}
	.item_top #main .pen .item_top-title ,
	.item_top #main .bag .item_top-title { font-size: 32px; font-size: 3.2rem;}
	.item_top h1 img { display: inline-block; padding: 0;}
	/*.item_top .intro p { margin-left: 12px;}*/
	.item_top table td { padding: 25px 16px;}
	.item_top #main .book_marker .item_top-title span{ top: 48px; font-size: 12px; font-size: 1.2rem;}
	.item_top .ribon_color p { display: inline-block;}
	/* ********************商品****************** */
	.item_list h2 span { display: inline; padding-right: 4px;}
	.item_list dt{ width: 20%;}
	.item_list dt span { display: inline;}
	.item_list dd{ padding-left: 20%;}
	.item_list dl.w24 dt{ width: 24%;}
	.item_list dl.w24 dd{ padding-left: 24%;}
	.series span { display: inline-block;}
	#item .book_marker .btn_leaf{ position: absolute; top: -46px; right: 8px; float: none;}

	/* ********************OEM製作例****************** */
	.oem #horizontalTab h1 { font-size: 28px; font-size: 2.8rem; padding: 24px 16px 22px;}
	.oem .r-tabs-panel h2 { font-size: 23px; font-size: 2.3rem;}
	.oem ul.resp-tabs-list { display: table; width: 100%; padding: 0;}
	.oem .resp-tabs-list>li { border-right: solid 1px #8c8c8c; display: table-cell; text-align: center;}
	.oem .resp-tabs-list>li a { color: #fff; background: #cbcbcb; padding: 12px 0 10px; display: block;}
	.oem .resp-tabs-list>li:nth-child(1) a ,
	.oem .resp-tabs-list>li:nth-child(1) a:hover ,
	.oem .bottom_resp-tabs-list.resp-tabs-list>li:nth-child(1) a { background: #F1BEB8; border-left: solid 1px #8c8c8c; }
	.oem .resp-tabs-list>li.r-tabs-state-default a { background: #cbcbcb; }
	.oem .resp-tabs-list>li.r-tabs-state-active:nth-child(2) a ,
	.oem .resp-tabs-list>li:nth-child(2) a:hover ,
	.oem .bottom_resp-tabs-list.resp-tabs-list>li:nth-child(2) a{ background: #D7ADCD; }
	.oem .resp-tabs-list>li.r-tabs-state-active:nth-child(3) a ,
	.oem .resp-tabs-list>li:nth-child(3) a:hover ,
	.oem .bottom_resp-tabs-list.resp-tabs-list>li:nth-child(3) a{ background: #A9D2B1; }
	.oem .resp-tabs-list>li.r-tabs-state-active:nth-child(4) a ,
	.oem .resp-tabs-list>li:nth-child(4) a:hover ,
	.oem .bottom_resp-tabs-list.resp-tabs-list>li:nth-child(4) a{ background: #B1DBE5; }
	.oem .resp-tabs-list>li.r-tabs-state-active:nth-child(5) a ,
	.oem .resp-tabs-list>li:nth-child(5) a:hover ,
	.oem .bottom_resp-tabs-list.resp-tabs-list>li:nth-child(5) a{ background: #fedc78; }
	.oem .resp-tabs-container { margin-bottom: 40px;}
	.oem .resp-tabs-container ul.scroll li { padding: 2px 12px 0;}
	.oem-list-box { padding-left: 80px; }
	.new_item { right: 12px; top: 12px;}
	#utokyo_seikyou .new_item { top: 54%;}
	.pickup_item { padding-top: 46.4%; }
	.pickup { right: auto; left: 0; }
	.pickup_txt {
    position: absolute;
		top: 0;
    right: 0;
    width: 32%;
    height: 100%;
    background-color: #e6e9e2;
    padding: 8px 2px 4px 12px;
	}
	.pickup_item h3 { position: static; margin-bottom: 16px;}
	.pickup_item p { position: static; padding: 0; }
	.pickup_item.ueno { background-image: url(../images/oem/rejya-zoo_ueno-strap_sp.png);}
	.pickup_item.reverse h3 { right: auto; left: 8px; text-align: left;}
	#zoo_net .pickup_item { background-image: url(../images/oem/rejya-zoo_net-clear_tumbler_pc.png); padding-top: 46.4%;}
	#zoo_ueno .pickup_item { background-image: url(../images/oem/rejya-zoo_ueno-strap_pc.png);}
	#zoo_ueno .pickup_item.shanshan { background-image: url(../images/oem/rejya-zoo_ueno-shanshan_pc.png); padding-top: 46.4%;}
	#zoo_tama .pickup_item { background-image: url(../images/oem/rejya-zoo_tama-earphone_pc.png);}
	#jinba .pickup_item { background-image: url(../images/oem/rejya-jinba-key_ring_pc.png); padding-top: 46.4%;}
	#umigatari_joetsu .pickup_item { background-image: url(../images/oem/rejya-umigatari_joetsu_magnet_tile_pc.png);}
	#uminomori .pickup_item.tumbler { background-image: url(../images/oem/rejya-uminomori-clear_tumbler_pc.png); padding-top: 46.4%;}
	#u_waseda .pickup_item { background-image: url(../images/oem/school-u_waseda-card_case_pc.png); padding-top: 46.4%;}
	#u_waseda .pickup_item.u_waseda_towel { background-image: url(../images/oem/school-u_waseda-towel_pc.png);}
	#u_waseda .pickup_item.u_waseda_2019towel { background-image: url(../images/oem/school-u_waseda-2019towel_pc.png); padding-top: 46.4%;}
	#u_waseda_seikyou .pickup_item { background-image: url(../images/oem/school-u_waseda_seikyo-keyring_pc.png); padding-top: 46.4%;}
	#u_waseda_seikyou .pickup_item:last-child { background-image: url(../images/oem/school-u_waseda_seikyo-book_marker_pc.png);}
	#joshin_club .pickup_item { background-image: url(../images/oem/joshin_club_pockettissuecase_pc.png); padding-top: 46.4%;}
	#joshin_club .pickup_item.sarasa { background-image: url(../images/oem/joshin_club_sarasa_pc.png); }
	#joshin_club .pickup_item.sarasa p { padding: 0;}
	#seaparadise .pickup_item.shabo { background-image: url(../images/oem/rejya-seaparadise-shabo_pc.png); padding-top: 46.4%;}
	#seaparadise .pickup_item.sarasa { background-image: url(../images/oem/rejya-seaparadise-sarasa_pc.png); padding-top: 46.4%;}
	#seaparadise .pickup_item.tumbler { background-image: url(../images/oem/rejya-seaparadise-clear_tumbler_pc.png); padding-top: 46.4%;}

/*
	#seaparadise ul li:nth-child(4) { background-image: url(../images/oem/rejya-seaparadise-nabeshiki_pc.png);}
	#seaparadise ul li:nth-child(5) { background-image: url(../images/oem/rejya-seaparadise-pen_pc.png);}
*/
	#seaparadise .pickup_item.uchiwa { background-image: url(../images/oem/rejya-seaparadise-uchiwa_pc.png);}
	.oem .btn_orange { position: absolute; top: 16px; right: 16px; margin-top: 0;}
	.oem .pickup_item .btn_orange { top: auto; bottom: 10px; width: 100%; right: 0px;}

	/* ********************製作の流れ****************** */
	.flow_list li { padding: 0 16px 0 150px; background-position: 3% 50%; background-size: auto;}
	.flow_list li h2 { margin-left: 0;}
	.flow_list li h2 small { position: static;}
	.flow caption { font-size: 24px; font-size: 2.4rem;}
	.flow table th ,
	.flow table td { display: table-cell; width: 33%; border: dashed 2px #592E13; border-top: none; text-align: center;}
	.flow table td.block_cell:before { content: none; }
	.flow table ul { margin: 0;}
	/* ********************会社概要 #kaisyagaiyou****************** */
	.gaiyou_top img { width: auto; }
	#kaisyagaiyou .guide h1 { width: 101%; left: -0.5%; margin-top: -2px;}
	#kaisyagaiyou .guide { padding: 80px 16px;}
	#kaisyagaiyou .guide dl dt , #kaisyagaiyou .guide dl dd { float: left; margin-bottom: 32px;}
	#kaisyagaiyou .guide dl dt { clear: both; width: 20%;}
	#kaisyagaiyou .guide dl dd { width: 80%; position: relative;}
	#kaisyagaiyou .guide dl .btn_white { position: absolute; right: 0; top: 0;}
	#kaisyagaiyou .guide dl .sp_block { padding-right: 16px;}
	#kaisyagaiyou .guide dl .slash_list .sp_block { padding-right: 0;}
	/* ********************案内図 #map****************** */
	#map .btn_white { position: absolute; right: 0; top: 20px;}
	#map section .sp_block { padding-right: 12px;}
	/* ********************サイトマップ #sitemap****************** */
	#sitemap ul.grid_1_2 { padding-left: 0;}
	#sitemap .page_list{ width: 49%; margin-right: 1%; float: left;}

	/* ********************よくある質問 faq****************** */
	#faq h1{ width: 74%;}
	.col-xs-12{ padding-right: 15px; padding-left: 15px;}

}

@media screen and (min-width:768px){
	.navbar-default .navbar-nav>li { border-right: solid 1px #d2d2d2;}
	.navbar-default .navbar-nav>li:first-child { border-left: solid 1px #d2d2d2;}
	.navbar-default .navbar-nav>li.p00 { border-right: none;}
	.navbar-default .navbar-nav>li>a { padding-left: 10px; padding-right: 10px; }
	.navbar-default .navbar-nav>li>a:hover ,
	.navbar-default .navbar-nav>li>a.active { background: #F8CA89; color: #fff;}
	.navbar-default .navbar-nav>li>a.p00 { background: transparent;}
	.navbar-form .form-control { width: 140px;}
	.navbar-form navbar-right .btn{ padding: 6px 10px;}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #fcf9f2;}
	.dropdown:hover > .dropdown-menu{ display: block;}
	.dropdown .dropdown-toggle:after{
		content:"\e080";
		float: none;
		margin-right: 0;
		padding-left: 4px;
	}
	.dropdown.open .dropdown-toggle:after{ content:"\e079";}
	.popover .popover-content img { max-height: 600px;}
	.yokonaga .popover{ min-width: 700px;}
}

@media screen and (min-width: 992px){
	.grid_1_2_4 li { width: 25%;}
	.sm_block{ display: inline; }
	.pc_block{ display: block!important; }

	#wrapper{ width: 960px; margin: 0 auto;	}
	#main { padding-right: 0;}
	.inner{	width: 960px;	margin: 0 auto!important;}
	#sidebar{ padding-left: 0; width: 240px;}
	.grid_2_3 li { padding-right: 15px; padding-left: 15px;}

	p.btn_amazon ,
	div.btn_amazon { background: url(../images/btn_amazon_pc.png) no-repeat center top; background-size: contain; padding-top: 51px;}
	p.btn_yahoo ,
	div.btn_yahoo { background: url(../images/btn_yahoo_pc.png) no-repeat center top; background-size: contain; padding-top: 51px;}
	/* ********************header****************** */
	.info_box{ left: 48%; }

	/* ********************Twitter/Facebook .sns_box****************** */
	.sns_box>div{ width: 50%;}
	.sns_btn { float: none; position: fixed; left: 0;top: 50%; padding-left: 8px; margin-top: 0;}
	.sns_btn li{ width: 50px; height: 50px; display: block;}
	.sns_btn li img{ width: 100%;}
	/* ********************TOPページ****************** */
	#top_page .btn_white { top: 20px; bottom: auto;}
	#main_bnr #bnr_uniform h2{ padding-bottom: 135px; }
	#top_page #bnr_uniform .btn_white { top: 20px;}
	#top_page #bnr_orijinal	.toiawase_box .toiawase { margin-left: 28px; }
	#main_bnr #bnr_train p.fs10 {
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
	}
	/* ********************問い合わせBOX****************** */
	.toiawase_box { padding: 22px 12px 12px;}
	.toiawase_box p { margin-bottom: 0;}
	.toiawase_box .tel_box { border-right: dashed 1px #F29918; display: inline-block; padding-right: 16px;}
	.toiawase_box .orange { text-align: left; margin-right: 8px; margin-top: 8px; width: auto;}
	.toiawase_box .orange.hidden-xs { width: auto;}
	.toiawase_box .toiawase { display: inline-block; margin-left: 36px; }
	.toiawase_box .office_hours { margin: 8px 0 6px;}
	/* ********************葉っぱ背景ドットBOX****************** */
	.guide:after {
		width: 70px; height: 64px;
	}

	/* ********************「本から落ちないしおり」とは****************** */
	#ochinai_shiori .guide h1 { width: 720px; margin-left: -2px;}
	#ochinai_shiori .grid_1_2_4 li { width: 24%; }
	#ochinai_shiori .grid_1_2_4 li:nth-child(even) { margin-right: 1%;}
	#ochinai_shiori .grid_1_2_4 li:last-child { margin-right: 0;}
	/* ********************ユニフォーム型 メタルアクセサリー #uniform****************** */
	#uniform section img { width: auto;}
	/* ********************製作実例ページ****************** */
	#main .seisaku_bnr h1 { line-height: 0.8em;}
	.seisaku_bnr h1 img { margin-right: 16px;}
	.seisaku_bnr h1 span { padding: 8px 0 0;}
	.grid_1_2 li h2 { font-size: 16px; font-size: 1.6rem;}
	.grid_1_2 p { font-size: 14px; font-size: 1.4rem;}
	/* ********************アイテムTOPページ****************** */
	/*.item_top table { width: 96%; margin-left: 4%;}
	.item_top .intro table + p { margin-left: 4%;}*/
	.item_top #main .book_marker .item_top-title span{ top: auto; bottom: 0; font-size: 16px; font-size: 1.6rem;}

	/* ********************シリーズTOP series_top****************** */
	.series_top .link_btn_box p{
		width: 49%;
		display: inline-block;
		margin-bottom: 0;
	}

	/* ********************商品****************** */
	#item .book_marker .btn_leaf{ top: 12px; right: 10px;}

	/*********************OEM製作例-PC*******************/
	.oem #horizontalTab h1 { font-size: 32px; font-size: 3.2rem; padding: 16px 16px 12px;}
	.oem #horizontalTab h1 { width: 720px; height: 96px; line-height: 96px; padding: 0 16px;}
	.oem ul.img_list li img { width: auto; height: auto;}
	.pickup_item { background-size: inherit;}
	/*#zoo_ueno .new_item { left: 16px; right: auto; top: 16px;}*/
	/*#utokyo_seikyou .new_item { left: auto; right: 253px; top: 76px;}*/

	/* ********************商品****************** */
	.item_list li img { width: 100%; height: auto;}
	/* ********************会社概要 #kaisyagaiyou****************** */
	#kaisyagaiyou .guide { padding: 80px 64px;}
	#kaisyagaiyou .guide h1 { width: 720px; left: -2px; margin-top: -2px;}
	/* ********************案内図 #map****************** */
	#map .btn_white { top: 64px;}


}




/*********************Google検索*******************/
.gsc-control-cse * {
    box-sizing: content-box;
}
.gsc-input {
    line-height: 1;
}
#___gcse_0{
	float: left;
	margin-left: 16px;
	width: 214px;
}
@media screen and (min-width:768px){
	#___gcse_0{ float: right; margin: 0;}
}
#___gcse_0 table.gsc-search-box td.gsc-input {
    padding-right: 4px;
}
.gsc-input input.gsc-input {
	border-radius: 4px;
	line-height: 1.4;
	padding: 6px 6px;
}
.gsc-search-button input.gsc-search-button {
	border-radius: 4px;
	line-height: 1.4;
	height: 31px;
}
/*********************画像拡大*******************/
div#lightbox { height: 100%; }
#lightbox img { width: auto; height: auto; }
#lightbox img#lightboxImage { height: 100%; }
/*********************Youtube*******************/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.video_guide{ padding-left:8px;}
@media screen and (min-width:768px){
	.video_guide{ padding-left:24px;}
}