/*
Theme Name: TILCOR（ティルコア） WEBサイト テーマver1.0
Theme URI: https://www.tilcor-roof.jp/
Author: ROSSROOF GROUP JAPAN Inc.
Author URI: https://www.tilcor-roof.jp/
Description: Wordpressオリジナルテーマファイルセット。
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: https://www.tilcor-roof.jp/
*/

/*
メディアクエリの記載順（デスクトップファースト）
・960px以上PC用（と横置きしたタブレット）
（PCのコンテンツ幅1080px　左右パディング各60px 最低確保幅1200px）
・600px〜959pxタブレット用（とブラウザを狭くしたPC用）
・599pxまではスマホ用
*/


/*webフォント読み込み*/
/*Google webフォント　ゴシック系、数字、英字用*/
@import url(http://fonts.googleapis.com/css?family=Lora|Montserrat:300,400,500,600);

/*Google webフォント　明朝系、「歴史」ページの年表示用*/
/*指定方法：「font-family: 'Lora', serif;」*/

/*Google webフォント　ゴシック系、数字、英字用*/
/*指定方法：「font-family: 'Montserrat', sans-serif;」*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	
	/*paddingの数値を内側として計算させる*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.6;
	color: #333333; /*色指定*/
	width: 100%;
	-webkit-font-smoothing: antialiased;/*CSSでtransitionをかけて、背景を変えると、safariだけ文字が一瞬細くなるバグ対策*/
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix {
	zoom: 100%;
}

/*「.mc-main h3」は、プラグイン「My Calendar」のイベント名部分*/

a {
	/*color: #6699CC;*/ /* もともと使用していた色（ちょっとくすんだ青） */
	color:#555555;/*一段階濃い青*/
	text-decoration: underline;
	outline: 0;
	/* text-indentを使用した際にFirefoxでリンク線が出ないようにする */
}
a:visited {
	color: #777777;
}

a:focus {
	outline: thin dotted;
}
a:hover {
	color:#c60025;
	text-decoration: underline; /*下線指定*/
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	/*cursor: help;*/
}
b, strong {
	font-weight: 600;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	text-decoration: none;
}
p {
	text-align: left;
	/*color: #666666;*/
	font-size:100%;
	line-height:180%;
	font-weight: normal;
}
code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6;
}
pre {
	border: none;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 100%;
	font-style: italic;
	font-weight: 300;
	line-height: 1.6;
}
blockquote cite, blockquote small {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
ul {
	list-style-type: none;
	font-weight: normal;
}
ol {
	list-style-type: none;
	margin-left: 1.5em;
	text-indent: -1.5em;
	font-weight: normal;
}
li > ul, li > ol {
	margin: 0 0 0 0px;
}

dd,dt{
	font-weight: normal;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
a:hover img {
	filter: alpha(opacity=80); /*IE*/
	-moz-opacity: 0.80; /*FF*/
	opacity: 0.80;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	box-sizing: border-box;
}
button, input {
	line-height: normal;
}

/* Removing the inner shadow, rounded corners on iOS inputs---------- */
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table, th, td {
	border: none;
}
table {
	font-size: 100%;
	border-collapse: collapse;
}
caption, th, td {
	font-size: 100%;
	line-height: 1.6;
	font-weight: normal;
}





/*店舗、エリア等のカテゴリ共通設定　span*/
.icon_news_category1,
.icon_news_category2,
.icon_news_category3,
.icon_news_category4,
.icon_news_category5,
.icon_news_category6,
.icon_news_category7,
.icon_news_category8,
.icon_news_category9,
.icon_news_category10{
	position: static;
	display: inline-block;
	color: #ffffff;
	padding:3px 10px 3px 10px !important;
	min-width: 7em;
	font-size: 12px;
	line-height: 100%;
	background-color: #7fa02f;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 4px;
}


/*お知らせ　水色*/
.icon_news_category1{
	background-color: #6a90b3;
}

/*イベント　オレンジ*/
.icon_news_category2{
	background-color: #e0a53d;
}

/*商品紹介　緑*/
.icon_news_category3{
	background-color: #279b4a;
}

/*ギャラリー　グレー*/
.icon_news_category4{
	background-color: #75797d;
}

/*レポート　黄緑*/
.icon_news_category5{
	background-color: #8cbc60;
}

/*予備*/
.icon_news_category6{
	background-color: #554d9a;
}

/*予備*/
.icon_news_category7{
	background-color: #554d9a;
}

/*予備*/
.icon_news_category8{
	background-color: #554d9a;
}

/*予備*/
.icon_news_category9{
	background-color: #554d9a;
}

/*予備*/
.icon_news_category10{
	background-color: #554d9a;
}




/*=========================PC用（及び横位置タブレット）=========================*/
/*@media screen and (min-width:600px) {*/
/*　画面サイズが960px以上の場合、ここのスタイルを読み込む　*/
	
	
/* --------------------

レイアウト設定

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

/*main.jsで設定した、画面をスクロールすると「body」に付加されるclass*/
/*使っていない
.body_margin_top{
	margin-top:150px;
}

.fixed .body_margin_top{
	margin-top:120px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}
*/

/* ----------ヘッダー---------- */

.header_area { /*section*/
	position:fixed !important;
	width:100%;
	height:150px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index: 8000;
	background-color:#ffffff;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

.fixed{
	position:fixed !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 8000;
	background-color:#ffffff;
	height:115px !important;
	border-bottom: solid 1px #d3d3cf;/*元の色（薄め）e4e4e1*/
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

.header_outer {
	display: block;
	position:relative;
	width: 100%;
	height:150px;
	padding:0px 60px 0px 60px;
	background-color: #ffffff;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

.fixed .header_outer {
	position:relative;
	display: block;
	width: 100%;
	height:115px;
	top:0px;
	padding:0px 60px 0px 60px;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

.header_inner {
	width: 1080px;
	height:150px;
	margin: 0 auto;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

.fixed .header_inner {
	height:115px;
	-moz-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	-o-transition:height 0.3s;
	-ms-transition: height 0.3s;
}

/*メインメニュー、サブメニュー、検索をくくったdiv*/
.container_header_box{
	display: block;
	position:absolute;
	top:31px;
	border-top: solid 1px #d3d3cf;/*元の色（薄め）e4e4e1*/
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed .container_header_box{
	top:15px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}


/*header-_areaの下のsection*/
#top{
	padding-top: 150px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed #top{
	padding-top: 115px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}


/*MENU（開閉ボタン）*/
#toggle {
	display: none;
}

#toggle a{

}

/*検索とサイドタブをまとめたdiv（スマホではMENUで開閉）*/
.header_contents_box {
	display:block;
	position:absolute;
	width: 1080px;
	margin: 0 auto;
}




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

ヘッダー指定

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

/* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	display: block;
	width: 155px;
	height:40px;
	top:32px;
	text-align:center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed .site_logo {
	top:15px;
}

h1.site-title {
	position:absolute;
	display: block;
	width: 155px;
	height:40px;
	margin: 0px 0px 0px 0px;
	float: left;
}

h1.site-title a {
	display: block;
	width: 155px;
	height:40px;
	text-decoration: none;
	background: url(../img/logo_x2.png) no-repeat 0px 0px;
	background-size: 155px 40px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

h1.site-title a b {
	display: none;
}

.fixed h1.site-title a {
	display: block;
	width: 310px;
	height:40px;
	text-decoration: none;
}


/* -----------PC：サブメニュー ----------- */

.header_submenu_all{
	position:absolute;
	overflow: hidden;
	display: block;
	width: 280px;
	margin: 0px 0px 0px 0px;
	top:0px;
	right:0px;
	text-align: right;
}

.fixed .header_submenu_all{
	top:0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

/*p*/
.header_sublogo{
	display: block;
	width: 280px;
	height: 46px;
}

.header_sublogo a{
	display: block;
	width: 280px;
	height: 46px;
	background: url(../img/header_sublogo04.png) no-repeat;
}

.header_sublogo a b{
	display:none;
}




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

メインメニュー設定

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

.grandmenu_inner{
	display: block;
	position: absolute;
	width: 1080px;
	margin: 0px 0px 0px 0px;
	top:74px;
}

.fixed .grandmenu_inner{
	top:60px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}


.nav-menu-box {
	display: block;
	margin: 0px 0 0 0;
	text-align: left;
}

/* ---------- PCメインメニュー第一階層 ---------- */

ul.nav-menu {
	display: block;
	padding: 0px 0px 0px 0px;
}

ul.nav-menu li {
	font-size: 14px;
	display: inline-block;
	padding: 0px 14px 0px 0px;
	margin-right: 6px;
	text-align: left;
	background: url(../img/slash_bg.png) no-repeat right center;
}

ul.nav-menu li.menu8,
ul.nav-menu li.menu7{
	background:none;
}



ul.nav-menu li a {
	display: block;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	color: #333333;
	
}

.nav-menu-box li a b{
	font-size: 14px;
	font-weight: 600;
}

/*ロールオーバーしたとき*/
ul.nav-menu li a:hover {
	color: #c60025;
}

/*カテゴリがactiveな時の下線*/
.mainmenu_active{
}

/*クリックした時の色*/
.nav-menu-box li a:active{
	
}

/*HOME*/
.nav-menu-box li.menu8 a{
	display: block;
	position:absolute;
	top:2px;
	right: 0px;
	width: 32px;
	height: 32px;
	font-size: 0px;
	background: url(../img/icon_32_home.png) no-repeat;
	background-size: 24px 24px;
}

.nav-menu-box li.menu8 a b{
	display: none;
}


/* ---------- PCメインメニュー第2階層 ---------- */

.nav-menu-box li ul {
	display: none;
	top: 100%;
	margin-top: 0px;
	padding: 0;
}

.nav-menu-box li:hover ul {
	display: inline-block !important;
	position:absolute !important;
	z-index:999 !important;
	margin-top: 0px;/*第1階層の下にぴったりくっつけるための調整*/
	margin-left: -11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
}

.nav-menu-box li ul li {
	background: none;
	display: block;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
}

.nav-menu-box li ul a {
	padding: 4px 15px 4px 15px;
	background: #ffffff;
	text-decoration: none;
	clear: both;
	visibility: visible;
	font-size: 96%;
}

.nav-menu-box li ul li:last-child a {
	border-bottom: none;
	
}

.nav-menu-box li ul li a:hover {
	background-color: #c60025;
	color: #ffffff;
	border-bottom: solid 0px #ffffff;
}


.nav-menu-box li ul li.submenu b{
	display: inline-block;
	width: 8em;
}

.nav-menu-box li ul li.submenu span{
	font-size: 90%;
}




/* ----------コンテンツ（トップのみ）---------- */
.contents_area_frontpage { /*section*/
	background-color: #ffffff;
	width: 100%;
	display: block;
	clear: both;
}

.contents_outer_frontpage {
	padding:0px 60px 0px 60px;	
}

/*「.contents_outer_frontpage」と併用して利用*/
.outer_w100per {
	padding:0px 0px 0px 0px;
}

.contents_inner_frontpage {
	width: 1080px;
	margin: 0 auto;
}

/*「.contents_inner_frontpage」と併用して利用*/
.inner_w100per {
	width: 100% !important;
	min-width: 1080px !important;
	margin: 0 auto;
}


/* ----------コンテンツ（下層ページ）---------- */
.contents_area { /*section*/
	display: block;
	/*overflow:hidden;*/
	clear: both;
	min-width: 1080px;
	width: 100%;
	padding-top: 0px;
	background-color: #ffffff;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
	position: relative;
	margin: 0 auto;
	padding:0px 60px 0px 60px;
	z-index: 0;
}

/*左と右をくくったdiv*/
.contents_inner {
	display:block;
	/*overflow:hidden;*/
	width: 1080px;
	margin: 0 auto;
}

/*「contents_inner」と併記する動的なクラス→ジャンル別のレイアウト設定
○front_page_design：トップページ
○normal_page_design：固定ページ
○news_page_design：ニュースの記事ページ○blog_page_design：ブログの記事ページ
○news_list_design：ニュースの一覧ページ○blog_list_design：ブログの一覧ページ
*/



/* ----------メインコンテンツ（固定ページ用1カラム）1080px---------- */

.normal_page_design,
.notfound_page_design,
.search_list_design{
	width:1080px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

/* ----------メインコンテンツ（ブログ、お知らせページ用2カラムの左）760px---------- */

.news_page_design,
.news_list_design,
.blog_page_design,
.blog_list_design {
	width: 750px;
	float: left;
	margin:0px 0px 30px 0px;
	padding:20px 0px 0px 0px;
}


/* ----------右サイドエリア（news、blogのみ配置330px）---------- */
div#contents_side {
	width: 280px;
	float: right;
	margin:0px 0px 25px 0px;
	padding:20px 0px 0px 0px;
}

.page_list {
	clear: both;
}



/* ----------メインコンテンツ（製品情報の各製品ページ）780px---------- */

.products_page_design {
	width: 780px;
	float: left;
	margin:0px 0px 30px 0px;
	padding:20px 0px 0px 0px;
}


/* ----------右サイドエリア（製品情報の各製品ページのみ配置260px）---------- */
.category_products div#contents_side {
	width: 260px;
	float: right;
	margin:0px 0px 25px 0px;
	padding:20px 0px 0px 0px;
}




/* ----------フッター---------- */

.footer_area { /*section*/
	display: block;
	padding:25px 0px 25px 0px;
	min-width: 1080px;
	width: 100%;
	background-color: #edeced;
	clear: both;
}

.footer_outer {
	padding:0px 60px 0px 60px;
}

.footer_inner {
	/*詳細設定は下部に記載*/
}



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

各パーツ設定

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

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

タイトル全体（カテゴリタイトル、ページタイトル、パンくず含む）設定

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

/*全カテゴリ共通設定*/
#contents_header{
	display: block;
	position: relative;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.page_title_img{
	display: block;
	position: relative;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	width: 100%;
	height: 280px;
	background-color: #a90029;
	background-size: cover;
}

/*「製品の特徴」*/
.category_features .page_title_img{
	background: url(../img/page_title_bg_features.jpg) no-repeat center top;
	background-size: cover;
}

/*「製品紹介」*/
.category_products .page_title_img{
	background: url(../img/page_title_bg_products.jpg) no-repeat center top;
	background-size: cover;
}

/*「ギャラリー」*/
.category_gallery .page_title_img{
	background: url(../img/page_title_bg_gallery.jpg) no-repeat center top;
	background-size: cover;
}

/*「ニュース」*/
.category_news .page_title_img{
	background: url(../img/page_title_bg_news.jpg) no-repeat center top;
	background-size: cover;
}

/*「会社概要」*/
.category_about_us .page_title_img{
	background: url(../img/page_title_bg_about_us.jpg) no-repeat center top;
	background-size: cover;
}

/*「販売代理店」*/
.category_sales_channel .page_title_img{
	background: url(../img/page_title_bg_sales_channel.jpg) no-repeat center top;
	background-size: cover;
}

/*「お問い合わせ」*/
.category_contact .page_title_img{
	background: url(../img/page_title_bg_contact.jpg) no-repeat center top;
	background-size: cover;
}

/*「プライバシーポリシー」*/
.category_privacy .page_title_img{
	background: url(../img/page_title_bg_privacy.jpg) no-repeat center top;
	background-size: cover;
}

/*「SAMPLE」*/
.category_sample .page_title_img{
	background: url(../img/page_title_bg_privacy.jpg) no-repeat center top;
	background-size: cover;
}



/*ページタイトル*/
.page_title,
.news_page_title,
.blog_page_title{
	display:block;
	overflow: hidden;
	position:relative;
	padding: 20px 60px 20px 60px;
}


/*ページタイトル表示の中のh1*/
.page_title h1,
.news_page_title h1,
.blog_page_title h1{
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}


.page_title h1 b,
.news_page_title h1 b,
.blog_page_title h1 b{
	font-weight: 400;
}

.page_title h1 span,
.news_page_title h1 span,
.blog_page_title h1 span{
	display: inline-block;
	font-size: 18px !important;
}



/* ----------ページタイトル枠 パンくずとh1---------- */	




/* ----------パンくずリスト全体の設定---------- */

.topicpath {
	display: block;
	overflow: hidden;
	margin: 0px auto;
	width: 100%;
	padding:10px 60px 10px 60px;
	line-height: 1.3;
	clear: both;
	font-size: 12px;
	
}

/* ----------パンくずリストそのものの設定---------- */

.topicpath ul {
	display: block;
	overflow: hidden;
	margin: 0px auto;
	max-width: 1080px;
	width: 100%;
	list-style-type: none;
	padding:3px 4px 0px 4px;
	line-height: none;
	font-size: 100%;
	text-align: left;
	overflow: hidden;
}

/* ----------リンクのあるリスト（＝上位のページ）---------- */	
.topicpath ul a {
	margin-right: 2px;
	padding-right: 4px;
	line-height: none;
}

.topicpath ul a:visited{
	color: #555555 !important;
}

.topicpath ul a:hover{
	color: #666666 !important;
}

.topicpath ul a.home {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 0px;
	margin-top: -4px;
	margin-right: 4px;
	background: url(../img/icon_32_home_black.png) no-repeat;
	background-size: 18px 18px;
	float: left;
}





/* ----------h1---------- */	
#contents_main h1 {
}


/* ---------- H2 段落タイトル設定 ---------- */

#contents_main h2 {
	margin: 20px 0 40px 0;
	padding: 0px 0px 0px 0px;
	clear: both;
	color:#333333;
	line-height: 1.4;
	font-weight:500;
	font-size:28px;
	text-align: center;
}


/* ---------- H3 ---------- */
#contents_main h3 {
	display: inline-block;
	margin: 10px 0 10px 0;
	font-size:24px;
	font-weight:500;
}

/*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
#contents_main .box_white h3 {
	margin: 0px 0px 10px 0 !important;
}

/* ---------- H4/H5/H6 見出し設定 ---------- */

#contents_main h4 {
	margin: 5px 0;
	font-size:22px;
	font-weight:500;
}

#contents_main h5 {
	margin: 5px 0;
	font-size:20px;
	font-weight:500;
}

#contents_main h6 {
	margin: 5px 0;
	font-size:18px;
	font-weight:500;
}

/* ---------- 記事のpノーマル ---------- */

p {
	margin: 0px 0px 0px 0px;
}

/* ---------- 記事のpノーマル ---------- */

/* ---------- 記事のpノーマル ---------- */

#contents_section p,
.news_page_design p,
.blog_page_design p,
.news_list_design p,
.blog_list_design p {
	margin-bottom:20px;
}

.mb60,
table.mb60 {
	margin-bottom: 60px !important;
}

.mb50,
table.mb50 {
	margin-bottom: 50px !important;
}

.mb40,
table.mb40 {
	margin-bottom: 40px !important;
}

.mb30,
table.mb30 {
	margin-bottom: 30px !important;
}

.mb20,
table.mb20 {
	margin-bottom: 20px !important;
}

.mb15,
table {
	margin-bottom: 15px !important;
}

.mb10,
table.mb10 {
	margin-bottom: 10px !important;
}

.mb5,
table.mb5 {
	margin-bottom: 5px !important;
}

.mb0,
.mb0,
table.mb0 {
	margin-bottom: 0px !important;
}

.mt0,
.mt0 {
	margin-top:0px !important;
}

.mt5,
.mt5 {
	margin-top:5px !important;
}

.mt10,
.mt10 {
	margin-top:10px !important;
}

.mt15,
.mt15 {
	margin-top:15px !important;
}

.mt20,
.mt20 {
	margin-top:20px !important;
}

.mt25,
.mt25 {
	margin-top:25px !important;
}

.mt30,
.mt30 {
	margin-top:30px !important;
}

.mt40,
.mt40 {
	margin-top:40px !important;
}

.mt50,
.mt50 {
	margin-top:50px !important;
}

/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
#contents_main .fs_110{font-size:110%;}
#contents_main .fs_120{font-size:120%;}
#contents_main .fs_130{font-size:130%;}
#contents_main .fs_140{font-size:140%;}
#contents_main .fs_150{font-size:150%;}
#contents_main .fs_160{font-size:160%;}
#contents_main .fs_170{font-size:170%;}
#contents_main .fs_180{font-size:180%;}
#contents_main .fs_190{font-size:190%;}
#contents_main .fs_200{font-size:200%;}
#contents_main .fs_210{font-size:210%;}
#contents_main .fs_220{font-size:220%;}
#contents_main .fs_230{font-size:230%;}
#contents_main .fs_240{font-size:240%;}
#contents_main .fs_250{font-size:250%;}
#contents_main .fs_260{font-size:260%;}
#contents_main .fs_270{font-size:270%;}
#contents_main .fs_280{font-size:280%;}
#contents_main .fs_290{font-size:290%;}
#contents_main .fs_300{font-size:300%;}

/*サイズダウン*/
#contents_main .fs_95{font-size:95%;}
#contents_main .fs_90{font-size:90%;}
#contents_main .fs_85{font-size:85%;}
#contents_main .fs_80{font-size:80%;}
#contents_main .fs_75{font-size:75%;}
#contents_main .fs_70{font-size:70%;}
#contents_main .fs_60{font-size:60%;}
#contents_main .fs_50{font-size:50%;}
#contents_main .fs_40{font-size:40%;}
#contents_main .fs_30{font-size:30%;}
#contents_main .fs_20{font-size:20%;}
#contents_main .fs_10{font-size:10%;}

