/****************************************

          全体

*****************************************/
html{
	margin: 0!important;
	padding: 0!important;
}
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0!important;
	padding: 0!important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
}
a{
	/*text-decoration: underline;*/
}

/*---- image_area ----*/
#column_headerwaku {
	width:100%;
	z-index: 100;
	height:140px;
	background-image:url(imgbtn/header_underbg.jpg);
}
#column_mainwaku {
	width:100%;
	z-index: 100;
	/*background-color:#F8F8F8;*/
}
.column_1000waku{
	margin: 0 auto;
	width: 1000px!important;
	padding:0px;
	/*height:140px;*/
}


#main_wrap{
	width: 100%!important;
}
.main_left {
	width: 750px!important;
	float:left;
}
@media print, screen and (max-width: 750px) {
	#main_left {
		width: 720px!important;
	}
}


.main_right {
	width: 250px!important;
	float:right;
}


/* width
----------------------------------------------- */
.w010p { width: 10%!important;}
.w020p { width: 20%!important;}
.w030p { width: 30%!important;}
.w040p { width: 40%!important;}
.w050p { width: 50%!important;}
.w060p { width: 60%!important;}
.w070p { width: 70%!important;}
.w080p { width: 80%!important;}
.w090p { width: 90%!important;}
.w100p { width: 100%!important;}

.w025p { width: 25%!important;}
.w033p { width: 33%!important;}
.w075p { width: 75%!important;}
.w098p { width: 98%!important;}
.w099p { width: 99%!important;}
.w0995p { width: 99.5%!important;}
.w0996p { width: 99.6%!important;}



/* 高さ */
.h100px{
	height:100px;
}
.h90px{
	height:90px;
}
.h80px{
	height:80px;
}
.h70px{
	height:70px;
}
.h60px{
	height:60px;
}
.h50px{
	height:50px;
}
.h40px{
	height:40px;
}
.h30px{
	height:30px;
}
.h20px{
	height:20px;
}
.h10px{
	height:10px;
}
.h6px{
	height:6px;
}
.h5px{
	height:5px;
}


.h10p{
	height:10%;
}
.h9p{
	height:9%;
}
.h8p{
	height:8%;
}
.h7p{
	height:7%;
}
.h6p{
	height:6%;
}
.h5p{
	height:5%;
}
.h4p{
	height:4%;
}
.h3p{
	height:3%;
}
.h2p{
	height:2%;
}
.h1p{
	height:1%;
}


/* margin
------------------------------------------------ */
.m1 { margin: 1px!important;}
.m3 { margin: 3px!important;}
.m5 { margin: 5px!important;}
.m10 { margin: 10px!important;}
.m20 { margin: 20px!important;}
.m30 { margin: 30px!important;}

.mt1 { margin-top: 1px!important;}
.mt2 { margin-top: 2px!important;}
.mt3 { margin-top: 3px!important;}
.mt4 { margin-top: 4px!important;}
.mt5 { margin-top: 5px!important;}
.mt6 { margin-top: 6px!important;}
.mt7 { margin-top: 7px!important;}
.mt8 { margin-top: 8px!important;}
.mt9 { margin-top: 9px!important;}
.mt10 { margin-top: 10px!important;}
.mt11 { margin-top: 11px!important;}
.mt12 { margin-top: 12px!important;}
.mt13 { margin-top: 13px!important;}
.mt14 { margin-top: 14px!important;}
.mt15 { margin-top: 15px!important;}
.mt16 { margin-top: 16px!important;}
.mt17 { margin-top: 17px!important;}
.mt18 { margin-top: 18px!important;}
.mt19 { margin-top: 19px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}
.mt80 { margin-top: 80px!important;}
.mt90 { margin-top: 90px!important;}

