@charset "utf-8";

/* --------------------------------
	user style
-------------------------------- */

a{color:#044696;}
img{height: auto;}
.item_photo img {border-radius: 3px;}
#item_photo_area img {border-radius: 3px;}
/* --------------------------------
	Common
-------------------------------- */
html{background: #C90000;}
body{
	font-family: "メイリオ", Meiryo, Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	color: #333;
}

.form-group{
	overflow: hidden;
}
.radio{
	float:left;
	margin-right:2em;
}
.form-group{
	overflow: hidden;
}
form dd span{
	margin:0.5em 0 0 0;
	display: inline-block;
	color:#888;
}
.form-group.input_zip .question-circle {
	margin-top:0;
}

#wrapper{background: #FFF;}

#header{
	position:relative;
	background:url(../img/common/bg_html.jpg) 50% 0 repeat-x #FFF;
	padding-top:0;
}

/*gloabal_menu*/
.global-menu {
	float:right;
	margin:10px 0;
}
#globalmenu_area li{
	background:url(../img/common/arrow_right_white.png) center left no-repeat;
	margin-left:1em;
	padding-left:10px;
	float:left;
	font-size: 0.8em;
	font-weight:bold;
}
#globalmenu_area li a{
	color:#FFF;
}

/*logo*/
.header_logo_area{
	margin:16px auto!important;
	padding:16px 20px;
	background:url(../img/common/bg_logo.jpg) 0 -1px repeat-x #FFF;
	float:left;
	border-radius:5px;
}
.header_logo_area .header_logo{
	float:left;
	margin-right:15px;
}
.header_logo_area .copy{
	font-weight:bold;
	font-size: 1.8rem!important;
	color:#2D0000;
}
.header_logo_area .subcopy{
	float:left;
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	margin: 1em 0;
	color:#000000;
}

/*group*/
.group{display:inline-block;}
@media only screen and (max-width: 767px) {
	.group{
		width:100%;
	}
}


/*slider*/
.slick-dots {
	bottom: -35px;
}

.main_visual a:hover img {
	opacity: 0.8!important;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.front_page a:hover img{
	opacity: 0.8!important;
	transition: all 0.3s ease 0s!important;
	-webkit-transition: all 0.3s ease 0s!important;
}
/*error_message*/
#page_product_detail .errormsg{
	clear:both;
}
#page_product_detail #detail_cart_box__cart_quantity .errormsg{
	margin-left:-3em;
}

@media only screen and (max-width: 767px) {
.slick-dots {
	position: relative;
	bottom: 0;
}
}

/*user_name*/
#user_name {
    position: absolute;
    top: 82px; right: 290px;
    font-size:12px;
    font-size:1.2rem;
}
@media only screen and (max-width: 767px) {
}

/*header_bnr_area_pc*/
#header_bnr_area_pc{
	width: auto;
	position: absolute;
	right: 296px;
	top: 0;
	z-index: 11;
	top:65px;
	background:#FFF;
}
/*header_bnr_area_sp*/
#header_bnr_area_sp{
	clear:both;
	display:none;
	padding: 0.5em;
	border: solid 1px #CCC;
	background:#F0F0F0;
	margin: 1em 0 2em 0;
	border-radius:5px;
}
#header_bnr_area_sp .bnr1{
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: baseline;
}
@media only screen and (max-width: 1147px) {
	#header_bnr_area_pc{
		display:none;
	}
	#header_bnr_area_sp{
		display:block;
	}
}
@media only screen and (max-width: 767px) {
	#header_bnr_area_sp{
		margin: 1em 0 1em 0;
	}
}

/*cart_area*/
#cart_area{
	top:65px;
	background:#FFF;
}
#cart_box{
	padding-top: 16px;
}

/*footer*/
#footer{
	border-top: 5px solid #D2BCBB;
	padding-bottom:0;
}

#footer a {
	color: #1F1F1F;
}

/*footer-area*/
#footer .footer-area{
	display:flex;
	flex-direction:row;
	align-items: center;
	align-items: stretch;
}
#footer .container-fluid-left{flex-basis: 42%; margin-right:1.5em;}
#footer .container-fluid-right{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-items: stretch;
	flex-grow: 1;
}
#footer .footer-area{overflow: hidden;}

#footer .footer-area .footer_logo {overflow:hidden;}
#footer .footer-area .footer_logo img{
	max-width:206px;
	float:left;
	margin-right:1em;
}
#footer .footer-area .footer_logo .copy{
	float:left;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	color:#2D0000;
	margin:0.3em 0;
}

#footer .footer-area .footer_inquiry{
	clear:both;
}

#footer .footer-area .footer_inquiry h2{
	color:#A50000;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
}

#footer .footer-area .footer_inquiry p{
	font-size:12px;
	font-size:1.2rem;
	color:#000;
}

#footer .container-fluid-right{
	display:flex;
	display: flex;
	flex-direction:row;
	align-items: center;
	align-items: stretch;
	margin-bottom:20px;
}

#footer .container-fluid-right ul{
	text-align:left;
	margin-right:1em;
	flex-grow: 1;
}

#footer .container-fluid-right ul li{
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	font-size:1.291rem;
	font-weight:bold;
	display: block;
	margin:0 0 0.4em 0;
	padding:0 0 0 1em;
	background: url(../img/common/arrow_right_red.png) center left no-repeat;
}

#footer .footer_logo_area {
	text-align: left;
}

#footer .footer_logo_area .logo {
	margin: 0;
	display: inline-block;
}

