@charset "utf-8";

/*
*	共通設定css
*
*
*
*/

/*header{display:none;}*/

/* デフォルトCSS ============================================================ */

/*__文字色、文字の基本設定__________________*/
html{
	font-size: 62.5%;/*ベースのフォントサイズを10pxに*/
}

body{
	overflow-x: hidden;
	color:#444444;
	background-color:#ffffff;
	font-size: 1.4rem;/*body内の文字の基準を14pxに*/
	font-family:
		'Noto Sans Japanese',
		'Open Sans',
		Verdana,
		"segoe UI",
		"游ゴシック",
		'Yu Gothic',
		YuGothic,
		'ヒラギノ角ゴ ProN W3',
		'Hiragino Kaku Gothic ProN',
		メイリオ,
		Meiryo,
		sans-serif;
		word-wrap: break-word ;
}

iframe{ max-width:100%; }


h1{
	font-size:2.8rem;
	line-height:3.4rem;
	padding-top:1rem;
}

h2{
	font-size:2.4rem;
	line-height:2.8rem;
	padding-top:1rem;
}

h3{
	font-size:2rem;
	line-height:2.8rem;
	padding-top:0.4rem;
	padding-bottom:0.4rem;
}

h4{
	font-size:1.6rem;
	line-height:2.2rem;
	padding-top:0.4rem;
	padding-bottom:0.4rem;
}

p{
	font-size:1.4rem;
	line-height:2.2rem;
	padding-top:0.4rem;
	padding-bottom:0.4rem;
}

ul li
,ol li{
	font-size:1.4rem;
	line-height:2.4rem;
}

tr th
,tr td{
	font-size:1.4rem;
	line-height:2rem;
}


/*__リンク設定__________________*/
a{
	color:#555555;
}

/*
a:hover{
	color:#0098d9;
}
*/

a,a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
}

/*__文字を選択（ドラッグ）した時の背景色を変える__________________*/
::selection {
	background:#aaa; /* Safari */
	color:#fff;
}

::-moz-selection {
	background:#aaa; /* Firefox */
	color:#fff;
}

/*__clear:both基本設定__________________*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.both{
	clear:both;
}

.inline_block{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

/*__画像__________________*/
img {
	max-width:100%;
	height: auto;
	vertical-align: bottom;
}

a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/*__その他基本設定__________________*/

table {
	width:100%;
	table-layout: fixed;
}

table.normaltable tr{
	border-bottom:1px solid #efefef;
}

table.normaltable tr:first-of-type{
	border-top:1px solid #efefef;
}

table.normaltable tr td{
	border-left:1px solid #efefef;
}

table.normaltable tr td:last-child{
	border-right:1px solid #efefef;
}

table.normaltable tr th{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

table.normaltable tr th
,table.normaltable tr td{
	padding:1.4rem 1rem;
	vertical-align:middle;
	line-height:1.8rem;
}

table.normaltable tr th{
	background:#efefef;
}



div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,textarea,button,nav,section,ul,li,blockquote{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.flaot_r{
	float:right
}

.float_l{
	float:left;
}
.center{
	text-align:center;
}

.width100per{
	width:100%;
}

.underline{
	text-decoration:underline;
}

.mobile_only{
	display:none!important;
}

.pc_only{
	display:block;
}
/* ========================================================================== */




/* 全ページ共通CSS ===========================================================*/
/*__全体大枠__________________*/
.center_wrapper{
	max-width:1080px;
	margin:0 auto;
	padding-top:0;
  
	/* 2018-12-10
	padding-top: 40px;*/

	padding-bottom:0;
	padding-right:1%;
	padding-left:1%;
	position:relative;
}

.contents_paddingtop{
	padding-top: 12.6rem;
}

.page_wrapper{
	max-width:1080px;
	margin:0 auto;
	padding-right:1%;
	padding-left:1%;
	padding-bottom:7rem;
}

.page_center{
	max-width: 1080px;
	margin: 0 auto;
	padding:0 2rem;
}


/*__ページメインコンテンツ枠__________________*/
.page_contents{
	float:left;
	width:74%;
}

.page_contents_product{
	float:left;
	width:100%;
	max-width:1000px;
}

/*__サイドナビ枠__________________*/
.page_sidenav{
	float:left;
	width:22%;
	margin-left:4%;
	position:relative;
}

.sidenav_title{
	border-bottom:3px solid #666;
}

.sidenav_title h2{
	color:#555;
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	padding:0 0 0.4rem 0;
	display:inline-block;
	font-size:2.6rem;
}

.sidenav_title p{
	float:right;
	color:#555;
	font-size:1.2rem;
	padding-top:1.1rem;
	text-align:right;
	vertical-align:bottom;
	display:inline;
}

.page_sidenav_sticky{
	max-width:228px;
	width: 100%;
}

/*__ヘッダー__________________*/
#header{
	/* 2018-12-10
	background-color: rgba(255,255,255,0.95); */
	background-color: rgba(255,255,255,0.6);

	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.06);

	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}


