@charset "UTF-8";

/*----------usces_default.cssの内容----------*/
/* プラグインを編集してこのcssを読み込まないようにしたので、こちらに記載 */
input.hidden {
	display: none;
}
.welcart-btn {
	font-size: 14px;
	width: 60%;
	margin-bottom: .357143em;
	padding: .714286em 1.42857em;
	background-color: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}
.welcart-btn.orange{
	color: #fff;
	background-color: #ff8c00;
}


/*----------スマートフォン用CSS----------*/

@media only screen and (min-width: 800px){
	br.m_br_org { display:none; }
	.pc_display_none_org { display:none; }
	.panel:after{clear:both;}
}

/*スマホ画面の時、ヘッダメニュー表示しない--*/
@media only screen and (max-width: 799px){
	.m_display_none_org{display:none;}
	.panel:after{clear:both;}
}
/*トップで使用_スマホ画面の時だけ改行する--*/
@media screen and (min-width: 799px){
	.pc_none{
		display:none;
	}
}
/*トップで使用_スマホ画面の時だけ改行しない--*/
@media screen and (max-width: 799px){
	.sp_none{
		display:none;
	}
}



/*----------共通----------*/
header{
	text-align:center;
	margin: 0 auto;
}
.inner{
	padding:0;
}
/*2018/05/24 section padding-top 60pxに設定*/
section{
	/*padding:50px 0;*/
	padding-top:60px;
}

a,a img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover, .active{
	text-decoration: none;
	color: #A47071;
}
a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

a:active, a:focus,input:active, input:focus{outline:0;}
/*全体でゴシック体を使うためコメントアウト
h1, h2, h3{
font-family: 'Josefin Sans', 'Noto Sans JP',serif;
}
*/
/*--トップメニュー　文字の大きさ、色指定 文字ゴシック系sans-serif--*/
.blackletter{
	font-size: 12px;
	color:#000;
	display: inline-block;
	font-weight: normal;
	margin-left: 10px;
}
/*--トップメニュー　会社名 設定--*/
.company {
	height: 100%;
	display: table;
	float: left;
	padding: 14px 20px 0px 25px;
	color:#000;
	font-size: 18px;
	letter-spacing: 1px;
}

section#sec01 h2, section#sec02 h2, section#sec03 h2, section#sec04 h2, section#sec05 h2, section#sec06 h2,section#sec07 h2,section#sec08 h2,section#sec09 h2{
	padding:0px;
}

section h2{
	font-size:28px;
	letter-spacing: 2px;
	font-weight:normal;
	text-align: center;
	position: relative;
	display: inline-block;
	/*見出しと小さい日本語の見出しの幅,下マージンを設定--*/
	line-height: 35px;
	margin-bottom:40px;
}

/*--見出し下の小さい文字設定 文字色　茶色--*/
h2 span{
	font-size:16px;
	color:#b57172;
	bottom: 10px;
	width:100%;
	height:0px;
	display: inline-block;
	left: 50%;

	border-radius: 0px;
}

/*---左右交互に広がるコンテンツ見出し位置調整---*/
section h3{
	font-size: 24px;
	font-weight:normal;
	text-align: center;
	line-height: 36px;
}

.fade_org{
	border:solid #fff 1px;
	background-color: #ccc;
	color: #A47071;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.fade_org:hover{
	background-color:rgba(181,113,114,9);
	filter: alpha(opacity=60);
}

.clear{
	clear:both;
}
/*白いボタン　マウスオーバーすると茶色　設定*/
.btn_org{
	margin:20px auto 0px auto;
	width:180px;
	color:#A47071;
	border:solid #fff 1px;
	background-color:#fff;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	text-align:center;
	clear:both;
}

.btn_org:hover{
	color:#fff;
}