/*色*/
.fc_red{color:#c60025 !important;}
.fc_winered{color:#88212D !important;}
.fc_blue{color:#5477b6 !important;}
.fc_blue2{color:#3366cc !important;}/*WEBセーフカラーのしゃっきりした青*/
.fc_skyblue{color:#6699cc !important;}
.fc_green{color:#66cc66 !important;}
.fc_litegreen{color:#99cc66 !important;}
.fc_mossgreen{color:#60772C !important;}
.fc_orange{color:#ffcc33 !important;}
.fc_purple{color:#663399 !important;}
.fc_litepurple{color:#cc99cc !important;}
.fc_brown{color:#996633 !important;}
.fc_gray{color:#777777 !important;}
.fc_darkgray{color:#666666 !important;}
.fc_litegray{color:#9d9ea8 !important;}
.fc_white{color:#ffffff !important;}
.fc_pink{color:#FF6699 !important;}
.fc_black{color:#000000 !important;}
.fc_yellow{color:#e2b600 !important;}


/*書体*/
/*明朝*/
.ff_sans-serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*ゴシック*/
.ff_serif{
	font-family: 'Montserrat', 'Montserrat Web', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*左右中央揃え　text-alignの略*/
.ta_center{text-align: center !important; width: 100%;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}



/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption,
.caption {
	margin-bottom: 20px !important;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
div.aligncenter {
	display: block;
	overflow: hidden;
	width: 100%!important;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	clear: left;
}

img.aligncenter {
	display: block;
	width:auto;
	text-align: center;
	margin:0 auto;
	margin-bottom: 10px;
	clear: left;
}

/* ----------写真を中央に配置---------- */
.aligncenter img {
	display: block;
	margin: 0 auto 0px auto!important;
}

/* ----------画像まわしこみを解除----------*/
.aligncenter {
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
	overflow: hidden;
	text-align: right;
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}

.alignright img {
	margin-right: 0px;
	margin-right: 0px;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
	overflow: hidden;
	text-align: left;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

.alignleft img {
	margin-right: 0px;
	margin-right: 0px;
}

/* ----------写真を左に配置---------- */
.alignleft img {
	float: left;
	margin: 0 0px 10px 0;
}

/* ----------写真を右側に配置---------- */
.alignright img {
	float: right;
	margin: 0 0 10px 0px;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
p.wp-caption-text,
p.caption-text,
p.caption {
	text-align: left;
	margin-top: 8px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
.aligncenter p.wp-caption-text,
.aligncenter p.caption-text,
.aligncenter p.caption{
	text-align: center;
	margin-top: 8px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*単純にimgにグレーの枠線*/
img.border_gray{
	border: #d8d8d8 solid 1px;
}


/*spanでimgを囲んでspanにグレーの枠線*/
span.border_gray{
	display: inline-block;
	overflow: hidden;
	border: #d8d8d8 solid 1px;
}

span.border_gray img{
	margin: -1px;
}



/* ---------- floatのクリア ---------- */
.float_clear { 
display: inline-block; 
}

.float_clear:after { 
content: ""; 
display: block; 
clear: both; 
}

/* ---------- 記事内のテーブル設定 ---------- */

#contents_section table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100%;
}

#contents_section table.table_90per {
	width: 90% !important;
}

#contents_section table.table_80per {
	width: 80% !important;
}

#contents_section table.table_70per {
	width: 70% !important;
}

#contents_section table.table_60per {
	width: 60% !important;
}

#contents_section table.table_50per {
	width: 50% !important;
}

#contents_section table.table_40per {
	width: 40% !important;
}

#contents_section table.table_30per {
	width: 30% !important;
}

#contents_section table.table_20per {
	width: 20% !important;
}

#contents_section table.table_10per {
	width: 10% !important;
}


#contents_section tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
}

#contents_section th {
	padding: 10px 10px 9px 10px;
	background-color: #eeeeee;
	/*white-space: nowrap;*/
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
}

#contents_section td {
	padding: 10px 10px 9px 10px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
}

#contents_section table p,
#contents_section tr p,
#contents_section th p,
#contents_section td p{
	margin-bottom: 5px;
}


#contents_section table.table_2column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 49%;
	float: left;
	margin-right: 1%;	
}

#contents_section table.table_4column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 24%;
	float: left;
	margin-right: 1%;	
}


/*スマホレスポンシブ対応のテーブル*/
#contents_section table.sp_responsive_table {
}

#contents_section table.sp_responsive_table .sp_only {
	display: none;
}



/* -------------------- 水平線画像 -------------------- */

hr{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:solid 1px #cccccc;
	background:transparent;
	clear:both;
	float:none;
}

hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:dotted 1px #cccccc;
	background:transparent;
	clear:both;
	float:none;
}

/*薄いグレーの罫線*/
.hr_lite_gray{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:solid 1px #d0d0d0;
	color:#ffffff;
	background:#d0d0d0;
	clear:both;
	float:none;
}


hr .mb10,
hr.hr_dot .mb10,
.hr_lite_gray .mb10,
div.mb10{
	margin-bottom:10px;
}

hr .mb20,
hr.hr_dot .mb20,
.hr_lite_gray .mb20,
div.mb20{
	margin-bottom:20px;
}

hr .mb30,
hr.hr_dot .mb30,
.hr_lite_gray .mb30,
div.mb30{
	margin-bottom:30px;
}

hr .mb40,
hr.hr_dot .mb40,
.hr_lite_gray .mb40,
div.mb40{
	margin-bottom:40px;
}

hr .mb50,
hr.hr_dot .mb50,
.hr_lite_gray .mb50,
div.mb50{
	margin-bottom:50px;
}

hr .mb60,
hr.hr_dot .mb60,
.hr_lite_gray .mb60,
div.mb60{
	margin-bottom:60px;
}

hr .mb70,
hr.hr_dot .mb70,
.hr_lite_gray .mb70,
div.mb70{
	margin-bottom:70px;
}

hr .mb80,
hr.hr_dot .mb80,
.hr_lite_gray .mb80,
div.mb80{
	margin-bottom:80px;
}

hr .mb90,
hr.hr_dot .mb90,
.hr_lite_gray .mb90,
div.mb90{
	margin-bottom:90px;
}

hr .mb100,
hr.hr_dot .mb100,
.hr_lite_gray .mb100,
div.mb100{
	margin-bottom:100px;
}


/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

.box_gray {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

.box_gray_compact {
	overflow: hidden;
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
	line-height: 150%;
}

.box_gray5 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}

.box_gray10 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #d2d2d2;
}

/*左右のパディングの幅が片方80px*/
.box_gray_padding80{
	overflow: hidden;
	padding:35px 80px 35px 80px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

/*左右のパディングの幅が片方80px*/
.box_gray5_padding80{
	overflow: hidden;
	padding:35px 80px 35px 80px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}


.box_yellow {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #e2b600;
}

.box_yellow_compact {
	overflow: hidden;
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #e2b600;
	line-height: 150%;
}

.box_yellow5 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #e2b600;
}

.box_yellow10 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #e2b600;
}


.box_gray.mb0,
.box_gray5.mb0,
.box_gray10.mb0,
.box_gray_padding80.mb0{
	overflow: hidden;
	margin-bottom:0px !important;
}
.box_gray.mb10,
.box_gray5.mb10,
.box_gray10.mb10,
.box_gray_padding80.mb10{
	overflow: hidden;
	margin-bottom:10px !important;
}
.box_gray.mb20,
.box_gray5.mb20,
.box_gray10.mb20,
.box_gray_padding80.mb20{
	overflow: hidden;
	margin-bottom:20px !important;
}
.box_gray.mb30,
.box_gray5.mb30,
.box_gray10.mb30,
.box_gray_padding80.mb30{
	overflow: hidden;
	margin-bottom:30px !important;
}
.box_gray.mb40,
.box_gray5.mb40,
.box_gray10.mb40,
.box_gray_padding80.mb40{
	overflow: hidden;
	margin-bottom:40px !important;
}
.box_gray.mb50,
.box_gray5.mb50,
.box_gray10.mb50,
.box_gray_padding80.mb50{
	overflow: hidden;
	margin-bottom:50px !important;
}

.box_gray h2,
.box_gray5 h2,
.box_gray10 h2,
.box_gray h3,
.box_gray5 h3,
.box_gray10 h3{
	margin-top:0px;
}


.box_yellow.mb0,
.box_yellow5.mb0,
.box_yellow10.mb0{
	overflow: hidden;
	margin-bottom:0px !important;
}
.box_yellow.mb10,
.box_yellow5.mb10,
.box_yellow10.mb10{
	overflow: hidden;
	margin-bottom:10px !important;
}
.box_yellow.mb20,
.box_yellow5.mb20,
.box_yellow10.mb20{
	overflow: hidden;
	margin-bottom:20px !important;
}
.box_yellow.mb30,
.box_yellow5.mb30,
.box_yellow10.mb30{
	overflow: hidden;
	margin-bottom:30px !important;
}
.box_yellow.mb40,
.box_yellow5.mb40,
.box_yellow10.mb40{
	overflow: hidden;
	margin-bottom:40px !important;
}
.box_yellow.mb50,
.box_yellow5.mb50,
.box_yellow10.mb50{
	overflow: hidden;
	margin-bottom:50px !important;
}

.box_yellow h2,
.box_yellow5 h2,
.box_yellow10 h2,
.box_yellow h3,
.box_yellow5 h3,
.box_yellow10 h3{
	margin-top:0px;
}







.box_lightbrown {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px rgba(150,122,70,0.4);
}

.box_lightbrown_compact {
	overflow: hidden;
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px rgba(150,122,70,0.4);
	line-height: 150%;
}

.box_lightbrown5 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px rgba(150,122,70,0.4);
}

.box_lightbrown10 {
	overflow: hidden;
	padding:25px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px rgba(150,122,70,0.4);
}


.box_gray_bg {
	overflow: hidden;
	padding:35px 50px 30px 50px;
	margin:10px 0px 25px 0px;
	/*background-color: #eaeaea;*/
	background-color: #f8f8f8;
	line-height: 150%;
}

.box_green_bg {
	overflow: hidden;
	padding:35px 50px 30px 50px;
	margin:10px 0px 25px 0px;
	background-color: #d7e0c3;
	line-height: 150%;
}

.box_white_bg {
	overflow: hidden;
	padding:35px 50px 30px 50px;
	margin:10px 0px 25px 0px;
	background-color: #ffffff;
	line-height: 150%;
}

.box_white_bg80 {
	overflow: hidden;
	padding:35px 50px 30px 50px;
	margin:10px 0px 25px 0px;
	background-color:rgba(255, 255, 255, 0.8);
	line-height: 150%;
}

.box_beige_bg {
	overflow: hidden;
	padding:35px 50px 30px 50px;
	margin:10px 0px 25px 0px;
	background-color: #E1DAB9;
	line-height: 150%;
}



/* ---------- 記事内のol ---------- */

ol {
	margin-left: 0em !important;
	padding-left: 2.2em;
	padding-bottom: 8px;
	list-style-type: decimal;
}

ol li {
	padding: 2px 0px 6px 0px;
	text-indent: 0 !important;
}


/* ---------- 記事内のul ---------- */

#contents_section ul {
	margin-bottom: 8px;
	list-style:none;
	padding-left: 1.2em !important;
}

/* ---------- 記事内のulのli ---------- */

#contents_section ul li {
	padding: 2px 0px 6px 0px;
}

#contents_section ul li:before {
	display: inline-block;
	width: 1.2em;
	margin-left:-1em;
	content: '・';
	color: #c60025;
	font-weight: 600;
}


/* ---------- 記事内のア、イ、ウ…のli ---------- */

#contents_section .list_50on,
#contents_section ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
}

#contents_section .list_50on li,
#contents_section ul li .list_50on li {
	padding-left: 2.2em !important;
text-indent: -2.2em !important;
}





/* ---------- Pやspanの注釈 ---------- */

.annotate {
	padding: 4px 0px 4px 0px;
	font-size: 86%;
	color: #555555;
}



/* ---------- リストのannotate「※」のみ ---------- */

#contents_section ul.annotate {
	margin-bottom: 8px;
	list-style:none;
	padding-left: 1.4em !important;
}

#contents_section ul.annotate li {
	padding: 2px 0px 2px 0px;
	color: #555555;
	font-size: 94%;
}

#contents_section ul.annotate li:before {
	display: inline-block;
	width: 1.4em;
	margin-left:-1.4em;
	content: '※';
	color: #555555;	
	font-size: 94%;
}


/* ---------- リストのannotate「※1、※2」 ---------- */

#contents_section ul.no_annotate {
	margin-bottom: 8px;
	list-style:none;
	padding-left: 3em !important;
	font-size: 86%;
}

#contents_section ul.no_annotate li {
	padding: 2px 0px 6px 0px;
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(1):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※1';
	color: #555555;	
}

#contents_section ul.no_annotate li:nth-Child(2):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※2';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(3):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※3';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(4):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※4';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(5):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※5';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(6):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※6';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(7):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※7';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(8):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※8';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(9):before {
	display: inline-block;
	width: 3em;
	margin-left:-3em;
	content: '※9';
	color: #555555;
}






/* ---------- タグ欄 ---------- */

div#contents_footer > dl {
	margin: 50px 0 20px 0;
}

div#contents_footer > dl dt {
	float: left;
}

div#contents_footer > dl dd {
	padding-left: 3em;
}



/* ---------- このページを見た人は… ---------- */

div.recommend_page {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 20px 20px 15px 20px;
	border:solid 5px #ebebeb;
}

div.recommend_page > span {
	background: url(../img/icon_recommend_box.png) no-repeat 0 -5px;
	padding-left: 30px;
	font-size: 108%;
	font-weight: bold;
	color:#666666;
}

div.wherego_related > ul {
	margin: 10px 30px;
}

#contents_section div.wherego_related ul li {
	padding: 2px 0px 6px 0px;
	padding-left: 0.4em !important;
	text-indent: 0em !important;
	list-style:none;
	background: none !important;
	background: url(../img/icon_32_link_black.png) no-repeat left 2px        !important;
	background-size: 24px 24px !important;
	padding-left: 26px !important;
}

div.wherego_related > ul > li a {
	text-decoration: none;
}

div.wherego_related > ul > li a:hover {
	text-decoration: underline;
}




/* ---------- SNSボタンのエリア ---------- */

/*トップページのみ背景に色をつける*/
.frontpage_sns_box_bg{
	/*background-color: #ECECEB;*/
	/*background-color: #ffffff;*/
}

/*サイト共通*/
.sns_box {
	display: block;
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}


/*トップのみ*/
.contents_area_frontpage .sns_box {
	display: block;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 40px;
}

.tw_btn {
	display: inline-block;
	padding-top: 0px;
	margin-right: 3px;
}

/*IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tw_btn {
		padding-top: 0px;
	}
}

.fb_btn {
	/*width: 520px;*/
	display: inline-block;
	margin-right: 8px;
	margin-top:0px;
}


.fb-like {
	top:0px;
}

@media screen and ( max-width: 560px ) {

	.fb_btn {
		width: 100%;
		overflow: hidden;
		display: block;
	}
}

.hb_btn {
	float: left;
	display: inline-block;
	padding-top: 0px;
}

@media screen and ( max-width: 560px ) {

	.hb_btn {
		width: 100%;
		overflow: hidden;
		display: block;
	}
}




/* ---------- リンクアイコン設定 ---------- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_red_circle.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_pdf,
a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_red_circle.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_blank {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_blank.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_pdf,
a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_pdf.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_anchor_down {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 26px;
	min-height: 20px;
	background: url(../img/icon_32_open_bg_brown.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_link:hover, a.icon_pdf:hover, a.icon_download:hover, a.icon_blank:hover, a.icon_anchor_down:hover{
	color: #c60025;
	text-decoration: underline;
}




#contents_section .sp_only,
.sp_only {
	display:none;
}

#contents_section .pc_only,
.pc_only {
}

#contents_section .print_only,
. print_only {
	display:none;
}



/* ---------- 記事内のオリジナル汎用ボタン* ---------- */

a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_link_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_link_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}




a.button_blank{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_blank_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button_blank:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_blank_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}

a.button_pdf,
a.button_download{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_pdf_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button_pdf:hover,
a.button_download:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_pdf_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}


/* ---------- 汎用タイトル装飾　上下に二重線 ---------- */
.title_double_line_brown{
	background-image: url(https://www.tilcor-roof.jp/img/double_line_brown.png) , url(https://www.tilcor-roof.jp/img/double_line_brown.png);
background-repeat: repeat-x,repeat-x;
background-position: left top, left bottom;
text-align: center;
}

/* ---------- pをliのような箇条書きで並べる（点線下線） ---------- */
.p_text_underline{
	font-size: 96%;
	border-bottom: dotted 1px #dbdbdb;
	margin-bottom: 0.4em !important;
	padding-bottom:0.4em;
	padding-left: 0.8em;
	padding-right: 0.4em;
	box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
}



/* ---------- 汎用div 2column　760、330 ---------- */

.div_2column_box{
	display:block;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 0px;
}

.div_2column_box_left{
	display:block;
	overflow:hidden;
	position:relative;
	width:760px;
	margin:0px 0px 0px 0px;
	float:left;
}

.div_2column_box_right{
	display:block;
	overflow:hidden;
	position:relative;
	width:330px;
	margin:0px 0px 0px 0px;
	float:right;
}

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display: block;
	overflow: hidden;
	position: relative;
}

/*左*/
.text_box_2column_left{
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 2%;
}

/*右*/
.text_box_2column_right{
	display: block;
	overflow: hidden;
	position: relative;
	margin-right: 0%;
	float: right;
}

.text_box_2column_left img,
.text_box_2column_right img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}




/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display: block;
	overflow: hidden;
	position: relative;
}

/*左*/
.text_box_3column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 31%;
	margin-right: 3%;
	float: left;
}

/*中央*/
.text_box_3column_center{
	display: block;
	overflow: hidden;
	position: relative;
	width: 31%;
	margin-right: 3%;
	float: left;
}

/*右*/
.text_box_3column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 31%;
	margin-right: 0%;
	float: left;
}

.text_box_3column_left img,
.text_box_3column_center img,
.text_box_3column_right img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}



/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display: block;
	overflow: hidden;
	position: relative;
}

/*左*/
.text_box_4column_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 2%;
	float: left;
}

/*中央*/
.text_box_4column_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 2%;
	float: left;
}

/*中央*/
.text_box_4column_3{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 2%;
	float: left;
}

/*右*/
.text_box_4column_4{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 0%;
	float: left;
}

.text_box_4column_1 img,
.text_box_4column_2 img,
.text_box_4column_3 img,
.text_box_4column_4 img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}



/* ---------- div内で4列に並べる幅で、1-1-2 という感じの変則版div ---------- */

/*4列全体　div*/
.text_box_4column_1-1-2{
	display: block;
	overflow: hidden;
	position: relative;
	
}

/*左*/
.text_box_4column_1-1-2_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 2%;
	float: left;
	
}

/*中央*/
.text_box_4column_1-1-2_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 23%;
	margin-right: 2%;
	float: left;
}

/*右（2枠分）*/
.text_box_4column_1-1-2_34{
	display: block;
	overflow: hidden;
	position: relative;
	width: 50%;
	float: left;
}




/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display:block;
	position:relative;
	width:100%;
	height:51px;
	/*border-bottom:solid 1px #d2d2d0 !important;*/
	border-bottom:solid 3px #dfdfdf;
	margin-bottom:40px;
}

/*タブ1つ分 div*/
.general_tab_menu{
	display:inline-block;
	position: relative;
	min-width:202px;
	height:48px;
	padding:12px 10px 8px 10px;
	margin-right:5px;
	margin-bottom:0px;
	float:left;
	list-style:none;
	text-align:center;
	font-size:100%;
	letter-spacing:0em;
	color:#31312f;
	/*background-color:#E8E8CE;*/
	background-color:#dfdfdf;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	border-bottom:solid 0px #dfdfdf !important;
	cursor: pointer;
	box-sizing: border-box;	
}

.general_tab_menu:hover{
	/*background-color:#DBE5CA;*/
	background:#dfdfdf;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	filter:alpha(opacity=80) !important; /*IE*/
	-moz-opacity:0.80 !important; /*FF*/
	opacity:0.80 !important;
}



/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background:#ffffff;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	/*border-bottom:solid 1px #884466;*/
	border-bottom:solid 3px #ffffff;
	cursor:default;
	height:51px;
	box-sizing: border-box;
}

.general_tab_nowselect:hover{
	color:#31312f;
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1.00 !important; /*FF*/
	opacity:1.00 !important;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
/*	overflow:hidden;*/
}

/*切り替えられる中身はdiv「box_gray」で囲む*/
.general_tab_contents .box_gray{
	margin-top:0px !important;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	display:none;
}


/*各ページのタグ表示欄　div*/
.tag_box{
	display: block;
	overflow: hidden;
	position: relative;
	float: none;
	clear: both;
}

.tag_box dt{
	display: inline-block;
	float: left;
	padding: 3px 0px 0px 0px;
}

.tag_box dt:before{
	content: url(https://www.tilcor-roof.jp/img/icon_16_icon_clip_gray.png);
position: relative;
top: 1px;
left: 0px;
margin-right: 4px;
}

.tag_box dd a{
	display: inline-block;
	padding: 3px 5px 3px 5px;
	line-height: 100% !important;
	background-color: #666666;
	color: #ffffff;
	height:auto;
	min-width: 40px;
	font-size: 90% !important;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;/* CSS3草案 */ 
-webkit-border-radius: 3px;/* Safari,Google Chrome用 */ 
-moz-border-radius: 3px;/* Firefox用 */ 
}

.tag_box dd a:hover{
	background-color: #888888;
}


/* ---------- 固定ページを含むすべての記事ごとのフッター ---------- */
#contents_footer{
	margin:10px 0px 10px 0px;
}

/*news、Blogの各記事フッター*/
div.news_page_design div#contents_footer,
div.blog_page_design div#contents_footer,
div.news_page_design div#contents_footer {
	margin: 10px 0 10px 0;
}

div.news_list_design div#contents_footer,
div.blog_list_design div#contents_footer,
div.news_list_design div#contents_footer {
	margin: 25px 0 3.0em 0 !important;
	padding-bottom: 2.0em;
	border-bottom:solid 1px #ddd;
}

/*news、Blogの各記事フッター内に表示される「記事一覧へ」リンク、と続きを見る（more-link）を囲んだdiv*/
.to_blog_list_box{
	display: block;
	text-align: center;
}




/*news、Blogの各記事フッター内に表示される「記事一覧へ」リンク、と続きを見る（more-link）*/
.to_news_list a,
.to_blog_list a,
.to_news_list a,
a.more-link{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 340px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.to_news_list a:hover,
.to_blog_list a:hover,
.to_news_list a:hover,
a.more-link:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}


/*aの中のp*/
.to_news_list a p,
.to_blog_list a p,
.to_news_list a p,
a.more-link p{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}


.more-link{
	margin-top: 15px;
	margin-bottom: 15px;
}




/*----------一覧ページ関連（検索結果、新着一覧、タグ一覧など）----------*/

/*検索結果上部のメッセージ欄　div*/
.search_message_box{
	padding: 20px 40px 20px 40px;
}

.search_message_box h3{
}

.search_message_box h3 span{
	font-size: 110%;
	font-weight: 600 !important;
}


/*検索結果リストすべてのくくり　div*/
.search_list_box{
	padding: 20px 40px 20px 40px;
}