/* 2018-11-20 画面をさげるとメニューを最小化 with jquery */
.is-animation {
	background:0 0;
}

.is-animation .pc_only_nav {
	height: 55px;
	position: relative;
	bottom: 15px;
}

.is-animation .wrap_header_other{
	display:none;
}

.is-animation .top_logo img{
	width :90px;
}

.is-animation .pc_nav li a{
	border-bottom:0px;
	color: black;
}

.is-animation .pc_nav li a:hover{
	border-bottom:0px;
	color: white!important;
	animation: re_black 1s ease-out forwards;
	/*border-bottom:4px solid black;*/
}

.is-animation .m_btn a{
	/* color: #777; */
	color: black;
}
/* ここまで */


#header	li a:hover{
	color:#00A0DF;
}

/*_PC用ナビ___________________*/
.wrap_header_other{
	width:100%;
	position:absolute;
	top:1rem;
	right:0rem;
}

.top_logo{
	width:20%!important;
	line-height:1.8rem;
}

.top_logo a{
	padding-top:0.4rem;
	padding-right:1rem;
	padding-bottom:0.6rem;
	padding-left:0;
	display:block;
}

.logo_left
,.logo_right{
	width:16%;
}

.pc_nav{
	display:table;
}

.pc_nav li{
	display:table-cell;
	
	vertical-align:bottom; 
	/*vertical-align:middle;*/
	text-align:center;
	width:12%;
}

.pc_nav li a{
	padding-top:2rem;
	padding-right:1rem;
	padding-bottom:2rem;
	padding-left:1rem;
	font-size:2rem;
	letter-spacing:0.1rem;
	/* 2018-12-04 */
	font-weight:500;
	display:block;
	/* color:#555; */
	color:white;
	font-family:'Roboto', 'Noto Sans Japanese', sans-serif;
	line-height:1.8rem;
	/*border-bottom:4px solid rgba(255,255,255,0.2); */
}

.pc_nav li a:hover{
	color:#666!important;
	animation: re_white 0.2s ease-out forwards;
	/*border-bottom:4px solid #777;*/
	/*border-bottom:4px solid white;*/
}

.pc_nav li span{
	display:block;
	font-size:1.1rem;
	letter-spacing:0.2rem;
	font-weight:normal;
	line-height:2rem;
}

/*_SNS__________________*/
.sns_nav{
	float:right;
    margin-right: 2rem;
	display:table;
}

.sns_nav li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.2rem;
}


.sns_nav li a{
	/*color:#555;*/
	color:white;
	display:block;
}

.sns_nav li a:hover{
	color:#bbb!important;
}

/*_検索窓___________________*/
.wrap_search_box {
	float:right;
	margin-right:2rem;
}


.search_box input {
	font-size: 1.6rem;
	background-color: #ddd;
	border:none;
	height:2.8rem;
	margin: 0;
	font-size:1.2rem;
	color:#777;
	outline: none;
}

.search_box input[type="text"] {
	border: #ddd 1px solid;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px 0 0 2px;
	width:80%;
}

.search_box input[type="submit"] {
	background: #ddd url("./img/search.png") center no-repeat;
	text-indent: -999em;
	outline: none;
	width:20%;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0;
	border-radius: 0 2px 2px 0;
	cursor:pointer;
}

.search_box input[type="submit"]:hover{
	background:#ddd url("./img/search_white.png") center no-repeat;
}




/*_モバイル用（790px以下）ナビ_*/
.mobile_only_nav{
	display:none;
}


/*__フッター__________________*/
#footer{
	/*background-color:#efefef;*/
	/*2019-04-02*/
	background-color:white;	
	/*2019-01-17
	background:#bfbfbf;*/
	position:relative; /*TOTOPの四角のはみ出しを除くために#footerを前面に*/
}

.to_top_center {
	text-align: center;
	width: 80px;
	height: 80px;
	line-height:90%;
	/*2019-01-17
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	background:#BFBFBF;*/
	/*margin: 0 auto -40px auto;*/
	margin: -40px auto 0px auto;
}

.to_top_center a{
	color:#555;
}

.to_top_center a:hover{
	/*color:#aaa;*/
	color:#efefef;
}

.to_top_center p
,.to_top_center i{
	/*2019-01-17
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);*/
}

.to_top_center i{
	/*2019-01-17
	margin-left:36px;*/
}


.to_top_center p{
	font-size:1.2rem;
	/*2019-01-17
	margin-left:12px;
	margin-top:-20px;*/
}