/*茶色のボタン　マウスオーバーすると白 start*/
.btn_org_brown {
	margin:20px auto 0px auto;
	width:180px;
	color:#fff;
	border:solid #A47071 1px;
	background-color:#A47071;
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	text-align:center;
	clear:both;
}

/*----------JS----------*/

#animation {
	margin: 50px 0;
	font-size: 40px;
	font-weight: bold;
	color: #ff0000;
}

.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*----------ナビゲーションメニュー----------*/
#mainnav li {
	font-weight: bold;
	padding: 0px;
}

/*ナビゲーションメニューの文字をマウスオーバーした時も、黒のままにする*/
#mainnav li a:hover {
	color:#000000; /*文字をマウスオーバーした時も、黒のままにする*/
	background-color: rgba(0, 0, 0, 0.2 ); /*マウスオーバーの時、透けた黒を設定*/
}

/* カートアイコン左に余白 */
#mainnav li#cart_setting { margin-left: 20px; }

/*--メニューが1番上にあるときの背景色を指定　背景のみ半透明--------*/
#mainnav {
	background-color: rgba(255, 255, 255, 0.8);
	height: 60px;
}

/*ナビメニューで、クリック出来る範囲、マウスオーバーした時色が変わるエリアをメニュー周辺に広げるため、
<a>にpaddingを設定する*/
.navi_select{
	display: block;
	height: 60px;
	padding: 18px 10px 0px 10px;
	box-sizing: border-box;
}

/*WordPressの時使う：カートアイコンにマウスオーバーした時の動作
色を変えない、下線を表示しない
*/
#mainnav li#cart_setting a:hover{
	background-color: transparent;
	text-decoration: none;
}
/*PC画面の時、独立したカートアイコンは非表示*/
#sp_cart{
	display:none;
}

/*----------メインイメージ----------*/
#header h2:before {
	display:none;
}

#header img{
	position: inherit;
	left: auto;
	width:auto;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	opacity: 0.88;    /* カラーフィルタ効果の度合いを指定(※) */
	display: block;
}

#header{
	width:100%;
	height: auto;
	background-color: #000; /* カラーフィルタ効果の色を指定 */
	display: inline-block;
}

@media only screen and (max-width: 799px){
	#header{
		margin-top:60px;
	}
}

/*メインイメージ上の会社名の文字設定 start--*/
#slogan h1{
	font-size: 50px;
	font-family: 'Josefin Sans', 'Noto Sans JP',sans-serif;
	margin-bottom: 20px;
	font-weight:normal;
	text-align: left;
	letter-spacing: 10px;
}

#slogan h2{
	font-size: 16px;
	font-family: 'Josefin Sans', 'Noto Sans JP',sans-serif;
	margin-bottom: 20px;
	font-weight:normal;
	text-align: left;
}

.small{
	font-size: 24px;
	letter-spacing: 2px;
	margin-right: 10px;

}

#slogan{
	margin-left: 85px;
	line-height: 13px;
}
/*メインイメージ上の会社名の文字設定 end--*/

/* ウィンドウサイズによってメインイメージコピーの位置調整 */
@media only screen and (max-width: 1159px){
	#slogan{
		margin-left: 30px;
		line-height: 10px;
	}

	#slogan h1{
		letter-spacing: 5px;
	}

	.blackletter{
		display: none;
	}
}
/* ウィンドウサイズ819px以下の時、ナビメニューのpadding-right調整 */
@media only screen and (max-width: 819px){
	#mainnav ul {
		padding-right: 0px;
	}
}