#footer .footer_logo_area .logo{
	width: 100px;
	font-size:1rem;
}

#footer .footer_logo_area .logo img{
	margin-top:-5px;
}

#footer .f-copyright{
	background:#C90000;
	max-width: 100%;
}
#footer .f-copyright .footer_logo_area{
	max-width: 1150px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#footer .f-copyright .footer_logo_area .copyright{
	display:inline-block;
	color:#FFF;
}
#footer .f-copyright .footer_logo_area .copyright .right{
	text-align:right;
	position:absolute;
	top:0.2em;
	right:0;
}




#footer-pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size :24px;
	background: #044796;
	color: #E5E5E5;
	text-decoration: none;
	width: 60px;
	height: 60px;
	padding: 0;
	line-height: 60px;
	text-align: center;
	display: block;
	border-radius: 50%;
	z-index:99999;
	opacity: .9;
	box-shadow:0 2px 2px #333;
}
#footer-pagetop:hover {
	text-decoration: none;
	opacity: 1;
}

.drawer {
	z-index:999999;
}

/*cart*/
#detail_cart_box {
	overflow: hidden;
	margin-top: 14px;
	border-top: solid 2px #CCC;
	border-bottom: solid 2px #CCC;
	padding-top: 14px;
	padding-bottom: 14px;
}

/*button*/
button{
	border-radius:2px;
}

.btn-primary {
	color: #fff;
	background-color: #222222;
	border-color: #222222;
	padding-top:8px;
	padding-bottom:8px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}
.btn-info {
	color: #fff;
	background-color: #222222;
	border-color: #222222;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}


#free_sample_button_area button {
	background: #B50000;
	border-color: #B50000;
	font-size: 18px;
	font-size: 1.8rem;
}
#free_sample_button_area{
	border-bottom:solid 2px #CCC;
	padding-top:20px;
	padding-bottom:20px;
}

#usefulness_area{
	border-bottom:solid 2px #CCC;
	padding-top:20px;
	padding-bottom:20px;
}
#usefulness_area ul{
	margin:0;
	padding:0;
}
#usefulness_area ul li span{
	background:#FFF;
	color:#003366;
	border:solid 2px #003366;
	border-radius:3px;
	font-weight:bold;
	font-size: 18px;
	font-size: 1.8rem;
}
.cb-normal-circle{margin-top:-2px!important;}

#usefulness_area ul li span .active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*text*/
.text-primary {
	color: #00468C;
}

/*list*/
.other_page #content_box ul.ul_arrow li,
#page_user_data #content_box ul.ul_arrow li {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1em;
    background: url(../img/common/arrow_right_red.png) top 0.4em left no-repeat;
}

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

/* Bootstrapのガター幅を調整するための汎用CSS */
.m-left-0 { margin-left:  0px; }
.m-left-10{ margin-left:0.5em; }
.m-left-20{ margin-left:  1em; }
.m-left-30{ margin-left:1.5em; }
.m-left-40{ margin-left:  2em; }
.m-left-50{ margin-left:2.5em; }

.m-right-0 { margin-left:  0px; }
.m-right-10{ margin-left:0.5em; }
.m-right-20{ margin-left:  1em; }
.m-right-30{ margin-left:0.5em; }
.m-right-40{ margin-left:  2em; }
.m-right-50{ margin-left:2.5em; }

.m-top-0 { margin-top:  0px; }
.m-top-10{ margin-top:0.5em; }
.m-top-20{ margin-top:  1em; }
.m-top-30{ margin-top:0.5em; }
.m-top-40{ margin-top:  2em; }
.m-top-50{ margin-top:2.5em; }

.m-bottom-0 { margin-bottom:  0px; }
.m-bottom-10{ margin-bottom:0.5em; }
.m-bottom-20{ margin-bottom:  1em; }
.m-bottom-30{ margin-bottom:0.5em; }
.m-bottom-40{ margin-bottom:  2em; }
.m-bottom-50{ margin-bottom:2.5em; }

/*hr*/
hr{clear:both;}

/* --------------------------------
	Content wrap
-------------------------------- */
#history_wrap,
#favorite_wrap,
#contact_wrap,
/*#detail_wrap,*/
#delivery_wrap,
#withdraw_wrap,
#top_wrap,
#confirm_wrap,
#complete_wrap,
#page_mypage_delivery_edit #detail_wrap,
#page_mypage_delivery_new #detail_wrap,
#page_mypage_change #detail_wrap,
#page_mypage_history #detail_wrap,
#page_shopping_nonmember #detail_wrap{

	padding-top: 32px;
	padding-bottom: 32px;
}

.col-md-10 {
	width: auto;
}

.cart_page #cart_box__body{
	width: 83.33333333%;
}

#detail_box__body_inner.col-md-10,
#top_box__body.col-md-10,
#confirm_box__body.col-md-10{
	margin-left:auto;
	margin-right:auto;
	float:none;
}

/* --------------------------------
	main_middle
-------------------------------- */
#page_homepage #main_middle .row{
	padding-bottom: 36px;
}
#search select {
	width: auto;
	max-width: 218px;
}

/* --------------------------------
	item_detail
-------------------------------- */
#detail_description_box__item_range_code.item_code{
	padding-bottom: 0 !important;
}
#item_detail_area .item_detail .item_comment{
	margin-top: 14px;
	margin-bottom: 14px;
}
#detail_cart_box__cart_class_category_id span.required{
	display:none;
}

#sub_area{
	padding-top:16px;
	margin-left: 16px;
	margin-right: 0px;
}