.footer_wrap{
	display:table;
	width:100%;
	padding:3rem 0;
	border-collapse: separate;/* セルの間隔を空ける */
	border-spacing: 1rem 0;/* セルの間隔を空ける */
}

.footer_box{
	display:table-cell;
	width:20%;
}

/*.footer_block
,*/.footer_box li{
	font-size:1.6rem;
	line-height:1.6rem;
}


/*.footer_block:nth-of-type(1n) > a
,*/.footer_box li:nth-of-type(1n) > a {
	border-bottom:1px solid #aaa;
}


/*.footer_block a
,*/.footer_box li a{
	display:block;
	padding:1rem 0;
	color:#555;
}

.footer_box li a:hover{
	/*2019-04-02color:#efefef;*/
	text-decoration:underline;
}

.info{
	margin-top:2rem;
}

/*.footer_cate
,*/.sub-menu{
	margin-top:0.6rem;
}

/*.footer_cate li
,*/.sub-menu li{
	font-size:1.2rem;
	line-height:2rem;
}

/*.footer_cate li a
,*/.sub-menu li a{
	display:block;
	padding:0.6rem 0;
	border-bottom:none!important;
}

#footer_middle{
	padding: 10px 0px;
	/*2018-12-13
	color: #555;*/
	color: white;
	text-align:left;
	
	/* 2018-11-12
	background:#888; */
	/*background:#99a478;*/
	background:black;
	/*padding:3rem 0;*/
}

.footer_socialbtn li
,.footer_contactbtn li{
	display:inline;
}

.footer_socialbtn li a
,.footer_contactbtn li a{
	display:inline-block;
	padding:0.6rem 0.2rem;
	/*2018-12-13
	color:#555;*/
	color:white;
}

.footer_socialbtn a:hover
,.footer_contactbtn a:hover{
	color:#ffffff;
}

.copyright_area{
	margin-top:1rem;
}


/*__SNSボタン__________________*/


/*__パンくず__________________*/
.bread_crumb{
	margin-bottom:3rem;
	margin-top:1rem;
}

.bread_crumb
,.bread_crumb a{
	color:#7c7c7c;
}

.bread_crumb li{
	font-size:1.2rem;
	/*margin-top:1rem;*/
	margin-right:1.2rem;
	margin-bottom:0;
	margin-left:0;
	line-height:2rem;
	display:inline-block;
}

.bread_crumb li a:hover{
	text-decoration:underline;
}

.bread_crumb li:first-of-type{
	padding-left:0;
}

.bread_crumb li:first-of-type a:hover{
	text-decoration:none;
}

.bread_crumb li:after{
	content:"\f105";
	font-family: FontAwesome;
	margin:0 0 0 1.4rem;
	font-size:1.6rem;
}

.bread_crumb li:last-of-type:after{
	content:none;
}

.bread_crumb li i{
	font-size:1.6rem;
}



/*__前のページに戻るボタン__________________*/

.backto_prolist{
	margin-top:2rem;
}

.backto_prolist a{
	display:inline-block;
	padding-top:1rem;
	padding-bottom:1rem;
}


/*__ページタイトル__________________*/
.page_title{
	margin-bottom:2rem;
}

.page_title h1
,.top_box_title h2{
	/*color:#555;*/
	color:black;
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	font-weight:700;
	/*font-size:3.6rem;*/
	font-size:4.0rem;
	/*line-height:3.6rem;*/
	line-height:3.6rem;
	letter-spacing:0.1rem;
	padding-top:0;
	display:inline-block;
}



.page_title p
,.top_box_title p{
	color: #9c9c9c;
	display:inline-block;
}

/*__横幅100％帯__________________*/
.obi_100percent{
	
	padding-top:11rem;
	
	/* 2018-11-21
	padding-top:12.6rem;
	*/
	/*padding-top: 5.8rem;*/
}

.obi_full{
	width:100%;
	height:200px;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}


/*__問い合わせボタン__________________*/
#contact_btn_pc{
	position:fixed;
	bottom:50px;
	margin-left:-140px;
	z-index:12;
	width:120px;
	height:120px;
	border-radius:50%;
	cursor:pointer;
	background:#FF796A;
	text-align:center;
	font-weight:bold;
	box-shadow: rgba(113,135,164,.3) 3px 3px 4px 1px;
	-webkit-box-shadow: rgba(113,135,164,.3) 3px 3px 4px 1px;
	-moz-box-shadow: rgba(113,135,164,.3) 3px 3px 4px 1px;
}

#contact_btn_pc:hover{
	bottom:54px;
}

#contact_btn_pc div{
	position: relative;
	top:50%;
	transform: translateY(-50%);
}

