@charset "utf-8";

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

/*header{display:none;}*/

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

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

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

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;
	/*line-height:2.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:#0098d9; /* Safari */
	color:#fff;
}

::-moz-selection {
	background:#0098d9; /* 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 {
	/*width:100%;*/
	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;
}
/* ========================================================================== */




/* 全ページ共通CSS ===========================================================*/
/*__全体大枠__________________*/
.center_wrapper{
	max-width:1080px;
	margin:0 auto;
	padding-top:0;
	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_contents{
	float:left;
	width:74%;
}

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

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

.sidenav_title h2{
	color:#666;
	font-family:'Quicksand';
	padding:0 0 0.4rem 0;
	display:inline-block;
	font-size:2.6rem;
}

.sidenav_title p{
	float:right;
	/*color:#00A0DF;*/
	color:#777;
	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{
	background-color: rgba(255,255,255,0.95);
	-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%;
}

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

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

.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;
}

.top_logo a:hover{
	border-bottom:4px solid rgba(255,255,255,0.2)!important;
}

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

.pc_nav{
	display:table;
}

.pc_nav li{
	display:table-cell;
	vertical-align:bottom;
	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;
	font-weight:500;
	display:block;
	color:#666;
	font-family:'Roboto', sans-serif;
	line-height:1.8rem;
	border-bottom:4px solid rgba(255,255,255,0.2);
}

.pc_nav li a:hover{
	color:#666!important;
	border-bottom:4px solid #777;
}

.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;
	display:table;
}

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


.sns_nav li a{
	color:#777;
	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: #f5f5f5;
	border:none;
	height:2.8rem;
	margin: 0;
	font-size:1.3rem;
	color:#777;
	outline: none;
}

.search_box input[type="text"] {
	border: #f5f5f5 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: #f5f5f5 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:#f5f5f5 url("./img/search_white.png") center no-repeat;
}




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


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

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

.to_top_center a{
	color:#555;
}

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

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

.to_top_center i{
	margin-left:40px;
}


.to_top_center p{
	font-size:1.2rem;
	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 #d0d0d0;*/
	border-bottom:1px solid #aaa;
}


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

.footer_box li a:hover{
	/*color:#aaa;*/
	color:#efefef;
	/*color:#00A0DF;*/
}

.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;
	color: #555;
	text-align:center;
	/*background: #bfbfbf;*/
	background:#aaa;
	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;
	color:#555;
}

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

/*
.footer_contactbtn li:after {
	content: "\f14a";
	font-family: FontAwesome;
}
*/

.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;
	color:#00A0E4;
}

.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:#666;
	font-family: 'Quicksand';
	font-weight:700;
	font-size:3.6rem;
	line-height:3.6rem;
	padding-top:0;
	display:inline-block;
}

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

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

.obi_full{
	width:100%;
	height:250px;
	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:/*#91D3C8;*/#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_box{
	width:24%;
	float:left;
	border:1px solid #eee;
	padding-top:2%;
	padding-right:1.5%;
	padding-bottom:1%;
	padding-left:1.5%;
	margin:0.5%;
	min-height:390px;
	text-align:center;
	position:relative;
}

.product_box:hover{
	background:#efefef;
}

.product_box a:hover{
	color:#555;
}

.product_box a{
	text-decoration:none!important;
}

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

.product_box h3{
	font-size:1.4rem;
	line-height:1.8rem;
	padding-top:1rem;
	padding-bottom:0;
	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{
	font-size:1.1rem;
	line-height:1.5rem;
}

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

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

/*--一覧ボックス（シンプル）--*/
.product_box_simple{
	width:23.8%;
	float:left;
	border:1px solid #dcdcdc;
	margin-right:1.6%;
	margin-bottom:1.6%;
	/*margin:1%;*/
	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{
	/*background:#dcdcdc;*/
	border:1px solid #dcdcdc;
	color:#999;
	font-size:1.1rem!important;
	padding:0.4rem;
	border-radius:3px;
}

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




.grandchild_title{
	margin-top:4rem;
	margin-bottom:0.6rem;
	/*
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	*/
	color:#999;
	padding-left:0.4rem;
	/*padding-top:1rem;*?
	/*padding-bottom:1rem;*/
}

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

.grandchild_title h3{
	line-height:2.4rem;
	/*color:#0098d9;*/
	border-bottom: 3px solid #ddd;
	margin-bottom: 0.6rem;
}

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


/*__その他__________________*/
/*--NEWS部分--*/
.media_list{
	line-height:160%;
}

.media_list a{
	color:#0098d9;
}

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

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

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

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

.media_list dt .kind {
	float: right;
	margin-right: 10px;
	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%;
	background: #FFFF55;
	position: absolute;
	right: 1rem;
	top: 1rem;
	opacity:0.9;
}

.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{
	width: 40px;
	height: 40px;
	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:4rem;
}

.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-top: 1px solid #888;*/
	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;
}
/*============================================================================*/