#sub_area hr{
	margin:2em 0;
	border-top:solid 2px #CCC;
}

#item_detail_area .note{
	margin:2em 0 1em 0;
}

#detail_not_stock_box__description_detail h4{
	margin: 0 0 0 0;
	border-radius: 2px;
	background: #B50000;
	color: #FFF;
	padding: 0.5em;
}

#color_sample_list{
	overflow:hidden;
}
#color_sample_list h2{
	color: #660000;
	font-weight: normal;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	clear: both;
}

#color_sample_list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#color_sample_list li{
	/*overflow: hidden;*/
	float: left;
	width: 15.83%;
	height: auto;
	margin: 0 1% 1% 0;
}
#color_sample_list li:after{
	content:none;
}
#color_sample_list li:nth-child(6n+6) {
	margin-right: 0;
}
#color_sample_list li img{
	border:solid 1px #CCC;
	border-radius: 2px;
}
@media only screen and (max-width: 767px){
	#sub_area{margin-left:0;}
	#sub_area hr{margin:0.5em 0;}
	#color_sample_list li{
		/*overflow: hidden;*/
		float: left;
		width: 32%;
		height: auto;
		margin: 0 2% 2% 0;
	}
	#color_sample_list li:nth-child(3n+3) {
		margin-right: 0;
	}



}

/* --------------------------------
/* Item List Page
----------------------------------- */
.item_category{
	margin: -8px 0 8px 0;
	color: #525263;
	font-size:14px;
	font-size:1.4rem;
}

/* --------------------------------
	login
-------------------------------- */
#login_box {
	padding-top: 32px;
	padding-bottom: 32px;
}

/* --------------------------------
	Mypage
-------------------------------- */
.local_nav li {
	background: #FDFDFD;
}

/* --------------------------------
	Page
-------------------------------- */
#page_user_data #title_box .btn_area button{
	background:url(../img/common/arrow_btn_bottom_red.png) center right 1em no-repeat #222222;
	color:#FFF;
	display:inline-table;
	vertical-align:middle;
	text-align:center;
	background-size: 1em;
	box-shadow: 0px 2px 2px #bbb;
}
#page_user_data #title_box .btn_area a:hover button{
	background-color:#444;
}

#page_user_data #title_box{
	border-bottom:solid #B50000 5px;
	padding-bottom:2em;
}

#page_user_data #title_box p{
	font-weight:bold;
}

#page_user_data #content_box{
	
}
#page_user_data #content_box .section{
	clear:both;
}
#page_user_data #content_box hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0;
	border-top: 1px solid #eee;
	clear: both;
}
#content_box h2 {
	color: #660000;
	font-weight: normal;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	clear: both;
}
#page_user_data.ordermade_form h3{
	margin-top: 1.66em;
}

#page_user_data.ordermade_form h3 font b,
#page_user_data #content_box h2{
	color:#660000;
	font-weight:normal;
	font-size:26px;
	font-size:2.6rem;
	font-weight: bold;
	clear:both;
}


/*表設定デフォルト*/
table {
	/*border-collapse: separate;*/
	border-spacing: 0;
	color:#202020;
	box-sizing: border-box;
}
table thead {
	border: 1px solid #aaa;
	border-radius: 4px 4px 0 0;
}
table thead th{
	border: 1px solid #aaa;
	border-right:none;
	font-weight:normal;
	box-sizing: border-box;
}
table thead td{
	border: 1px solid #aaa;
	border-right:none;
	font-weight:normal;
	box-sizing: border-box;
}
table tbody{
	border: 1px solid #aaa;
}
table tbody th{
	border-left: 1px solid #aaa;
	font-weight:normal;
	border: 1px solid #aaa;
	box-sizing: border-box;
}
table thead th:last-child{
	border-right: 1px solid #aaa;
}
table thead td:last-child{
	border-right: 1px solid #aaa;
}
table tbody td:last-child{
	border-right: 1px solid #aaa;
}
table tbody tr:last-child {
	border-bottom: 1px solid #aaa;
}
table thead th,
table thead td,
table tbody th,
table tbody td {
	padding: 0.8em;
	border-bottom: 1px solid #aaa;
	border: 1px solid #aaa;
	box-sizing: border-box;
}
table thead th {
	background-color: #ddd;
}
table tbody th {
	background-color: #eee;
}
table thead th + th,
table tbody td {
	border-left: 1px solid #ccc;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
	/*border-bottom: none;*/
}
table thead tr:first-child th:first-child {
	border-radius: 4px 0 0 0;
}
table thead tr:first-child th:last-child {
	border-radius: 0 4px 0 0;
}
table tbody tr:last-child th:first-child {
	border-radius: 0 0 0 0;
}
table tbody tr:last-child th:last-child {
	border-radius: 0 0 0 0;
}

table.col-1 thead tr:first-child th{
	border-radius: 4px 4px 0 0;
}

#page_user_data table{
	width: 100%;
	max-width:820px;
	min-width:300px;
}
#page_user_data table thead th{
	background-color:#A60000;
	color:#FFF;
	border-color:#8C0000;
}

@media only screen and (max-width: 768px) {
	table{font-size: 12px;font-size: 1.2rem;}
}


/*ページタイトル背景*/

.title_box_wrap{
	overflow:hidden;
}