/*1セットのくくり（検索、新着、タグ等共通）　div*/
.list_page_article {
	display: block;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

/*1セットのくくり*/
.search_list_box .list_page_article, .archive_list_box .list_page_article {
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #bbbbbb;
}

/*親ページ（大カテゴリ）名*/
.search_list_box .list_page_article .pagesub, .archive_list_box .list_page_article .pagesub {
}

/*ページタイトル*/
.search_list_box .list_page_article .pagetitle, .archive_list_box .list_page_article .pagetitle {
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 6px 0px;
	font-size: 130%;
}

/*ページタイトルのaタグ*/
.search_list_box .list_page_article .pagetitle a, .archive_list_box .list_page_article .pagetitle a {
	text-decoration: underline;
	color: #333333;
}

/*カテゴリー*/
.pagesub_box{
	display: inline-block;
	padding: 3px 5px 3px 5px;
	line-height: 100% !important;
	background-color: #666666;
	color: #ffffff;
	height:auto;
	min-width: 40px;
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;/* CSS3草案 */ 
-webkit-border-radius: 3px;/* Safari,Google Chrome用 */ 
-moz-border-radius: 3px;/* Firefox用 */ 
}

/*更新月日*/
.search_list_box .list_page_article .pagedate, .archive_list_box .list_page_article .pagedate {
	display: none;
	/*font-size: 90%;*/
}

/*本文*/
.search_list_box .list_page_article .pagetext, .archive_list_box .list_page_article .pagetext {
	font-size: 96%;
	color: #555555;
}

/*span*/
.search_list_box .pagetag{
	display: block;
	float: none;
	width: 100%;
	margin: 10px 0px 10px 0px;
	
}

/*ページネーション（ソースはネット共通のもの）*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
	padding: 3px;
	margin: 15px 3px 60px 3px;
	text-align: left;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
	padding: 12px 12px 12px 12px;
	margin-right: 2px;
	border: 1px solid #555555;
	text-decoration: none;
	color: #555555;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
	padding: 12px 12px 12px 12px;
	margin-right: 2px;
	border: 1px solid #555555;
	background-color: #666666;
	color: #FFF;
}

.wp-pagenavi span.current,
.pagination span.current {
	padding: 12px 12px 12px 12px;
	margin-right: 2px;
	border: 1px solid #333333;
	font-weight: bold;
	background-color: #333333;
	color: #ffffff;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
	padding: 12px 12px 12px 12px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

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

news（news）、ブログページの基本パーツ設定

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

/*newsとブログのタイトル（h1）に文字色*/
.news_page_design h1,
.blog_page_design h1,
.news_page_design h1,
.news_list_design h1,
.blog_list_design h1,
.news_list_design h1{
	text-align: left !important;
	font-weight:600;
	font-size:22px;
}

/*h2を左寄せに*/
.news_page_design h2,
.blog_page_design h2,
.news_page_design h2,
.news_list_design h2,
.blog_list_design h2,
.news_list_design h2{
	margin: 0px 0 20px 0;
	padding: 0px 0px 0px 0px;
	clear: both;
	color:#555555;
	line-height: 1.3;
	font-weight:400;
	font-size:21px;
	text-align: left !important;
}

#contents_main.news_page_design .entry_header,
#contents_main.blog_page_design .entry_header,
#contents_main.news_page_design .entry_header{
	position: relative;
	display: block;
	margin-bottom: 1.7em;
	padding-bottom: 10px;
	border-bottom:2px solid #efefef;
}

#contents_main.news_page_design .entry_header .entry_title,
#contents_main.blog_page_design .entry_header .entry_title,
#contents_main.news_page_design .entry_header .entry_title{
	padding: 0.0em 0.0em 0.2em 0em;
	margin-bottom: 0.7em;
}

#contents_main.news_list_design .entry_header .entry_title,
#contents_main.blog_list_design .entry_header .entry_title,
#contents_main.news_list_design .entry_header .entry_title{
	padding: 0.0em 0.0em 0.2em 0em;
	margin-bottom: 1.7em;
}

#contents_main .entry_header .entry_title a{
	color: #333333;
	text-decoration: none;
}

#contents_main .entry_header .entry_title a:hover{
	color: #777777;
	text-decoration: none;
}


/*newsとBlogの記事ページのタイトルの下の日付*/
#contents_main .entry_header .entry_title .pagedate{
	display: inline-block;
	margin:0px 6px 5px 0px;
	padding:0px 0px 10px 0px;
	font-size:96%;
	color: #646464;
}


.entry_title .icon_news_category1,
.entry_title .icon_news_category2,
.entry_title .icon_news_category3,
.entry_title .icon_news_category4,
.entry_title .icon_news_category5,
.entry_title .icon_news_category6,
.entry_title .icon_news_category7,
.entry_title .icon_news_category8,
.entry_title .icon_news_category9,
.entry_title .icon_news_category10{
	position: relative;
	top: -1px !important;
}





.news_list_design .entry_section,
.blog_list_design .entry_section,
.news_list_design .entry_section{
	overflow: hidden !important;
}

/*news、Blog記事単体ページ下部の記事間リンクナビゲーション*/
.nav-single {
	position: relative;
	display: block;
	overflow: hidden;
	float: none;
	margin: 50px 0px 30px 0px;
}

.nav-single a:hover{
	text-decoration: underline;
}

.nav-previous, .nav-next {
	position: relative;
	display: block;
	width: 45%;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 90%;
}

.nav-previous {
	float: left;
	padding-left: 1em;
}

.nav-next {
	float: right;
	padding-right: 1em;
	text-align: right;
}

.nav-previous .meta-nav {
	position: absolute;
	top: 0;
	left: 0;
}

.nav-next .meta-nav {
	position: absolute;
	top: 0;
	right: 0;
}


/* ----- 新着動画：エリア全体 ----- */
.youtube_box{
	display:inline-block;
	max-width:760px;
	margin:0px 0px 10px 0px;
}


/* 新着動画：iフレーム */
.youtube_box iframe{
	display:block;
	margin:0px 0 10px 0;
}



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

サイドメニューのスタイル

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

div#contents_side .side_box {
	padding: 0px;
	margin: 0px 0px 40px 0px;
	/*border: solid 1px #d2d2d2;*/
}

/* ----------PC：タイトル---------- */

/*サイドのh2*/
div#contents_side .side_title_box {
	display:block;
	overflow:hidden;
	width:280px;
	padding:0px 0px 5px 0px;
	border-bottom:solid 1px #ddd;
}

/*サイドのh2*/
div#contents_side .side_title_box h2 {
	color:#333333;
}

/*サイドのh2の中のa*/
div#contents_side .side_title_box h2 a {
	
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 b {
	font-weight:500;
	font-size:20px;
}

/*サイドのリンク欄のul*/
div#contents_side .news_current_list,
div#contents_side .blog_current_list,
div#contents_side .news_current_list,
div#contents_side .news_archive_list,
div#contents_side .blog_archive_list,
div#contents_side .news_archive_list {
	margin: 0px 0px 35px 0px;
}



/*カテゴリの子ページリンク*/
div#contents_side .news_current_list a,
div#contents_side .blog_current_list a,
div#contents_side .news_current_list a,
div#contents_side .news_archive_list a,
div#contents_side .blog_archive_list a,
div#contents_side .news_archive_list a{
	display:block;
	overflow:hidden;
	padding:12px 0px 10px 0px;
	border-bottom: solid 1px #d2d2d2;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:100%;
	line-height:140%;
	text-decoration: none;
}



div#contents_side .news_current_list a:hover,
div#contents_side .blog_current_list a:hover,
div#contents_side .news_current_list a:hover,
div#contents_side .news_archive_list a:hover,
div#contents_side .blog_archive_list a:hover,
div#contents_side .news_archive_list a:hover {
	color:#777777 !important;
}


div#contents_side .blog_category_list a{
	display:block;
	overflow:hidden;
	padding:7px 0px 5px 0px;
	border-bottom: solid 0px #d2d2d2;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:100%;
	line-height:140%;
	text-decoration: underline;
}

div#contents_side .blog_category_list li:first-Child{
	padding-top: 10px;
}

div#contents_side .blog_category_list a:hover{
	color:#777777 !important;
}


/*記事タイトル*/
div#contents_side .category_current_list p,
div#contents_side .news_current_list p,
div#contents_side .blog_current_list p,
div#contents_side .news_current_list p{
	display: block; 
	clear: both; 
	font-size: 15px;
	line-height: 150%;
	margin-bottom: 3px;
}


/*カテゴリの子ページリンクの日付 span*/
div#contents_side .category_current_list .pagedate,/*固定ページの子ページリストの日付*/
div#contents_side .news_current_list .pagedate, /*お知らせページの記事ページリストの日付*/
div#contents_side .blog_current_list .pagedate, /*ブログページの記事ページリストの日付*/
div#contents_side .news_current_list .pagedate /*お知らせページの記事ページリストの日付*/
{
	display: inline-block;
	margin:5px 6px 1px 0px;
	padding:4px 0px 0px 0px;
	font-size:13px;
	line-height: 100%;
	color: #646464;
}


div#contents_side .category_current_list a:hover .pagedate,/*固定ページの子ページリストの日付*/
div#contents_side .news_current_list a:hover .pagedate, /*お知らせページの記事ページリストの日付*/
div#contents_side .blog_current_list a:hover .pagedate, /*ブログページの記事ページリストの日付*/
div#contents_side .news_current_list a:hover .pagedate /*お知らせページの記事ページリストの日付*/

{
	text-decoration: none !important;
}



div#contents_side .icon_news_category1,
div#contents_side .icon_news_category2,
div#contents_side .icon_news_category3,
div#contents_side .icon_news_category4,
div#contents_side .icon_news_category5,
div#contents_side .icon_news_category6,
div#contents_side .icon_news_category7,
div#contents_side .icon_news_category8,
div#contents_side .icon_news_category9,
div#contents_side .icon_news_category10{
	position: relative;
	top: -2px !important;
}



/*ブログ、トピックスなどのタイトルの共通設定*/
div#contents_side .side_title_news,
div#contents_side .side_title_blog,
div#contents_side .side_title_news {
	padding: 0px;
	margin: 0px;
	line-height: 1.3;
	display: block;
	/*width:640px;*/
	padding: 0px 0 0px 0 !important;
	margin: 0px 0 20px 0 !important;
	clear: both;
	border-left: none !important;
	border-bottom: solid 3px #333 !important;
}

/*ブログのカテゴリリンク枠*/

/*カテゴリリンクの枠*/
.side_box_category_topics_category ul{
	display:block;
	overflow:hidden;
	width:270px;
	padding:8px 14px 8px 14px;
	border: solid 1px #d2d2d2;
}

/*カテゴリリンクのa*/
.side_box_category_topics_category ul li a{
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:96%;
	line-height:130%;
}

.side_category_list_subtitle{
	color:#848484;
	font-size:94%;
	margin-bottom:4px;
}




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

親カテゴリーのリンクボタン

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

/*親カテゴリの子ページリンク*/
/*エリア全体　div*/
#child_section{
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	
}

/*div*/
.child-pages{
	
}

/*a*/
.child-pages a{
	display: inline-block;
	min-width: 270px;
	margin-left: 12px;
	margin-bottom: 15px;
	padding: 0.5em 0.5em 0.5em 2.2em;
	color: #ffffff;
	font-size: 15px;
	border: solid 3px #312c2a;
	background: url(../img/icon_32_link_white.png) no-repeat 0.8em center;
	background-size: 22px 22px;
	background-color:#312c2a;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	float: left;
	text-decoration: none;
}

.child-pages a p{
	margin-bottom: 0px !important;
}



.child-pages a:hover{
	color: #ffffff;
	background: url(../img/icon_32_link_white.png) no-repeat 0.8em center;
	background-size: 22px 22px;
	background-color:#e2b600;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


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

フッター

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

/*------------- フッター -------------*/

/*フッターの中身を包んだ大枠*/
.footer_inner {/*幅1080ピクセル*/
	display:block;
	width: 1080px;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	margin-bottom:0px;
	overflow:hidden;
	text-align: left !important;
	position: relative;
}

/*ロゴ画像　div*/
.footer_logo{
	display:block;
	position: relative;
	width: 140px;
	height: 35px;
	margin:10px 0px 20px 0px;
	background: url(../img/footer_logo_x2.png) no-repeat center center;
	background-size: 140px 35px;/*260x70*/
}

.footer_logo p{
	display: none;
}


.footer_address_box{
	display:block;
	position: relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

/*社名　p*/
.footer_company{
	display: inline-block;
	padding: 0px;
	line-height:normal;
	font-size: 15px;
	font-weight: 600;
	margin-right: 20px;
}

/*住所　p*/
.footer_address{
	display: inline-block;
	padding: 0px;
	line-height:normal;
	font-size: 14px;
}



.copyright{
	display:block;
	position: relative;
	padding:20px 0px 20px 0px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
	float: none;
	clear: both;
	border-top: solid 1px #d3d3cf;
}

.copyright p{
	font-size: 13px;
	color: #666666;
}



/* ----------ページTOPへボタン（ページの先頭へ）---------- */
#pagetop_wrapper {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	width: 68px;
	height: 68px;
	z-index:9999 !important;
}

.pagetop {
	display: block;
	float: right;
	width: 68px;
	height: 68px;
}

.pagetop a {
	display: block;
	width: 68px;
	height: 68px;
	background:url(../img/btn_pagetop.png) top right no-repeat;
	background-size:68px 68px;
}

.pagetop a:hover {
	margin-top: -5px;
}

/*firefoxのリンクの点線を消す*/
.pagetop a:focus{
	outline: none;
}

.pagetop a b {
	display:none;
}


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

トップページ専用スタイル

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

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

トップのメインコンテンツの基本設定

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

/* ----------メインビジュアル---------- */
.mainvisual_area { /*section*/
	display: block;
	clear: both;
	z-index:-1000 !important;
	height: 460px;
	overflow: hidden;
	background-color: #ededed;
}


.mainvisual_outer {
	z-index:-999;
}

.mainvisual_inner {
/*「mainvisual_inner」のstyleは、下部トップページ設定へ記載*/
}


/* ---------- メインビジュアルと動画 ---------- */

.mainvisual_inner {
	position: relative;
	clear: both;
	float: none;
	overflow: hidden;
	min-width: 1100px !important;

}

/*メインビジュアル youtube版  ----------------ここから*/

#main_visual{
	display:block;
	width:100%;
	position:relative;
	padding:0;
	padding-bottom: 60%;
	max-height: 500px !important;
	height: 0;
	overflow: hidden;
}

/*padding-bottom: 56.25%;　16:9用*/
/*padding-bottom: 41.75%;*/ /*1200×500用*/


#main_visual iframe {
	position: absolute;
	top: -20%;
	left: 0;
	width: 100%;
	height: 100%;
}



.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 500px;
	z-index: 10;
	background: url(../img/movie_filter.png);
	pointer-events: none;
}

.overlay_inner{
	position:relative;
	width: 1080px;
	height:100%;
	margin:0 auto;
	pointer-events: none;
}


/*中央キャッチコピー*/

.overlay_center_box{
	display: block;
	width: 100%;
	position:absolute;
	top: 170px;
	text-align: center;
}


/*キャッチコピー　p*/

.mainvisual_catchcopy {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	font-size: 17px;
	color: #ffffff;
}


.mainvisual_logo{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 270px;
	height: 70px;
	background: url(../img/main_visual_logo_white02.png) no-repeat;
}

.mainvisual_logo b{
	display: none;
}


/*メインビジュアル youtube版  ----------------ここまで*/





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

トップの「製品の特徴」欄

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

.top_features_box_bg{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	padding:0px 0px 50px 0px;
	/*background: url(../img/top_features_bg.png) no-repeat 85% 20%;*/
}

.top_features_catchcopy_box{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

/*h3タイトル*/
h3.top_features_catchcopy_e{
	font-size: 41px;
	color: #9d9ea8;
	font-weight: 400;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
}

/*h2タイトル*/
h2.top_features_catchcopy{
	display: inline-block;
	font-size: 26px;
	/*font-weight: 600;*/
	text-align: left;
	line-height: 100%;
	margin-bottom: 20px;
}

h2.top_features_catchcopy span.top_features_catchcopy_small{
	font-size: 19px;
}

h2.top_features_catchcopy span.top_features_catchcopy_red{
	display: inline-block;
	font-size: 46px;
	color: #a90029;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	margin-left: 5px;
	margin-right: 5px;
}

p.top_features_catchcopy_copy{
	text-align: center;
	font-size: 96%;
	color: #757a7e;
}




/*アイコン画像配置枠　div*/
.top_features_img_box{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

.top_features_img_box_inner_1,
.top_features_img_box_inner_2{
	display: inline-block;
	text-align: center;
}



/*詳細を見るボタン div*/
.top_features_link_box{
	text-align: center;
	margin: 10px 10px 10px 10px;
}



.top_features_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 340px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_features_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_features_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}






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

トップの「製品一覧」欄

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

.top_products_box_bg{
	display:block;
	width:100%;
	padding:40px 0px 40px 0px;
	background-color: #edeced;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_products_box{
	display:block;
	margin: 0 auto;
}


/*タイトル枠外側　div*/
.top_products_title_box_outer{
	display:block;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*タイトル枠内側　div*/
.top_products_title_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*h2タイトル*/
h2.top_products_title{
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
}

h2.top_products_title b{
	font-weight: 400;
}

h2.top_products_title span{
	display: inline-block;
	font-size: 18px !important;
}

h3.top_products_catchcopy{
	font-size: 17px;
}


/*div*/
.top_products_contents_box_outer{
	display:block;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*div*/
.top_products_contents_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}



/*各製品のリンク一覧　ul*/
.top_products_list{
	display:block;
	position: relative;
	overflow: hidden;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*各製品のリンク一覧の1つ分　li*/
.top_products_1box{

	width:25%;
	float: left;
}

.top_products_1box a{
	display:block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	width: 100%;
	height: auto;
	background-color: #666666;
}


.top_products_1box a img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.top_products_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}





/*製品名　p*/
.top_products_1box a .top_to_products_link_name{
	display:block;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center !important;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}


.top_to_products_link_name span{
	font-size: 13px;
}




/*製品を見るボタン div*/
.top_products_link_box{
	text-align: center;
	margin: 10px 10px 10px 10px;
}



.top_products_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 340px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_products_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_products_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}



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

トップの「ギャラリー」欄

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

.top_gallery_box_bg{
	display:block;
	width:100%;
	padding:40px 0px 40px 0px;
	background-color: #ffffff;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_gallery_box{
	display:block;
	position: relative;
	margin: 0 auto;
	height: 400px;
}


/*タイトル枠外側　div*/
.top_gallery_title_box_outer{
	display:block;
	position: relative;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
	height: 400px;
	z-index: 1;
}

/*タイトル枠内側　div*/
.top_gallery_title_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 90px 20px 0px 20px;
	text-align: center;
}

/*h2タイトル*/
h2.top_gallery_title{
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
	color: #ffffff;
}

h2.top_gallery_title b{
	font-weight: 400;
}

h2.top_gallery_title span{
	display: inline-block;
	font-size: 18px !important;
}

p.top_gallery_copy{
	font-size: 16px;
	text-align: center;
	color: #ffffff;
}


/*div*/
.top_gallery_contents_box_outer{
	display:block;
	position:relative;
	top:-400px;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*div*/
.top_gallery_contents_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*画像配置　div*/
.top_gallery_img_box{
	display:block;
	width:1080px;
	margin: 0 auto;
	overflow: hidden;
	z-index: -1;
}



/*ギャラリーを見るボタン div*/
.top_gallery_link_box{
	display: block;
	position: absolute;
	width: 100%;
	max-width: 1060px;
	top: 245px;
	text-align: center;
	margin: 10px 10px 10px 10px;
	z-index: 2 !important;
}



.top_gallery_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 340px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: rgba(0,0,0,0.6);
	border: solid 1px #ffffff;
	z-index: 9999 !important;
}

.top_gallery_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: rgba(0,0,0,0.4);
}

/*aの中のp*/
.top_to_gallery_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}





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

トップの「NEWS」欄

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

.top_news_box_bg{
	display:block;
	width:100%;
	padding:40px 0px 40px 0px;
	background-color: #edeced;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_news_box{
	display:block;
	margin: 0 auto;
}