#contact_btn_pc div p{
	text-align: center;
	font-size: 1.2rem;
	color: #ffffff;
	padding-bottom:0;
}

#contact_btn_pc div i{
	color: #ffffff;
	margin-top:-5px;
	margin-bottom:-5px;
}

#contact_btn_mb{
	display:none;
}


/*__製品カテゴリ(TOP&製品一覧)_________________*/
/*
#product_category .cate_box
,#product_category .cate_box4{
	float:left;
	width:49.5%;
	margin-right:1%;
	margin-bottom:0.5%;
}

#product_category .cate_box4{
	margin-bottom:1%;
}

#product_category .cate_box:nth-child(2n)
,#product_category .cate_box4:nth-child(2n){
	margin-right:0;
}
*/

#product_category .top_cate_block2{
	float:left;
	width:49.3%;
	margin-right:1.2%;
	/*margin-bottom:1.4%;*/
	margin-bottom:1.2%;
}

#product_category .top_cate_block4{
	float:left;
	width:48.8%;
	margin-right:2.4%;
	/*margin-bottom:2.4%;*/
	margin-bottom:0%;
}

#product_category .top_cate_block2 .top_cate_block4:nth-child(3n)
,#product_category .top_cate_block2 .top_cate_block4:nth-child(4n){
	margin-bottom:0;
}

#product_category .top_cate_block2:nth-child(2n)
,#product_category .top_cate_block4:nth-child(2n){
	margin-right:0;
}

#product_category img{
	width:100%;
}


.cate_block::before{
	content: "";
	position: absolute;
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
}

.cate_block{
	position:relative;
	overflow: hidden;
}

.cate_block a{
	display:block;
}

.cate_block:hover::before{
	background: rgba(0,0,0,.5);
}

.cate_block a:hover img{
	animation: img_zoom_fade 0.2s ease-in-out forwards;
}

.cate_block .cate_block_title{
	position:absolute;
	width:100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.cate_block_title h3
,.cate_block_title p{
	
	/* 2018/11/12 
	font-family:Quicksand; */
	font-family:'Roboto', sans-serif;
	
	font-weight: 400;
	color:#fff;
	text-align:center;
}

.cate_block .cate_block_title h3{
	font-size:2.8rem;
	line-height:3rem;
	/* 2018-12-10
	letter-spacing:0.4rem; */
	letter-spacing:0.1rem;
}

.cate_block .cate_block_title p{
	font-size:1.2rem;
	line-height:1.6rem;
	/* 2018-12-10
	letter-spacing:0.4rem; */
	letter-spacing:0.1rem;
	padding-top:0;
}

.top_cate_block2 > a > .cate_block_title h3{
	font-size:8rem;
	line-height:8rem;
	/* 2018-12-10
	letter-spacing:1.4rem; */
	letter-spacing:0.1rem;
}

.top_cate_block2 > a > .cate_block_title p{
	font-size:1.8rem;
	/* 2018-12-10
	letter-spacing:0.8rem; */
	letter-spacing:0.1rem;
	padding-top:0;
}




/*--一覧ボックス--*/
.product_box{
	width:23.7%;
	border:1px solid #eee;
	margin:0.8% 0.4%;
	min-height:380px;
	text-align:left;
	position:relative;
	display: inline-block;
	vertical-align: top;
}

.shop_box{
	width:23.7%;
	border:1px solid #eee;
	margin:0.8% 0.4%;
	min-height:480px;
	text-align:center;
	position:relative;
	display: inline-block;
	vertical-align: top;
}

.product_box:hover{
	/*background:#efefef;*/
}

.product_box a:hover img{
	animation: img_zoom 0.2s ease-out forwards;
}

.shop_box:hover{
	background:#efefef;
}



.product_box a
,.shop_box a{
	display:block;
	padding-top:7%;
	padding-right:5%;
	padding-bottom:5%;
	padding-left:5%;
	text-decoration:none!important;
}

.product_box img{
	/*
	display: block;
	margin-top:1rem;
	margin-right:1rem;
	margin-bottom:1rem;
	margin-left:0;
	float:left;*/
	display: block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 1rem;
    margin-left: auto;
}

.shop_box img{
	display: block;
	margin-top:0;
	margin-right:auto;
	margin-bottom:1rem;
	margin-left:auto;
}

.shop_box img{
	/* 2018-11-15 */
    object-fit: cover;
    height: 180px;
}

.product_box h3
,.shop_box h3{
	font-size:1.4rem;
	line-height:1.8rem;
	padding-top:1rem;
	padding-bottom:0;
	/*2018-12-21
	border-top:1px solid #eee;*/
}

.product_box h3
,.product_box p.pro_num{
	color:#555;
}

.product_box p.pro_num
,.product_box p.pro_detail
,.shop_box p.shop_detail{
	font-size:1.1rem;
	line-height:1.5rem;
}

.product_box p.pro_detail
,.shop_box p.shop_detail{
	padding-top:0.6rem;
	color:#888;
	text-align:left;
}

.shop_box .box0
,.shop_box .box1
,.shop_box .box2
,.shop_box .box3 {
	font-size:1.2rem;
	line-height:1.3rem;
	margin-top:0.7rem;
	padding-top:0.3rem;
	color:white;
	text-align:center;
}

.shop_box .box0 {
	background-color:#E6E6E6;
}

.shop_box .box1 {
	/*background-color:#FF0000;*/
	background-color:#7c7e2d;
}

.shop_box .box2 {
	/*background-color:#FFD320;*/
	background-color:#5e7c85;
}

.shop_box .box3 {
	/*background-color:#0000FF;*/
	background-color:darkkhaki;
}

.shop_info {
	position: absolute;
	bottom: 2%;
	width: 90%;
}


.product_box .pro_num span:nth-child(n+2):before{
	content: "/";
}

/*--一覧ボックス（シンプル）--*/
.product_box_simple{
	width:23.7%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #dcdcdc;
	margin-right:1.2%;
	margin-bottom:1.8%;
	min-height:255px;
	text-align:center;
	padding-left:0!important;
}

.product_box_simple a{
	display:block;
	padding-top:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
	padding-left:1rem;
	text-decoration:none!important;
}

.product_box_simple:hover{
	background:#efefef;
	border:1px solid #efefef;
}

.product_box_simple::after{
	display:none!important;
}

.product_box_simple:nth-of-type(4n){
	margin-right:0;
}

/*
.product_box_simple:nth-of-type(4n+1){
	clear:both;
}
*/

.product_box_simple p{
	font-size:1.2rem!important;
	line-height:1.6rem!important;
	color:#777;
	font-weight:bold;
	margin-top:1rem;
	margin-bottom:0.6rem;
}

.product_box_simple .j_link_pro:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right:0.4rem;
	font-size:1.3rem;
	color:#ccc;
}