.mr0 { margin-right: 0px!important;}
.mr1 { margin-right: 1px!important;}
.mr2 { margin-right: 2px!important;}
.mr3 { margin-right: 3px!important;}
.mr4 { margin-right: 4px!important;}
.mr5 { margin-right: 5px!important;}
.mr6 { margin-right: 6px!important;}
.mr7 { margin-right: 7px!important;}
.mr8 { margin-right: 8px!important;}
.mr9 { margin-right: 9px!important;}
.mr10 { margin-right: 10px!important;}
.mr11 { margin-right: 11px!important;}
.mr12 { margin-right: 12px!important;}
.mr13 { margin-right: 13px!important;}
.mr14 { margin-right: 14px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr40 { margin-right: 40px!important;}
.mr50 { margin-right: 50px!important;}
.mr60 { margin-right: 60px!important;}
.mr70 { margin-right: 70px!important;}
.mr80 { margin-right: 80px!important;}
.mr90 { margin-right: 90px!important;}
.mr100 { margin-right: 100px!important;}

.mb1 { margin-bottom: 1px!important;}
.mb2 { margin-bottom: 2px!important;}
.mb3 { margin-bottom: 3px!important;}
.mb4 { margin-bottom: 4px!important;}
.mb5 { margin-bottom: 5px!important;}
.mb6 { margin-bottom: 6px!important;}
.mb7 { margin-bottom: 7px!important;}
.mb8 { margin-bottom: 8px!important;}
.mb9 { margin-bottom: 9px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb11 { margin-bottom: 11px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb13 { margin-bottom: 13px!important;}
.mb14 { margin-bottom: 14px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}

.ml0 { margin-left: 0px!important;}
.ml1 { margin-left: 1px!important;}
.ml2 { margin-left: 2px!important;}
.ml3 { margin-left: 3px!important;}
.ml4 { margin-left: 4px!important;}
.ml5 { margin-left: 5px!important;}
.ml6 { margin-left: 6px!important;}
.ml7 { margin-left: 7px!important;}
.ml8 { margin-left: 8px!important;}
.ml9 { margin-left: 9px!important;}
.ml10 { margin-left: 10px!important;}
.ml11 { margin-left: 11px!important;}
.ml12 { margin-left: 12px!important;}
.ml13 { margin-left: 13px!important;}
.ml14 { margin-left: 14px!important;}
.ml15 { margin-left: 15px!important;}
.ml20 { margin-left: 20px!important;}
.ml25 { margin-left: 25px!important;}
.ml30 { margin-left: 30px!important;}
.ml40 { margin-left: 40px!important;}
.ml50 { margin-left: 50px!important;}
.ml60 { margin-left: 60px!important;}
.ml70 { margin-left: 70px!important;}
.ml80 { margin-left: 80px!important;}
.ml90 { margin-left: 90px!important;}
.ml100 { margin-left: 100px!important;}

.mtmb5 { margin-top: 5px; margin-bottom: 5px!important;}
.mtmb10 { margin-top: 10px; margin-bottom: 10px!important;}
.mtmb15 { margin-top: 15px; margin-bottom: 15px!important;}

.mlmrAuto {
	margin-left: auto!important;
	margin-right: auto!important;
}


/* 色 */
.color_ff5f00 {
	color:#FF5F00 !important;
}
.color_ff5f00 a {
	color:#FF5F00 !important;
}
.color_ff5f00 a:hover {
	text-decoration:underline !important;
}

.color_a8a608 {
	color:#a8a608 !important;
}
.color_a8a608 a {
	color:#a8a608 !important;
}
.color_a8a608 a:hover {
	text-decoration:underline !important;
}

.color_129999 {
	color:#129999 !important;
}
.color_129999 a {
	color:#129999 !important;
}
.color_129999 a:hover {
	text-decoration:underline !important;
}

.color_1b84cd {
	color:#1b84cd !important;
}
.color_1b84cd a {
	color:#1b84cd !important;
}
.color_1b84cd a:hover {
	text-decoration:underline !important;
}

.color_67b50c {
	color:#67b50c !important;
}
.color_67b50c a {
	color:#67b50c !important;
}
.color_67b50c a:hover {
	text-decoration:underline !important;
}



/* 色（アンダーライン） */
.color_ff5f00_u {
	border-bottom:2px solid #FF5F00;
}
.color_a8a608_u {
	border-bottom:2px solid #a8a608;
}
.color_129999_u {
	border-bottom:2px solid #129999;
}
.color_1b84cd_u {
	border-bottom:2px solid #1b84cd;
}
.color_67b50c_u {
	border-bottom:2px solid #67b50c;
}




/* 色（ボタン） */
.column_categorylink {
	width:100%;
	text-align:center;
	margin-top:2%;
}
.column_categorylink a {
	color: #fff !important;
	text-decoration: none !important;
}

/* オレンジ */
.column_buttoncolor_FF5F00 {
	background-color: #FF5F00;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	border-radius:4px;
}
	.column_buttoncolor_FF5F00 a:visited {
		color: #fff ;
	}
	.column_buttoncolor_FF5F00:hover {
		background-color: #FF5F00;
		text-decoration: none;
		color: #fff;
	}

/* イエロー */
.column_buttoncolor_A8A608 {
	background-color: #a8a608;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	border-radius:4px;
}
	.column_buttoncolor_A8A608 a {
		color: #fff ;
	}
	.column_buttoncolor_A8A608:hover {
		background-color: #a8a608;
		text-decoration: none;
		color: #fff;
	}

/* ライム */
.column_buttoncolor_129999 {
	background-color: #129999;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	border-radius:4px;
}
	.column_buttoncolor_129999 a {
		color: #fff ;
	}
	.column_buttoncolor_129999:hover {
		background-color: #129999;
		text-decoration: none;
		color: #fff;
	}

/* ブルー */
.column_buttoncolor_1B84CD {
	background-color: #1b84cd;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	border-radius:4px;
}
	.column_buttoncolor_1B84CD a {
		color: #fff ;
	}
	.column_buttoncolor_1B84CD:hover {
		background-color: #1b84cd;
		text-decoration: none;
		color: #fff;
	}

/* 緑 */
.column_buttoncolor_67B50C {
	background-color: #67b50c;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
	display: block;
	border-radius:4px;
}
	.column_buttoncolor_67B50C a:visited {
		color: #fff ;
	}
	.column_buttoncolor_67B50C:hover {
		background-color: #67b50c;
		text-decoration: none;
		color: #fff;
	}
















/* フロート */
.desc_floatleft {
	float:left;
}





/* パンくず */
.breadcrumbs_bg {
	/*border-bottom: 1px solid #d9d7cd;
	background-color:rgba(255,255,255,1.00);*/
}
.breadcrumbs {
	font-size: 12px;
	width:1000px;
	height:26px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.breadcrumbs li {
	float : left ;
	list-style : none ;
}
.breadcrumbs li:after {
    content: ">";
	margin:10px;
}
.breadcrumbs li:last-child:after {
    content: none;
}

@media print, screen and (max-width: 750px) {
	/*ボックス枠線*/
	.breadcrumbs {
		padding:0 10px;
	}
	
	.main_wrap{
		width: 100%!important;
	}
	.main_left {
		width: 100%!important;
		float:left;
	}
	.main_right {
		width: 100%!important;
		float:right;
	}
	.column_1000waku{
		width: 100%!important;
	}
	
}








/* アイコン　メディアリンク */
#news_topbox_media {
	/*width: 250px;*/
	float: right;
	margin-top:10px;
}
#news_googlep {
	float:left;
	width:60px !important;
}
#news_twitter {
	float:left;
	margin-right:10px;
}
#news_facebook {
	float:left;
	margin-right:10px;
	margin-top: -4px;
}