@media only screen and (min-width: 768px) {
	.ordermade .title_box_wrap{background:url(../img/page/ordermade_bg_1.png) top 120px right 30px no-repeat;}
	.option .title_box_wrap{background:url(../img/page/option_bg_1.png) top 120px right 30px no-repeat;}
	/*.use .title_box_wrap{background:url(../img/page/use/ts-group.jpg) top 120px right 30px no-repeat;}*/
	/*.kami_price .title_box_wrap{background:url(../img/page/kami_price_bg_1.png) top 120px right 30px no-repeat; background-size:180px auto;}*/
}

/*トップページ*/
#page_homepage #main_middle .row {
	padding-bottom: 18px;
}

#page_homepage #top_categorywrap{
}

#page_homepage #top_categorywrap .ctg_text h2{
	border-radius:4px 4px 0 0;
	background:#A60000;
	margin: -2px -2px 0px -2px;
	font-weight:bold;
	font-size:24px;
	font-size:2.4rem;
	color:#FFF;
	border-bottom:solid 10px #222222;
}
#page_homepage #top_categorywrap .ctg_text h2 a{
	padding:17px 17px 7px 17px;
	display: block;
	color:#FFF;
	background:url(../img/common/arrow_btn_right_red.png) center right 15px no-repeat;
}
#page_homepage #top_categorywrap .ctg_text h2 a:hover{
	opacity:0.9;
}
#page_homepage #top_categorywrap .ctg_text{
	border:solid 2px #DDD;
	border-radius:4px;

}
#page_homepage #top_categorywrap .top_ctg_contenttop{
	background:#EEE;
	border-bottom:solid 2px #DDD;
	padding:1em;
}
#page_homepage #top_categorywrap .top_ctg_contenttop img{
	width:100%;
}
#page_homepage #top_categorywrap .top_ctg_content{
	box-sizing:border-box;
	padding:1em;
	overflow:hidden;
}
#page_homepage #top_categorywrap .top_ctg_content li{
	margin-top:0.5em;
	padding: 0 0 0 1em;
	background: url(../img/common/arrow_right_red.png) top 0.4em left no-repeat;
	width:28%;
	float:left;
}
#page_homepage #top_categorywrap .top_ctg_content li:nth-child(3n+2){
	width:44%;
}

#page_homepage #top_categorywrap .top_flexwrap01,
#page_homepage #top_categorywrap .top_flexwrap02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* flex-flow: column wrap; */
}

#page_homepage #top_categorywrap .top_category01{
	flex-basis:65%;
	margin-bottom: 24px;
}
#page_homepage #top_categorywrap .top_category02{
	flex-basis:33%;;
	margin-bottom: 24px;
}
#page_homepage .top_flexwrap01 .top_category02{
	flex-basis:49%;
	margin-bottom: 24px;
}
#page_homepage .ctg_text{
	flex-basis:49%;
	align-content:stretch;
	margin-bottom: 24px;
}

#page_homepage .top_flexwrap03{position:relative;}
#page_homepage .top_flexwrap03 .ctg_text,
#page_homepage .top_flexwrap03 .ctg_img{
	width:49%;
}
#page_homepage .top_flexwrap03 .top_category05{

}
#page_homepage .top_flexwrap03 .top_category06{
	min-height:197px;
}
#page_homepage .top_flexwrap03 .top_category07{
	position:absolute;
	right: 0;
	top: 0;
	/*min-height:428px;*/
	min-height:411px;
	height: 100%;
}

/*お知らせ*/
#page_homepage .news_contents{
	padding: 0px;
	width: 49%;
	float:right;
}
#page_homepage .news_contents h2{
	font-size:23px;
	font-size:2.3rem;
	color:#A50000;
	padding: 8px 16px 4px 16px;
	text-align: left;
}
#page_homepage .news_contents h2:before{
	content:" ";
	height:22px;
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../img/common/ico_news.png) 0 0 no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right:0.25em;
}
#page_homepage .news_contents .newslist dt {
	padding: 8.5px 16px;
}
#page_homepage .news_contents .newslist dt .angle-circle {
	top: 11.5px;
	width: 20px;
	height: 20px;
	background: #A50000;
}
#page_homepage .news_contents .newslist dt .cb {
	font-size: 14px;
	top: -1px;
	left: 3px;
}
#page_homepage .news_contents .newslist dd{
	line-height: 1.6em;
}

#page_homepage .txt_bnr_area {
	padding: 0px;
	width: 49%;
	float:left;
}

#news_area {
	background: #FFF;
	border:solid 2px #DDD;
	border-radius:4px;
}

/*和紙*/
#page_homepage #top_categorywrap .top_category02 .top_ctg_contenttop{
	border:none;
	padding:0;
}
#page_homepage #top_categorywrap .top_category02 .top_ctg_content{
	background-size:100% auto;
	padding:0 1em 0.6em 1em;
}
.top_category02 .top_ctg_content p{
	font-weight:bold;
	margin:0;
}
/*用途から紙を探す*/
#page_homepage #top_categorywrap .top_category03 .top_ctg_contenttop{
	padding-bottom: 0.85em;
	padding-top: 0.85em;
}
#page_homepage #top_categorywrap .top_category03 .top_ctg_contenttop .page_menu{
	display:flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