/*タイトル枠外側　div*/
.top_news_title_box_outer{
	display:block;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*タイトル枠内側　div*/
.top_news_title_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*h2タイトル*/
h2.top_news_title{
	font-size: 28px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
}

h2.top_news_title b{
	font-weight: 400;
}

h2.top_news_title span{
	display: inline-block;
	font-size: 18px !important;
}

h3.top_news_catchcopy{
	font-size: 17px;
}


/*div*/
.top_news_contents_box_outer{
	display:block;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*div*/
.top_news_contents_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


/*記事一覧　ul*/
.top_news_list{
	display:block;
	width:980px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0px 0px 0px 0px;
}

/*記事1件分　li*/
.top_news_1box{
	display:block;
	width:980px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #d3d3cf;
	text-align: left;
	
}

/*1記事のリンク　a*/
.top_news_1box a{
	display:block;
	padding: 15px 30px 14px 10px;
	background: url(../img/icon_32_link_red.png) no-repeat right 10px center;
	background-size: 16px 16px;
	text-decoration: none;
	
}

.top_news_1box a:hover{
	background: url(../img/icon_32_link_white.png) no-repeat right 10px center;
	background-size: 16px 16px;
	background-color: rgba(0,0,0,0.1);
}

/*更新年月日 p*/
.top_news_date{
	display: inline-block;
	width: 12%;
	vertical-align: top;
}

/*記事タイトル p*/
.top_news_text{
	display: inline-block;
	width: 73%;
	vertical-align: middle;
	line-height: 140%;
}

.top_news_1box a:hover .top_news_text{
	/*text-decoration: underline;*/
}


/*一覧を見るボタン div*/
.top_news_link_box{
	text-align: center;
	margin: 10px 10px 10px 10px;
}



.top_news_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 340px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_news_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_news_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}





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

トップの「3つのリンク」欄

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

.top_etc_box_bg{
	display:block;
	width:100%;
	padding:30px 0px 60px 0px;
	background-color: #ffffff;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_etc_box{
	display:block;
	margin: 0 auto;
}


/*div*/
.top_etc_contents_box_outer{
	display:block;
	padding:0px 60px 0px 60px;
	margin: 0 auto;
}

/*div*/
.top_etc_contents_box_inner{
	display:block;
	width:1080px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.top_etc_contents_box{
	display:block;
	width:1080px;
	margin: 0 auto;
	clear: both;
}


/*リンク枠1つ分　div*/
.top_etc_contents_1box{
	display: block;
	text-align: left;
	width: 340px;
	float: left;
	margin-right: 30px;
}

.top_etc_contents_1box.etc_3{
	margin-right: 0px;
}

.top_etc_contents_1box a{
	text-decoration: none;
}


/*h2タイトル*/
h2.top_etc_title{
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 3px;
}

h2.top_etc_title b{
	font-weight: 400;
}

h2.top_etc_title span{
	display: inline-block;
	font-size: 14px !important;
}


.top_etc_contents_1box a img{
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.top_etc_contents_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}






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

各ページ共通で使うスタイル

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




/* -----2カラム----- */

.column_2, .column_2_inner{ margin:0 0 20px 0; }


.column_2_inner{
	width:100%;
}

.column_2 > div{
	display:inline-block;
	width:520px;
	margin-right:95px;
	margin-bottom:30px;
	vertical-align:top;
}

/*2カラムで囲みの中に入ってる場合*/

.column_2_inner > div{
	display:inline-block;
	width:485px;
	margin-right:65px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_2_inner_percent > div{
	display:inline-block;
	width:45%;
	margin-right:65px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_2_inner > div > p > img{
	width:100% !important;
	height:auto !important;
}

/*右端のDIVの右マージンを0に*/
.column_2 > div:nth-child(2n),
.column_2_inner > div:nth-child(2n),
.column_2_inner_percent > div:nth-child(2n){
	margin-right:0px;
}


.column_2_inner > div > p > img{
	width:100% !important;
	height:auto !important;
}

/*右端のDIVの右マージンを0に*/
.column_2 > div:nth-child(2n),
.column_2_inner > div:nth-child(2n){
	margin-right:0px;
}


/*2カラムでそれぞれ内容物をセンタリング*/

.column_2_center > div{
	display:inline-block;
	width:49%;
	margin:0 0 20px 0 !important;
	vertical-align:top;
	text-align:center;
}



/* ----- 3カラム ----- */

.column_3{ margin:0 0 20px 0; }

.column_3 > div{
	display:inline-block;
	width:335px;
	margin-right:60px;
	margin-bottom:40px;
	padding:0 !important;
	vertical-align:top;
}

/*3カラムで囲みの中に入ってる場合*/

.column_3_inner{
	width:1010px;
	margin:0 auto;
}

.column_3_inner > div{
	display:inline-block;
	width:300px;
	margin-right:50px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_3_inner > div > p > img{
	width:100% !important;
	height:auto !important;
}


/*右端のDIVの右マージンを0に*/
.column_3 > div:nth-child(3n),
.column_3_inner > div:nth-child(3n){
	margin-right:0px !important;
}



/* ----- 4カラム ----- */

.column_4{ margin:0 0 40px 0; }

.column_4 > div{
	display:inline-block;
	width:255px;
	margin-right:40px;
	margin-bottom:0px;
	padding:0 !important;
	vertical-align:top;
}


/*4カラムで囲みの中に入ってる場合*/

.column_4_inner{
	width:1020px;
	margin:0 auto 20px auto;
}

.column_4_inner > div{
	display:inline-block;
	width:235px;
	margin-right:20px;
	margin-bottom:0px;
	vertical-align:top;
}


/*右端のDIVの右マージンを0に*/
.column_4 > div:nth-child(4n),
.column_4_inner > div:nth-child(4n){
	margin-right:0px !important;
}




/* ----- 詳細文の入るDIVやP ----- */

.column_detail_text{
	margin:20px 0 20px 0 !important;
}


/*文中のみだし*/
.column_detail_text h5{
	font-size:100% !important;
}

/*改行高さ*/
.column_detail_text p{
	margin-bottom:1em;
	line-height:1.6;
}


/* ----- 3カラムの「テーブル」設定 ----- */

.table_3column_list{
	border-top:none !important;
	border-left:none !important;
}

.table_3column_list tr{
	border-bottom:none !important;
	border-right:none !important;
}

.table_3column_list td{
	padding:0 40px 15px 0 !important;
	border-bottom:none !important;
	border-right:none !important;
	vertical-align:top;
}

.table_3column_list td h4{
	font-size:100% !important;
}

.table_3column_list tr td:last-child{
	padding-left:0 !important;
}

.table_3column_list td img{
	height:auto;
}

/* 背景に右向きの矢印 */

.wedge_right_orange td{
	 background:url(https://www.tilcor-roof.jp/img/wedge_right_orange.png) no-repeat right 25%;
}
.wedge_right_orange tr td:nth-child(3n){
	 background:none;
}



/* 背景に右向きの矢印（グリーン） */

.wedge_right_green td{
	 background:url(https://www.tilcor-roof.jp/img/wedge_right_green.png) no-repeat right 50%;
}
.wedge_right_green tr td:nth-child(3n){
	 background:none;
}




/* ----- 4カラムの「テーブル」設定 ----- */

.table_4column_list{
	border-top:none !important;
	border-left:none !important;
}

.table_4column_list tr{
	border-bottom:none !important;
	border-right:none !important;
}

.table_4column_list td{
	padding:0 40px 15px 0 !important;
	border-bottom:none !important;
	border-right:none !important;
	vertical-align:top;
}

.table_4column_list td h4{
	font-size:100% !important;
}

.table_4column_list tr td:last-child{
	padding-left:0 !important;
}

.table_4column_list td img{
	width:230px;
	height:auto;
}


/* レイアウトするための罫線なしテーブル */

.layout_table table{
	width:auto!important;
	margin-bottom:60px;
	margin-left:0px!important;
	border-top:none!important;
	border-left:none!important;
}

.layout_table table tr{
	border-bottom:none!important;
	border-right:none!important;
}

.layout_table table td{
	border-bottom:none!important;
	border-right:none!important;
	padding:0 !important;
}



/* ----- ドット罫線つきのcolumnボックス -----*/
.box_dotted_round{
	padding:20px 20px 0px 20px;
	border:dotted 2px #999999;
	border-radius: 15px;							/* かどまる：CSS3 */
	-webkit-border-radius:15px;						/* かどまる：Safari,Chrome */
	-moz-border-radius:15px;						/* かどまる：Firefox */
	min-height:12em;
}

/* ドット罫線で囲まれた見出し */
.box_dotted_round h4{
	text-align:center;
}


/* ----- 青い罫線のボックス -----*/

.solid_box_blue{
	margin-bottom:1em;
	padding:30px;
	border:solid 5px #99cccc;
	overflow:hidden;
}


/* ----- ぽっち付きのリスト -----*/


.icon_16_marker_blue li{
	color:#6699cc;
	
}
.icon_16_marker_green li{
	color:#9ccc65;
}


/* ----- H○のクリアを解除する -----*/

.clear_none{
	clear:none;
}


/*下に赤線が付くh2タイトル　div*/
.redline_title_box{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#contents_section .redline_title_box h2 {
	display: block;
	position: relative;
	font-size: 20px !important;
	line-height: 1.3;
	margin-bottom: 40px;
	text-align: center !important;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}

#contents_section .redline_title_box h2::after {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: 2;
	content: '';
	width: 120px;
	height: 3px;
	background-color: #c60025;
}






/*=========================下層ページの各ページごとのスタイルここから=========================*/

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

製品の特徴　ディレクトリ名：features

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


/* ---------- 記事内のテーブル設定 ---------- */

#contents_section .products_spec_table_box table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100%;
}

#contents_section .products_spec_table_box table tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
}

#contents_section .products_spec_table_box table tr td{
	padding: 6px 6px 6px 6px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
}

#contents_section .products_spec_table_box table table p,
#contents_section .products_spec_table_box table tr p,
#contents_section .products_spec_table_box table tr td p{
	margin-bottom: 5px;
}

/*上部の項目行のtd*/
#contents_section .products_spec_table_box table tr.products_spec_first_tr td{
	background-color: #edeced;
	font-weight: 600;
	font-size: 90%;
}

#contents_section .products_spec_table_box table tr.products_spec_first_tr td:first-Child{
	background:none;
	font-weight: 600;
}

/*左側の製品名　td*/
#contents_section .products_spec_table_box table tr td.products_name_td{
	background-color: #edeced;
	font-weight: 600;
	width: 100px;
}


/*トップからのアンカーリンク*/
#features_pickup_a,
#features_pickup_b,
#features_pickup_c,
#features_pickup_d,
#features_pickup_e,
#features_pickup_d,
#features_pickup_e,
#features_pickup_f,
#features_pickup_g,
#features_pickup_h,
#features_pickup_k{
	margin-top: -140px;
	padding-top: 140px;
	z-index: -999;
}


/*特徴のタイトル（h3）*/
#contents_section h3.features_pickup1,
#contents_section h3.features_pickup2,
#contents_section h3.features_pickup3,
#contents_section h3.features_pickup4,
#contents_section h3.features_pickup5,
#contents_section h3.features_pickup6,
#contents_section h3.features_pickup7,
#contents_section h3.features_pickup8,
#contents_section h3.features_pickup9,
#contents_section h3.features_pickup10,
#contents_section h3.features_pickup11{
	display: inline-block;
	margin: 0px 0 15px 0;
	font-size: 22px;
	font-weight: 500;
	color: #505050;
	min-height: 48px;
}

/*不燃認定番号*/
#contents_section h3.features_pickup1{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_1.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*保証*/
#contents_section h3.features_pickup2{
	padding: 10px 0px 0px 104px;
	background: url(../img/icon_48_features_2.png),url(../img/icon_48_features_3.png);
	background-size: 48px 48px,48px 48px;
	background-repeat: no-repeat,no-repeat;
	background-position: left center,52px center;
}

/*塗り替え不要*/
#contents_section h3.features_pickup3{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_4.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*耐震性*/
#contents_section h3.features_pickup4{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_5.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*耐風性*/
#contents_section h3.features_pickup5{
	padding: 10px 0px 0px 104px;
	background: url(../img/icon_48_features_6.png),url(../img/icon_48_features_7.png);
	background-size: 48px 48px,48px 48px;
	background-repeat: no-repeat,no-repeat;
	background-position: left center,52px center;
}

/*耐雪性*/
#contents_section h3.features_pickup6{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_8.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*雹（ひょう）にも安心*/
#contents_section h3.features_pickup7{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_9.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*遮熱性*/
#contents_section h3.features_pickup8{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_10.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*遮音性*/
#contents_section h3.features_pickup9{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_11.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*サステナブル建築資材、環境にやさしい*/
#contents_section h3.features_pickup10{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_12.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*信頼の実績*/
#contents_section h3.features_pickup11{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_13.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}





#contents_section h4.features_catchcopy{
	font-size: 25px;
	font-weight: 500;
	color: #111111;
	margin-bottom: 20px;
}



/*耐震性のコンテンツ　div（text_box_2columnと併記）*/
.features_pickup4_contents{
	
}

.features_pickup4_contents .text_box_2column_left{
	width: 540px;
	margin-right: 70px;
}

.features_pickup4_contents .text_box_2column_right{
	width: 470px;
}


/*耐熱性のコンテンツ　div（text_box_3columnと併記）*/
.features_pickup8_contents{
	
}

.features_pickup8_contents .text_box_3column_left{
	width: 250px;
	margin-right: 20px;
}

.features_pickup8_contents .text_box_3column_center{
	width: 250px;
	margin-right: 20px;
}

.features_pickup8_contents .text_box_3column_right{
	width: 520px;
	float: right;
	padding-right: 20px;
}


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

製品紹介　ディレクトリ名：products

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

.products_link_box{
	overflow: hidden;
	padding:30px 30px 0px 30px;
	margin:10px 0px 40px 0px;
	background-color: #edeced;
	line-height: 150%;
}


/*各製品のリンク一覧　ul*/
#contents_section ul.products_list{
	display:block;
	position: relative;
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-left: 0em !important;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*各製品のリンク一覧の1つ分　li*/
#contents_section ul li.products_1box{
	width: 243px;
	height: 108px;
	padding: 0px 0px 0px 0px;
	margin-right: 16px;
	margin-bottom: 58px;
	float: left;
}

#contents_section ul li.products_1box:nth-Child(4n){
	margin-right: 0px;
}

#contents_section ul li.products_1box:before{
	content:none;
	display: none;
}

.products_1box a{
	display:block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	width: 243px;
	height: auto;
	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}


.products_1box a img{
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.products_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}





/*製品名　p*/
.products_1box a .top_to_products_link_name{
	display:block;
	position: relative;
	width: 100%;
	bottom: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center !important;
	color: #333333;
	font-family: 'Montserrat', sans-serif;
}


.top_to_products_link_name span{
	font-size: 13px;
}


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

製品紹介の各製品ページ
ディレクトリ名：products/roman/
ディレクトリ名：products/antica/
ディレクトリ名：products/classic/
ディレクトリ名：products/bond/
ディレクトリ名：products/tudor/
ディレクトリ名：products/shake/
ディレクトリ名：products/royal/
ディレクトリ名：products/slate/

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

/*サイド全体　div*/
#contents_side .side_box_products{
}

#contents_side .side_box_products .side_title_box{
	display: block;
	overflow: hidden;
	width: 260px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #ddd;
}

/*サイドの製品リスト　ul*/
#contents_side .side_box_products ul.side_box_products_list{
	
}

/*サイドの製品リスト　ul*/
#contents_side .side_box_products ul.side_box_products_list li{
	display: table;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #ddd;
}

#contents_side .side_box_products ul.side_box_products_list li a{
	display: table-cell;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 6px 5px 6px 94px;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	height: 50px;
	width: 260px;
	vertical-align: middle;
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition: background 0.3s;
}


/*ROMANローマン*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_roman a{
	background: url(../img/products_thumbnail_roman.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*ANTICAアンティカ*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_antica a{
	background: url(../img/products_thumbnail_antica.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*CLASSICクラシック*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_classic a{
	background: url(../img/products_thumbnail_classic.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*BONDボンド*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_bond a{
	background: url(../img/products_thumbnail_bond.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*TUDORチューダー*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_tudor a{
	background: url(../img/products_thumbnail_tudor.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*SHAKEシェイク*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_shake a{
	background: url(../img/products_thumbnail_shake.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*ROYALロイヤル*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_royal a{
	background: url(../img/products_thumbnail_royal.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*CF SLATECFスレート*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_slate a{
	background: url(../img/products_thumbnail_cf_slate.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*CF SHAKECFシェイク*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_shake a{
	background: url(../img/products_thumbnail_cf_shake.png) no-repeat 10px center;
	background-size: 74px 34px;
}

/*CF SHINGLE　CFシングル*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_shingle a{
	background: url(../img/products_thumbnail_cf_shingle.png) no-repeat 10px center;
	background-size: 74px 34px;
}

#contents_side .side_box_products ul.side_box_products_list li a:hover{
	background-color: #f3eeec;
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition: background 0.3s;
}

@media only screen and (max-width:760px){
/*ROMANローマン*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_roman a{
	background: url(../img/products_thumbnail_roman.png) no-repeat 0 center;
	background-size: 74px 34px;
}


/*CF SLATECFスレート*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_slate a{
	background: url(../img/products_thumbnail_cf_slate.png) no-repeat 0 center;
	background-size: 74px 34px;
}

/*CF SHAKECFシェイク*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_shake a{
	background: url(../img/products_thumbnail_cf_shake.png) no-repeat -10px center;
	background-size: 54px 34px;
}

/*CF SHINGLE　CFシングル*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_shingle a{
	background: url(../img/products_thumbnail_cf_shingle.png) no-repeat 0center;
	background-size: 74px 34px;
}
}

/*カラーバリエーション欄全体　div*/
.products_page_color_variation_box{
	
}

.products_page_color_variation_box .box_gray_bg{
	padding: 25px 30px 10px 30px;
}


#contents_section .products_page_color_variation_box .box_gray_bg h3 span{
	font-size: 13px;
	font-weight: 500;
}

#contents_section .products_page_color_variation_box ul{
	margin-bottom: 0px;
	list-style: none;
	padding-left: 0em !important;
}

#contents_section .products_page_color_variation_box ul li{
	padding: 0px 0px 0px 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

#contents_section .products_page_color_variation_box ul li:nth-Child(3n){
	margin-right: 0px;
}

#contents_section .products_page_color_variation_box ul li::before{
	content: none;
	display: none;
}

#contents_section .products_page_color_variation_box ul li img{
	margin-bottom: 3px;
}

#contents_section .products_page_color_variation_box ul li p{
	margin-bottom: 0px;
	font-size: 15px;
}

#contents_section .products_page_color_variation_box ul li p span.red_star{
	display: inline-block;
	color: #c60025;
	float: right;
}

/*仕様欄全体　div*/
.products_page_color_specification_box{
	
}

.products_page_color_specification_box .box_gray_bg{
	padding: 25px 30px 10px 30px;
}


#contents_section .products_page_color_specification_box .box_gray_bg h3 span{
	font-size: 13px;
	font-weight: 500;
}

/*仕様の画像とテーブルを囲んだdiv*/
.products_page_color_specification_box_inner{
	
}

/*仕様の画像欄　div*/
.products_page_color_specification_img_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 350px;
	float: left;
}

/*仕様の画像欄　div*/
.products_page_color_specification_table_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 350px;
	float: right;
}



#contents_section .products_page_color_specification_table_box table {
	margin-bottom: 10px;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
}

#contents_section .products_page_color_specification_table_box table tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .products_page_color_specification_table_box table tr td {
	padding: 3px 0px 3px 0px;
	border-bottom: #d8d8d8 solid 0px;
	border-right: #d8d8d8 solid 0px;
	font-size: 13px;
}

#contents_section .products_page_color_specification_table_box table p,
#contents_section .products_page_color_specification_table_box table tr p,
#contents_section .products_page_color_specification_table_box table tr td p{
	margin-bottom: 5px;
}





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

会社概要　ディレクトリ名：about_us

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

/*上部のプロフィール欄 div*/
.about_us_profile_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 940px;
}

#contents_section .about_us_profile_box table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 0px;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
}


#contents_section .about_us_profile_box tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .about_us_profile_box td {
	padding: 10px 10px 9px 10px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .about_us_profile_box table p,
#contents_section .about_us_profile_box tr p,
#contents_section .about_us_profile_box td p{
	margin-bottom: 5px;
}


/*Googleマップ欄　div*/
.about_us_googlemap_box{
	
}


/*ROSS ROOF GROUP ASIA社について欄　div*/
.about_us_group_box{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../img/about_us_group_bg.png) no-repeat center top;
	padding-top: 20px;
}

/*赤下線付きタイトルの下を空ける　div*/
.about_us_group_box .redline_title_box{
	margin-bottom: 540px;
}

#contents_section .about_us_group_box p{
	line-height: 180%;
}

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

ギャラリー　ディレクトリ名：gallery

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

/*body*/
.category_gallery{
}

/*body*/
.entry_gallery{
}

/*各製品の切り替えリンク欄　div*/
.gallery_page_link_box{
	display: block;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}

/*各製品の切り替えリンクリスト　ul*/
#contents_section ul.gallery_page_link_list{
	display: block;
	padding-bottom: 0px;
	overflow: hidden;
	padding:10px 15px 10px 15px;
	margin:0px 0px 30px 0px;
	border: solid 1px #d2d2d2;
	list-style: none;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#contents_section ul.gallery_page_link_list li{
	display: inline-block;
	letter-spacing: 0em;
	line-height: 100%;
	padding-left: 0em;
	padding: 1px 10px 1px 10px !important;
	text-indent: 0em !important;
	list-style-position: inside;
	border-right: solid 1px #d2d2d2;
	font-size: 15px;
}

#contents_section ul.gallery_page_link_list li:last-Child{
	border-right: solid 0px #d2d2d2;
}

#contents_section ul.gallery_page_link_list li:before{
	display: none;
}


#contents_section ul.gallery_page_link_list li a{
	text-decoration: none;
	padding: 4px 4px 4px 4px;
}

#contents_section ul.gallery_page_link_list li a:hover{
	/*text-decoration: underline;*/
	padding: 4px 4px 4px 4px;
	color:#c60025;
}

/*製品名タイトル欄　div*/
.gallery_title_box{
	text-align: center;
	margin-bottom: 10px;
}

.gallery_title_box h2 {
	display: inline-block;
	position: relative;
	font-size: 22px !important;
	padding-bottom: 20px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	
}
.gallery_title_box h2::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: 2;
	content: '';
	width: 100px;
	height: 3px;
	background-color: #c60025;
}



/*ギャラリー写真欄　div*/
.gallery_img_box{
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

/*ギャラリー写真リスト　ul*/
#contents_section ul.gallery_img_list{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding-bottom: 0px;
	padding-left: 0px !important;
	list-style: none;
}

#contents_section ul.gallery_img_list li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 350px;
	height: 200px;
	background-color: #efefef;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	letter-spacing: 0em;
}



#contents_section ul.gallery_img_list li:nth-Child(3n){
	margin-right: 0px;
}

#contents_section ul.gallery_img_list li:before{
	display: none;
}

#contents_section ul.gallery_img_list li img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 360px;
	height: auto;
}

#contents_section ul.gallery_img_list p{
	letter-spacing: 0em;
}




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

お問い合わせ　ディレクトリ名：contact/

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

.contact_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 940px;
}

/*テーブルを囲んだdiv*/
.form_table_box{
	line-height: 150%;
	box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*フォームのtable*/
#contents_section table.contact_form_table{
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
}

#contents_section table.contact_form_table tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 100%;
}

#contents_section table.contact_form_table th {
	padding: 15px 15px 15px 15px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 100%;
	background-color: #ffffff;
}

#contents_section table.contact_form_table td {
	padding: 15px 15px 15px 15px;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 100%;
}








/* テキストボックス本体 */
.form_table_box table td input[type="text"],
.form_table_box table td input[type="email"] {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px !important;
	font-size: 18px;
	border: #d8d8d8 solid 1px;
}

span.zip_subtitle{
	padding: 8px 0px 0px 0px !important;
}

.form_table_box table td input[type="text"].zip{
	width: 100px;
	margin: 0px 10px 10px 4px;
}

/*テキストエリア*/
.form_table_box table td textarea{
	width: 100%;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	border:solid 1px #D8D8D8;
}

/*プルダウン*/
.form_table_box table td select{
	padding: 2px 8px;
	font-size: 16px;
}


/*記入例　span*/
.ex_text{
	padding: 4px 4px 4px 4px;
	font-size: 90%;
	color: #666;
}

/*必須　span*/
.required{
	font-size: 86%;
	color:#ff3333;
}

/*未記入の項目名 span*/
.error-required-text{
	color: #ff3333;
	font-weight: 600;
}

/*未記入の入力欄 span*/
.error-wrap{
	display: block;
	overflow: hidden;
	padding: 0px;
	border: solid 5px #ffcccc;
	background: #ffcccc;
}


/*送信ボタンを囲んだdiv*/
.form_submit_btn_box{
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}

.form_submit_btn_box p{
	display: inline-block;
	text-align: center !important;
	margin: 10px !important;
	/*padding: 0 !important;*/
	/*float: left;*/
}


/*box_grayと併用してスクロールを追加　div*/
.scroll_box{
	width: auto;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 280px;
}


/*チェックボックスにstyleをつけるために、チェックボックスと確認ボタンをくくったdivに付加*/
.chkbox_box {
	margin:0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

/* ラベルのスタイル　*/
.chkbox_box label {
	padding-left:		45px;
	font-size:		20px;
	line-height:		24px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin-bottom: 30px;
}

/* ボックスのスタイル */
.chkbox_box label:before {
	content:		'';
	width:			24px;			/* ボックスの横幅 */
	height:			24px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			0;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 4px solid #dcdcdc;
	/*border-radius:		3px 3px 3px 3px;*/
}

/* 元のチェックボックスを表示しない */
.chkbox_box input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox_box input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		18px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#c60025;			/* チェックした時の色 */
}







/*送信ボタン*/
input[type="submit"],
input[type="button"].editbutton {
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #c60025;
	border: solid 0px #c60025;
}

input[type="submit"]:hover{
	color: #ffffff !important;
	background: none;
	background-color: #ee4d6b;
}

/*同意しますにチェックが入っていない場合*/
input[type="submit"][disabled],
input[type="submit"][disabled]:hover {
	color: #aaaaaa !important;
	background: none;
	background-color: #dcdcdc;
	border: solid 1px #cccccc;
	cursor: default;
}

/*内容を修正するボタン*/
input[type="button"].editbutton{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

input[type="button"].editbutton:hover {
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}


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

販売代理店　ディレクトリ名：sales_channel

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

/*日本地図配置欄　div*/
.sales_channel_map_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	max-width: 940px;
}

.sales_channel_map_box img{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;
}