/****************************************

          ヘッダー

*****************************************/

#header_bar {
	width:100%;
	background-color:#fff;
	height:120px;
	z-index:99999;
}
	#header_titlebar {
		width:1000px;
		height:120px;
		margin-left:auto;
		margin-right:auto;
		z-index:99999;
	}
		#header_bar .header_rogowaku {
			float:left;
		}
			#header_bar h1 {
				/*height:80px;*/
				color:#333;
				margin-top:0px;
				margin-bottom:0px;
				margin-left:0px;
				padding:30px 0 0 0 !important;
				font-size:12px;
				/*width:600px;*/
				/*float:left;*/
				/*background-color: #fff !important;*/
				background-color: none !important;
			}
			#header_bar .header_rogo {
				/*float:left;*/
				background-color: none !important;
				margin-top:10px !important;
			}
			#header_bar .header_rogo img {
				height:40px;
				width:auto;
				/*margin-top:20px;
				margin-right:10px;*/
			}

		#header_bar .header_snsarea {
			margin-top: 50px;
			float:right;
		}


		#header_bar .header_images {
			float:right;
			/*margin-top: -37px;*/
			font-size: 30px;
		}
			#header_bar .header_images .header_fb {
				float:left;
			}
				#header_bar .header_images .header_fb a {
					color: #3B5998;
				}
				#header_bar .header_images .header_fb a:hover {
					text-decoration: none;
				}
			#header_bar .header_images .header_tw {
				float:left;
				margin-left: 10px;
			}
				#header_bar .header_images .header_tw a {
					color: #00B6F1;
				}
				#header_bar .header_images .header_tw a:hover {
					text-decoration: none;
				}
			#header_bar .header_images .header_insta {
				float:left;
				margin-left: 10px;
			}
				#header_bar .header_images .header_insta a {
					color: #EA204B;
				}
				#header_bar .header_images .header_insta a:hover {
					text-decoration: none;
				}