@media only screen and (max-width: 799px){
	#mainnav {
		//0827　background-color: transparent;
	}

	/*スマホ画面でカートをハンバーガーメニューに入れない*/
	#cart_setting{
		display: none;
	}

	/*2018/07/11スマホ画面の時、独立したカートアイコンを表示*/
	#sp_cart{
		display: block;
		position: absolute;
		/*top: 8px;*/
		top: 0;
		right: 60px;
		bottom: auto;
		left: auto;
	}
	#sp_cart a {
		text-decoration: none;
	}

	/*2018/08/29 スマホ画面の時、ハンバーガーメニューを開いた時の画面設定*/
	.panel {
		top: -7px;			//メニュー表示位置を上にあげる
	}

	#slogan{
		line-height: 5px;
		margin-left: 10px;
	}

	#slogan h1{
		font-size: 30px;
	}

	.small{
		font-size: 15px;
		margin-right: 5px;
	}

	#slogan h2{
		font-size: 12px;
	}

	/*スマホ用メニューで文字が真ん中にくるようpadding調整*/
	#mainnav li a {
		padding: 15px 25px 10px 25px;
	}

}
@media only screen and (max-width: 670px){

	#slogan h1{
		font-size: 25px;

	}

	.small{
		font-size: 10px;
	}

	#slogan h2{
		font-size: 8px;
	}

	#slogan{
		line-height: 2px;
		margin-left: 10px;
		display:none;/*スマホ時隠す*/
	}
}

/*----------メインイメージ下のコピー部分----------*/
#sec01 {
	padding-top: 40px;
}

/*sec01イメージ下のスペース、max-width: 100%;を設定*/
.img_space25{
	padding-bottom: 25px;
	max-width: 100%;
}

.vision{
	font-size: 16px;
	text-align:center;
	width:90%;
	padding-bottom: 40px;
	/*margin-left: 10px;---左寄せ、左マージン設定---*/
}

@media only screen and (max-width: 799px){
	#sec01 img{
		width:80%;
	}
}


/*---スマホ画面の時、センタリング---*/
@media only screen and (max-width: 799px){
	.vision{
		text-align:center;
		padding-bottom: 0px;
		font-size: 14px
	}
}

/*----------sec02 左右いっぱいのコンテンツ部分----------*/
/*文字調整*/
.sec02_txt{
	padding-top: 25px;
	padding-left: 35px;
	font-size: 16px;
}


#sec02_03 .txt, #sec02_03 .bg,#sec02_04 .txt, #sec02_04 .bg{
	float: right;
}

p.bg{
	margin:0 auto;
	background-color:#f6f6f6;
	text-align:center;
}

p.bg img{
	/*max-width:100%; IE11で効かない*/
	width:100%;
	height:auto;
	/*padding:0px 0;*/
}


/*---写真隣のテキスト左寄せ---*/
.txt, .bg{
	text-align:left;
}

/*---左マージン設定---*/
.vMid{
	padding-left: 20px;
}

.txt h2{
	padding: 0px;
}


@media only screen and (max-width: 1020px){
	.vMid h3{
		font-size: 20px;
		line-height: 28px;
	}

	.sec02_txt{
		font-size: 14px;
		padding-left: 0px;
		padding-bottom: 20px;
		line-height: 21px;
	}
}

@media only screen and (max-width: 799px){
	p.bg{
		width:100%;
		padding:20px 0;
		background-color:#fff;	//背景白
	}
	p.bg img{
		max-width:90%;
	}
	/*スマホ画面の時、.vMid h3のセンタリング--*/
	/*左寄せにするためコメントアウト
	.vMid p, .vMid h3{
	text-align:center;
}

.vMid{
padding:20px 20px;
}
*/
.sec02_space{
	padding:25px 20px 20px 20px;
}

.txt h2{
	padding-bottom:10px;
}
.txt h2{
	padding: 0px;
}

.vMid h3{
	padding-top: 20px;
	font-size: 20px;
}

.sec02_txt{
	padding-top: 25px;
	line-height: 28px;
}

#sec02_02 h3{
	letter-spacing:-2px;
}

}

/*--sec03 NEWS設定　start*/
/*センタリング表示*/
table.list_news {
	margin: auto;
	border-collapse: collapse;
	vertical-align: top;	/*th tdにも有効*/
	/*white-space: nowrap;*/
	text-align: left;
	table-layout: fixed;
	width: 992px;	/*テーブル幅を固定*/
	/*width: 80%;*/
}