/*アンカー飛び先調整*/
#sales_channel_01,
#sales_channel_02,
#sales_channel_03,
#sales_channel_04,
#sales_channel_05,
#sales_channel_06,
#sales_channel_07,
#sales_channel_08,
#sales_channel_09{
	margin-top: -120px;
	padding-top: 120px;
}


/*代理店一覧*/
.sales_channel_list_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	max-width: 960px;
}

.sales_channel_list_1area_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

#contents_section .sales_channel_list_1area_box h3{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 12px 0px 12px 0px;
	margin: 0px 0px 25px 0px;
	border-top: #d8d8d8 solid 1px;
	border-bottom: #d8d8d8 solid 1px;
	font-weight: 600;
	font-size: 19px;
	text-align: left;
}

#contents_section .sales_channel_list_1area_box h3 span{
	font-weight: normal;
	font-size: 15px;
}

.sales_channel_company_box{
	display: table;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

.sales_channel_company_img{
	display: table-cell;
	position: relative;
	overflow: hidden;
	width: 200px;
	vertical-align: top;
}

.sales_channel_company_text{
	display: table-cell;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	padding: 0px 40px 0px 40px;
}

#contents_section .sales_channel_company_text p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 160%;
}

#contents_section .sales_channel_company_text p.sales_channel_company_name{
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 6px;
}


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

000　ディレクトリ名：000/000

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


	
	
	
/*}*//*PC用（及び横位置タブレット）　@media screen and (min-width:960px) {*/










/*=========================タブレット用（PCのウィンドウを狭くした場合も）=========================*/

@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px) {
		
		body {
	 		width: 1200px;
		}
		
		/*メインビジュアルのyoutubeのボタンをタッチできるようにoverlay部分をタッチ無効にする*/
		.overlay{
			pointer-events: none;
		}

		.overlay_inner{
			pointer-events: none;
		}
		
}/*タブレット用（PCのウィンドウを狭くした場合も）　@media screen and (min-width:768px) and ( max-width:1024px) {*/


/*@media screen and (min-width:600px) and ( max-width:959px) {*/
	/*　画面サイズが600px〜959pxの間は、ここのスタイルを読み込む　*/
	/*
	body {
		width: 960px;
	}
	*/
	
/*}*/
/*タブレット用（PCのウィンドウを狭くした場合も）　@media screen and (min-width:600px) and ( max-width:959px) {*/








/*=========================スマホ用=========================*/
@media screen and ( max-width: 767px ) {
	/*　画面サイズが599px以下の場合、ここのスタイルを読み込む　*/
	
	
	body {
	color: #333333; /*色指定*/
	background-color: #ffffff !important;
	line-height: 1.4;
	width: 320px;
	width: 100% !important;
}

p,td,tr,li {
	line-height: 1.4;
}


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

レイアウト設定

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

/*main.jsで設定した、画面をスクロールすると「body」に付加されるclass*/
.body_margin_top{
	margin-top:0px;
}


/* ----------ヘッダー---------- */

.header_area { /*section*/
	position:relative !important;
	width:100%;
	height:52px;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	z-index: 999;
	clear: both;
	float: none !important;
	box-shadow:0 0 0px #5f5f5f;
	-webkit-box-shadow:0 0 0px #5f5f5f;
	-moz-box-shadow:0 0 0px #5f5f5f;
	border-bottom:solid 0px #cccccc;
	/*border-bottom:solid 1px #ededed;*/
}

.fixed{
}



.header_outer {
	display: block;
	position:relative;
	padding:0px 0px 0px 0px !important;
	top:0px;
	left:0px;
	height:52px;
}

.fixed .header_outer {
}

.header_inner {
	display: block;
	position:relative;
	width: 100%;
	height:52px;
	margin: auto;
}

.fixed .header_inner {
}

/*メインメニュー、サブメニュー、検索をくくったdiv*/
.container_header_box{
	display: block;
	position:relative;
	top:0px;
	border-top: solid 0px #d3d3cf;/*元の色（薄め）e4e4e1*/
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed .container_header_box{
	top:0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}



/*header_areaの下のsection*/
#top{
	display: block;
	position:absolute;
	top: 0px;
}


/*MENU（開閉ボタン）*/
#toggle {
	position: relative;
	display: block;
	width: 58px;
	height: 58px;
	margin-top: -58px;
	margin-right: 0px;
	z-index: 1001 !important;
	background:url(../img/icon_32_hamburger.png) no-repeat center center;
	background-size: 22px 22px;
	background-color: #ffffff;
	/*background-color: #efefef;*/
	float: left;
	font-size: 0px;
	cursor: pointer;
	
}

#toggle a{
	z-index: 1002 !important;
}



/*検索とサイドタブをまとめたdiv（スマホではMENUで開閉）　デフォルトで非表示にしておく*/
.header_contents_box {
	display: none;
	position: relative;
	width: 100%;
	margin: 0px 0 0 0;
	overflow: hidden;
	float: none !important;
	clear: both;
	top:0px;
}



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

ヘッダー指定

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

/* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	display: block;
	width: 100% !important;
	float: none !important;
	height:58px !important;
	margin:0 auto;
	text-align:left;
	top:0px;
}

h1.site-title {
	position:absolute;
	display: block;
	width: 100% !important;
	height:58px !important;
	margin: 0px 0px 0px 0px;
	float: none !important;
}

h1.site-title a {
	display: block;
	width: 100% !important;
	height:58px !important;
	text-decoration: none;
	float: none !important;
	background: url(../img/logo_x2.png) no-repeat center 10px;
	background-size: 155px 40px;/*310px 80px;*/
	z-index: 1000;
	-moz-transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-o-transition:background-position 0.3s;
	-ms-transition: background-position 0.3s;
}

h1.site-title a b {
	display: none;
}

.fixed h1.site-title a {
}




/* -----------スマホ：サブメニュー ----------- */

.header_submenu_all{
	position:relative;
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	top:0px;
	right:0px;
	left: 0px;
	text-align: left;
	padding: 6px 32px 6px 10px;
	background: url(../img/icon_32_link_blank.png) no-repeat right 5px center;
	background-size: 22px 22px;
	background-color: #ffffff;
	border-bottom:solid 1px #ededed;
}

/*p*/
.header_sublogo{
	display: block;
	width: 100%;
	height: 50px;
}

.header_sublogo a{
	display: block;
	width: 100%;
	height: 50px;
	background: url(../img/header_sublogo.png) no-repeat 10px 2px;
	
}

.header_sublogo a b{
	display:none;
}




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

メインメニュー設定

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

.grandmenu_inner{
	display: block;
	position: relative;
	width: 100% !important;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	float: none;
	top:0px;
}



/*デフォルトで非表示にしておく*/
.nav-menu-box {
	margin: 0px 0 0 0;
	float: none !important;
}


/* ---------- PCメインメニュー第一階層 ---------- */

ul.nav-menu {
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: #c60025;
	
}

ul.nav-menu li {
	font-size: 100%;
	display: block !important;
	float: none !important;
	text-align: left;
	/*height:70px;*/
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
	text-align: left;
	margin: 0 !important;
	background: none;
	
}

/*第一階層のliのみ*/
ul.nav-menu > li {
	border-top:solid 1px #eb8699;
	background-color: #c60025;
}

ul.nav-menu li a,
.nav-menu-box li.menu8 a {
	display: block;
	position: relative;
	top:0px;
	right: 0px;
	width: 100%;
	height: auto;
	font-size: 16px;
	text-decoration: none;
	height: auto !important;
	color: #ffffff;
	padding: 6px 32px 6px 10px;
	background: url(../img/icon_32_link_white.png) no-repeat right 10px center;
	background-size: 12px 12px;
}

.nav-menu-box li a b,
.nav-menu-box li.menu8 a b{
	display: block;
	font-size: 16px;
	font-weight: 500;
}

/*ロールオーバー*/
ul.nav-menu li a:hover {
	color: #ffffff;
	background-color: #ee4d6b;
	border-bottom: solid 0px !important;
}

/*カテゴリがactiveな時の下線*/
.mainmenu_active{
	border-bottom: solid 0px;
}

/*クリックした時の色*/
.nav-menu-box li a:active{
	
}



/* ---------- PCメインメニュー第2階層 ---------- */

.nav-menu-box li ul {
	display:block;
	top: 0px;
	margin-top: 0px;
	padding: 0;
}

.nav-menu-box li:hover ul {
	display:block !important;
	position:relative !important;
	z-index:999 !important;
	margin-top: 0px;/*第1階層の下にぴったりくっつけるための調整*/
	margin-left: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow:0 0 0px #ccc;
    -webkit-box-shadow:0 0 0px #ccc;
    -moz-box-shadow:0 0 0px #ccc;
}

.nav-menu-box li ul li {
	font-size: 100%;
	display: block !important;
	position: relative;
	float: none !important;
	text-align: left;
	/*height:70px;*/
	margin: 0 !important;
	border-top:dotted 1px #e83f5e;
	background-color: #c60025;
}

.nav-menu-box li ul a {
	display: block;
	text-decoration: none;
	height: auto !important;
	color: #ffffff;
	padding: 6px 10px 6px 2em;
}

.nav-menu-box li ul li:last-child a {
	border-bottom: none;
	
}

.nav-menu-box li ul li a:hover {
	background-color: #ee4d6b;
	color: #ffffff;
	border-bottom: solid 0px #ffffff;
}


.nav-menu-box li ul li.submenu b{
	display: inline-block;
	width: 5em;
}

.nav-menu-box li ul li.submenu span{
	font-size: 90%;
}





/* ----------コンテンツ（トップのみ）---------- */
.contents_area_frontpage { /*section*/
	background-color: #ffffff;
	min-width: 300px !important;
	width: 100% !important;
	display: block;
	clear: both;
}

.contents_outer_frontpage {
	padding:0px 0px 0px 0px !important;
	
}

.contents_inner_frontpage {
	width: 100% !important;
	margin: 0 auto;
}

/* ----------コンテンツ（下層ページ）---------- */
.contents_area { /*section*/
	display: block;
	overflow:hidden;
	clear: both;
	min-width: 300px !important;
	width: 100% !important;
	padding-top: 0px !important;
	background:none !important;
	background-color: #ffffff;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
	width: 100% !important;
	margin: 0 auto;
	padding:0px 10px 0px 10px !important;
}

/*左と右をくくったdiv*/
.contents_inner {
	display:block;
	overflow:hidden;
	width: 100% !important;
	
}

/*「contents_inner」と併記する動的なクラス→ジャンル別のレイアウト設定
○front_page_design：トップページ
○normal_page_design：固定ページ
○news_page_design：ニュースの記事ページ○blog_page_design：ブログの記事ページ
○news_list_design：ニュースの一覧ページ○blog_list_design：ブログの一覧ページ
*/


div#contents_main{
	width: 100%;
	float: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}


/* ----------メインコンテンツ（固定ページ用1カラム）1080px---------- */

div#contents_main.normal_page_design,
div#contents_main.notfound_page_design,
div#contents_main.search_list_design{
	width:100% !important;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
}

/* ----------メインコンテンツ（ブログ、お知らせページ用2カラムの左）760px---------- */

div#contents_main.news_page_design,
div#contents_main.blog_page_design,
div#contents_main.news_list_design,
div#contents_main.blog_list_design {
	width: 100% !important;
	float: none !important;
	margin:0px 0px 20px 0px !important;
	padding:0px 0px 0px 0px !important;
}


/* ----------右サイドエリア（news、blogのみ配置330px）---------- */
div#contents_side {
	width: 100% !important;
	float: none !important;
	margin:0px 0px 20px 0px !important;
	padding:0px 0px 0px 0px !important;
}

.page_list {
	clear: both;
}

/* ----------フッター---------- */

.footer_area { /*section*/
	min-width: 300px !important;
	width: 100% !important;
	background-color:#edeced;
	display: block;
	padding:20px 0px 25px 0px;
	clear: both;
}

.footer_outer {
	padding:0px 10px 0px 10px !important;
}

.footer_inner {
	/*詳細設定は下部に記載*/
}



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

各パーツ設定

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

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

タイトル全体（カテゴリタイトル、ページタイトル、パンくず含む）設定

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

/*全カテゴリ共通設定*/
#contents_header{
	display: block;
	position: relative;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.page_title_img{
	display: block;
	position: relative;
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	width: 100%;
	height: 140px;
	background-color: #a90029;
	background-size: cover;
}

/*「製品の特徴」*/
.category_features .page_title_img{
	background: url(../img/page_title_bg_features.jpg) no-repeat center top;
	background-size: cover;
}

/*「製品紹介」*/
.category_products .page_title_img{
	background: url(../img/page_title_bg_products.jpg) no-repeat center top;
	background-size: cover;
}

/*「ギャラリー」*/
.category_gallery .page_title_img{
	background: url(../img/page_title_bg_gallery.jpg) no-repeat center top;
	background-size: cover;
}

/*「ニュース」*/
.category_news .page_title_img{
	background: url(../img/page_title_bg_news.jpg) no-repeat center top;
	background-size: cover;
}

/*「会社概要」*/
.category_about_us .page_title_img{
	background: url(../img/page_title_bg_about_us.jpg) no-repeat center top;
	background-size: cover;
}

/*「販売代理店」*/
.category_sales_channel .page_title_img{
	background: url(../img/page_title_bg_sales_channel.jpg) no-repeat center top;
	background-size: cover;
}

/*「お問い合わせ」*/
.category_contact .page_title_img{
	background: url(../img/page_title_bg_contact.jpg) no-repeat center top;
	background-size: cover;
}

/*「プライバシーポリシー」*/
.category_privacy .page_title_img{
	background: url(../img/page_title_bg_privacy.jpg) no-repeat center top;
	background-size: cover;
}

/*「SAMPLE」*/
.category_sample .page_title_img{
	background: url(../img/page_title_bg_privacy.jpg) no-repeat center top;
	background-size: cover;
}



/*ページタイトル*/
.page_title,
.news_page_title,
.blog_page_title{
	display:block;
	overflow: hidden;
	position:relative;
	padding: 0px 10px 10px 10px;
}


/*ページタイトル表示の中のh1*/
.page_title h1,
.news_page_title h1,
.blog_page_title h1{
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}


.page_title h1 b,
.news_page_title h1 b,
.blog_page_title h1 b{
	font-weight: 400;
}

.page_title h1 span,
.news_page_title h1 span,
.blog_page_title h1 span{
	display: inline-block;
	padding-top: 3px;
	font-size: 14px !important;
}




/* ----------パンくずリスト全体の設定---------- */

.topicpath {
	display: block;
	margin: 0px auto;
	width: 100%;
	padding:10px 10px 20px 10px;
	text-align: left;
	line-height: 1.3;
	clear: both;
	font-size: 13px;
}

/* ----------パンくずリストそのものの設定---------- */

.topicpath ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 84%;
	text-align: left;
	overflow: hidden;
}


/* ----------リンクのあるリスト（＝上位のページ）---------- */	
.topicpath ul a {
	margin-right: 2px;
	padding-right: 4px;
	line-height: none;
}

.topicpath ul a:visited{
	color: #555555 !important;
}

.topicpath ul a:hover{
	color: #666666 !important;
}

.topicpath ul a.home {
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0px;
	margin-top: -2px;
	margin-right: 4px;
	background: url(../img/icon_32_home_black.png) no-repeat;
	background-size: 16px 16px;
	float: left;
}

/* ----------h1---------- */	
#contents_main h1 {
}


/* ---------- H2 段落タイトル設定 ---------- */

div#contents_main h2 {
	margin: 20px 0 20px 0;
	padding: 0px 0px 0px 0px;
	clear: both;
	color:#333333;
	line-height: 1.3;
	font-weight:500;
	font-size:20px !important;
	text-align: left !important;
}


/* ---------- H3 ---------- */
div#contents_main h3 {
	display: inline-block;
	margin: 10px 0 10px 0;
	font-size:19px !important;
	font-weight:500;
}

/*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
div#contents_main .box_white h3 {
	margin: 0px 0px 10px 0 !important;
}

/* ---------- H4/H5/H6 見出し設定 ---------- */

div#contents_main h4 {
	margin: 5px 0;
	font-size:18px !important;
	font-weight:500;
}

div#contents_main h5 {
	margin: 5px 0;
	font-size:17px !important;
	font-weight:500;
}

div#contents_main h6 {
	margin: 5px 0;
	font-size:16px !important;
	font-weight:500;
}



/* ---------- 記事のpノーマル ---------- */
/*PCのスタイルをそのまま利用*/



/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
/*PCのスタイルをそのまま利用*/

/*サイズダウン*/
/*PCのスタイルをそのまま利用*/

/*色*/
/*PCのスタイルをそのまま利用*/

/*書体*/
/*明朝*/
/*ゴシック*/
/*PCのスタイルをそのまま利用*/


/*スマホのみ左右中央揃えの指定　text-alignの略*/
.sp_ta_center{text-align: center !important;}
.sp_ta_left{text-align: left !important;}
.sp_ta_right{text-align: right !important;}



/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption,
.caption {
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 10px;
	clear: both !important;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
div.aligncenter {
	display: block;
	overflow: hidden;
	width: 100%!important;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	clear: both !important;
}

img.aligncenter,
img.alignleft,
img.alignright {
	display: block;
	width:100%!important;
	max-width: 480px;
	height: auto !important;
	text-align: center;
	margin:0 auto;
	margin-bottom: 10px;
	float: none;
}

/* ----------写真を中央に配置---------- */
div#contents_main .aligncenter img {
	display: block;
	margin: 0 auto 0px auto!important;
	float: none;
	margin: 0 auto;
}

/* ----------画像まわしこみを解除----------*/
div#contents_main .aligncenter {
	overflow: hidden;
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
	display: block;
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 10px;
	clear:both;
	text-align: center;
}

div#contents_main .alignright img {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
	display: block;
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 10px;
	text-align: center;
}

div#contents_main .alignleft img {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}

/* ----------写真を左に配置---------- */
div#contents_main .alignleft img {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}

/* ----------写真を右側に配置---------- */
div#contents_main .alignright img {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}


div#contents_main .alignnone {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}

div#contents_main .alignnone img {
	padding-right: 0px;
	margin-right: 0px;
	width: 100%!important;
	max-width: 480px;
	height: auto !important;
	float: none;
	margin: 0 auto;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
.alignnone p.wp-caption-text,
.alignnone p.caption-text {
	text-align: left;
	margin-top: 6px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
div#contents_main .aligncenter p.wp-caption-text{
	text-align: center;
	margin-top: 6px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*imgにグレーの枠線*/
img.border_gray{
	border: #d8d8d8 solid 1px;
}

/* ---------- floatのクリア ---------- */
.float_clear { 
display: inline-block; 
}

.float_clear:after { 
content: ""; 
display: block; 
clear: both; 
}

/* ---------- 記事内のテーブル設定 ---------- */

/*レスポンシブさせたくないtableには「no_responsive_table」というclassを記述する*/

div#contents_main table:not(.no_responsive_table) {
	border: none !important;
	/*border-top: #d8d8d8 dotted 1px !important;*/
}

/*あえて幅をせまく調整したテーブルでも、スマホでは横幅100%にする*/
div#contents_main table.table_90per,
div#contents_main table.table_80per,
div#contents_main table.table_70per,
div#contents_main table.table_60per,
div#contents_main table.table_50per,
div#contents_main table.table_40per,
div#contents_main table.table_30per,
div#contents_main table.table_20per,
div#contents_main table.table_10per {
	width: 100% !important;
}

div#contents_main table:not(.no_responsive_table) tr {
	border: none !important;
	border-bottom: #d8d8d8 dotted 1px;
	padding:4px 0px 4px 0px;
	margin-bottom: 4px;
	width:100% !important;
}

div#contents_main table:not(.no_responsive_table) th {
	padding: 4px 4px 4px 4px;
	margin-bottom: 4px;
	background-color: #d8d8d8;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	border: none !important;
	width:100% !important;
}

div#contents_main table:not(.no_responsive_table) td {
	border-left: none !important;
	word-wrap: break-word;
	overflow: hidden;
	display: block;
	padding: 4px 0px 4px 0px;
	margin-bottom: 0px;
	border: none !important;
	width:100% !important;
}

/*レスポンシブさせないテーブルのフォントはちょっと小さくする*/
div#contents_main table.no_responsive_table tr {
	padding:2px 2px 2px 2px;
	font-size:96% !important;
	line-height:150% !important;
}

div#contents_main table.no_responsive_table th {
	padding:2px 2px 2px 2px;
	font-size:96% !important;
	line-height:150% !important;
	white-space:normal !important;
}

div#contents_main table.no_responsive_table td {
	padding:2px 2px 2px 2px;
	font-size:96% !important;
	line-height:150% !important;
}

/*スマホレスポンシブ対応のテーブル*/
div#contents_main table.sp_responsive_table th {
	display: none !important;
}

div#contents_main table.sp_responsive_table td {
	text-align: left;
}

div#contents_main table.sp_responsive_table .sp_only {
	display:inline-block !important;
}

/*スマホのみ、tr（の上辺）に罫線を追加するスタイル*/
div#contents_main .tr_line_solid_sponly {
	border-top: #d8d8d8 solid 1px !important;
}

div#contents_main .tr_line_dotted_sponly {
	border-top: #d8d8d8 dotted 1px !important;
}


/*桁数を指定して揃える　半角で5文字分*/
div#contents_main span.digit5{
	display:inline;
	width:auto !important;
	text-align: left;
}

/*桁数を指定して揃える　半角で6文字分*/
div#contents_main span.digit6{
	display:inline;
	width:auto !important;
	text-align: left;
}


/* ---------- 記事内のテーブル設定（レスポンシブさせない） ---------- */

/*tableをスクロールありで表示させる場合、これで囲む　div*/
div#contents_main .table_scroll_box{
	width: auto !important;
	overflow-x:scroll !important;
}

div#contents_main .table_scroll_box table {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px !important;
	border-left: #d8d8d8 solid 1px !important;
}

div#contents_main .table_scroll_box table tr {
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	word-wrap:normal !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}

div#contents_main .table_scroll_box table th {
	padding: 10px 10px 10px 10px;
	background-color: #E5E5E5;
	/*white-space: nowrap;*/
	display: table-cell;
	word-wrap:normal !important;
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}

div#contents_main .table_scroll_box table td {
	padding: 10px 10px 10px 10px;
	display: table-cell;
	word-wrap:normal !important;
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 1px !important;
	padding:2px 2px 2px 2px !important;
	font-size:96% !important;
	line-height:150% !important;
}


div#contents_main table.table_2column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;	
}

div#contents_main table.table_4column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100% !important;
	float: none !important;
	margin-right: 0% !important;	
}



/* -------------------- 水平線画像 -------------------- */

div#contents_main hr{
	display:block;
	width:100%;
	height:1px;
	margin:20px 0 20px 0;
	border:none;
	border-top:solid 1px #cccccc;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}

div#contents_main hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin:20px 0 10px 0;
	border:none;
	border-top:dotted 1px #cccccc;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}


/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

div#contents_main .box_gray {
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

div#contents_main .box_gray_compact {
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
	line-height: 150%;
}

div#contents_main .box_gray5 {
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}