/* カテゴリリスト */
.categorylist_wrap {
	width:100%;
	height:50px;
	background-color:#fcfcfc;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
	.categorylist {
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		height:50px;
	}
	.categorylist ul {
		padding:15px 0 15px 0;
		height:20px;
		font-size:14px;
	}
	.categorylist li {
		float:left;
		/*width:20%;*/
		text-align:center;
		margin-right: 40px;
	}

/* タイトル */
.titlearea_wrap {
	width:100%;
	height:50px;
	background-color:#F8F8F8;
}
	.titlearea {
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		height:50px;
	}
	.titlearea_text {
		padding-top:20px;
		font-size:34px;
		color:#333;
		text-align:center;
	}
	.titlearea_text a {
		color:#666;
	}


/*---- スマイリングメニュー ----*/

/* サブメニュー */
#submenu_obi {
	width: 100%;
	height: 40px;
	background-color: #333;
	display: block;
	color: #fff;
}
	.submenu {
		display:block;
		width: 1010px;
		height: 40px;
		margin: 0 auto;
		padding: 0 10px;
	}
		.submenu li {
			position: relative;
			list-style: none;
			float: left;
			width: 14.2%;
		}
		.submenu li a {
			display: block;
			/*width: 130px;*/
			height: 40px;
			text-align: center;
			color: #fff;
			font-size: 12px;
			transition: 0.5s;
			text-decoration: none!important;
			box-sizing: border-box;
			vertical-align: middle;
			padding: 14px 20px 10px;
		}
		.submenu > li:hover > a {/*layer-1*/
			color: #fff;
			background: #CC3335;
			text-decoration: none;
		}
		.submenu > li li:hover > a {/*layer-2*/
			color: #fff;
			background: #CC3335;
			text-decoration: none;
		}

			/*子メニュー*/
			.submenu li ul {
				position: absolute;
				font-size: 12px;
				width: 200px;
				/*left: -80px;*/
				z-index: 9999;
			}
				.submenu li ul li {
					overflow: hidden;
					height: 0;
					transition: 0.2s;
					/*left: -40px;*/
					/*background: #DFDFDF;*/
					background: rgba(0,0,0,0.8);
					width: 300px;
					color: #fff;
				}
				.submenu li ul li a {
					width: 300px;
					font-size: 12px;
					text-align: left;
					padding-left: 20px;
					color: #fff;
				}
				.submenu li:hover > ul > li {
					overflow: visible;
					height: 40px;
					color: #333;
				}


@media print {
	#header_wrap {
		display: none!important;
	}
	#header_guestarea_sumairing {
		display: none!important;
	}
	.breadcrumbs_bg {
		display: none!important;
	}
	#submenu_obi {
		display: none!important;
	}
	.headerSearchCont {
		display: none!important;
	}
	.snsbox {
		display: none!important;
	}
	.pagetop {
		display: none!important;
	}
	.dl-trigger {
		display: none!important;
	}
	.main_right {
		display: none!important;
	}
	#footer_link_wrap {
		display: none!important;
	}
	.taglink {
		display: none!important;
	}
	
	 a[href]:after {
		 content: "" !important;
	 }

	 abbr[title]:after {
		 content: "" !important;
	 }
}