/*news 線の設定*/
table.list_news tr:first-child{
	border-top: 1px dotted #000000;
}

table.list_news tr {
	border-bottom: 1px dotted #000000;
	font-size: 16px;
}

@media only screen and (max-width: 799px){
	table.list_news tr {
		font-size: 14px;
	}
}

/*news thエリア設定*/
table.list_news th {
	width: 230px;
	font-weight: normal;
	letter-spacing: 1.5px;
}

/*news [お知らせ]色で囲まれた部分設定*/
.cat-text {
	display: inline-block;
	width: 106px;
	height: 24px;
	margin-left: 10px;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1.7;
}

.cat-bg1{
	background-color: #ff923c; /*ブログ　背景オレンジに設定*/
}
.cat-bg2{
	background-color: #e5ad39; /*お知らせ　背景やまぶきいろに設定*/
}

.cat-bg3{
	background-color: #aa669c; /*お知らせ　背景むらさきに設定*/
}
/*お知らせ内容欄、クリックできるエリアを全体に広げる
矢印もクリックできるようpadding-right: 20px;を追加
*/
table.list_news a {
	display: block;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 0px;
	padding-right: 20px;
}

@media only screen and (max-width: 799px){
	table.list_news a {
		padding: 0 0 11px 0px;
	}
}


/*お知らせ内容設定　矢印画像を背景にセット、はみ出した文字を表示しない*/
.list_info{
	background: url(../imgs/info_01.jpg) no-repeat right;
	overflow: hidden;
	box-sizing: border-box;
}

/*--画面が小さくなったときの設定 --*/
@media only screen and (max-width: 1195px){
	table.list_news {
		width: 98%;
	}
}

@media only screen and (max-width: 980px){
	table.list_news th{
		display: block;
		width: 100%;
		padding: 10px 0px
	}

	table.list_news td{
		display: block;
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 799px){
	#sec03{
		width:100%;
		margin:0 auto;
	}
	.inner{
		/*width: 100%;*/
	}
	table.list_news {
		width: 95%; 		/*右の余白設定*/
		/*margin-bottom: -20px;*/
		border-collapse: collapse;
		/*margin-left : 20px;
		margin-right : 20px;*/
	}
	/*矢印画像をとる、テキストに下線を引く*/
	.list_info{
		background-image: none;
		text-decoration: underline;
	}
}

/*sec03下の余白設定*/
#sec03 {
	padding-bottom: 100px;
}

/*----------背景画像ありコンテンツ----------*/
/*sec04 ＜Product＞製品紹介,sec06 ＜Achivement＞施工事例　背景画像設定--*/
#sec04{
	background: url(../imgs/topimg_bg_product3.jpg) no-repeat center center;
	background-size: cover;
}
#sec06{
	background: url(../imgs/img_07.jpg) no-repeat center;
	background-size: cover;
}
#sec04, #sec06 {
	padding-bottom: 20px; /*ボタン下の余白設定*/
	color: #fff;
	background-size: cover;
	text-align: left;
	font-size: 16px;
}
/*＜Product＞製品紹介,＜Achivement＞施工事例　見出し,下の小さい文字設定 文字色　白色--設定--*/
#sec03.bkimg_title h2 span,
#sec09.bkimg_title h2 span,
#sec04 h2 span,
#sec06 h2 span,
#sec08 h2 span{
	color: #fff;
	line-height: 10px;
}
#sec03.bkimg_title {
	background: url(../imgs/img_bg_news2.jpg) no-repeat top center;
	background-size: cover;
	color: #fff;
}
#sec04.bkimg_title {
	background: url(../imgs/img_bg_product3.jpg) no-repeat top center;
	background-size: cover;
}
#sec03.bkimg_title,
#sec04.bkimg_title,
#sec06.bkimg_title,
#sec09.bkimg_title { /* 見出しのときは下paddingを入れない */
	padding-bottom: 0;
}