#page_homepage #top_categorywrap .top_category03 .top_ctg_contenttop .page_menu a{
	max-width: 10.5%;
}
#page_homepage #top_categorywrap .top_category03 .top_ctg_contenttop .page_menu img{
	width:100%;
	height:auto;
}
/*紙の紹介と価格*/
#page_homepage #top_categorywrap .top_category04 .top_ctg_contenttop{
	padding:0;
}
#page_homepage #top_categorywrap .top_category04 .top_ctg_contenttop .page_menu{
	display:flex;
	position:relative;
}
#page_homepage #top_categorywrap .top_category04 .top_ctg_contenttop .page_menu a{
	max-width: 25%;
}
#page_homepage #top_categorywrap .top_category04 .top_ctg_contenttop .page_menu span{
	position:absolute;
	right:2px;
	bottom:0;
	font-weight:bold;
}
#page_homepage #top_categorywrap .top_category04 .top_ctg_content li {
	width: 100%;
	float: none;
}

/*制作事例紹介*/
#page_homepage #top_categorywrap .top_category05 .top_ctg_content{
	min-height:auto;
}
#page_homepage #top_categorywrap .top_category05 .flex_wrap{
	display:flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
#page_homepage #top_categorywrap .top_category05 .flex_item{
	flex:2;
}
#page_homepage #top_categorywrap .top_category05 .flex_item:first-child{
	flex:0.7;
	margin-right: 1em;
}
#page_homepage #top_categorywrap .top_category05 .flex_item h3{
	color:#A60000;
	font-size:17px;
	font-size:1.7rem;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0.5em 0 0.5em 0;
}
#page_homepage #top_categorywrap .top_category05 .flex_item p{
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0.5em 0;
}



/*トップ　加工オプション*/
#page_homepage #top_categorywrap .top_category06 p{
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0.5em 0;
	line-height:1.8;
}
#page_homepage #top_categorywrap .top_category06 ul {display:inline;}
#page_homepage #top_categorywrap .top_category06 li {
	width: auto;
	margin-right:1em;
}

/*トップ　オーダーメイドサイズ*/
#page_homepage #top_categorywrap .top_category07 .top_ctg_contenttop .page_menu{
	display:flex;
	-webkit-align-items: center; /* Safari */
	align-items:center;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}
#page_homepage #top_categorywrap .top_category07 .top_ctg_contenttop img{
	width:50%;
}
#page_homepage #top_categorywrap .top_category07 .top_ctg_contenttop p{
	color:#A60000;
	font-size:19px;
	font-size:1.9rem;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	width:50%;
	height:auto;
}
#page_homepage #top_categorywrap .top_category07 .flex_wrap{
	display:flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
#page_homepage #top_categorywrap .top_category07 .flex_item{
	flex:2;
}
#page_homepage #top_categorywrap .top_category07 .flex_item:first-child{
	flex: 1.79;
	flex: 1.68;
	margin-right: 1em;
}
#page_homepage #top_categorywrap .top_category07 .flex_item:first-child img{
	/*width:100%;*/
	width:90%;
}
#page_homepage #top_categorywrap .top_category07 .flex_item h3{
	color:#A60000;
	font-size:17px;
	font-size:1.7rem;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0.5em 0 0.5em 0;
}
#page_homepage #top_categorywrap .top_category07 .flex_item p{
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0.5em 0;
	line-height:1.8;
}
#page_homepage #top_categorywrap .top_category07 li {
    width: 100%;
}

/*トップ 売上ランキング*/
#sales_ranking{
	border: solid 2px #DDD;
	border-radius: 4px;
	margin-top:24px;
	margin-bottom: 24px;
}
#sales_ranking h2{
	border-radius: 4px 4px 0 0;
	background: #A60000;
	margin: -2px -2px 0px -2px;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #FFF;
	border-bottom: solid 10px #222222;
}
#sales_ranking .heading01 {
	background: #A60000 !important;
	padding: 17px 17px 7px 17px !important;
}
#sales_ranking .row {
	box-sizing: border-box;
	padding: 1em 1em 0 1em !important;
	overflow: hidden;
}
#sales_ranking .label-warning {
	border-radius:2px;
	padding: 0.1em 0.7em 0em!important;
}

/*トップ 最近チェックした商品*/
#checkeditem{
	border: solid 2px #DDD;
	border-radius: 4px;
}
#checkeditem h2{
	border-radius: 4px 4px 0 0;
	background: #A60000 !important;
	margin: -2px -2px 0px -2px;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #FFF;
	border-bottom: solid 10px #222222;
}
#checkeditem h2 p{
	
}
#checkeditem .heading {
	padding-bottom: 0px;
}
#checkeditem .heading01 {
	background: none !important;
	line-height: 49px !important;
}
#checkeditem .heading02 .btn-info {
	border-radius:2px;
	background-color:#FFF;
	border-color:#FFF;
	color:#A60000;
}
#checkeditem .heading02 .btn-info:hover{
	opacity:0.9;
}
#checkeditem .row {
	box-sizing: border-box;
	padding: 1em 1em 0 1em !important;
	overflow: hidden;
}

@media only screen and (max-width: 767px){
	#checkeditem h2{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1em;
		background-size: 1em;
		padding: 12px 17px 7px 17px!important;
	}
	#checkeditem .heading01 {
		line-height: 37px !important;
	}
	#checkeditem .heading02 .btn-info {
		margin-bottom:0;
	}

}
/*オーダーメイドサイズ*/
.ordermade #content_box h2 {
	margin-top:1.66em;
}
.ordermade table thead th:last-child {
	text-align:left;
}
.ordermade_form .o-caution li,
.ordermade #content_box li{
	padding-left:0.5em;
}
.ordermade_form .o-caution li:before,
.ordermade #content_box li:before {
	content: '';
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	border-radius: 100%;
	background: #A50000;
	position: relative;
	left: -0.3em;
	top: -0.1em;
}
.ordermade #title_box .btn_area button {
	min-width: 620px;
}
.ordermade_form #color_sample_list li:before,
.ordermade #color_sample_list li:before {
	content: none;
}
@media only screen and (max-width: 768px) {
	.ordermade #title_box .btn_area button {
		min-width: 100%;
	}
}