/* スライダーエリア */
.slider_list_box {
	position: relative;
}
	.slider_textwaku {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 10px;
		width: 100%;
	}
		.slider_category {
			color: #fff;
			/*font-weight: bold;*/
			/*text-shadow: 1px 1px 2px rgba(0,0,0,0.6); */
			background-color: #333;
			padding: 4px 10px;
			border-radius: 10px;
			/*width: 100%;*/
			font-size: 12px;
			margin-bottom: 4px;
			display: inline-block;
		}
		.slider_title {
			color: #fff;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.6); 
			overflow: hidden;
			width: 100%;
		}
			.slider_title p {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

	.slider_first {
	}
		.top_slider .arrow_leftright {
			position: absolute;
			top:50%;
			margin-top: -18px; 
			z-index: 99999;
			cursor: pointer;
		}
		.top_slider .arrow_left {
			left: 20px!important;
		}
		.top_slider .arrow_right {
			right: 20px!important;
		}


.top_slider div { margin: 0 1px;}




/****************************************

          メイン（一覧）

*****************************************/

/* カタログエリア */
.main_left ul li{
	float:left;
	width:225px;
	background-color:#fff;
	border:0px #ddd solid;
	margin:0px 7px 7px 0px;
	padding:8px;
	/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
}

	.column_thum{
		border:0px solid #efefef;
		width:225px;
		height:160px;
		overflow:hidden;
		margin-bottom:10px;
		/*box-shadow:0 0 0 1px #efefef inset;*/
	}
	.column_thum img{
		width:225px;
		height:auto;
	}
	.column_title{
		padding:0px 4px 0px 4px;
		font-size:14px;
		line-height:20px;
		color:rgba(0,0,0,1.00);
		text-align:left;
		height:40px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-bottom:8px;
		margin:0px !important;
		font-family: "游ゴシック";
		font-weight: bold;
		color: #333;
	}
	.column_desp{
		font-size:12px;
		line-height:20px;
		text-align:left;
		height:0px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-bottom:10px;
		color:#666;
	}
	.column_category{
		padding:0px 4px 0px 4px;
		margin-top:10px;
		font-size:12px;
		text-align:left;
		word-break: break-all;
		word-wrap: break-word;
		overflow: hidden;
		color:#666;
		margin-bottom:10px;
	}
	.column_category a {
	}
	.column_category:hover {
		text-decoration:underline !important;
	}

	.kennavi_category{
		padding:0px 4px 0px 4px;
		margin-top:10px;
		font-size:14px;
		text-align:left;
		word-break: break-all;
		word-wrap: break-word;
		overflow: hidden;
		color:#666;
		margin-bottom:10px;
	}
	.kennavi_category a {
	}
	.kennavi_category:hover {
		text-decoration:underline !important;
	}

/* viewmore */
.viewmore {
  display: inline-block;
  padding: 10px 30px;
  color: #FFF;
  text-align: center;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 38px;
  letter-spacing: .1rem;
  margin-top: 60px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #212121;
  border-radius: 4px;
  border: 1px solid #212121;
  cursor: pointer;
  box-sizing: border-box; }
.viewmore:hover,
.viewmore:hover {
  color: #FFF;
  background-color: #2D2D2D;
  border: 1px solid #2D2D2D; }



.pagenation_noclick {
    border:1px solid #CECECE;
	font-size: 30px;
    margin: 0 3px;
    padding:3px 7px;
    display: inline-block;
	text-align: center;
    text-decoration:none;
    color: #ccc;
    background: #fff;
}
.pagenation a {
    border:1px solid #CECECE;
	font-size: 30px;
    margin: 0 3px;
    padding:3px 7px;
    display: inline-block;
	text-align: center;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
.pagenation .active a,
.pagenation a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}


/****************************************

          メイン（詳細）

*****************************************/

/* 執筆者 */
.author_waku{
	padding:6px 0 10px;
	font-size: 16px;
	color: #999;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 20px!important;
}
.author_waku ul {
	justify-content: flex-start!important;
}
.author_waku ul li{
	float: left;
	margin-right: 10px!important;
	width: auto;
	box-shadow: none;
	padding: 0;
}


/* SNS */
.snsbox{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.snsbox ul li{
	width: 22.5%!important;
	/*height: 50px!important;*/
	float: left;
	margin-right: 4px;
	width: auto;
	box-shadow: none;
	padding: 0 1%;
	text-align: center;
	background-color: none;
	border-radius: 4px;
}
.snsbox ul li:last-child{
	margin-right: 0px;
	color: #fff;
}
.snsbox ul li a{
	display: block!important;
	text-decoration: none!important;
	color: #fff;
	padding: 10px 0;
}
.sns_br{
	display: none;
}



.bg_fb{
	background-color: #3b5998!important;
}
.bg_tw{
	background-color: #55acee!important;
}
.bg_hb{
	background-color: #008fde!important;
}
.bg_po{
	background-color: #ed4055!important;
}

.fab {
	font-family: "Font Awesome 5 Brands";
}
.fa-facebook-f{
	content: "\f39e";
	padding-right: 4px;
}
.fa-twitter{
	content: "\f099";
	padding-right: 4px;
}
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: bold;
	padding-right: 4px;
}
.fa-get-pocket{
	content: "\f265";
	padding-right: 4px;
}






/* カタログエリア */
.main_desc{
	float:left;
	/*width:702px;*/
	width:720px!important;
	background-color:#fff;
	border:0px #ddd solid;
	margin:0px 7px 7px 0px;
	/*padding:20px;*/
	/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
}

	/* ページタイトル */
	.desc_title{
		font-size:26px;
		line-height:36px;
		color:rgba(0,0,0,1.00);
		text-align:left;
		/*margin-top:20px;*/
		/*margin-bottom:20px;*/
		font-family: "游ゴシック";
		/*font-family: 'Noto Sans JP', sans-serif;*/
		font-weight: bold;
		color: #333;
	}
	.desc_cate_sns {
		width:100%;
	}
	.desc_titleline{
		font-size: 14rem;
		margin: 0 0;
		height: 0;
		outline: none;
		border: none;
		border-bottom: 1px solid #E6E6E6;
	}

	/* テキスト */
	.desc_text {
		font-size: 16px;
		line-height: 1.85em;
		text-align: left;
		color: #666;
		letter-spacing: .02em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.desc_text_cap{
		font-size:14px;
		line-height:18px;
		text-align:left;
		color:#999;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.desc_text_buzz {
		font-size: 16px;
		line-height: 1.85em;
		text-align: left;
		color: #666;
		letter-spacing: .02em;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.focus_text {
		color: #CC3335;
		font-weight: bold;
	}
	.focus_twitter {
		background-color: #efefef;
		padding: 1.4em;
	}
	.focus_look {
		background-color: #f8f9ff;
		padding: 1.4em!important;
		border: dashed 1px #4865b2;
	}


/* 大見出し */
/*	.desc_midashi {
		font-size:20px;
		font-weight:bold;
		text-align:left;
		margin-top: 2em;
		padding-bottom:4px;
		margin-bottom: 1em;
		border-bottom: 2px solid #D10A03;
	}*/
	/* 大見出し */
	.desc_midashi {
		font-size: 1.2rem;
		line-height: 1.3rem;
		padding: 14px 10px 12px 20px;
		background: #CC3335;
		color: #FFF;
		margin: 40px 0 6px;
		font-weight: 600;
		position: relative;
		border:none;
		display: block;		
	}
	.desc_midashi:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		border-width: 0px 0px 16px 16px;
		border-style: solid;
		border-color: #FFF #D75052 #D75052 #FFF;
		background: #CC3335;
		display: block;
		width: 0;		
	}
	.desc_midashi_column {
		font-size: 1.2rem;
		padding: 10px 0;
		color: #333;
		font-weight: 600;
		position: relative;
		border:none;
		display: block;		
	}



	table.desc_table {
		border-collapse: collapse;
		width: 100%;
		border-spacing: 1px;
		line-height: 1.2;
		font-size:12px;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		text-align: center;
	}
	table.desc_table tbody tr th {
		padding: 6px;
		vertical-align: middle;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #B7DEB3;
	}
	table.desc_table tbody tr td {
		padding: 4px;
		vertical-align: middle;
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		text-align:center;
	}
	
	table.desc_table02 {
		border-collapse: collapse;
		width: 100%;
		border-spacing: 1px;
		line-height: 1.2;
		font-size:12px;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		text-align: center;
	}
	table.desc_table02 tbody tr th {
		padding: 10px;
		vertical-align: middle;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #B7DEB3;
	}
	table.desc_table02 tbody tr td {
		padding: 10px;
		vertical-align: middle;
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		text-align:center;
	}




/*　youtubeレスポンシブ */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100%!important;
}



	
	/*ボックス枠線*/
	.ib_border{
		border: 1px solid #E6E6E6;
		padding: 1em 2em;
		font-size: 16px;
		margin-bottom: 3em;
	}
	.ib_border a{
		text-decoration: none!important;
	}
	.mokuji_titele{
		text-align: center;
		width: 100%;
		padding-bottom: 1em;
	}
	.mokuji_txt{
		padding-top: 0.5em;
	}
	
	.taglink{
		padding-top: 0.5em;
	}
		.taglink li{
			padding: 0.5em 1em!important;
			background-color: #ccc;
			width: inherit!important;
			background-color: #efefef!important;
			color: #333;
		    margin: 0px 7px 7px 0px;
		    box-shadow: 0 0 0 #fff!important;
			border-radius: 10px;
			font-size: 0.8em;
		}



	
	/* 写真 */
	.desc_photo {
		width:100%;
		margin-top: 1em;
	}
	.desc_photo img {
		width:100%;
		height:auto;
	}

	/* 小見出し */
	.desc_midashi_s {
		font-size:1.2em;
		font-weight:bold;
		line-height:40px;
		text-align:left;
		padding-left: 0.8em;
		border-left: 8px solid #CC3335;
		margin-top: 1.5em;
		margin-bottom:0;
	}
	.desc_midashi_ss {
		font-size:1em;
		line-height:1.4;
		font-weight:bold;
		text-align:left;
		margin-top: 1.5em;
		margin-bottom:0;
	}

	.mokuji_indent1{
		padding-left:1em;
		text-indent:-1em;
	}
	.mokuji_indent2{
		padding-left:-2em!important;
		text-indent:2em!important;
	}

/* インデント */
.indent_one {
	padding-left: 1em!important;
	text-indent: -1em!important;
}


/* ボタン */
.showroom_buttonwrap {
	width: 100%;
	text-align: center;
}
	.showroom_button {
		display: inline-block;
		width: 60%;
		margin: 0 auto;
		padding: 16px 0px;
		font-size: 16px;
		color: #fff!important;
		text-align: center;
		border-radius: 4px;
		cursor: pointer;
		box-sizing: border-box;
		background: #333;
	}
		.showroom_button:hover{
			background: #910A2D;
			transition: 1.0s;
		}
		
		
/* 写真 */
.photo_flexwrap{
	margin-top: 10px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
	.photo_flexwrap::before{
		content:"";
		display:block;
		width:49%;
		height:0;
		order:1;
	}
	.photo_flexwrap::after{
		content:"";
		display:block;
		width:49%;
		height:0;
	}
	.photo2_flexitem_hauto {
		position: relative;
		margin-bottom: 1%;
		width: 49%;		 }
		.photo2_flexitem_hauto img {
			width: 100%;
			height: auto;
			object-fit: cover;	}
		


@media print, screen and (max-width: 750px) {

	#sp_headerSearch_Box{
		padding: 60px 0 20px!important;
	}
	.desc_title{
		font-family: 'Noto Sans JP', sans-serif;
	}

	/* 執筆者 */
	.author_waku{
		padding:6px 0 10px!important;
		font-size: 14px;
		height: 18px;
		color: #999;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.author_waku ul {
		justify-content: flex-start!important;
	}
	.author_waku ul li{
		float: left!important;
		margin-right: 2px!important;
		box-shadow: none!important;
		padding: 0;
		width: auto!important;
		padding: 2px!important;
	}


	/* SNS */
	.snsbox{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 0px;
		font-size: 12px;
	}
	.snsbox ul {
		flex-wrap: nowrap!important;
		justify-content: space-between!important;
	}
	.snsbox ul li{
		/*max-width: 70px!important;*/
		/*height: 50px!important;*/
		float: left;
		margin-right: 0px;
		width: 20%!important;
		box-shadow: none!important;
		padding: 0 1%;
		text-align: center;
		background-color: none;
		border-radius: 4px;
	}
	.snsbox ul li:last-child{
		margin-right: 0px;
		color: #fff;
	}
	.snsbox ul li a{
		display: block!important;
		text-decoration: none!important;
		color: #fff;
		padding: 4px 0;
	}
	.sns_br{
		display: block!important;
	}



	/*ボックス枠線*/
	.ib_border{
		border: 1px solid #E6E6E6;
		padding: 0 10px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.ib_border a{
		text-decoration: none!important;
	}
	.mokuji_txt{
		padding-left:2em;
		text-indent:-2em;
	}
	
	
	/* カタログエリア */
	.main_desc{
		padding:20px;
		width: auto!important;
	}
	.main_left ul li{
		float:left;
		width:45%;
		background-color:#fff;
		border:0px #ddd solid;
		margin:0px 7px 7px 0px;
		padding:8px;
		/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
	}
	
	.column_thum{
		border:0px solid #efefef;
		width:225px;
		height:120px;
		overflow:hidden;
		margin-bottom:10px;
		/*box-shadow:0 0 0 1px #efefef inset;*/
	}
	
	
/* サブメニュー */
#submenu_obi {
	display: none;
}
	
	.submenu {
		width: 100%;
	}

	
	
	
	
	
}












/****************************************

          ライトナビ

*****************************************/

.entame_sidepr {
	width:250px;
	margin:0px 0px 20px 0px;
}
	.entame_sidepr img {
		width:250px;
		height: auto;
	}



.popular_waku {
	width:234px;
	background-color:#fff;
	border:0px #ddd solid;
	margin:0px 7px 0px 0px;
	padding:8px;
	/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);*/
}
	.popular_title{
		font-size:18px;
		line-height:24px;
		font-weight:normal;
		margin-bottom:10px;
		text-align:center;
		border-bottom:1px solid #ccc;
		padding:10px 0 10px 0;
		margin:0 0 20px 0 !important;
		color:#333;
	}
	.popular_box{
		width:100%;
	}
	.popular_kijibox{
		width:100%;
	}
		.popular_kijibox .left {
			position:relative;
			float:left;
			width:80px;
		}
			.popular_kiji_no1{
				position: absolute;
				z-index: 60;
				width: 23px;
				height: 23px;
				top: -4px;
				left: 0px;
				border-radius: 23px;
				color: #fff;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				font-family: Lato, sans-serif;
				line-height: 23px;
				transition: 0.2s transform ease;
				background-color: rgba(252,208,99,1.00);
			}
			.popular_kiji_no2{
				position: absolute;
				z-index: 60;
				width: 23px;
				height: 23px;
				top: -4px;
				left: 0px;
				border-radius: 23px;
				color: #fff;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				font-family: Lato, sans-serif;
				line-height: 23px;
				transition: 0.2s transform ease;
				background-color: rgba(221,221,221,1.00);
			}
			.popular_kiji_no3{
				position: absolute;
				z-index: 60;
				width: 23px;
				height: 23px;
				top: -4px;
				left: 0px;
				border-radius: 23px;
				color: #fff;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				font-family: Lato, sans-serif;
				line-height: 23px;
				transition: 0.2s transform ease;
				background-color: rgba(207,101,39,1.00);
			}
			.popular_kiji_no{
				position: absolute;
				z-index: 60;
				width: 23px;
				height: 23px;
				top: -4px;
				left: 0px;
				border-radius: 23px;
				color: #fff;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				font-family: Lato, sans-serif;
				line-height: 23px;
				transition: 0.2s transform ease;
				background-color: rgba(66,66,66,1.00);
			}
			.popular_kiji_thum{
				border:0px solid #efefef;
				/*width:60px;*/
				height:60px;
				overflow:hidden;
				margin-bottom:20px;
				margin-left:2px;
			}
			.popular_kiji_thum img{
				width:60px;
				height:auto;
				margin-left:10px;
			}
		.popular_kijibox .right {
			float:right;
			width:150px;
		}
			.popular_kiji_title{
				font-size:14px;
				line-height:16px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				margin-bottom:6px;
			}
			.popular_kiji_category{
				font-size:11px;
				line-height:14px;
				text-align:left;
				color: #555555;
			}
	




/****************************************

          記事フッター

*****************************************/

#columnfooter_title {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding-bottom:4px;
	border-bottom: 2px solid #666;
}