/*白いボタン　クリックできる範囲を広げる 0727*/
.btn_org a{
	display: block;
	width: 100%;
	/*height: 100%;*/
	padding: 10px 10px 10px 10px;
}

/*茶色のボタン設定****/
/*茶色のボタンクリックできる範囲を広げる*/
.btn_org_brown a{
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
	color: #fff;
	font-size: 16px;
}
s
/*マウスオーバーしたら文字は白*/
.btn_org_brown a:hover{
	color: #A47071;
}
/*************************************/
/*sec04　製品紹介　白いボタン設定*/
#sec04 .btn_org a{
	color: #A47071;
}
/*マウスオーバーしたら文字は白*/
#sec04 .btn_org a:hover{
	color: #fff;
}
/*テキストをセンター 1016*/
#sec04 div.txt_center{
	text-align:center;
}

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

	#sec02{
		padding-top:0;
	}

	#sec04 {
		font-size:14px;
	}
}



/*sec03 お知らせ一覧を表示ボタン設定　start*/
.btn_org_brown:hover{
	color: #A47071;	/*マウスオーバーしたら文字は茶色*/
	background-color:#fff;
}
/*
.fade_org_brown:hover{
background-color:rgba(164,112,113,9);　//マウスオーバーしたら茶色
filter: alpha(opacity=60);
}
*/

/*マウスオーバーした時、下線をなしにする*/
.btn_org a:hover{
	text-decoration: none;
}

.btn_org_brown a:hover{
	text-decoration: none;
}

/*20180829 商品詳細、商品一覧画面で背景イメージを調整*/
.bkimg_title{
	padding-bottom: 0px;
	margin-top: -40px;
	padding-top: 80px;
}

@media only screen and (max-width: 999px){
	.bkimg_title{
		margin-top: 0px;
	}
}

/*sec06 施工事例のボタン設定　end*/

/*sec05 新製品情報設定　start----*/
#sec05 {
	padding-top: 100px;
}

#sec05 ul{
	text-align: right;
	padding-right: 30px;
	margin-left: 25px;
}

#sec05 li{
	display: inline-block;
	padding: 20px 10px 20px; /*paddiing 上、左右、下指定*/
	font-size: 14px;
	font-weight: 300;
	text-align: center;
}
/*新製品情報設定　end----*/

/*----------sec07 会社概要　マップ---------*/
#sec07 {
	background: #FFF;
	margin-top: 0;
	padding-bottom: 55px;
}

#sec07 .inner li{
	height:320px;
	font-size: 16px;
}

#sec07 .inner dt{
	text-align:left;
}

#sec07 dt {
	clear: left;
	float: left;
	display: block;
	width: 30%;
	margin-right: 5%;	/*iphone5用に調整*/
	margin-bottom: 20px;
	text-align: right;
	line-height: 1.6em;
}
#sec07 dd {
	width: 65%;	/*iphone5用に調整*/
	float: left;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6em;
}

/*
@media only screen and (min-width: 800px){
*/
.col2 li{
	display: inline-block;
	margin: 0px;
	padding:0px;
	width:47%;
}
.col2 li:first-child{
	margin-right: 30px;
}
/*
}
*/
@media only screen and (max-width: 799px){

	.col2 li{
		display: block;
		width:90%;
		margin: 0 auto;
	}

	.col2 li:first-child{
		margin-bottom: -50px;/*上にスぺースつめる--*/
	}

}


#map iframe{
	/*width:100%; firefoxで見ると地図の右にボーターが入るためwidth修正*/
	width:98%;
	min-height:320px;
}

@media only screen and (max-width: 799px){
	#map iframe{
		width: 100%;
	}
}

/*フッター設定--*/
#footer{
	height: auto;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#foot_nav {
	padding-bottom: 30px;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	background:#f2eedb;
}