/*加工オプション*/
.option #title_box .btn_area{
	max-width:769px;
}
.option #title_box .btn_area a{
	float:left;
	width: 32%;
	margin-bottom: 2%;
}
.option #title_box .btn_area a:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}
.option #title_box .btn_area button{
	width: 100%;
	min-width:100%;
	font-size: 18px;
	font-size: 1.8rem;
	background:url(../img/common/arrow_btn_bottom_red.png) center right 1em no-repeat #222222;
	background-size: 1.5em;
}



.option #content_box h3.underline{
	color:#B30000;
	text-decoration:underline;
}

.option #content_box p{
	max-width: 820px;
}

.option #content_box a{
	text-decoration:underline;
	display: inline-block;
}
.option #content_box table thead th {
	text-align:left;
}

.option #content_box div#s01 table tbody td{
	text-align:center;
}

/*list*/
#page_user_data.option #content_box ul.ul_arrow li {
	margin: 0 0 0.4em 1em;
	max-width: 810px;
}

.option #content_box div#s03 table{
	margin-bottom:2em;
}

.option #content_box div#s04 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}

@media only screen and (max-width: 768px) {
.option #title_box .btn_area a{
	float:none;
	width: 100%;
	margin-top:0;
	margin-bottom:0.5em;
}
.option #title_box .btn_area a:nth-child(3n+2){
	margin-left: 0;
	margin-right: 0;
}
.option #title_box .btn_area button{
	margin-top:0;
	text-align:left;
	font-size: 13px;
	font-size: 1.3rem;
	background-size: 1em;
}

.option #content_box div#s01 table tbody th,
.option #content_box div#s01 table tbody td{
	padding: 0.2em;
}
.option #content_box div#s01 table tbody th{
	font-size: 8px;
	width: 4em;
}
}
/*用途から紙を探す*/
.use #title_box .page_menu{
	padding: 0 30px;
	overflow:hidden;
	max-width:810px;
}
.use #title_box .page_menu a{
	display:block;
	width:90px;
	margin: 0 1em 1em 0;
	overflow:hidden;
	float:left;
}
.use #title_box .page_menu a:hover{
	opacity:0.7;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
}
.use #title_box .page_menu img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

#content_box ul.qav li{
	overflow: hidden;
	float: left;
	width: 22.25%;
	height: auto;
	min-height: 237px;
	margin: 0 3.5% 3.5% 0;
}



#content_box ul.qav li:nth-child(4n+4){
	margin: 0 0 2% 0;
}
#content_box ul.qav li a{
	overflow:hidden;
	display:block;
}
#content_box ul.qav li a img{
	width:100%;
	height:auto;
}
#content_box ul.qav li a:hover{
	opacity:0.7;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
}

@media only screen and (max-width: 768px) {
.use #title_box .page_menu{
	padding: 0 0.5em;
}
.use #title_box .page_menu a{
	width:24.25%;
	height:auto;
	margin: 0 1% 1% 0;
}
.use #title_box .page_menu a:nth-child(4n+4){
	margin: 0 0 1% 0;
}
#content_box ul.qav li{
	width:48%;
	height:auto;
	margin: 0 2.5% 2.5% 0;
	min-height:auto;
}
#content_box ul.qav li:nth-child(4n+4){
	margin: 0 2.5% 2.5% 0;
}
#content_box ul.qav li:nth-child(2n+2){
	margin: 0 0 2.5% 0;
}
}

/*紙の紹介と価格*/

.kami_price #title_box .btn_area a{
	float:left;
	width: 32%;
	margin-bottom: 2%;
}
.kami_price #title_box .btn_area a:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}
.kami_price #title_box .btn_area button{
	width: 100%;
	min-width:100%;
	font-size: 15px;
	font-size: 1.5rem;
	background:url(../img/common/arrow_btn_bottom_red.png) center right 1em no-repeat #222222;
	background-size: 1em;
}

.kami_price #title_box h2 a{
	color:#6b0000;
	text-decoration:underline;
}

@media only screen and (min-width: 768px) {
	.kami_price #title_box .btn_area {
		margin: 30px 30px 30px 30px;
		overflow: hidden;
		display: flex;
		align-content: flex-start;
		align-items:stretch;
		justify-content: space-between;
		flex-flow: row wrap;
		-webkit-align-content: flex-start;
		-webkit-align-items:stretch;
		-webkit-justify-content: space-between;
		-webkit-flex-flow: row wrap;
	}
	.kami_price #title_box .btn_area a:nth-child(3n+2){
		margin-left:0;
		margin-right:0;
	}
	.kami_price #title_box .btn_area a:nth-child(3n+2):last-child {
		margin-right: 33.999999999999999%;
	}
	.kami_price #title_box  .btn_area a button{
		height:100%;
	}
}

@media only screen and (max-width: 1125px) {
	.kami_price #title_box .btn_area button{
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 767px) {
.kami_price #title_box .btn_area a{
	float:none;
	width: 100%;
	margin-top:0;
	margin-bottom:0.5em;
}
.kami_price #title_box .btn_area a:nth-child(3n+2){
	margin-left: 0;
	margin-right: 0;
}
.kami_price #title_box .btn_area button{
	margin-top:0;
	text-align:left;
	font-size: 13px;
	font-size: 1.3rem;
}
}