#columnfooter_block {
}
/* カタログエリア */
#columnfooter_block ul li{
	float:left;
	width:30%;
	background-color:#fff;
	border:0px #ddd solid;
	margin:0px!important;
	padding:10px!important;
	box-shadow: none !important;
}

	#columnfooter_block .column_thum{
		border:0px solid #efefef;
		/*width:190px;
		height:160px;*/
		overflow:hidden;
		margin-bottom:10px;
	}
	#columnfooter_block .column_thum img{
		width:225px;
		height:auto;
	}
	#columnfooter_block .column_title{
		padding:0px 4px 0px 4px;
		font-size:14px;
		line-height:18px;
		color:rgba(0,0,0,1.00);
		text-align:left;
		height:60px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 20;
		margin-bottom:8px;
		margin:0px !important;
		/*font-family: "游ゴシック";*/
	}


@media print, screen and (max-width: 750px) {

	#columnfooter_block ul li{
		width:44%;
	}

}





/*  この記事を見た方はこんな製品に興味があります  */
#interest_block {
	margin-top: 40px;
}
#interest_block ul li{
	float:left;
	width:22%;
	background-color:#fff;
	border:0px #ddd solid;
	margin:0px!important;
	padding:10px!important;
	box-shadow: none !important;
}

	#interest_block .column_thum{
		border:0px solid #efefef;
		width:inherit!important;
		height:inherit!important;
		overflow:hidden;
		margin-bottom:10px;
	}
	#interest_block .column_thum img{
		width:154px;
		height:auto;
	}
	#interest_block .column_title{
		padding:0px 4px 0px 4px;
		font-size:14px;
		line-height:18px;
		color:rgba(0,0,0,1.00);
		text-align:left;
		height:56px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 20;
		margin-bottom:8px;
		margin:0px !important;
		font-family: "游ゴシック";
	}


@media print, screen and (max-width: 750px) {

	#interest_block ul li{
		width:44%;
	}

}




/****************************************

          topに戻る

*****************************************/

/*---- topbutton ----*/
.pagetop {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index:9999;
}
.pagetop text {
	color: #fff;
}
.pagetop a {
	display: block;
	background-color: #333;
	padding:10px, 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 40px;
	width:100px!important;
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition:0.5s;
}
.pagetop a:hover {
	background-color: #7e6b5a;
	color: #fff;
}