div#contents_main .box_gray10 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 10px #d2d2d2;
}

/*左右のパディングの幅が片方80px*/
div#contents_main .box_gray_padding80{
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

div#contents_main .box_gray5_padding80{
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}


div#contents_main .box_yellow {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px #e2b600;
}

div#contents_main .box_yellow_compact {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px #e2b600;
	line-height: 150%;
}

div#contents_main .box_yellow5 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 5px #e2b600;
}

div#contents_main .box_yellow10 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 10px #e2b600;
}


/*box_XXX.mbXX 関連はPCのスタイルをそのまま利用*/


div#contents_main .box_lightbrown {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px rgba(150,122,70,0.4);
}

div#contents_main .box_lightbrown_compact {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 1px rgba(150,122,70,0.4);
	line-height: 150%;
}

div#contents_main .box_lightbrown5 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 5px rgba(150,122,70,0.4);
}

div#contents_main .box_lightbrown10 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	border: solid 10px rgba(150,122,70,0.4);
}


div#contents_main .box_gray_bg {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	background-color: #eaeaea;
	line-height: 150%;
}

div#contents_main .box_green_bg {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	background-color: #d7e0c3;
	line-height: 150%;
}

div#contents_main .box_white_bg {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	background-color: #ffffff;
	line-height: 150%;
}

div#contents_main .box_white_bg80 {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	background-color:rgba(255, 255, 255, 0.8);
	line-height: 150%;
}

div#contents_main .box_beige_bg {
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 25px 0px;
	background-color: #E1DAB9;
	line-height: 150%;
}




/* ---------- 記事内のol ---------- */

div#contents_main ol {
	margin-left: 0em !important;
	padding-left: 24px;
	padding-bottom: 8px;
	list-style-type: decimal;
}

div#contents_main ol li {
	padding: 2px 0px 6px 0px;
	text-indent: 0 !important;
}


/* ---------- 記事内のul ---------- */

div#contents_main ul {
	list-style: url(../img/icon_16_li_disc.png);
	padding: 3px 0px 2px 0px;
}

/* ---------- 記事内のulのli ---------- */

div#contents_main ul li {
	padding: 4px 0px 4px 0px;
	padding-left: 1em !important;
text-indent: -1em !important;
list-style-position: inside;
}

/* ---------- 記事内のア、イ、ウ…のli ---------- */
/*ul*/
div#contents_main .list_50on,
div#contents_main ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
}

div#contents_main .list_50on li,
div#contents_main ul li .list_50on li {
	padding-left: 2.2em !important;
text-indent: -2.2em !important;
}


/* ---------- 記事内の注釈 ---------- */

div#contents_main .annotate {
	padding: 4px 0px 4px 0px;
	font-size: 86%;
	color: #666;
}



/* ---------- リストのannotate「※」のみ ---------- */

#contents_section ul.annotate {
	margin-bottom: 8px;
	list-style:none;
	padding-left: 0.7em !important;
	
}

#contents_section ul.annotate li {
	padding: 2px 0px 2px 0px;
	color: #555555;
	font-size: 94%;
	text-indent: -0.7em !important;
}

#contents_section ul.annotate li:before {
	display: inline-block;
	width: 0.7em;
	margin-left:-0em;
	content: '※';
	color: #555555;
	
}


/* ---------- リストのannotate「※1、※2」 ---------- */

#contents_section ul.no_annotate {
	margin-bottom: 8px;
	list-style:none;
	padding-left: 1.5em !important;
	font-size: 86%;
}

#contents_section ul.no_annotate li {
	padding: 2px 0px 6px 0px;
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(1):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※1';
	color: #555555;	
}

#contents_section ul.no_annotate li:nth-Child(2):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※2';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(3):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※3';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(4):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※4';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(5):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※5';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(6):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※6';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(7):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※7';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(8):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※8';
	color: #555555;
}

#contents_section ul.no_annotate li:nth-Child(9):before {
	display: inline-block;
	width: 1.5em;
	margin-left:-0.5em;
	content: '※9';
	color: #555555;
}





/* ---------- タグ欄 ---------- */

div#contents_footer > dl {
	margin: 50px 0 20px 0;
}

div#contents_footer > dl dt {
	float: left;
}

div#contents_footer > dl dd {
	padding-left: 3em;
}



/* ---------- このページを見た人は… ---------- */

div.recommend_page {
	clear: both;
	margin: 10px 0 10px 0 !important;
	padding: 10px 10px 10px 10px !important;
	border:solid 5px #ebebeb;
}

div.recommend_page > span {
	display: block;
	background: url(../img/icon_recommend_box.png) no-repeat 0 -3px;
	padding-left: 28px !important;
	font-size: 90%;
	font-weight: bold;
	color:#666666;
}

div.wherego_related > ul {
	margin: 10px 0px !important;
}

div.wherego_related > ul > li {
	padding-bottom: 0px !important;
	font-size: 15px;
}




/* ---------- SNSボタンのエリア ---------- */

/*トップページのみ背景に色をつける*/
.frontpage_sns_box_bg{
	/*background-color: #ECECEB;*/
	background-color: #ffffff;
}

/*サイト共通*/
.sns_box {
	display: block;
	position: relative;
	padding-top: 20px;
	padding-bottom: 0px;
}


/*トップのみ*/
.contents_area_frontpage .sns_box {
	display: block;
	position: relative;
	padding-top: 14px;
	padding-bottom: 4px !important;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 26px !important;
}

.tw_btn {
	position: relative;
	float: none;
	display: inline-block !important;
	padding-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: auto;
}

.fb_btn {
	position: relative;
	float: none;
	display: inline-block !important;
	margin-right: 5px;
	margin-bottom: 5px;
	top:-5px !important;
	padding-top:0px !important;
	width: auto;
}

.fb-like {
	top:0px;
}

.hb_btn {
	position: relative;
	float: none;
	display: inline-block !important;
	padding-top: 0px;
	width: auto;
}



/* ---------- リンクアイコン設定 ---------- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_red_circle.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_pdf,
a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_red_circle.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_blank {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_blank.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_pdf,
a.icon_download {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 28px;
	min-height: 20px;
	background: url(../img/icon_32_link_pdf.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_anchor_down {
	margin: 6px 0px 6px 0px;
	padding: 3px 8px 2px 26px;
	min-height: 20px;
	background: url(../img/icon_32_open_bg_brown.png) no-repeat 0px 0px;
	background-size: 24px 24px;
	text-decoration: underline;
	color: #333333;
	clear: both;
}

a.icon_link:hover, a.icon_pdf:hover, a.icon_download:hover, a.icon_blank:hover, a.icon_anchor_down:hover{
	color: #c60025;
	text-decoration: underline;
}




#contents_section .sp_only,
.sp_only {
	display:inline-block;
}

#contents_section .pc_only,
.pc_only {
	display:none;
}

#contents_section .print_only,
. print_only {
	display:none;
}



/* ---------- 記事内のオリジナル汎用ボタン* ---------- */

a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_link_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_link_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}




a.button_blank{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_blank_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button_blank:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_blank_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}

a.button_pdf,
a.button_download{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background: url(../img/icon_32_pdf_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

a.button_pdf:hover,
a.button_download:hover{
	color: #ffffff !important;
	background: none;
	background: url(../img/icon_32_pdf_white.png) no-repeat right 1.2em center;
	background-size: 16px 16px;
	background-color: #b0abaa;
}


/* ---------- 汎用タイトル装飾　上下に二重線 ---------- */
.title_double_line_brown{
	background-image: url(https://www.tilcor-roof.jp/img/double_line_brown.png) , url(https://www.tilcor-roof.jp/img/double_line_brown.png);
background-repeat: repeat-x,repeat-x;
background-position: left top, left bottom;
text-align: center;
}

/* ---------- pをliのような箇条書きで並べる（点線下線） ---------- */
.p_text_underline{
	font-size: 96%;
	border-bottom: dotted 1px #dbdbdb;
	margin-bottom: 0.4em !important;
	padding-bottom:0.4em;
	padding-left: 0.8em;
	padding-right: 0.4em;
	box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
}



/* ---------- 汎用div 2column　760、330 ---------- */

.div_2column_box{
	display:block;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 0px;
}

.div_2column_box_left{
	display:block;
	overflow:hidden;
	position:relative;
	width:100% !important;
	margin:0px 0px 0px 0px;
	float:none !important;
}

.div_2column_box_right{
	display:block;
	overflow:hidden;
	position:relative;
	width:100% !important;
	margin:0px 0px 0px 0px;
	float:none !important;
}

.div_2column_box_left img,
.div_2column_box_right img{
	 width:100%;
	 height:auto;
}

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_2column h2,
.text_box_2column h3{
	display: inline-block;
	margin: 0px 0 10px 0;
}

.text_box_2column p{
	margin-bottom: 0px;
}

/*左*/
.text_box_2column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/*右*/
.text_box_2column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
}

/* ---------- div内で2列にならべるdiv　横幅530pxで固定 ---------- */

/*2列全体　div*/
/*上記と共通「text_box_2column」で囲む*/

/*左*/
.text_box_2column_left_530{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-right: 0px;
	float: none;
}

/*右*/
.text_box_2column_right_530{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-right: 0px;
	float: none;
}

/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_3column p{
	margin-bottom: 0px;
}

/*左*/
.text_box_3column_left{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 0px;
}

/*中央*/
.text_box_3column_center{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 0px;
}

/*右*/
.text_box_3column_right{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 0px;
}

.text_box_3column_left img,
.text_box_3column_center img,
.text_box_3column_right img{
	display: block;
	position: relative;
	width: 100%;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
}



/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column{
	display: block;
	overflow: hidden;
	position: relative;
}

.text_box_4column h2,
.text_box_4column h3{
	display: block;
	margin: 0px 0px 10px 0px !important;
	float:none;
	clear: both;
}


.text_box_4column p{
	margin-bottom: 0px;
}

/*左*/
.text_box_4column_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}

/*中央*/
.text_box_4column_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}

/*中央*/
.text_box_4column_3{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}

/*右*/
.text_box_4column_4{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}


/* ---------- div内で4列に並べる幅で、1-1-2 という感じの変則版div ---------- */

/*4列全体　div*/
.text_box_4column_1-1-2{
	display: block;
	overflow: hidden;
	position: relative;
	
}

/*左*/
.text_box_4column_1-1-2_1{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
	
}

/*中央*/
.text_box_4column_1-1-2_2{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}

/*右（2枠分）*/
.text_box_4column_1-1-2_34{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin-right: 0px !important;
	float: none;
	margin-bottom: 20px;
}






/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab{
	display:block;
	position:relative;
	width:100%;
	height:45px !important;
	/*height:48px;*/
	/*border-bottom:solid 1px #d2d2d0 !important;*/
	border-bottom:solid 3px #dfdfdf;
	margin-bottom:15px;
	box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
}

/*タブ1つ分 div*/
.general_tab_menu{
	display:inline-block;
	position: relative;
	min-width:60px !important;
	height:45px;
	padding:12px 3px 8px 3px !important;
	margin-right:2px !important;
	margin-bottom:0px;
	list-style:none;
	text-align:center;
	font-size:86%;
	letter-spacing:0em;
	color:#31312f;
	/*background-color:#E8E8CE;*/
	background-color:#dfdfdf;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	border-bottom:solid 0px #dfdfdf !important;
	cursor: pointer;
	box-sizing: border-box;	
}

.general_tab_menu:hover{
	/*background-color:#DBE5CA;*/
	background:#dfdfdf;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	 -webkit-transition: background-color 0.0s linear;
	transition: background-color 0.0s linear;
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1.00 !important; /*FF*/
	opacity:1.00 !important;
}


/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover{
	background:#ffffff;
	/*border:solid 1px #d2d2d0;*/
	border:solid 3px #dfdfdf;
	/*border-bottom:solid 1px #884466;*/
	border-bottom:solid 3px #ffffff;
	cursor:default;
	height:45px !important;
	box-sizing: border-box;
}

.general_tab_nowselect:hover{
	color:#31312f;
	filter:alpha(opacity=100) !important; /*IE*/
	-moz-opacity:1.00 !important; /*FF*/
	opacity:1.00 !important;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div{
	/*overflow:hidden;*/
}

/*切り替えられる中身はdiv「box_gray」で囲む*/
.general_tab_contents .box_gray{
	margin-top:0px !important;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
	display:none;
}


/* ---------- 固定ページを含むすべての記事ごとのフッター ---------- */
div#contents_main #contents_footer{
	margin:10px 0px 10px 0px;
}

/*news、Blogの各記事フッター*/
div.news_page_design div#contents_footer,
div.blog_page_design div#contents_footer {
	margin: 10px 0 10px 0;
}

div.news_list_design div#contents_footer,
div.blog_list_design div#contents_footer {
	margin: 25px 0 30px 0 !important;
	border-bottom:solid 1px #ddd;
}


/*news、Blogの各記事フッター内に表示される「記事一覧へ」リンク、と続きを見る（more-link）*/
div#contents_main .to_news_list a,
div#contents_main .to_blog_list a{
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0px 10px 0px 0px;
	padding: 5px 1em 5px 2.2em;
	background: url(../img/icon_32_link_white.png) no-repeat 0.7em center;
	background-size: 16px 16px;
	color: #ffffff !important;
	font-size: 96%;
	border: solid 1px #000000;
	border-radius: 4px;/* CSS3草案 */ 
-webkit-border-radius: 4px;/* Safari,Google Chrome用 */ 
-moz-border-radius: 4px;/* Firefox用 */
box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
	 
}

div#contents_main .to_news_list a:hover,
div#contents_main .to_blog_list a:hover{
	background: url(../img/icon_32_link_white.png) no-repeat 0.7em center;
	background-size: 16px 16px;
	color: #ffffff !important;
	border: solid 1px #000000;
}

a.more-link{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 0px;
	padding: 4px 13px 3px 25px;
	background: url(../img/icon_32_link_white.png) no-repeat 5px center;
	background-size: 16px 16px;
	background-color: #312c2a !important;
	color: #ffffff !important;
	font-size: 14px;
	text-decoration: none; 
}

a.more-link:hover{
	background: url(../img/icon_32_link_white.png) no-repeat 5px center;
	background-size: 16px 16px;
	color: #ffffff !important;
	background-color: #e2b600 !important;
}

.more-link{
	margin-top: 15px;
	margin-bottom: 15px;
}



/*----------一覧ページ関連（検索結果、新着一覧、タグ一覧など）----------*/

/*1セットのくくり（検索、新着、タグ等共通）*/
.list_page_article {
	display: block;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

/*1セットのくくり*/
.search_list_box .list_page_article, .archive_list_box .list_page_article {
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dotted #bbbbbb;
}

/*親ページ（大カテゴリ）名*/
.search_list_box .list_page_article .pagesub, .archive_list_box .list_page_article .pagesub {
}

/*ページタイトル*/
.search_list_box .list_page_article .pagetitle, .archive_list_box .list_page_article .pagetitle {
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 6px 0px;
	font-size: 130%;
	text-decoration: underline;
}

/*ページタイトルのaタグ*/
.search_list_box .list_page_article .pagetitle a, .archive_list_box .list_page_article .pagetitle a {
	color: #333333;
}

/*カテゴリー*/
.pagesub_box{
	display: inline-block;
	padding: 3px 4px 3px 4px;
	line-height: 100% !important;
	background-color: #666666;
	color: #ffffff;
	height:auto;
	min-width: 40px;
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;/* CSS3草案 */ 
-webkit-border-radius: 3px;/* Safari,Google Chrome用 */ 
-moz-border-radius: 3px;/* Firefox用 */ 
}

/*更新月日*/
.search_list_box .list_page_article .pagedate, .archive_list_box .list_page_article .pagedate {
	font-size: 90%;
	color: #88212D;
}

/*本文*/
.search_list_box .list_page_article .pagetext, .archive_list_box .list_page_article .pagetext {
	font-size: 96%;
	color: #777777;
}

/*ページネーション（ソースはネット共通のもの）*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
	padding: 3px;
	margin: 3px 3px 20px 3px;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #aaa;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	background-color: #a0a0a0;
	color: #FFF;
}

.wp-pagenavi span.current,
.pagination span.current {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
	padding: 4px 7px 4px 7px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

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

news、ブログページの基本パーツ設定

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

/*newsとブログのタイトル（h1）に文字色*/
.news_page_design h1,
.blog_page_design h1,
.news_page_design h1,
.news_list_design h1,
.blog_list_design h1,
.news_list_design h1{
	text-align: left !important;
	font-weight:600;
	font-size: 18px;
	line-height: 130%;
	margin-top: 5px;
	margin-bottom: 20px;
}

/*h2を左寄せに*/
.news_page_design h2,
.blog_page_design h2,
.news_page_design h2,
.news_list_design h2,
.blog_list_design h2,
.news_list_design h2{
	margin: 20px 0 20px 0;
	padding: 0px 0px 0px 0px;
	clear: both;
	color:#555555;
	line-height: 1.3;
	font-weight:400;
	font-size:20px;
	text-align: left !important;
}

#contents_main.news_page_design .entry_header,
#contents_main.blog_page_design .entry_header,
#contents_main.news_page_design .entry_header{
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 0px;
	/*border-bottom:2px solid #efefef;*/
}

#contents_main.news_page_design .entry_header .entry_title,
#contents_main.blog_page_design .entry_header .entry_title,
#contents_main.news_page_design .entry_header .entry_title{
	padding: 0.0em 0.0em 5px 0em;
	margin-bottom: 0em;
}

#contents_main.news_list_design .entry_header .entry_title,
#contents_main.blog_list_design .entry_header .entry_title,
#contents_main.news_list_design .entry_header .entry_title{
	padding: 0.0em 0.0em 5px 0em;
	margin-bottom: 1.2em;
}

#contents_main .entry_header .entry_title a{
	color: #333333;
	text-decoration: underline;
}

#contents_main .entry_header .entry_title a:hover{
	color: #777777;
	text-decoration: underline;
}

/*newsとBlogの記事ページのタイトルの下の日付*/
#contents_main .entry_header .entry_title .pagedate{
	margin:0px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	font-size:13px;
	color: #969665;
}

/*newsとBlogの記事ページのタイトルの上の日付の横のカテゴリー名*/
#contents_main .entry_header .entry_title .category_title{
	font-size:13px;
	color: #666666;
}

#contents_main .entry_header .entry_title .category_title:before{
	content:"｜";
}


.news_list_design .entry_section,
.blog_list_design .entry_section,
.news_list_design .entry_section{
	overflow: hidden !important;
}

/*news、Blog記事単体ページ下部の記事間リンクナビゲーション*/
.nav-single {
	position: relative;
	display: block;
	overflow: hidden;
	float: none;
	margin: 0px 0px 30px 0px;
}

.nav-previous, .nav-next {
	position: relative;
	display: block;
	max-width: 45%;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 13px;
}

.nav-previous {
	float: left;
	padding-left: 1em;
}

.nav-next {
	width: auto;
	float: right;
	padding-right: 1em;
}

.nav-previous .meta-nav {
	position: absolute;
	top: 0;
	left: 0;
}

.nav-next .meta-nav {
	position: absolute;
	top: 0;
	right: 0;
}


/* ----- 新着動画：エリア全体 ----- */
div#contents_main .youtube_box{
	position: relative;
	width: auto;
	width: 100% !important;
padding-bottom: 56.25%;/*16:9のアスペクト比*/
height: 0;
overflow: hidden;
z-index: 10;
}


/* 新着動画：iフレーム */
div#contents_main .youtube_box iframe{
	position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 11;
}



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

サイドメニューのスタイル

----------------------- */
/*（news、blogのみ配置300px）*/

div#contents_side .side_box {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	/*border: solid 1px #d2d2d2;*/
}

/* ----------PC：タイトル---------- */

/*サイドのh2*/
div#contents_side .side_title_box {
	display:block;
	overflow:hidden;
	width:100% !important;
	padding:0px 0px 6px 0px;
	margin-bottom: 6px;
	border-bottom:solid 1px #ddd;
}

/*サイドのh2*/
div#contents_side .side_title_box h2 {
	color:#000000;
	
}

/*サイドのh2の中のa*/
div#contents_side .side_title_box h2 a {
	
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 b {
	font-weight: 600;
	font-size:17px;
	
}

/*サイドのリンク欄のul*/
div#contents_side .news_current_list,
div#contents_side .blog_current_list,
div#contents_side .news_current_list,
div#contents_side .news_archive_list,
div#contents_side .blog_archive_list,
div#contents_side .news_archive_list {
	margin: 0px 0px 40px 0px;
}



/*カテゴリの子ページリンク*/
div#contents_side .news_current_list a,
div#contents_side .blog_current_list a,
div#contents_side .news_current_list a,
div#contents_side .news_archive_list a,
div#contents_side .blog_archive_list a,
div#contents_side .news_archive_list a{
	display:block;
	overflow:hidden;
	padding:12px 0px 10px 0px;
	border-bottom: solid 1px #d2d2d2;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:100%;
	line-height:140%;
	text-decoration: none;
}

div#contents_side .news_current_list a:hover,
div#contents_side .blog_current_list a:hover,
div#contents_side .news_current_list a:hover,
div#contents_side .news_archive_list a:hover,
div#contents_side .blog_archive_list a:hover,
div#contents_side .news_archive_list a:hover {
	color:#777777 !important;
}

/*カテゴリの子ページリンクの日付*/
div#contents_side .category_current_list .pagedate,/*固定ページの子ページリストの日付*/
div#contents_side .news_current_list .pagedate, /*ブログページの記事ページリストの日付*/
div#contents_side .blog_current_list .pagedate /*ブログページの記事ページリストの日付*/
{
	margin:0px 0px 0px 0px;
	padding:3px 0px 4px 0px;
	font-size:13px;
	color: #969665;
}

div#contents_side .category_current_list a:hover .pagedate,/*固定ページの子ページリストの日付*/
div#contents_side .news_current_list a:hover .pagedate, /*ブログページの記事ページリストの日付*/
div#contents_side .blog_current_list a:hover .pagedate /*ブログページの記事ページリストの日付*/
{
	color: #969665;
	display:block;
	width:100%;
}


/*ブログ、トピックスなどのタイトルの共通設定*/
div#contents_side .side_title_news,
div#contents_side .side_title_blog,
div#contents_side .side_title_news {
	padding: 0px;
	margin: 0px;
	line-height: 1.3;
	display: block;
	/*width:640px;*/
	padding: 0px 0 0px 0 !important;
	margin: 0px 0 20px 0 !important;
	clear: both;
	border-left: none !important;
	border-bottom: solid 3px #333 !important;
}

/*ブログのカテゴリリンク枠*/

/*カテゴリリンクの枠*/
.side_box_category_topics_category ul{
	display:block;
	overflow:hidden;
	width:100% !important;
	padding:8px 14px 8px 14px;
	border: solid 1px #d2d2d2;
}

/*カテゴリリンクのa*/
.side_box_category_topics_category ul li a{
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:16px;
	line-height:130%;
}

.side_category_list_subtitle{
	color:#848484;
	font-size:16px;
	margin-bottom:4px;
}

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