/*制作事例紹介*/
#page_user_data.works #title_box{
	border-bottom: dotted #CCC 1px;
	padding-bottom: 0;
}
#page_user_data.works #title_box p {
	margin-top:1.5em;
	margin-bottom:1.5em;
}
#page_user_data.works #content_box table{
	width:100%;
	max-width: 100%;
	min-width: 300px;
}
#page_user_data.works #content_box table th{
	white-space:nowrap;
}

#page_user_data.works #content_box table th:first-child{
	width:2em;
}
#page_user_data.works #content_box table tr td:first-child{
	text-align:center;
}
#page_user_data.works #content_box div.collabo{
}
#page_user_data.works #content_box div.collabo .banner{
	display: block;
	margin: 15px auto;
	max-width:700px;
}
#page_user_data.works #content_box div.collabo .button{
	width: 100%;
}
#page_user_data.works #content_box div.collabo .button a{
	color: #ffffff;
	display: block;
	padding: 13px 0;
	background-color: #0099CC;
	border-radius: 5px;
	box-shadow: 0px 2px 2px #bbb;
	color: #ffffff;
	display: block;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 15px auto;
	max-width:26em;
}
#page_user_data.works #content_box div.collabo .button a:hover{
	color: #ffffff;
	display: block;
	background-color: #11aabb;
}

#page_user_data.works #content_box .left{
	padding-left:0;
	padding-right:35px;
}
#page_user_data.works #content_box .left blockquote{
	margin:1em 0;
}
#page_user_data.works #content_box .left ol{
	margin-bottom:1em;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.5em;
}
#page_user_data.works #content_box .right{
	padding-left:0;
	padding-right:0;
	background: url(../img/common/bg_h1.jpg) 0 0 repeat-x;
	border-bottom:solid 1px #CCC;
}

#page_user_data.works #content_box .right h3{
	background: #B50000;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	border: solid 3px #B50000;
	border-radius:5px 5px 0 0;
	border-bottom: solid 5px #B50000;
	box-sizing: border-box;
	padding: 16px 14px 11px 14px;
	margin: 0;
}
#page_user_data.works #content_box .right h3 a{
	color: #FFF;
	display:block;
}
#page_user_data.works #content_box .right h3 a:hover{
	background: url(../img/common/arrow_right_white.png) center right no-repeat;
	opacity: 0.8;
}
#page_user_data.works #content_box .right ul{
	margin-top:1.5em;
	padding-bottom:1em;
	padding-left:1em;
}
#page_user_data.works #content_box .right ul li {
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	margin: 0 0 0.8em 0;
	padding: 0 0 0 1em;
	background: url(../img/common/arrow_right_red.png) center left no-repeat;
}
#page_user_data.works #content_box .right ul li a{
	color: #1F1F1F;
}
#page_user_data.works #content_box .right ul li a:hover{
	color: #686868;
}

#page_user_data.works #content_box .col-md-9 .picture{
	overflow:hidden;
}
#page_user_data.works #content_box .col-md-9 .picture div{
	padding-right: 0;
	margin-bottom:20px;
}
#page_user_data.works #content_box .col-md-9 .pull-left a:hover{
	opacity: 0.9;
}
#page_user_data.works #content_box .col-md-9 .picture div:nth-child(odd){
	padding-right: 10px;
}
#page_user_data.works #content_box .col-md-9 .picture div:nth-child(even){
	padding-left: 10px;
}

.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media only screen and (max-width: 991px) {
	#page_user_data.works #content_box .left{
		padding-right:0px;
		margin-bottom:3em;
	}
	#page_user_data.works #content_box .right{
		width:100%;
		border-bottom:none;
	}
	#page_user_data.works #content_box .col-md-9 .picture div{
		padding: 0!important;
		margin-bottom:20px;
	}
}
@media only screen and (max-width: 768px) {
	#page_user_data.works #content_box h2{
		font-size: 24px;
		font-size: 2.4rem;
	}
	#page_user_data.works #content_box div.collabo .button a{
		font-size: 16px;
	}
}

/*当サイトについて*/
#help_about{
	padding: 4rem 0;
}

#help_about_box__body{
	margin:0;
}

#help_about_box__body_innner{
	border-radius:5px;
	border:solid 1px #CCC;
	padding:1em 2em 2em 2em;
}
#help_about_box__body_innner dt{
	font-weight:bold;
	color:#830000;
	width: 20%;
}

#maps{
	margin:2rem 0!important;
	width:100%!important;
	border-radius:5px;
	border:solid 1px #CCC;
}

@media only screen and (max-width: 768px) {
	#help_about{
		padding: 2rem 0;
	}
	#help_about_box__body_innner{
		padding:0.5em 1em 1em 1em;
	}
	#help_about_box__body_innner dt{
		font-size:16px;
		font-size:1.6rem;
		width: auto;
	}
	#help_about_box__body_innner dd{
		font-size:14px;
		font-size:1.4rem;
	}
}



/*ご利用ガイド*/
#page_help_guide #title_box .btn_area a {
	float: left;
	width: 32%;
	margin-top: 2%;
	margin-bottom: 2%;
}
#page_help_guide #title_box .btn_area button{
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
}
#page_help_guide #title_box .btn_area button{
	background:url(../img/common/arrow_btn_bottom_red.png) center right 1em no-repeat #222222;
	background-size: 1em;
}
#page_help_guide #title_box .btn_area a:nth-child(3n+2) {
	margin-left: 2%;
	margin-right: 2%;
}