.product_box_simple .j_link_pro{
	border:1px solid #dcdcdc;
	color:#999;
	font-size:1.1rem!important;
	padding:0.4rem;
	border-radius:3px;
}


/* 2018-11-15 */
.shop_box p.address{
	padding-top:0.6rem;
	color:#888;
	text-align:left;
	height: 5%;
}

/* 2018-11-15 */





/*-----------------------------------*/

.grandchild_title{
	margin-top:4rem;
	margin-left:0.4rem;
	margin-bottom:1rem;
	color:#999;
}

.grandchild_title:first-of-type{
	margin-top:1.4rem;
}

.grandchild_title h3
,.grandchild_title p{
	display:inline;
}

.grandchild_title h3{
	line-height:2.4rem;
	border-left:5px solid #bbb;
	padding-top:0;
	padding-left:1rem;
	padding-bottom:0;
}

.grandchild_title p{
	padding:0 0 0 0.6rem;
	font-size:1.2rem;
	color:#aaa;
}


/*__その他__________________*/
/*--NEWS部分--*/
.media_list{
	line-height:160%;
		border: 1px solid #ddd;
}

.media_list a{
	font-weight:bold;
}


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

.media_list dt {
	padding:1rem 1.6rem 0 1.6rem;
}

.media_list dd {
	padding:0.6rem 1.6rem 1rem 1.6rem;
	word-break: break-all;
	word-wrap: break-word;
}

.media_list dt .date {
	float: left;
	font-weight: bold;
}

.media_list dt .kind {
	float: right;
	color: #ffffff;
	font-size: 1.2rem;
	width: 90px;
	text-align: center;
}

.media_list dd:nth-of-type(odd)
, .media_list dt:nth-of-type(odd) {
	/*background-color: #efefef;*/
}

/* 書籍 */
.media_list dt .media0 {
	background-color:#287070;
}

/* 雑誌 */
.media_list dt .media1 {
	background-color:#FFA200;
}

/* 新聞 */
.media_list dt .media2 {
	background-color:#17AEDF;
}

/* フリーペーパー */
.media_list dt .media3 {
	background-color:#A96DAD;
}

/*WEB*/
.media_list dt .media4 {
	background-color:#F0575B;
}

/* TV */
.media_list dt .media5 {
	background-color:#76B852;
}

/* ラジオ */
.media_list dt .media6 {
	background-color:#7f3c19;
}

/* その他 */
.media_list dt .media99 {
	background-color:#999;
}



/*============================================================================*/