親カテゴリーのリンクボタン

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

/*親カテゴリの子ページリンク*/
/*エリア全体　div*/
#child_section{
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}

/*div*/
.child-pages{
	
}

/*a*/
.child-pages a{
	display: block;
	min-width: 100px;
	width: 100% !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 6px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 2.2em;
	color: #ffffff;
	font-size: 15px;
	border: solid 3px #312c2a;
	background: url(../img/icon_32_link_white.png) no-repeat 0.8em center;
	background-size: 22px 22px;
	background-color:#312c2a;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-decoration: none;
	float: none;
}

.child-pages a p{
	margin-bottom: 0px !important;
}


.child-pages a:hover{
	color: #ffffff;
	background: url(../img/icon_32_link_white.png) no-repeat 0.8em center;
	background-size: 22px 22px;
	background-color:#e2b600;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



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

フッター

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

/*------------- フッター -------------*/

/*フッターの中身を包んだ大枠*/
.footer_inner {
	display:block;
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px 15px 0px;
	margin-bottom:0px;
	overflow:hidden;
	position: relative;
	text-align: center;
}

/*ロゴ画像　div*/
.footer_logo{
	display:block;
	position: relative;
	width: 100%;
	height: 42px;
	margin:0 auto !important;
	margin-bottom: 10px;
	background: url(../img/footer_logo_x2.png) no-repeat 41% 0px;
	background-size: 194px 26px;/*540x84*/
}

.footer_logo p{
	display: none;
}

.footer_address_box{
	display:block;
	position: relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

/*社名　p*/
.footer_company{
	display: inline-block;
	padding: 0px;
	line-height:normal;
	font-size: 15px;
	font-weight: 600;
	margin-right: 20px;
	margin-bottom: 10px;
}

/*住所　p*/
.footer_address{
	display: inline-block;
	padding: 0px;
	line-height:normal;
	font-size: 14px;
}



.copyright{
	display:block;
	position: relative;
	padding:20px 0px 20px 0px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0px;
	float: none;
	clear: both;
	border-top: solid 1px #d3d3cf;
}

.copyright p{
	font-size: 13px;
	color: #666666;
}



/* ----------ページTOPへボタン（ページの先頭へ）---------- */
#pagetop_wrapper {
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 46px;
	height: 46px;
	z-index:9999 !important;
}

.pagetop {
	display: block;
	float: right;
	width: 46px;/*64px;*/
	height: 46px;/*74px;*/
}

.pagetop a {
	display: block;
	width: 46px;
	height: 46px;
	background:url(../img/btn_pagetop.png) center center no-repeat;
	background-size:34px 34px;
}

.pagetop a:hover {
	margin-top: -5px;
}

/*firefoxのリンクの点線を消す*/
.pagetop a:focus{
	outline: none;
}

.pagetop a b {
	display:none;
}



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

トップページ専用スタイル

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

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

トップのメインコンテンツの基本設定

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

/* ----------PC：メインビジュアル---------- */
.mainvisual_area{ /*section*/
	min-width: 300px !important;
	width: 100% !important;
	height: auto !important;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	clear: both;
	background-color:#ffffff;
}

.mainvisual_outer{
	
}

.mainvisual_inner {
	
	display: block;
	width: 100%;
	margin: 0 auto !important;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	max-height: 450px;
	clear: both;
	float: none;
	
}

/* ---------- メインビジュアルと動画 ---------- */

.mainvisual_inner {
	position: relative;
	clear: both;
	float: none;
	overflow: hidden;
	min-width: 300px !important;
	width: 100%;
}

/*メインビジュアル youtube版  ----------------ここから*/

#main_visual{
	display:block;
	width:100%;
	position:relative;
	padding:0;
	
	padding-bottom: 56.25%;
	max-height: 500px !important;
	height: 0;
	overflow: hidden;
}

/*padding-bottom: 56.25%;　16:9用*/
	/*padding-bottom: 41.75%;*/ /*1200×500用*/


#main_visual iframe {
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
}


.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 500px;
	z-index: 10;
	background: url(../img/movie_filter.png);
	pointer-events: none;
}


.overlay_inner{
	position:relative;
	width: 100%;
	height:100%;
	margin:0 auto;
	pointer-events: none;
	
}


/*中央キャッチコピー*/

.overlay_center_box{
	display: block;
	width: 100%;
	position:absolute;
	top: 20%;
	text-align: center;
	padding: 0px 30px 0px 30px;
}


/*キャッチコピー　p*/

.mainvisual_catchcopy {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #ffffff;
}


.mainvisual_logo{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 270px;
	height: 70px;
	background: url(../img/main_visual_logo_white02.png) no-repeat center top;
	background-size: 186px 48px;
}

/*background-size: 270px 70px*/


.mainvisual_logo b{
	display: none;
}


/*メインビジュアル youtube版  ----------------ここまで*/




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

トップの「製品の特徴」欄

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

.top_features_box_bg{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	padding:0px 0px 0px 0px;
	/*background: url(../img/top_features_bg.png) no-repeat center top;*/
}

.top_features_box_bg .contents_outer_frontpage{
	display:block;
	position:relative;
	overflow: hidden;
	padding:0px 0px 0px 0px;
	background-color: rgba(255,255,255,0.8);
}

.top_features_box_bg .contents_inner_frontpage{
	padding:10px 10px 30px 10px;
}

.top_features_catchcopy_box{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

/*h3タイトル*/
h3.top_features_catchcopy_e{
	font-size: 28px;
	color: #9d9ea8;
	font-weight: 400;
	margin-bottom: 0px !important;
	font-family: 'Montserrat', sans-serif;
}

/*h2タイトル*/
h2.top_features_catchcopy{
	display: inline-block;
	font-size: 24px;
	/*font-weight: 600;*/
	text-align: left;
	line-height: 130%;
	margin-bottom: 20px;
}

h2.top_features_catchcopy span.top_features_catchcopy_small{
	font-size: 16px;
}

h2.top_features_catchcopy span.top_features_catchcopy_red{
	display: inline-block;
	font-size: 36px;
	color: #a90029;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	margin-left: 5px;
	margin-right: 5px;
}

p.top_features_catchcopy_copy{
	text-align: left;
	font-size: 96%;
	color: #757a7e;
}




/*アイコン画像配置枠　div*/
.top_features_img_box{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.top_features_img_box_inner_1,
.top_features_img_box_inner_2{
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	font-size: 0;
	margin-bottom: 10px;
}

.top_features_img_box_inner_1 a,
.top_features_img_box_inner_2 a{
	display: inline-block;
	width: 14%;
	height: auto;
}

.top_features_img_box img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}



/*詳細を見るボタン div*/
.top_features_link_box{
	text-align: center;
	margin: 0px 0px 0px 0px;
}



.top_features_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 260px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_features_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_features_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}






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

トップの「製品一覧」欄

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

.top_products_box_bg{
	display:block;
	width:100%;
	padding:30px 0px 20px 0px;
	background-color: #edeced;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_products_box{
	display:block;
	margin: 0 auto;
}


/*タイトル枠外側　div*/
.top_products_title_box_outer{
	display:block;
	padding:0px 10px 0px 10px;
	margin: 0 auto;
}

/*タイトル枠内側　div*/
.top_products_title_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*h2タイトル*/
h2.top_products_title{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
}

h2.top_products_title b{
	font-weight: 400;
}

h2.top_products_title span{
	display: block;
	font-size: 14px !important;
}

h3.top_products_catchcopy{
	font-size: 16px;
	text-align: left;
}


/*div*/
.top_products_contents_box_outer{
	display:block;
	padding:0px 10px 0px 10px;
	margin: 0 auto;
}

/*div*/
.top_products_contents_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}



/*各製品のリンク一覧　ul*/
.top_products_list{
	display:block;
	position: relative;
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*各製品のリンク一覧の1つ分　li*/
.top_products_1box{
	height: auto;
	width:50%;
	float: left;
}

.top_products_1box a{
	display:block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	width: 100%;
	height: auto !important;
	padding-bottom: 0%;
	
	background-color: #edeced;

}


.top_products_1box a img{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.top_products_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	
	filter: alpha(opacity=100); /*IE*/
	-moz-opacity: 1.00; /*FF*/
	opacity: 1.00;
}





/*製品名　p*/
.top_products_1box a .top_to_products_link_name{
	display:block;
	position: absolute;
	width: 100%;
	bottom: auto;
	top:auto;
	bottom:10px;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	text-align: center !important;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}


.top_to_products_link_name span{
	display: block;
	font-size: 11px;
}




/*製品を見るボタン div*/
.top_products_link_box{
	text-align: center;
	margin: 0px 0px 0px 0px;
}



.top_products_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 260px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_products_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_products_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}



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

トップの「ギャラリー」欄

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

.top_gallery_box_bg{
	display:block;
	width:100%;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_gallery_box{
	display:block;
	position: relative;
	margin: 0 auto;
	height: auto;
}


/*タイトル枠外側　div*/
.top_gallery_title_box_outer{
	display:block;
	position: relative;
	padding:20px 10px 0px 10px;
	margin: 0 auto;
	height: auto;
	z-index: 1;
}

/*タイトル枠内側　div*/
.top_gallery_title_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*h2タイトル*/
h2.top_gallery_title{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
	color: #333333;
}

h2.top_gallery_title b{
	font-weight: 400;
}

h2.top_gallery_title span{
	display: block;
	font-size: 14px !important;
}

p.top_gallery_copy{
	font-size: 16px;
	text-align: left;
	color: #666666;
	margin-bottom: 10px;
}


/*div*/
.top_gallery_contents_box_outer{
	display:block;
	position:relative;
	top:0px;
	padding:0px 0px 0px 0px;
	margin: 0 auto;
}

/*div*/
.top_gallery_contents_box_inner{
	display:block;
	top: 0px;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*画像配置　div*/
.top_gallery_img_box{
	display:block;
	position:relative;
	top:0px;
	height: auto;
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
}

.top_gallery_img_box img{
	display:block;
	position:relative;
	top:0px;
	width:100%;
	height: auto;
}



/*ギャラリーを見るボタン div*/
.top_gallery_link_box{
	display: block;
	position:relative;
	width: 100%;
	max-width: 1060px;
	top: 0px;
	text-align: center;
	margin: 15px 0px 10px 0px;
	z-index: 2 !important;
}



.top_gallery_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 260px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
	z-index: 9999 !important;
}

.top_gallery_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_gallery_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}





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

トップの「NEWS」欄

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

.top_news_box_bg{
	display:block;
	width:100%;
	padding:30px 0px 10px 0px;
	background-color: #edeced;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_news_box{
	display:block;
	margin: 0 auto;
}


/*タイトル枠外側　div*/
.top_news_title_box_outer{
	display:block;
	padding:0px 10px 0px 10px;
	margin: 0 auto;
}

/*タイトル枠内側　div*/
.top_news_title_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*h2タイトル*/
h2.top_news_title{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 15px;
}

h2.top_news_title b{
	font-weight: 400;
}

h2.top_news_title span{
	display: block;
	font-size: 14px !important;
}

h3.top_news_catchcopy{
	font-size: 16px;
	text-align: left;
}


/*div*/
.top_news_contents_box_outer{
	display:block;
	padding:0px 0px 0px 0px;
	margin: 0 auto;
}

/*div*/
.top_news_contents_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 10px 0px 10px;
	text-align: center;
}


/*記事一覧　ul*/
.top_news_list{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0px 0px 0px 0px;
}

/*記事1件分　li*/
.top_news_1box{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #d3d3cf;
	text-align: left;
	
}

/*1記事のリンク　a*/
.top_news_1box a{
	display:block;
	padding: 15px 30px 14px 10px;
	background: url(../img/icon_32_link_red.png) no-repeat right 10px center;
	background-size: 16px 16px;
	text-decoration: none;
	
}

.top_news_1box a:hover{
	background: url(../img/icon_32_link_white.png) no-repeat right 10px center;
	background-size: 16px 16px;
	background-color: rgba(0,0,0,0.1);
}

/*更新年月日 p*/
.top_news_date{
	display: inline-block;
	width: auto;
	vertical-align: top;
	margin-right: 5px;
}

/*記事タイトル p*/
.top_news_text{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	line-height: 140%;
	padding-top: 3px;
}

.top_news_1box a:hover .top_news_text{
	/*text-decoration: underline;*/
}


/*一覧を見るボタン div*/
.top_news_link_box{
	text-align: center;
	margin: 10px 10px 0px 10px;
}



.top_news_link_box a.button{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 260px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

.top_news_link_box a.button:hover{
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}

/*aの中のp*/
.top_to_news_link{
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 20px;
	background: url(../img/icon_32_link_white.png) no-repeat right center;
	background-size: 16px 16px;
}





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

トップの「3つのリンク」欄

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

.top_etc_box_bg{
	display:block;
	width:100%;
	padding:30px 0px 60px 0px;
	background-color: #ffffff;
}

/*タイトル+コンテンツ 全体枠　div*/
.top_etc_box{
	display:block;
	margin: 0 auto;
	padding:0px 10px 0px 10px;
}


/*div*/
.top_etc_contents_box_outer{
	display:block;
	padding:0px 0px 0px 0px;
	margin: 0 auto;
}

/*div*/
.top_etc_contents_box_inner{
	display:block;
	width:100%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.top_etc_contents_box{
	display:block;
	width:100%;
	margin: 0 auto;
	clear: both;
}


/*リンク枠1つ分　div*/
.top_etc_contents_1box{
	display: block;
	text-align: left;
	width: 100%;
	max-width: 340px;
	float: none;
	margin: 0 auto;
	margin-bottom: 30px;
}

.top_etc_contents_1box.etc_3{
	margin: 0 auto;
}

.top_etc_contents_1box a{
	text-decoration: none;
}


/*h2タイトル*/
h2.top_etc_title{
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 3px;
}

h2.top_etc_title b{
	font-weight: 400;
}

h2.top_etc_title span{
	display: inline-block;
	font-size: 14px !important;
}


.top_etc_contents_1box a img{
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.top_etc_contents_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}





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

各ページ共通で使うスタイル

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


/* 各ページメインコピーH2 */
h2.page_main_copy{
	text-align:center;
	font-size:160% !important;
}

/* 各ページリード文 */
.page_lead, .page_lead_center{
	margin-bottom:40px;
	font-weight:bold;
	color:#666666;
}

/* 各ページリード文：中央揃え */
.page_lead_center{
	text-align:center;
}


/*各ページセクションの見出し*/
.section_title, .section_title_pink{
	display:block !important;
	margin:20px auto 20px auto;
	text-align:center;
	color:#00acc1; 
	font-size:36px !important;
	font-family: 'Montserrat', sans-serif;
}

.section_title_pink{ color:#f06292; }

/* メインビジュアル */
.main_visual{
	margin-bottom:40px;
}
.main_visual img{
	width:100%;
	height:auto;
}

/* メインビジュアル下の文章 */
.main_visual_2nd_copy{
	color:#666666;	
}



/* -----カラム共通----- */

.column_2 > div img,
.column_3 > div img,
.column_2_inner > div img,
.column_3_inner > div img{
	width:100%;
	height:auto;
}


/* -----2カラム----- */

.column_2, .column_2_inner{ margin:0 0 20px 0; }


.column_2_inner{
	width:auto !important;
}

.column_2 > div{
	display:block;
	width:auto !important;
	margin-right:0px;
	margin-bottom:20px;
	vertical-align:top;
}

/*2カラムで囲みの中に入ってる場合*/

.column_2_inner > div{
	display:block;
	width:auto !important;
	margin-right:0px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_2_inner_percent > div{
	display:block;
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_2_inner > div > p > img{
	width:auto !important;
	height:auto !important;
}

/*右端のDIVの右マージンを0に*/
.column_2 > div:nth-child(2n),
.column_2_inner > div:nth-child(2n),
.column_2_inner_percent > div:nth-child(2n){
	margin-right:0px;
}


.column_2_inner > div > p > img{
	width:100% !important;
	height:auto !important;
}

/*右端のDIVの右マージンを0に*/
.column_2 > div:nth-child(2n),
.column_2_inner > div:nth-child(2n){
	margin-right:0px;
}


/*2カラムでそれぞれ内容物をセンタリング*/

.column_2_center > div{
	display:inline-block;
	width:100%;
	margin:0 0 20px 0 !important;
	vertical-align:top;
	text-align:center;
}



/* ----- 3カラム ----- */

.column_3{ margin:0 0 20px 0; }

.column_3 > div{
	display:block;
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
	padding:0 !important;
	vertical-align:top;
}

/*3カラムで囲みの中に入ってる場合*/

.column_3_inner{
	width:auto;
	margin:0 auto;
}

.column_3_inner > div{
	display:inline-block;
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
	vertical-align:top;
}

.column_3_inner > div > p > img{
	width:100% !important;
	height:auto !important;
}


/*右端のDIVの右マージンを0に*/
.column_3 > div:nth-child(3n),
.column_3_inner > div:nth-child(3n){
	margin-right:0px !important;
}



/* ----- 4カラム ----- */

.column_4{ margin:0 0 20px 0; }

.column_4 > div{
	display:inline-block;
	width:100%;
	margin-right:0px;
	margin-bottom:0px;
	padding:0 !important;
	vertical-align:top;
}


/*4カラムで囲みの中に入ってる場合*/

.column_4_inner{
	width:auto;
	margin:0 auto 20px auto;
}

.column_4_inner > div{
	display:block;
	width:100%;
	margin-right:0px;
	margin-bottom:0px;
	vertical-align:top;
}


/*右端のDIVの右マージンを0に*/
.column_4 > div:nth-child(4n),
.column_4_inner > div:nth-child(4n){
	margin-right:0px !important;
}




/* ----- 詳細文の入るDIVやP ----- */

.column_detail_text{
	margin:20px 0 20px 0 !important;
}


/*文中のみだし*/
.column_detail_text h5{
	font-size:100% !important;
}

/*改行高さ*/
.column_detail_text p{
	margin-bottom:1em;
	line-height:1.6;
}


/* ----- 3カラムの「テーブル」設定 ----- */

.table_3column_list{
	border-top:none !important;
	border-left:none !important;
}

.table_3column_list tr{
	border-bottom:none !important;
	border-right:none !important;
}

.table_3column_list td{
	display:block;
	padding:0 40px 15px 0 !important;
	border-bottom:none !important;
	border-right:none !important;
	vertical-align:top;
	text-align:center;
}

.table_3column_list td p img{
	margin:0 auto;
}

.table_3column_list td h4{
	font-size:100% !important;
	text-align:left;
}

.table_3column_list td img{
	height:auto;
}

/* 背景に右向きの矢印 */

.wedge_right_orange td{
	 background:none;
}
.wedge_right_orange tr td:nth-child(3n){
	 background:none;
}



/* 背景に右向きの矢印（グリーン） */

.wedge_right_green td{
	 background:none;
}
.wedge_right_green tr td:nth-child(3n){
	 background:none;
}

.wedge_right_green p{
	text-align:center;
}



/* ----- 4カラムの「テーブル」設定 ----- */

.table_4column_list{
	border-top:none !important;
	border-left:none !important;
}

.table_4column_list tr{
	border-bottom:none !important;
	border-right:none !important;
}

.table_4column_list td{
	display:block;
	/*width:100% !important; border:solid 1px #ff0000 !important;*/
	padding:0 40px 15px 0 !important;
	border-bottom:none !important;
	border-right:none !important;
	vertical-align:top;
}

.table_4column_list td h4{
	font-size:100% !important;
}

.table_4column_list tr td:last-child{
	padding-left:0 !important;
}

.table_4column_list td img{
	width:100%;
	height:auto;
}


/* レイアウトするための罫線なしテーブル */

.layout_table table{
	width:100% !important;
	margin:0px;
}

.layout_table table td{
	display:block;
	width:100%!important;
	padding:0;
	text-align:center;
}

.layout_table table td img{
	width:100%!important;
	height:auto;
}


/* ----- ドット罫線つきのcolumnボックス -----*/
.box_dotted_round{
	padding:10px 20px 0px 20px;
	border:dotted 2px #999999;
	border-radius: 15px;		/* かどまる：CSS3 */
	-webkit-border-radius:15px;	/* かどまる：Safari,Chrome */
	-moz-border-radius:15px;	/* かどまる：Firefox */
	min-height:1em;
}

/* ドット罫線で囲まれた見出し */
.box_dotted_round h4{
	text-align:center;
}


/* ----- 青い罫線のボックス -----*/

.solid_box_blue{
	margin-bottom:1em;
	padding:30px;
	border:solid 5px #99cccc;
	overflow:hidden;
}


/* ----- ぽっち付きのリスト -----*/


.icon_16_marker_blue li{
	color:#6699cc;
	
}
.icon_16_marker_green li{
	color:#9ccc65;
}


/* ----- H○のクリアを解除する -----*/

.clear_none{
	clear:none;
}






/* ==================== ここから下の階層のページ==================== */



/*=========================下層ページの各ページごとのスタイルここから=========================*/


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

製品の特徴　ディレクトリ名：features

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


/* ---------- 記事内のテーブル設定 ---------- */

/*採掘場の写真*/
.entry_features .text_box_3column_left img,
.entry_features .text_box_3column_center img,
.entry_features .text_box_3column_right img{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
	max-width: 480px;
	height: auto;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 100%;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) tr {
	display: block;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	font-size: 98%;
	padding-bottom: 30px !important;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) tr:last-Child {
	padding-bottom: 0px !important;
}


#contents_section .products_spec_table_box table:not(.no_responsive_table) tr td{
	padding: 6px 6px 6px 6px;
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
	text-align: left !important;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) table p,
#contents_section .products_spec_table_box table:not(.no_responsive_table) tr p,
#contents_section .products_spec_table_box table:not(.no_responsive_table) tr td p{
	margin-bottom: 5px;
}

/*上部の項目行のtrとtd*/
#contents_section .products_spec_table_box table:not(.no_responsive_table) tr.products_spec_first_tr{
	display: none !important;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) tr.products_spec_first_tr td{
	display: none !important;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) tr.products_spec_first_tr td:first-Child{
	background:none;
	font-weight: 600;
}

/*左側の製品名　td*/
#contents_section .products_spec_table_box table:not(.no_responsive_table) tr td.products_name_td{
	background-color: #edeced;
	border-top: #d8d8d8 solid 1px !important;
	font-weight: 600;
	width: 100%;
	text-align: center !important;
}

#contents_section .products_spec_table_box table:not(.no_responsive_table) tr td.products_name_td img{
	height: 23px;
	width: auto;
	margin: 0px 10px 0px 10px;
}


/*トップからのアンカーリンク*/
#features_pickup_a,
#features_pickup_b,
#features_pickup_c,
#features_pickup_d,
#features_pickup_e,
#features_pickup_d,
#features_pickup_e,
#features_pickup_f,
#features_pickup_g,
#features_pickup_h,
#features_pickup_k{
	margin-top: 0px;
	padding-top: 10px;
	z-index: -999;
}