::before, ::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

/*--フッダーメニューの前に'・'を入れる--*/
#foot_nav li::before {
	content: '・';
}

/*--会社名の前はなにもつけない--*/
#foot_name li::before {
	content: '';
}

/*--フッターメニュー3列に並べる設定--*/
.block1 {
	float: left;
	width: 27.5%;
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.block2, .block3 {
	float: left;
	width: 150px;
	font-size: 14px;
	font-weight: bolder;
	line-height: 30px;

}

#foot_nav {
	overflow: hidden;
}
/*株式会社 國富のletter-spacing調整*/
@media only screen and (max-width: 520px){
	.block1 {
		letter-spacing: 0px;
	}
}
@media only screen and (max-width: 480px){
	.block1 {
		width: 31%;
		padding-left: 5px;
		letter-spacing: -1px; /*iphone5に対応*/
		font-size: 15px;	/*iphone5に対応*/
	}
	.block2, .block3{
		/*width: 34%;*/
		font-size: 13px;	/*iphone5に対応*/
	}
	/*iphone5に対応*/
	.block2{
		width: 36%;
	}
	.block3{
		width: 32%;
	}
}

/*フッター コピーライト部分設定--*/
#footer .copy {
	padding: 1px 0;
	text-align: center;
	background: #dbd6ba;
	font-size: 12px;
	font-weight: bolder;
	letter-spacing: 1px;
}

/*サイドバー　タイトル”製品カテゴリー”、”キーワード検索”の文字設定*/
#secondary .widget_title {
	font-size: 16px;
	text-align: left;
}


/*中ページ　製品情報　詳細の項目アキ--*/

.detail-box .product_detail{
	margin:20px 0;
}
.detail-box .product_detail span.bold,
.item-info .product_detail p.bold{
	font-weight:bold;
}
.detail-box .attention,
.item-info .attention{
	color: #a52a2a;
}

.detail-box .information{
	margin-top:20px;
}

/*******問い合わせページ設定******/
/*背景画像設定*/
#sec08{
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: url(../imgs/img_contact2.jpg) no-repeat top center;
	background-size: cover;
}

.required_label {
	background-color: #E04A81;
	display: inline-block;
	width: 43px;
	height: 20px;
	margin: 0 5px;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
}

.confirm_button {
	margin: 30px 0;
	text-align: center;
}
.confirm_button button {
	background-color: #61B584;
	display: inline-block;
	width: 393px;
	max-width: 100%;
	height: 47px;
	white-space: nowrap;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 2.7;
	cursor: pointer;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.confirm_button button:hover {
	color: #61B584;
	background-color: #FFF;
	border: 1px solid #61B584;
}

.privacy_area {
	box-sizing: border-box;
	width: auto;
	height: 300px;
	margin-bottom: 30px;
	padding: 10px 15px;
	border: #929292 1px solid;  /* 枠線を追加 */
	overflow: scroll;
}
.privacy_area table th,
.privacy_area table td {
	text-align: left;
	vertical-align: top;
}
.privacy_area table th {
	padding-top: 15px;
	font-weight: normal;
}

#contact_tel, #contact_form{
	padding-top: 30px;
}

#contact_tel h2, #contact_form h2{
	font-size: 18px;
	text-align: left;
	display: block;
	margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 0;
}

#contact_tel img, #contact_form img{
	vertical-align: middle;
}

#contact_tel p, #contact_form p{
	font-size: 14px;
	text-align: left;
}

#contact_tel hr, #contact_form hr{
	height: 2px;
	margin: 5px 0 10px 0;
}

#contact_form a{
	text-decoration: underline;
}

.tel_no_text{
	font-size: 18px;
}

.margin_top_form{
	margin-top: 30px;
}
.margin_top_form dl { }
.margin_top_form dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.margin_top_form dl dd { margin-bottom: 30px; }
.margin_top_form dl input,
.margin_top_form dl textarea { width: 99%; }