/* 共通モジュール ============================================================*/
/*__youtubeレスポンシブ__________________*/
.iframe_content {
	position: relative;
	width: 100%;
	/*padding: 75% 0 0 0;*/
	padding-top: 56.25%;
}

.iframe_content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;!important;
	height: 100%;!important;
}

/*__ボタン__________________*/
.btn_application{
	margin-top:10px;
}

.btn_application a{
	background:#0098d9;
	padding:20px;
	border:1px solid #0098d9;
	color:#fff;
	text-align:center;
	font-size:20px;
	display:block;
}

.btn_application a:hover{
	background:#fff;
	color:#0098d9;
	border:1px solid #0098d9;
}


.btn_link a:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right:0.4rem;
}

.btn_link a{
	background:#fff;
	padding:1rem 2rem;
	color:#0098d9!important;
	border:1px solid #0098d9;
	border-radius:3px;
	text-align:center;
	text-decoration:none!important;
	display:inline-block;
}

.btn_link a:hover{
	background:#0098d9;
	color:#fff!important;
	border:1px solid #0098d9;
}



.flg_new_circle{
	color:#555;
	width: 40px;
	height: 40px;
	display: table;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	/* 2018-11-09
	background: #FFFF55;
	*/
	position: absolute;
	/*2018-12-21
	right: 1rem;*/
	left: 1rem;
	top: 1rem;
	opacity:0.9;
}

.flg_new_circle img{
	width:100%!important;
}

.flg_new_circle span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
	font-size: 1.4rem;
	font-family:Quicksand;
}