/*特徴のタイトル（h3）*/
#contents_section h3.features_pickup1,
#contents_section h3.features_pickup2,
#contents_section h3.features_pickup3,
#contents_section h3.features_pickup4,
#contents_section h3.features_pickup5,
#contents_section h3.features_pickup6,
#contents_section h3.features_pickup7,
#contents_section h3.features_pickup8,
#contents_section h3.features_pickup9,
#contents_section h3.features_pickup10,
#contents_section h3.features_pickup11{
	display: inline-block;
	margin: 0px 0 15px 0;
	font-size: 22px;
	font-weight: 500;
	color: #505050;
	min-height: 48px;
}

/*不燃認定番号*/
#contents_section h3.features_pickup1{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_1.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*保証*/
#contents_section h3.features_pickup2{
	padding: 10px 0px 0px 104px;
	background: url(../img/icon_48_features_2.png),url(../img/icon_48_features_3.png);
	background-size: 48px 48px,48px 48px;
	background-repeat: no-repeat,no-repeat;
	background-position: left center,52px center;
}

/*塗り替え不要*/
#contents_section h3.features_pickup3{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_4.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*耐震性*/
#contents_section h3.features_pickup4{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_5.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*耐風性*/
#contents_section h3.features_pickup5{
	padding: 10px 0px 0px 104px;
	background: url(../img/icon_48_features_6.png),url(../img/icon_48_features_7.png);
	background-size: 48px 48px,48px 48px;
	background-repeat: no-repeat,no-repeat;
	background-position: left center,52px center;
}

/*耐雪性*/
#contents_section h3.features_pickup6{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_8.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*雹（ひょう）にも安心*/
#contents_section h3.features_pickup7{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_9.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*遮熱性*/
#contents_section h3.features_pickup8{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_10.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*遮音性*/
#contents_section h3.features_pickup9{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_11.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*サステナブル建築資材、環境にやさしい*/
#contents_section h3.features_pickup10{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_12.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*信頼の実績*/
#contents_section h3.features_pickup11{
	padding: 10px 0px 0px 52px;
	background: url(../img/icon_48_features_13.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left center;
}





#contents_section h4.features_catchcopy{
	font-size: 25px;
	font-weight: 500;
	color: #111111;
	margin-bottom: 20px;
}


/*保証書　img*/
.features_pickup2_img{
	max-width: 330px !important;
	
}



/*耐震性のコンテンツ　div（text_box_2columnと併記）*/
.features_pickup4_contents{
	
}

.features_pickup4_contents .text_box_2column_left{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}

.features_pickup4_contents .text_box_2column_right{
	width: 100%;
}


/*耐熱性のコンテンツ　div（text_box_3columnと併記）*/
.features_pickup8_contents{
	
}

.features_pickup8_contents .text_box_3column_left{
	width: 250px;
	margin-right: 20px;
}

.features_pickup8_contents .text_box_3column_center{
	width: 250px;
	margin-right: 20px;
}

.features_pickup8_contents .text_box_3column_right{
	width: 520px;
	float: right;
	padding-right: 20px;
}


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

製品紹介　ディレクトリ名：products

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

.products_link_box{
	overflow: hidden;
	padding:10px 10px 10px 10px;
	margin:10px 0px 40px 0px;
	background-color: #edeced;
	line-height: 150%;
}


/*各製品のリンク一覧　ul*/
#contents_section ul.products_list{
	display:block;
	position: relative;
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-left: 0em !important;
	padding: 0px 0px 0px 0px;
	text-align: center;
	list-style: none;
	background: none;
}

/*各製品のリンク一覧の1つ分　li*/
#contents_section ul li.products_1box{
	width: 49% !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px;
	float: left;
	text-indent: 0px;
}

#contents_section ul li.products_1box:nth-Child(2n){
	float: right;
}

#contents_section ul li.products_1box:nth-Child(4n){
	margin-right: 0px;
}

#contents_section ul li.products_1box:before{
	content:none;
	display: none;
}

.products_1box a{
	display:block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	width:100%;
	height: auto;
}


.products_1box a img{
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.products_1box a:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	
	filter: alpha(opacity=100); /*IE*/
	-moz-opacity: 1.00; /*FF*/
	opacity: 1.00;
}





/*製品名　p*/
.products_1box a .top_to_products_link_name{
	display:block;
	position: relative;
	width: 100%;
	bottom: 0px;
	padding: 10px 10px 10px 10px;
	text-align: center !important;
	color: #333333;
	font-family: 'Montserrat', sans-serif;
}


.top_to_products_link_name span{
	font-size: 13px;
}


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

製品紹介の各製品ページ
ディレクトリ名：products/roman/
ディレクトリ名：products/antica/
ディレクトリ名：products/classic/
ディレクトリ名：products/bond/
ディレクトリ名：products/tudor/
ディレクトリ名：products/shake/
ディレクトリ名：products/royal/
ディレクトリ名：products/slate/

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

/*サイド全体　div*/
#contents_side .side_box_products{
}

#contents_side .side_box_products .side_title_box{
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0px 0px 3px 0px;
	border-bottom: solid 0px #ddd;
}

/*サイドの製品リスト　ul*/
#contents_side .side_box_products ul.side_box_products_list{
	display: block;
	position: relative;
	overflow: hidden;
	float: none;
	width: 100%;
	margin: 0px 0px 50px 0px;
	list-style: none;
	clear: both;
	border-left: solid 1px #d2d2d2;
	padding-bottom: 0px !important;
	border-top: solid 1px #d2d2d2;
}

/*サイドの製品リスト　ul li*/
#contents_side .side_box_products ul.side_box_products_list li{
	display:block;
	overflow:hidden;
	width: 50%;
	padding:0px 0px 0px 0px;
	border-left: solid 0px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:13px !important;
	line-height:140%;
	text-decoration: none;
	
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	float: left;
	
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition: background 0.3s;
}

#contents_side .side_box_products ul.side_box_products_list li a{
	padding:7px 7px 7px 50px !important;
	height: auto !important;
	font-size:13px !important;
}


/*ROMANローマン*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_roman a{
	background: url(../img/products_thumbnail_roman.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*ANTICAアンティカ*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_antica a{
	background: url(../img/products_thumbnail_antica.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*CLASSICクラシック*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_classic a{
	background: url(../img/products_thumbnail_classic.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*BONDボンド*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_bond a{
	background: url(../img/products_thumbnail_bond.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*TUDORチューダー*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_tudor a{
	background: url(../img/products_thumbnail_tudor.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*SHAKEシェイク*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_shake a{
	background: url(../img/products_thumbnail_shake.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*ROYALロイヤル*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_royal a{
	background: url(../img/products_thumbnail_royal.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*CF SLATECFスレート*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_slate a{
	background: url(../img/products_thumbnail_cf_slate.png) no-repeat -30px center;
	background-size: 74px 34px;
}

/*CF SHINGLE　CFシングル*/
#contents_side .side_box_products ul.side_box_products_list li.side_box_products_cf_shingle a{
	background: url(../img/products_thumbnail_cf_shingle.png) no-repeat -30px center;
	background-size: 74px 34px;
}


#contents_side .side_box_products ul.side_box_products_list li a:hover{
	background-color: #f3eeec;
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition: background 0.3s;
}



/*ページ上部のメイン画像*/
.products_page_main_img_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.products_page_main_img_box img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}


/*カラーバリエーション欄全体　div*/
.products_page_color_variation_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}

.products_page_color_variation_box .box_gray_bg{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 10px 10px 10px 10px;
}

#contents_section .products_page_color_variation_box .box_gray_bg h3{
	margin-bottom: 10px !important;
	line-height: 110% !important;
}

#contents_section .products_page_color_variation_box .box_gray_bg h3 span{
	font-size: 13px;
	font-weight: 500;
	
}

#contents_section .products_page_color_variation_box ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0px;
	list-style: none;
	padding-left: 0em !important;
	text-indent: 0em !important;
}

#contents_section .products_page_color_variation_box ul li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 49%;
	padding: 0px 0px 0px 0px;
	margin-right: 2%;
	margin-bottom: 10px;
	padding-left: 0em !important;
	text-indent: 0em !important;
	float: left;
}

#contents_section .products_page_color_variation_box ul li:nth-Child(3n){
	margin-right: 2%;
}

#contents_section .products_page_color_variation_box ul li:nth-Child(2n){
	margin-right: 0px !important;
}

#contents_section .products_page_color_variation_box ul li::before{
	content: none;
	display: none;
}

#contents_section .products_page_color_variation_box ul li img{
	margin-bottom: 3px;
	width: 100%;
	height: auto;
}

#contents_section .products_page_color_variation_box ul li p{
	margin-bottom: 0px;
	font-size: 14px;
}

#contents_section .products_page_color_variation_box ul li p span.red_star{
	display: inline-block;
	color: #c60025;
	float: right;
}

/*仕様欄全体　div*/
.products_page_color_specification_box{
	
}

.products_page_color_specification_box .box_gray_bg{
	padding: 25px 30px 10px 30px;
}


#contents_section .products_page_color_specification_box .box_gray_bg h3 span{
	font-size: 13px;
	font-weight: 500;
}

/*仕様の画像とテーブルを囲んだdiv*/
.products_page_color_specification_box_inner{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

/*仕様の画像欄　div*/
.products_page_color_specification_img_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: none;
	text-align: center;
}

.products_page_color_specification_img_box img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-width: 350px;
	margin: 0 auto;
}

/*仕様の画像欄　div*/
.products_page_color_specification_table_box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: none;
}







#contents_section .products_page_color_specification_table_box table {
	margin-bottom: 10px;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
}

#contents_section .products_page_color_specification_table_box table tr {
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .products_page_color_specification_table_box table tr td {
	padding: 3px 0px 3px 0px;
	border-bottom: #d8d8d8 solid 0px;
	border-right: #d8d8d8 solid 0px;
	font-size: 13px;
}

#contents_section .products_page_color_specification_table_box table p,
#contents_section .products_page_color_specification_table_box table tr p,
#contents_section .products_page_color_specification_table_box table tr td p{
	margin-bottom: 5px;
}





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

会社概要　ディレクトリ名：about_us

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

/*上部のプロフィール欄 div*/
.about_us_profile_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 940px;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) {
	margin-bottom: 0em;
	border-top: #d8d8d8 solid 1px !important;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) tr {
	border-bottom: #d8d8d8 solid 1px !important;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) td {
	padding: 2px 5px 9px 5px;
	border-bottom: #d8d8d8 solid 0px;
	border-right: #d8d8d8 solid 0px;
	font-size: 98%;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) td:nth-Child(1) {
	padding: 9px 5px 0px 5px;
	border-bottom: #d8d8d8 solid 0px;
	border-right: #d8d8d8 solid 0px;
	font-size: 14px;
	font-weight: 600;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) tr td:nth-Child(1) {
	width: 100%;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) tr td:nth-Child(2) {
	width: 100%;
}

#contents_section .about_us_profile_box table:not(.no_responsive_table) p,
#contents_section .about_us_profile_box table:not(.no_responsive_table) tr p,
#contents_section .about_us_profile_box table:not(.no_responsive_table) td p{
	margin-bottom: 5px;
}

/*Googleマップ欄　div*/
.about_us_googlemap_box{
	
}

.about_us_googlemap_box iframe{
	width: 100%;
	height: 240px;
}


/*ROSS ROOF GROUP ASIA社について欄　div*/
.about_us_group_box{
	display: block;
	position: relative;
	overflow: hidden;
	background: url(../img/about_us_group_bg.png) no-repeat left 100px;
	background-size:contain;
	/*padding-top: 60%;*/
}

/*赤下線付きタイトルの下を空ける　div*/
.about_us_group_box .redline_title_box{
	margin-bottom: 50%;
}

#contents_section .about_us_group_box p{
	line-height: 180%;
}

#contents_section img.about_us_group_staff_img{
	width: 100% !important;
	max-width: 100% !important;
}

#contents_section .text_box_4column_1 img,
#contents_section .text_box_4column_2 img,
#contents_section .text_box_4column_3 img,
#contents_section .text_box_4column_4 img{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 480px;
	width: 100%;
	height: auto;
	text-align: center;
}


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

ギャラリー　ディレクトリ名：gallery

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

/*body*/
.category_gallery{
}

/*body*/
.entry_gallery{
}

/*各製品の切り替えリンク欄　div*/
.gallery_page_link_box{
	display: block;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}

/*各製品の切り替えリンクリスト　ul*/
#contents_section ul.gallery_page_link_list{
	display: block;
	position: relative;
	overflow: hidden;
	float: none;
	width: 100%;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 30px 0px;
	list-style: none;
	clear: both;
	border-top: solid 1px #d2d2d2;
	border-left: solid 1px #d2d2d2;
	border-right: solid 0px #d2d2d2;
	border-bottom: solid 0px #d2d2d2;
	padding-bottom: 0px !important;
	
}

#contents_section ul.gallery_page_link_list li{
	display:block;
	overflow:hidden;
	width: 50%;
	padding:0px 0px 0px 0px;
	border-left: solid 0px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	background-color:#ffffff;
	color:#4b4b4b;
	font-size:13px !important;
	line-height:140%;
	text-decoration: none;
	
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	float: left;
	
	-moz-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition: background 0.3s;
}

#contents_section ul.gallery_page_link_list li:last-Child{
	border-right: solid 1px #d2d2d2;
}

#contents_section ul.gallery_page_link_list li:before{
	content:none;
	display: none;
}


#contents_section ul.gallery_page_link_list li a{
	display: block;
	padding:5px 5px 5px 5px !important;
	height: auto !important;
	font-size:13px !important;
}


#contents_section ul.gallery_page_link_list li a:hover{
	/*text-decoration: underline;*/
	padding: 4px 4px 4px 4px;
	color:#c60025;
}

/*製品名タイトル欄　div*/
.gallery_title_box{
	text-align: center;
	margin-bottom: 10px;
}

.gallery_title_box h2 {
	display: inline-block;
	position: relative;
	font-size: 22px !important;
	padding-bottom: 20px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	
}
.gallery_title_box h2::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: 2;
	content: '';
	width: 100px;
	height: 3px;
	background-color: #c60025;
}



/*ギャラリー写真欄　div*/
.gallery_img_box{
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

/*ギャラリー写真リスト　ul*/
#contents_section ul.gallery_img_list{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding-bottom: 0px;
	padding-left: 0px !important;
	list-style: none;
}

#contents_section ul.gallery_img_list li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 49%;
	height: 100px;
	background-color: #efefef;
	margin-right: 0px;
	margin-bottom: 8px;
	float: left;
	text-align: center;
	letter-spacing: 0em;
}

#contents_section ul.gallery_img_list li:nth-Child(2n){
	float: right;
}

#contents_section ul.gallery_img_list li:nth-Child(3n){
	margin-right: 0px;
}

#contents_section ul.gallery_img_list li:before{
	display: none;
}

#contents_section ul.gallery_img_list li img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 360px;
	height: auto;
}

#contents_section ul.gallery_img_list p{
	letter-spacing: 0em;
}





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

お問い合わせ　ディレクトリ名：contact/

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

.contact_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	max-width: 940px;
}

/*テーブルを囲んだdiv*/
.form_table_box{
	line-height: 150%;
	box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*table*/
div#contents_main .form_table_box table{
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 0px;
	width: 100%;
	margin-bottom:20px;
}

/*tr*/

div#contents_main .form_table_box table:not(.no_responsive_table) tr{
	display: block;
	width: 100%;
	font-size: 100%;
	background-color: #ffffff !important;
	padding: 0.2em 0em 0.2em 0em;
	margin-bottom: 0.2em;
	border-top:dotted 1px #d8d8d8 !important;
	border-bottom:dotted 0px #d8d8d8 !important;
}

/*th、td*/
div#contents_main .form_table_box table:not(.no_responsive_table) th,
div#contents_main .form_table_box table:not(.no_responsive_table) td{
	font-size: 100%;
	background-color: #ffffff !important;
	padding: 0.2em 0em 0.2em 0em !important;
	border-top:dotted 0px #d8d8d8 !important;
	border-bottom:dotted 0px #d8d8d8 !important;
}


/* テキストボックス本体 */
div#contents_main .form_table_box table td input[type="text"],
div#contents_main .form_table_box table td input[type="email"] {
	height: 30px;
	
	max-width:100% !important;
	margin: 2px 0px 2px 0px;
	padding: 2px 8px;
	font-size: 18px;
}

div#contents_main .form_table_box table td span.zip-code input[type="text"],
div#contents_main .form_table_box table td span.area input[type="text"],
div#contents_main .form_table_box table td span.shop_name input[type="text"]{
	width: 12em;
}

div#contents_main .form_table_box table td span.shop_name input[type="text"]{
	margin-top: 10px;
}


/*住所の入力欄を個別に指定*/
div#contents_main .form_table_box table td .address_text_form{
	width:100% !important;
}

/*テキストエリア*/
div#contents_main .form_table_box table td textarea{
	width: 100% !important;
	padding: 2px 8px;
	font-size: 16px;
	border:solid 1px #D8D8D8;
}

/*お問い合わせ内容欄を個別に指定*/
div#contents_main .form_table_box table td .your-message_text_form{
	width:100% !important;
}

/*プルダウン*/
div#contents_main .form_table_box table td select{
	padding: 2px 8px;
	font-size: 16px;
}

/*資料請求の「請求内容」のspan　※項目を等間隔に*/
/*「td_request_check」はテーブルのtdのclass*/
.td_request_check .wpcf7-list-item{
	display: inline-block;
	min-width: 180px;
}

/*記入例　span*/
.ex_text{
	padding: 4px 4px 4px 4px;
	font-size: 90%;
	color: #666;
}

/*必須　span*/
.required{
	font-size: 86%;
	color:#ff3333
}
/*未記入の項目名 span*/
.error-required-text{
	color: #ff3333;
	font-weight: 600;
}

/*未記入の入力欄 span*/
.error-wrap{
	display: block;
	overflow: hidden;
	padding: 0px;
	border: solid 5px #ffcccc;
	background: #ffcccc;
}


/*送信ボタンを囲んだdiv*/
.form_submit_btn_box{
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}

.form_submit_btn_box p{
	display: inline-block;
	text-align: center !important;
	margin: 10px !important;
	/*padding: 0 !important;*/
	/*float: left;*/
}


/*box_grayと併用してスクロールを追加　div*/
.scroll_box{
	width: auto;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 180px;
}


/*チェックボックスにstyleをつけるために、チェックボックスと確認ボタンをくくったdivに付加*/
.chkbox_box {
	margin:0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

/* ラベルのスタイル　*/
.chkbox_box label {
	padding-left:		45px;
	font-size:		20px;
	line-height:		24px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin-bottom: 30px;
}

/* ボックスのスタイル */
.chkbox_box label:before {
	content:		'';
	width:			24px;			/* ボックスの横幅 */
	height:			24px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			0;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 4px solid #dcdcdc;
	/*border-radius:		3px 3px 3px 3px;*/
}

/* 元のチェックボックスを表示しない */
.chkbox_box input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox_box input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		18px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#c60025;			/* チェックした時の色 */
}


/*送信ボタン*/
input[type="submit"],
input[type="button"].editbutton {
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #c60025;
	border: solid 0px #c60025;
}

input[type="submit"]:hover{
	color: #ffffff !important;
	background: none;
	background-color: #ee4d6b;
}

/*同意しますにチェックが入っていない場合*/
input[type="submit"][disabled],
input[type="submit"][disabled]:hover {
	color: #aaaaaa !important;
	background: none;
	background-color: #dcdcdc;
	border: solid 1px #cccccc;
	cursor: default;
}

/*内容を修正するボタン*/
input[type="button"].editbutton{
	display: inline-block;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	min-width: 240px;
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	background: none;
	background-color: #837E7D;
	border: solid 0px #837E7D;
}

input[type="button"].editbutton:hover {
	color: #ffffff !important;
	background: none;
	background-color: #b0abaa;
}


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

販売代理店　ディレクトリ名：sales_channel

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

/*日本地図配置欄　div*/
.sales_channel_map_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	max-width: 740px;
}

.sales_channel_map_box img{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;
}

/*アンカー飛び先調整*/
#sales_channel_01,
#sales_channel_02,
#sales_channel_03,
#sales_channel_04,
#sales_channel_05,
#sales_channel_06,
#sales_channel_07,
#sales_channel_08,
#sales_channel_09{
	margin-top: -20px;
	padding-top: 20px;
}


/*代理店一覧*/
.sales_channel_list_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	max-width: 960px;
}

.sales_channel_list_1area_box{
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

#contents_section .sales_channel_list_1area_box h3{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 25px 0px;
	border-top: #d8d8d8 solid 1px;
	border-bottom: #d8d8d8 solid 1px;
	font-weight: 600;
	font-size: 16px !important;
	text-align: left;
}

#contents_section .sales_channel_list_1area_box h3 span{
	display: block;
	font-weight: normal;
	font-size: 13px;
}

.sales_channel_company_box{
	display: table;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

.sales_channel_company_img{
	display: table-cell;
	position: relative;
	overflow: hidden;
	width: 26% !important;
	min-width: 80px;
	vertical-align: top;
}

.sales_channel_company_img img{
	width: 100%;
	height: auto;
	min-width: 60px;
}

.sales_channel_company_text{
	display: table-cell;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
}

#contents_section .sales_channel_company_text p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 160%;
	font-size: 14px;
}

#contents_section .sales_channel_company_text p.sales_channel_company_name{
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 6px;
}


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

000　ディレクトリ名：000/000

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







	
	
}/*スマホ用　@media screen and ( max-width:599px) { */













/*=========================プリント用調整（PC画面をA4に最適化）=========================*/
@page {
	margin: 10mm 10mm !important;
}

@media print {
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		/*zoom: 0.98;*/
	}
	
	html{
		width: 100% !important;
		zoom: 0.96;
	}
	
	.header_outer,
	.contents_outer_frontpage,
	.contents_outer,
	.footer_outer,
	.fixed .header_outer,
	.fixed .contents_outer_frontpage,
	.fixed .contents_outer,
	.fixed .footer_outer{
		padding:0px 0px 0px 0px !important;
	}
	
#top{
	padding-top: 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed #top{
	padding-top: 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

	.side_tab_box{
		display: none;
	}
	
	.header_area{
		position: relative !important;
	}
	
	
	body,
	.contents_area_frontpage,
	.contents_area,
	.footer_area,
	.grandmenu_box,
	.header_area{
	}
	
	
	.header_outer,
	.contents_outer_frontpage,
	.contents_outer,
	.footer_outer,
	.top_products_title_box_outer,
	.top_products_contents_box_outer,
	.top_products_contents_box_outer,
	.top_gallery_title_box_outer,
	.top_gallery_contents_box_outer,
	.top_news_title_box_outer,
	.top_news_contents_box_outer,
	.top_etc_contents_box_outer{
		padding:0px 0px 0px 0px !important;
	}
	
	div#contents_main .print_only,
	. print_only {
		display:block !important;
	}
	
	.facebook_btn_box_pconly{
		display: none;
	}
	
	#gnav{
		display: none;
	}


}/*プリント用調整（PC画面をA4に最適化）　@media print {*/