#page_help_guide hr {
	margin-top: 40px;
	margin-bottom: 40px;
}
#page_help_guide #title_box hr {
	margin-bottom: 0px;
}
.guide-delivery-free{
	font-size:23px;
	font-size: 300%;
	color:#B50000;
	line-height: 1;
}

@media only screen and (max-width: 768px) {
#page_help_guide #title_box {
	border-bottom: solid #B50000 5px;
}
#page_help_guide #title_box .btn_area a{
	float:none;
	width: 100%;
	margin-top:0;
	margin-bottom:0.5em;
}
#page_help_guide #title_box .btn_area a:nth-child(3n+2){
	margin-left: 0;
	margin-right: 0;
}
#page_help_guide #title_box .btn_area button{
	margin-top:0;
	text-align:left;
	font-size: 13px;
	font-size: 1.3rem;
	background-size: 1em;
}
}

/*無料の見本帳*/
.free_sample #title_box img{
	width:100%;
	margin:0;
	padding: 30px;
}

.free_sample #content_box ul.qav li{
	min-height: 1em;
	width: 25%;
}

@media only screen and (max-width: 768px) {
.free_sample #title_box img{
	padding: 0px;
}
}

/*サイズ表*/
#page_user_data.size #title_box{
	border-bottom: dotted #CCC 1px;
	padding-bottom: 0;
}
#page_user_data.size  #content_box table{
	width:100%;
	max-width: 100%;
	margin-bottom:3em;
}
#page_user_data.size  #content_box table td{
	text-align:center;
}
#page_user_data.size  #content_box table td:first-child{
	white-space: nowrap;
}
#page_user_data.size  #content_box table td:last-child{
	text-align:left;
}

/*取扱用紙一覧*/
/*FAQ*/
/*会社概要*/
/*月次販売件数*/

#page_user_data.monthly iframe{
	border:solid 1px #CCC;
	margin-bottom:1em;
	width:100%;
	border-radius:4px;
}

#page_user_data.monthly table {
	max-width:1118px;
}
#page_user_data.monthly table tbody td{
	text-align:right;
}


/*利用規約*/
#agreement_box__body{
	padding: 4rem 0;
}

#agreement_box__body div.col-md-offset-1{
	padding: 2rem 0;
	margin:0;
}

#agreement_box__customer_agreement.row{
	margin:0;
}

@media only screen and (max-width: 768px) {
	#agreement_box__body{
		padding: 2rem 0;
	}
}


/*特定商取引法に基づく表記*/
#tradelaw_wrap{
	padding: 4rem 0;
}
#tradelaw_box{
	margin:0;
}
#tradelaw__body{
	border-radius:5px;
	border:solid 1px #CCC;
	padding:1em 2em 2em 2em;
}
#tradelaw__body dt{
	font-weight:bold;
	color:#830000;
	width: 20%;
}
@media only screen and (max-width: 768px) {
	#help_about{
		padding: 2rem 0;
	}
	#tradelaw__body{
		padding:0.5em 1em 1em 1em;
	}
	#tradelaw__body dt{
		font-size:16px;
		font-size:1.6rem;
		width: auto;
	}
	#tradelaw__body dd{
		font-size:14px;
		font-size:1.4rem;
	}
}
/*個人情報保護方針*/

/*商品詳細紹介*/
.product-delivery-nouki{
	font-size:23px;
	font-size: 200%;
	color:#B50000;
	line-height: 1;
}


/*20210203*/
	ul.productlist-type-01 > li{
		border-bottom:solid 1px #DDD;
		width:100%;
		margin-bottom: 2em;
	}
	ul.productlist-type-02 {display:flex; flex-wrap:wrap; margin-top:20px; margin-bottom:20px; margin-left: 1em;}

	ul.productlist-type-02 > li {
		min-width:calc(25% - 2em);
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		display: block;
		margin: 0 2em 0.4em 0;
		padding: 0 0 0 1em;
		background: url(../img/common/arrow_right_red.png) center left no-repeat;
		word-break:keep-all;
	}
	ul.productlist-type-02.w50 > li {
		min-width:calc(50% - 2em);
	}
	ul.productlist-type-02.w33 > li {
		min-width:calc(33% - 2em);
	}
	li.productlist-type-wrap3{
		width:100%;
		background:none!important;
		padding-left: 0!important;
	}
	li.productlist-type-wrap3 strong{
		margin-top: 15px;
		margin-bottom: 15px;
		display: block;
	}
	ul.productlist-type-03{
		display: flex;
		flex-wrap: wrap;
	}
	ul.productlist-type-03 > li {
		/*width:32%;*/
		min-width:calc(33% - 2em);
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		margin: 0 2em 0.4em 0;
		padding: 0 0 0 1em;
		background: url(../img/common/arrow_right_red.png) center left no-repeat;
		word-break:keep-all;
	}

	ul.productlist-type-01 > li strong{
		font-size: 18px;
		background: linear-gradient(#d0bdbd00 60%, #825a0026 60%);
		width: auto!important;
		padding-right: 1em;
		display: inline-block;
	}

	li.productlist-type-wrap3 > strong{background: none!important;}

	div.productlist-category-01 a{font-size: 16px;}

/*ページ内バナー*/
/*20230324*/
#title_box .bnr_area3{margin: 30px; box-sizing: border-box; display: block;}
#title_box .bnr_area3 img.pc{margin:0; width:100%;}
@media only screen and (max-width: 767px){
	#title_box a.bnr_area3{margin: 30px 0;}
}