/* ******お知らせ・ブログページ***** */

/* 幅調整用ラッパー */
#newslist_wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
@media only screen and (max-width: 1000px){
	#newslist_wrapper { max-width: 670px; }
}
@media only screen and (max-width: 690px){
	#newslist_wrapper { max-width: 330px; }
}

/* カテゴリー絞り込みボタン */
ul#list_news_cat { margin: 20px 0; }
ul#list_news_cat li {
	display: inline-block;
	margin: 0 10px 0 0;
	text-align: center;
}
@media only screen and (max-width: 690px){
	ul#list_news_cat li { margin-right: 2px; }
}
ul#list_news_cat li a {
	display: block;
	min-width: 84px;
	padding: 4px 10px;
	border: 1px solid #333;
	background-color: #FFF;
}
ul#list_news_cat li a:hover,
ul#list_news_cat li.news_cat_active a {
	border: 1px solid #b57172;
	background-color: #b57172;
	color: #FFF;
	text-decoration: none;
}

/* 記事一覧 1記事 */
.events_contents {
	display: inline-block;
	margin-top: 25px;
	margin-right: 10px;
	padding-bottom: 15px;
	width: 320px;
	max-width: 100%;
	vertical-align: top;
}
@media only screen and (max-width: 690px){
	.events_contents { padding-bottom: 0; }
}
.news_thumbnail {
	width: 320px;
	max-width: 100%;
	height: 180px;
	/*background-color: #CCC;*/
	position: relative;
	overflow: hidden;
}
.news_thumbnail img {
	width: 100%;
	height: auto;
}
.news_thumbnail a.newslist_newarrival img {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 52px;
	height: 52px;
}
.news_thumbnail a.newslist_newarrival img:hover { opacity: 1; }
.newslist_title { font-size: 16px; }
.pagination_wrapper { margin-top: 40px; }
.newsdetail_title {
	padding-bottom: 10px;
	border-bottom: 4px dotted #999;
	font-size: 18px;
	font-weight: bold;
}
.newsdetail_date {
	margin: 10px 0;
	text-align: right;
}
.news_content a { text-decoration: underline; }
.news_content a:hover { color: #aaa; }
.news_content img {
	max-width: 100%;
	height: auto;
}

/* サイドバー人気記事部分 */
ul.wpp-list li {
	margin-bottom: 20px;
}
ul.wpp-list li a {
	display: inline-block;
	width: 110px;
	height: 60px;
	overflow: hidden;
	vertical-align: top;
}
ul.wpp-list li a.wpp-post-title {
	/*width: auto;*/
	height: auto;
	overflow: visible;
	width: 136px;	/*カラム落ちを防ぐため幅を設定*/
}
/*サイドバー人気記事部分が下に落ちたとき、タイトル文字の幅を設定*/
@media only screen and (max-width: 999px){
	ul.wpp-list li a.wpp-post-title {
		width:62%;
	}
}

ul.wpp-list li.current a {
	text-decoration: none;
}
ul.wpp-list li.current a img:hover {
	opacity: 1;
}
ul.wpp-list li img {
	width: 110px;
	height: auto;
}

/*商品画像を拡大表示したときの、閉じる、＜＞ボタンの画像指定*/
#swipebox-close {
	background-image: url(../imgs/icon_close.svg) !important;
	background-size: 71%;
	background-position: 10% 20% !important; /*swipebox.min.cssの設定を取り消したいためimportant指定*/
}

#swipebox-prev{
	background-image: url(../../welcart_basic/images/icons.svg) !important;
}

#swipebox-next{
	background-image: url(../../welcart_basic/images/icons.svg) !important;
}


/*製品紹介画面　サイドバーが下に落ちたとき、カテゴリ・キーワード検索へリンクするアンカーボタンの設定*/
.size_anc_search{
	width: 230px;
}