.flg_circle_righttop{
	display: table;
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.flg_new_circle_end{
	background:#bb0000;
	color:#fff;
}

.flg_new_circle_end span{
	font-size:1.1rem;
	line-height:1.3rem;
}

.icon_person{
	position: absolute;
	left: 1rem;
	top: 1rem;
}


/*__共通BOX__________________*/
.page_main_block{
}

.page_main_block .page_main_title{
	font-size:2.6rem;
	line-height: 3rem;
	padding-bottom:0.4rem;
}

.page_main_block .page_main_copy{
	font-size: 2rem;
	line-height: 2.4rem;
	padding-top: 1rem;
	font-weight:normal;
}

.wrap_block{
	margin-top:5rem;
	margin-bottom:5rem;
}

.block{
	width:100%;
	margin-bottom:3rem;
}

.wrap_sub_block:not(:first-of-type){
	margin-top:4rem;
	margin-bottom:2rem;
}

.block_2{
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 3rem;
}

.block_2:nth-of-type(even){
	margin-right:0;
}

.block_3
,.block_3to1{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	/*margin-bottom:2rem;*/
}

.block_3:nth-of-type(3n)
,.block_3to1:nth-of-type(3n){
	margin-right:0%;
}

.block_3:nth-of-type(3n+1)
,.block_3to1:nth-of-type(3n+1){
	clear:both;
}


.block_4{
	width:23.5%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}

.block_4:nth-of-type(4n){
	margin-right:0%;
}

.block_4:nth-of-type(4n+1){
	clear:both;
}

.block_5{
	width:19%;
	float:left;
	margin-right:1.25%;
	margin-bottom:2%;
}

.block_5:nth-of-type(5n){
	margin-right:0%;
}

.block_5:nth-of-type(5n+1){
	clear:both;
}


/*__見出し__________________*/
.title_obi{
	background-color:#dfdfdf;
	font-size: 2.2rem;
	padding-top:2rem;
	padding-right:2rem;
	padding-bottom:2rem;
	padding-left:2rem;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.copy_bold{
	font-weight:bold;
	padding-top:1rem;
	padding-right:1rem;
	padding-bottom:0.4rem;
	padding-left:0;
	font-size:1.8rem;
}

.sub_title_obi{
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 1rem;
	padding: 0.4rem 0 0.6rem 3rem;
	border-bottom:2px solid #aaa;
	display:inline-block;
}

.sub_title_obi:before{
	content: "";
	position: absolute;
	background: #888;
	opacity:0.7;
	top: 0;
	left: 0.8em;
	height: 12px;
	width: 12px;
	transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
}

.sub_title_obi:after{
	content: "";
	position: absolute;
	background:#aaa;
	opacity:0.4;
	top: 1em;
	left: 0.3em;
	height: 9px;
	width: 9px;
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
}

.border_title_obi{
	border-bottom: 1px solid #555;
	color: #555;
	padding-top: 1.4rem;
	padding-right:0;
	padding-bottom:1rem;
	padding-left:0.4rem;
	margin-top:1rem;
	margin-bottom:1rem;
	font-weight:normal;
	font-size:2.2rem;
}

.border_left_obi{
	border-left:6px solid #555;
	padding-left:1rem;
	margin-top: 1rem;
	margin-bottom:1rem;
	font-size:1.8rem;
}


/*============================================================================*/




/* 部品達 ====================================================================*/

/*__装飾__________________*/
.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}

.t_left{
	text-align:left;
}

.f_bold{
	font-weight:bold;
}

.f_normal{
	font-weight:normal;
}

.t_negation{
	text-decoration:line-through;
}

.displaynone{
	display:none;
}

/*__装飾__________________*/
.red{
	color:#BB0000;
}

.kome li:before {
	content: "※"!important;
}

.kome li {
	padding-left: 1em!important;
	text-indent: -1em!important;
}


/*__フォントサイズ__________________*/
.fontsize1p0rem{
	font-size:1rem;
}

.fontsize1p1rem{
	font-size:11rem;
}

.fontsize1p2rem{
	font-size:1.2rem;
}

.fontsize1p3rem{
	font-size:1.3rem;
}

.fontsize1p4rem{
	font-size:1.4rem;
}

.fontsize1p5rem{
	font-size:1.5rem;
}

.fontsize1p6rem{
	font-size:1.6rem;
}

.fontsize1p7rem{
	font-size:1.7rem;
}

.fontsize1p8rem{
	font-size:1.8rem;
}


/*__マージン__________________*/
.mt_0{
	margin-top:0!important;
}

.mt_1rem{
	margin-top:1rem!important;
}

.mt_2rem{
	margin-top:2rem!important;
}

.mt_3rem{
	margin-top:3rem!important;
}

.mt_4rem{
	margin-top:4rem!important;
}

.mt_5rem{
	margin-top:5rem!important;
}

.mt_6rem{
	margin-top:6rem!important;
}

.mt_7rem{
	margin-top:7rem!important;
}

.mt_8rem{
	margin-top:8rem!important;
}

.mb_0{
	margin-bottom:0!important;
}

.mb_1rem{
	margin-bottom:1rem!important;
}

.mb_2rem{
	margin-bottom:2rem!important;
}

.mb_3rem{
	margin-bottom:3rem!important;
}

.mb_4rem{
	margin-bottom:4rem!important;
}

.mb_5rem{
	margin-bottom:5rem!important;
}

.mb_6rem{
	margin-bottom:6rem!important;
}

.mb_7rem{
	margin-bottom:7rem!important;
}

.mb_8rem{
	margin-bottom:8rem!important;
}

.mr_0{
	margin-right:0!important;
}

.mr_1rem{
	margin-right:1rem!important;
}

.mr_2rem{
	margin-right:2rem!important;
}

.mr_3rem{
	margin-right:3rem!important;
}

.mr_4rem{
	margin-right:4rem!important;
}

.mr_5rem{
	margin-right:5rem!important;
}

.ml_0{
	margin-left:0!important;
}

.ml_1rem{
	margin-left:1rem!important;
}

.ml_2rem{
	margin-left:2rem!important;
}

.ml_3rem{
	margin-left:3rem!important;
}

.ml_4rem{
	margin-left:4rem!important;
}

.ml_5rem{
	margin-left:5rem!important;
}

/*__パディング__________________*/
.pt_0{
	padding-top:0!important;
}

.pt_1rem{
	padding-top:1rem!important;
}

.pt_2rem{
	padding-top:2rem!important;
}

.pt_3rem{
	padding-top:3rem!important;
}

.pt_4rem{
	padding-top:4rem!important;
}

.pt_5rem{
	padding-top:5rem!important;
}

.pb_0{
	padding-bottom:0!important;
}

.pb_1rem{
	padding-bottom:1rem!important;
}

.pb_2rem{
	padding-bottom:2rem!important;
}

.pb_3rem{
	padding-bottom:3rem!important;
}

.pb_4rem{
	padding-bottom:4rem!important;
}

.pb_5rem{
	padding-bottom:5rem!important;
}

.pr_0{
	padding-right:0!important!important;
}

.pr_1rem{
	padding-right:1rem!important;
}

.pr_2rem{
	padding-right:2rem!important;
}

.pr_3rem{
	padding-right:3rem!important;
}

.pr_4rem{
	padding-right:4rem!important;
}

.pr_5rem{
	padding-right:5rem!important;
}

.pl_0{
	padding-left:0!important!important;
}

.pl_1rem{
	padding-left:1rem!important;
}

.pl_2rem{
	padding-left:2rem!important;
}

.pl_3rem{
	padding-left:3rem!important;
}

.pl_4rem{
	padding-left:4rem!important;
}

.pl_5rem{
	padding-left:5rem!important;
}
/*============================================================================*/

/* アニメーション */

@keyframes img_zoom_fade{
  100% {
	transform: scale(1.2);
	opacity: 0.1;
  }
}

@keyframes img_zoom{
  100% {
	transform: scale(1.1);
  }
}

@keyframes re_white{
  0%{
  	color:black!important;
  }

  50%{
  	color:#666!important;
  }

  100% {
	color:white;!important;
  }
}


@keyframes re_black{
  0%{
  	color:white!important;
  }

  50%{
  	color:#666!important;
  }

  100% {
	color:black;!important;
  }
}

.scroll{
	overflow: auto;
	white-space: nowrap;
 text-align:center;

}

.scroll td{
 text-align:center;
}


.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.frame_border {
	border: 1px solid #efefef;
}


/* ripple effect
.ripple{
  position: relative;
  overflow: hidden;
}
.ripple:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  border-radius: 50%;
  opacity: 0;
  background-color: rgba(250,250,250, 0.7);
  transition: opacity 1s, width 1s, height 1s;
}
.ripple:active:after {
  content: "";
  width: 0;
  height: 0;
  opacity: 1;
  transition: opacity 0s, width 0s, height 0s;
}
 */

 
.pager {
  margin: 0 0 3.75rem;
  font-size: 0;
  text-align: center;
}
.pager__item {
  display: inline-block;
  vertical-align: top;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 2px;
}
.pager__item.active .pager__link {
  background-color: #ffb74d;
  border-color: #ffb74d;
  color: #fff;
  text-decoration: none;
}
.pager__item--prev svg, .pager__item--next svg {
  width: 8px;
  height: 12px;
}
.pager__item--next .pager__link svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.pager__link {
  position: relative;
  border-radius: 4px;
  display: block;
  text-align: center;
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
  margin-left: -1px;
  color: #2f3640;
  text-decoration: none;
  transition: 0.3s;
}
.pager__link:hover, .pager__link:focus, .pager__link:active {
  background-color: #ffb74d;
  border-color: #ffb74d;
  color: #fff;
  text-decoration: none;
}
.pager__link:hover svg path, .pager__link:focus svg path, .pager__link:active svg path {
  fill: #fff;
}
.pager .pager__item.active + .pager__item .pager__link, .pager .pager__item:hover + .pager__item .pager__link {
  border-left-color: #ffb74d;
}

@media screen and (max-width: 576px) {
  .pager__item {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pager__item.active, .pager__item:first-of-type, .pager__item:last-of-type, .pager__item:nth-of-type(2), .pager__item:nth-last-of-type(2) {
    position: initial;
    top: initial;
    left: initial;
  }
  .pager__item.active + li {
    position: initial;
    top: initial;
    left: initial;
  }
}

/*製品ページ等の見出し*/

.heading_text {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  700;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 2.8rem;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
}

.heading_text-point {
    display:  block;        /* ブロック要素にする */
    font-size:  1.6rem!important;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 100px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
    background-color:  #fff;/* 背景色指定 */
}
 
.heading_text-point:before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color:  #000;/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 160px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}

.heading_subtext_box {
	text-align:center;
}

.heading_subtext {
	position: relative;
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 2.0rem;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
   
  line-height: 1.4;
  padding:0em 2.5em;
  display: inline-block;
  top:0;
}
 
.heading_subtext:before{
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
  border-left: solid 1px #000000;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  left: 0;
}

.heading_subtext:after{
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
  content: '';
  border-top: solid 1px #000000;
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  right: 0;
}

.top_box_title{
    float: left;
    margin-bottom: 1rem;
    border-bottom: solid 3px black;
}

.top_box_inner {
    margin-top: 1rem;
}

.top_box {
    margin-bottom: 7rem;
}

.sk8_toptitle {
	text-decoration: underline;
	font-size: 2.8rem;
    line-height: 3.6rem;
    margin-bottom: 1.6rem;
}

.sk8_title {
	font-size: 2.2rem;
    line-height: 2.4rem;
    margin-bottom: 1.6rem;
}

.sk8_title:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
}


.sk8_subtitle {
	font-size: 1.8rem;
    line-height: 2.0rem;
    margin-bottom: 0rem;
    margin-top:2.0rem;
}

.sk8_subtitle:before {
    content: "\f05a";
    font-family: FontAwesome;
    font-weight: normal;
}

.sk8_text {
	font-size: 1.4rem;
    line-height: 2.6rem;
	margin-bottom: 2rem;
}

.sk8_block {
	margin-bottom: 8rem;
}

.sk8_block p{
	font-family: 'Roboto', 'Noto Sans Japanese', sans-serif;
}

.article_heading_large_text {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 1rem;
    border: 1px solid black;
    padding: 1.5rem;
}

.article_heading_middle_text {
	font-size: 2.2rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 1.5rem;
    margin-top: 3.5rem;
    line-height: 1.5;
    border-bottom: 1px solid
 }