@media only screen and (min-width: 1000px) {
	.anc_search_display_none {
		display: none;
	}
}

/*ご利用ガイドページ*/

#sec09.bkimg_title {
	background: url(../imgs/img_bg_sec09.jpg) no-repeat top center;
	background-size: cover;
	color: #fff;
}
#sec09 {
	padding-bottom: 100px;
}
.guide_tell_number{
	text-align: center;
	font-family: '小塚ゴシック Pr6N','Noto Sans JP',sans-serif;
	border: solid 1px #b34345;
	margin: 20px auto;
	padding: 10px 20px 20px 20px;
	max-width: 550px;
	white-space: nowrap;
}
.guide_tell_number p{
	font-size: 18px;
	font-weight: 400;
}
.guide_tell_number span{
	color: #fff;
	background-color: #b34345;
	padding: 0.3em;
	border-radius: 5px;
	margin-right: 0.5em;
}
.guide_tell p{
	font-size: 34px;
	font-weight: 400;
}
.guide_link{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.guide_link_button,.guide_contact_button{
	width: 230px;
	height: 50px;
	background-color: #b57172;
	position: relative;
	margin: 10px;
}
.guide_contact_button{
	display: block;
	margin: 30px auto;
}
.guide_link_button:hover,.guide_contact_button:hover{
	opacity: 80%;
}
.guide_link_button p,.guide_contact_button p{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
	white-space: nowrap;
	position: absolute;top: 50%;
	left: 45%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.guide_contact_button p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.guide_arrow{
	position: relative;
	display: inline-block;
	padding: 10px;
}
.guide_arrow::after{
	content: '';
	width: 12px;
	height: 12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	right: -20px;
	top: 15px;
	transform: rotate(135deg);
}
.guide_flowbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 30px 0;
}
.guide_flow_area{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	max-width: 200px;
}
.guide_flowcircle{
	width: 150px;
	height: 150px;
	background-color: #eddfdf;
	border-radius: 100%;
	position: relative;
}
.guide_flowtriangle_pc{
	margin:0 20px;
}
.guide_flowcircle p{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.guide_midashi{
	font-size: 18px;
	border-bottom: 1pt solid #666666;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-bottom: 30px;
	color: #333333;
}
.guide_midashi01::before{
	content: url('../imgs/estimate_icon.gif');
	position: relative;
	top: 2px;
}
.guide_midashi02::before{
	content: url('../imgs/sample_icon.gif');
	position: relative;
	top: 2px;
}
.guide_midashi03::before{
	content: url('../imgs/delivery_icon.gif');
	position: relative;
	top: 2px;
}
.guide_midashi04::before{
	content: url('../imgs/contact_icon.gif');
	position: relative;
	top: 2px;
}
.guide_step{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.guide_step_txt{
	max-width: 40%;
	margin-bottom: 40px;
}
.guide_step_midashi{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.guide_step_midashi span{
	background-color: #b34345;
	font-size: 14px;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 25px;
	height: 25px;
	padding-left: 0.6em;
	margin-right: 0.8em;
	vertical-align: text-bottom;
	font-family: '小塚ゴシック Pr6N','Noto Sans JP',sans-serif;
}
.guide_step_img{
	box-shadow: 0 0 8px #dbdbdb;
	max-width: 55%;
}
#guide_delivery li{
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 799px){
	.guide_step{
		display: block;
	}
	.guide_step_txt,.guide_step_img{
		max-width: 100%;
	}
	.guide_tell_number{
		padding: 10px 0px 20px 0px;
	}
}
@media screen and (min-width: 621px){
	.guide_flowbox_sp{
		display: none;
	}

}
@media screen and (max-width: 620px){
	.guide_flowbox{
		display: none;
	}
	.guide_flowbox_sp{
		margin: 30px 0;
		max-width: 100%;
	}

}