@charset "utf-8";

/*=====================================================
 * Style URL: /rs-common2/css/style.css
=====================================================*/

/*
===== Universal reset =================================*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, header, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
article, header, aside, figure, footer, header, nav, section, details, summary { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }




/*
===== Body and Base setting ===========================*/

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	height: 100%;
	background: #fff;
	color: #444;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
    overflow-x: hidden;
    -webkit-text-size-adjust:100%;
}


/* General parameter setting
-------------------------------------*/

ul, ol { list-style-type: none; }

dt { font-weight: bold; }

table { border-collapse: separate; empty-cells: show; }
th, td { line-height: 1.6; text-align: left; }

img { height: auto; border: none; vertical-align: bottom; }

strong { font-weight: bold; }

em { font-style: normal; }

sup {
	font-size: 66.67%;
	vertical-align: top;
	top: -0.1em;
}

sub {
	font-size: 66.67%;
	vertical-align: bottom;
	top: 0.1em;
}


/* universal settings
-------------------------------------*/

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }


/*
===== Common setting ===========================*/


/*  Link
-------------------------------------*/

a 		{ color: #ec623f; }
a:hover { color: #a5a5a5; text-decoration: none; }

img.btn-img:hover {
    filter: Alpha(Opacity=80);
	opacity: 0.8;
}

@media (max-width: 767px) {
	a { text-decoration: none; }
}


/*  display
-------------------------------------*/

.is-pc-hide { display: none!important; }

@media (max-width: 767px) {

    .is-pc-hide { display: block!important; }
    .is-sp-hide { display: none!important; }
}

.pcOnly { display: block!important;}
.spOnly { display: none!important;}
@media (max-width: 767px) {
    .pcOnly { display: none!important;}
    .spOnly { display: block!important;}
}


/*  layout
-------------------------------------*/

div[class*=_l_inner] {
	margin: 0 auto;
	max-width: 1170px;
    width: 100%;
}
div[class*=_l_inner]:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

@media (max-width: 767px) {

	div[class*=_l_inner] {
		width: 100%;
		padding: 0 10px;
	}

}


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

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


@media (max-width: 767px) {

	span[class*=imgtxt-] {
		overflow: hidden;
		display: inline-block;
		background-size: 100% auto;
		text-indent: -9999em;
	}
	span[class*=imgtxt-] img,
	span[class*=imgtxt-] br { display: none; }

}


/*
===== Screen setting ===========================*/


/* header
-------------------------------------*/

.header {
	overflow: hidden;
	padding: 10px 0 10px 5px;
}

.header_logo {
	float: left;
	width: 147px;
}
.header_logo img { width: 100%; }

.header_search {
	float: right;
	margin: 0;
	width: 80%;
}
.header_search-inner {
	display: table;
	width: 350px;
    float: right;
}
.header_search-label {
	display: table-cell;
	padding: 0 10px 0 0;
	width: 160px;
	font-size: 1.2rem;
	text-align: right;
	vertical-align: middle;
}
.header_search-form {
	display: table-cell;
	width: 240px;
	vertical-align: middle;
}



/* google search override */
.header_search .gsc-control-cse { padding: 0; }
.header_search .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px;
}
.header_search .gsc-input-box {
	box-sizing: border-box;
	min-height: 29px;
}


.header_search .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	box-sizing: border-box;
	width: 27px !important;
	height: 27px !important;
	padding: 7px !important;
}

.h-snav { padding-top: 5px; clear: right; line-height: 1.2; letter-spacing: -0.4em; text-align: right;}
.h-snav li { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1; display: inline-block; letter-spacing: normal; font-size: 13px; border-right: 1px dotted #333;}
.h-snav li a { position: relative; display: block; padding: 0 10px; color: #333; text-decoration: none;}
.h-snav li a:hover span { border-bottom: 2px solid #dd847d; }
.h-snav li a:hover { opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7;}
.h-snav li:last-child { border: 0;}
.h-snav li:last-child a { padding-right: 0;}

@media screen and (min-width: 768px) and (max-width: 1170px) {
    .h-snav li { font-size: 12px;}
    .h-snav li:last-child a { padding-right: 10px;}
}

@media (max-width: 767px) {

	.header {
		padding: 60px 0 0;
		height: auto;
	}

	.header_logo {
		overflow: hidden;
		float: none;
		margin: 0 auto 20px;
		width: 150px;
		height: 70px;
		background: url(/cast-panel/img/header_logo_sp.png) no-repeat 0 0;
		background-size: 150px auto;
		text-indent: -9999em;
	}

}


/* globalnav
-------------------------------------*/

@media (min-width: 768px) {
.globalnav {
	height: 43px;
	background: url(/cast-panel/img/globalnav_bg00.png) repeat-x 0 bottom;
	border-bottom: 1px solid #e4afab;
}
.globalnav_l_inner { background: url(/cast-panel/img/globalnav_arr.png) left 6px no-repeat;}
.globalnav_l_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.globalnav li {
    float: left;
	height: 43px;
    text-align: center;
    vertical-align: middle;
    background: url(/cast-panel/img/globalnav_arr.png) right 6px no-repeat;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.globalnav li a {
	overflow: hidden;
	display: block;
    height: 43px;
    line-height: 50px;
	color: #333;
    text-decoration: none;
}
.globalnav li a:hover {
    background: url(/cast-panel/img/globalnav_bg03.png)  center bottom no-repeat;
}

.globalnav01 {
	position: relative;
	height: 43px;
}

.globalnav02 {
	position: absolute;
	top: 0;
	width: 100%;
    height: 43px;
}
.globalnav_li-1 { width: 9%;}
.globalnav_li-2 { width: 9%;}
.globalnav_li-3 { width: 9%;}
.globalnav_li-4 { width: 9%;}
.globalnav_li-5 { width: 13.75%;}
.globalnav_li-6 { width: 13.75%;}
.globalnav_li-7 { width: 9%;}
.globalnav_li-8 { width: 13.75%;}
.globalnav_li-9 { width: 13.75%;}
}

@media screen and (min-width: 768px) and (max-width: 1170px) {
.globalnav_l_inner { background: none;}
.globalnav li:last-child { background: none;}
.globalnav_li-1 { width: 6.5%;}
.globalnav_li-2 { width: 7%;}
.globalnav_li-3 { width: 6.5%;}
.globalnav_li-4 { width: 9.5%;}
.globalnav_li-5 { width: 16%;}
.globalnav_li-6 { width: 16%;}
.globalnav_li-7 { width: 6.5%;}
.globalnav_li-8 { width: 16%;}
.globalnav_li-9 { width: 16%;}
}
@media (max-width: 767px) {

.globalnav {
	height: 102px;
	background: url(/cast-panel/img/globalnav_bg01.png) repeat-x 0 44px,
				url(/cast-panel/img/globalnav_bg02.png) repeat-x 0 52px;
	border-bottom: 1px solid #e4afab;
}
.globalnav li {
	float: left;
	height: 50px;
}
.globalnav li a {
	overflow: hidden;
	display: block;
	height: 50px;
	text-indent: -9999em;
	color: #fff;
}

.globalnav01 {
	position: relative;
	height: 102px;
}
.globalnav01 > li > a {
	background: url(/cast-panel/img/globalnav_li.png) no-repeat 0 0;
}


.globalnav02 {
	position: absolute;
	top: 52px;
	width: 1170px;
	height: 50px;
}
.globalnav02 > li > a {
	background: url(/cast-panel/img/globalnav_li-product.png) no-repeat 0 0;
}


	.globalnav {
		position: absolute;
		top: 0;
		width: 100%;
		height: 41px;
		border-bottom: 1px solid #ea9d8b;
		font-size: 1.3rem;
		z-index: 99999;
	}

	.globalnav ul { width: 100%; }
	.globalnav li {
		float: none;
		width: 100%;
		height: auto;
	}
	.globalnav li a {
		height: auto;
		border-bottom: 1px solid #3f3f3f;
		text-indent: 0;
	}

	.globalnav_menu {
		width: 100%;
		height: 40px;
		background: url(/cast-panel/img/globalnav_ic-open01-sp.png) no-repeat 100% 50%,
					url(/cast-panel/img/globalnav_bg-sp.png) repeat-x 0 0;
		background-size: 30px auto, 320px auto;
		text-align: center;
	}
	.globalnav_menu-close {
		background: url(/cast-panel/img/globalnav_ic-close01-sp.png) no-repeat 100% 50%,
					url(/cast-panel/img/globalnav_bg-sp.png) repeat-x 0 0;
		background-size: 30px auto, 320px auto;
	}

	span.imgtxt-globalnav_menu {
		width: 69px; height: 40px;
		background: url(/cast-panel/img/imgtxt-globalnav_menu_sp.png) no-repeat 0 50%;
		background-size: 100% auto;
	}

	div.globalnav_l_inner {
		display: none;
		padding: 0 10px;
		color: #fff;
	}

	.globalnav01,
	.globalnav02 {
		position: static;
		width: 100%;
		height: auto;
		background: #333;
	}
	.globalnav ul.globalnav01 > li > a {
		padding: 15px 35px;
		background: #333 url(/cast-panel/img/globalnav_ic-common-sp.png) no-repeat 15px 50%;
		background-size: 10px auto;
	}
		.globalnav ul.globalnav01 > li.globalnav_li-home > a { background-image: url(/cast-panel/img/globalnav_ic-home-sp.png); }
		.globalnav ul.globalnav01 > li > a:hover { background-position: 15px 50%; }

	.globalnav ul.globalnav01 > li.globalnav_li-product > a { position: relative; }
	.globalnav ul.globalnav01 > li.globalnav_li-product span {
		position: absolute;
		right: 0; top: 50%;
		display: block;
		margin-top: -20px;
		width: 40px; height: 40px;
		background: url(/cast-panel/img/globalnav_ic-open02-sp.png) no-repeat 100% 50%;
		background-size: 20px auto;
	}
	.globalnav ul.globalnav01 > li.globalnav_li-product span.globalnav_li-product-close {
		background: url(/cast-panel/img/globalnav_ic-close02-sp.png) no-repeat 100% 50%;
		background-size: 20px auto;
	}

	.globalnav02 { display: none; }
	.globalnav ul.globalnav02 > li > a {
		padding: 15px 35px 15px 50px;
		background: #333 url(/cast-panel/img/globalnav_ic-arrow-sp.png) no-repeat 35px 50%;
		background-size: 5px auto;
	}
		.globalnav ul.globalnav02 > li > a:hover { background-position: 35px 50%; }

	.globalnav-close {
		padding: 15px 35px;
		background: #333 url(/cast-panel/img/globalnav_ic-close03-sp.png) no-repeat 18px 50%;
		background-size: 7px auto;
	}
}


/* footer
-------------------------------------*/

.footer {
	position: relative;
	padding: 6px 0 20px;
	background: url(/cast-panel/img/footer_bg01.png) repeat-x 0 0,
				url(/cast-panel/img/footer_bg03.png);
}

.footer a {
	color: #444;
	text-decoration: none;
}
.footer a:hover {
	color: #a5a5a5;
	text-decoration: underline;
}


/* .footer_nav */
.footer_nav {
	padding: 25px 0 15px;
	background: url(/cast-panel/img/footer_bg02.png);
}
.footer_nav_l_inner {
	display: table;
	border-left: 1px solid #e5ddc3;
}
.footer_nav dl {
	display: table-cell;
	padding: 0 20px;
	width: 20%;
	border-right: 1px solid #e5ddc3;
	font-size: 1.3rem;
}
.footer_nav dt {
	margin: 0 0 5px;
}
.footer_nav dd a {
	display: block;
	padding: 2px 0;
}
.footer_nav dd a:before {
	content: '> ';
}


/* .footer_profile */
.footer_profile_inner {
	display: table;
	margin: 70px auto 50px;
}
.footer_profile-logo {
	display: table-cell;
	padding: 10px 30px 0 0;
	vertical-align: top;
}
.footer_profile-body {
	display: table-cell;
	font-size: 1.2rem;
}
.footer_profile-name {font-size: 1.6rem;}
.footer_profile-name-sub {font-size: 1.2rem;}

address.footer_profile-address { font-style: normal; }

.footer_profile-tel { margin: .5em 0; }
.footer a.footer_profile-tel-main {
	display: inline-block;
	padding: 0 0 0 10px;
	min-height: 16px;
	background: url(/cast-panel/img/footer_ic_tel.png) no-repeat 0 50%;
	background-size: 7px auto;
	color: #6d9d54;
	font-size: 1.8rem;
	font-weight: bold;
}
.footer_profile-tel-fax:before {
	content: '/';
	padding: 0 3px 0 0;
}


/* .footer_subnav */
.footer_subnav {
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
}
.footer_subnav ul {
	display: table;
	margin: 0 auto 20px;
}
.footer_subnav li {
	display: table-cell;
	padding: 0 6px;
	border-right: 1px solid #737372;
}
.footer_subnav li:last-child { border-width: 0; }
.footer_subnav li a {
	display: block;
	color: #565656;
}


/* footer_copyright */
.footer_copyright { text-align: center; }

@media screen and (min-width: 768px) and (max-width: 1170px) {
    .footer_subnav ul { display: block; letter-spacing: -0.4em;}
    .footer_subnav li { letter-spacing: normal; display: inline-block; margin-bottom: 10px;}
    .footer_profile_inner { margin: 35px auto;}
}

@media (max-width: 767px) {

	.footer {
		padding: 0 0 10px;
		background: url(/cast-panel/img/footer_bg02.png);
	}

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


	/* .footer_subnav */
	.footer_subnav {
		background: url(/cast-panel/img/footer_subnav_bg-sp.png);
		text-align: left;
	}
	.footer_subnav ul {
		display: block;
		margin: 0;
		border-top: 1px solid #bfd6a6;
	}
	.footer_subnav li,
	.footer_subnav li:last-child {
		display: block;
		padding: 0;
		border: 1px solid #bfd6a6;
		border-width: 0 0 1px;
	}
	.footer_subnav li a {
		display: block;
		padding: 10px 20px 10px 10px;
		background: url(/cast-panel/img/footer_subnav_ic-arrow-sp.png) no-repeat 100% 50%;
		background-size: 18px auto;
	}

	/* .footer_profile */
	.footer_profile_inner {
		display: block;
		margin: 0;
		padding: 32px 0 0;
		background: url(/cast-panel/img/footer_bg01.png) repeat-x 0 0;
	}
	.footer_profile-logo {
		display: block;
		padding: 0;
		text-align: center;
	}
	.footer_profile-logo img { width: 118px; height: auto; }

	.footer_profile-body {
		display: block;
		padding: 15px 0;
		text-align: center;
	}
	.footer_profile-btn img { width: 125px; height: auto; }


	/* footer_copyright */
	span.imgtxt-footer_copyright {
		width: 187px; height: 9px;
		background: url(/cast-panel/img/imgtxt-footer_copyright.png) no-repeat 0 0;
		background-size: 100% auto;
	}

}


/* pagetop
-------------------------------------*/
.pagetop {
    position: fixed;
    left: 50%;
    bottom: 50px;
	margin-left: 590px;
    cursor: pointer;
	z-index: 9999;
}


@media (max-width: 767px) {
	.pagetop {
		position: fixed;
		left: auto;
		right: 10px;
		bottom: 50px;
		margin-left: 0;
	}
	.pagetop img { width: 28px; height: auto; }
}


@media (max-width: 1170px) {
    .side-btn { display: none!important;}
}

@media (min-width: 768px) {
    .main-ttl { text-align: center; line-height: 0; margin-bottom: 15px;}
    .sub-ttl { text-align: center; line-height: 1; font-size: 38px; letter-spacing: 0.1em; font-weight: normal; margin-bottom: 30px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
    .main-txt { text-align: center; font-size: 21px; margin: 0 0 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
    .pankuzu { width: 100%; max-width: 1170px; margin: 20px auto 15px; position: relative;}
    .pankuzu .btn-catalog { display: block; position: absolute; right: 180px; top: 0px;}
    .pankuzu .btn-howto { display: block; position: absolute; right: 0; top: 0px;}
    .pankuzu ul { display: -webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .pankuzu ul li { position: relative; padding-right: 2em;}
    .pankuzu ul li:after { display: block; content: ">"; position: absolute; right: 0.5em; top: 0;}
    .pankuzu ul li:last-child { padding-right: 0;}
    .pankuzu ul li:last-child:after { display: none;}
}
@media screen and (min-width: 768px) and (max-width: 1170px) {
    .pankuzu { box-sizing: border-box; width: 100%; padding: 0 10px; margin: 20px auto 50px;}
}
@media (max-width: 767px) {
    .main-ttl { text-align: center; line-height: 0; margin-bottom: 10px;}
    .main-ttl img { height: 27px;}
    .sub-ttl { text-align: center; line-height: 1; font-size: 21px; letter-spacing: 0.1em; font-weight: normal; margin-bottom: 25px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
    .main-txt { text-align: center; font-size: 14px; margin: 0 0 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
    .pankuzu { padding: 0 10px; margin: 10px auto 25px;}
    .pankuzu ul { display: -webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
    .pankuzu ul li { position: relative; padding-right: 2em;}
    .pankuzu ul li:after { display: block; content: ">"; position: absolute; right: 0.5em; top: 0;}
    .pankuzu ul li:last-child { padding-right: 0;}
    .pankuzu ul li:last-child:after { display: none;}
}


/* ===========================================================================
下部カルーセル、下部カタログ
=========================================================================== */
.bnr-area { margin-bottom: 40px;}
.bnr-area ul { text-align: center; letter-spacing: -0.4em;}
.bnr-area ul li { display: inline-block;}
 { margin-bottom: 40px;}
.bnr-area3 { width: 100%; max-width: 1170px; margin: 0 auto 40px; position: relative;}
.bnr-area3 ul { display: -webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bnr-area3 ul li { width: 32.136%; float: left; margin: 0 1.7% 0 0;}
.bnr-area3 ul li:nth-child(3n) { margin-right: 0;}
.bnr-area3 ul li img { width: 100%;}
.bnr-area2 { width: 100%; max-width: 1170px; margin: 0 auto 40px; position: relative;}
.bnr-area2 ul { display: -webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bnr-area2 ul li { width: 49%; float: left; margin: 0 2% 0 0;}
.bnr-area2 ul li:nth-child(2n) { margin-right: 0;}
.bnr-area2 ul li img { width: 100%;}
.section_top-view { padding: 70px 0; background: url(/rs-common2/img/view_bg.png) repeat-x 0 0; border-top: 1px solid #cbbc9b;}
.top-view_tit { margin: 0 0 25px; text-align: center; font-size: 3.0rem; line-height: 1.1; letter-spacing: -.05em;}
.top-view_para { text-align: center; margin-bottom: 30px;}
.top-view_message { text-align: center; margin-bottom: 40px; }
.top-view_carousel { position: relative; margin: 0 -15px; width: 100%; max-width: 1200px;}
.top-view_carousel .item { display: block; padding: 0; margin: 0 15px; text-align: center;}
.top-view_carousel .item img { width: 100%; height: auto; }
.top-view_carousel .owl-controls { margin: 35px 15px 0; width: 100%; max-width: 1170px;}
.top-view_carousel .owl-controls .owl-buttons div { position: absolute; top: 50%; margin-top: -66px; width: 40px; height: 69px; background: transparent url(/product/patio/img-top/owl-carousel-btn.png) no-repeat 0 0; filter: Alpha(Opacity=100); opacity: 1;}
.top-view_carousel .owl-controls .owl-buttons div:hover { filter: Alpha(Opacity=80); opacity: 0.8 !important;}
.top-view_carousel .owl-controls .owl-buttons div.owl-prev { left: -92px; background-position: 0 0;}
.top-view_carousel .owl-controls .owl-buttons div.owl-next { right: -92px; background-position: 0 -70px;}
.top-view_carousel .owl-theme .owl-controls .owl-page span { background: #dbd9cf; filter: Alpha(Opacity=100); opacity: 1;}
.top-view_carousel .owl-theme .owl-controls .owl-page.active span { background: #e4b0a2; filter: Alpha(Opacity=100); opacity: 1;}
.top-view_carousel .owl-theme .owl-controls .owl-page.active:hover span,
.top-view_carousel .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=80); opacity: 0.8;}
.top-view-txt { text-align: center; margin: 0 0 30px;}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap span { display: inline-block; background: #fff; border-radius: 5px; color: #444; min-width: 850px;}
.section_top-catalog.line { padding: 70px 0 0; background: url(/rs-common2/img/view_bg.png) repeat-x 0 0; border-top: 1px solid #cbbc9b;}
.section_top-catalog_l_inner { background: url(/rs-common2/img/top-catalog_bg.png) no-repeat 259px 354px;}
.top-catalog_tit { margin: 0 0 9px; }
.top-catalog_tit img { width: 100%;}
.top-catalog_box-has-img { overflow: hidden; min-height: 477px;}
.top-catalog_imgtxt-img { float: left; width: 42.735%; text-align: right;}
.top-catalog_imgtxt-img img { width: 100%;}
.top-catalog_imgtxt-txt { float: right; padding: 105px 0 0; width: 51.28%; text-align: center; font-size: 1.8rem;}
.top-catalog_imgtxt-txt { font-size: 16px;}
.top-catalog_imgtxt-btn { margin: 65px 0 0; }
.top-catalog_imgtxt-txt2 { float: right; padding: 50px 0 0; width: 51.28%; text-align: center; font-size: 1.8rem;}
.top-catalog_imgtxt-txt2 { font-size: 16px;}
.top-catalog_imgtxt-txt2 .top-catalog_imgtxt-btn { margin: 30px 0 30px;}
.top-catalog_imgtxt-txt2 .bnr img { width: 100%; max-width: 600px;}
.side-btn { position: fixed; right: 0; top: 150px; z-index: 100;}
@media screen and (min-width: 768px) and (max-width: 1170px) {
    .section_top-catalog { padding-left: 10px!important; padding-right: 10px!important;}
    .top-catalog_imgtxt-txt { padding: 50px 0 0;}
	.top-catalog_imgtxt-txt2 { padding: 50px 0 0;}
    .top-catalog_box-has-img { min-height: auto; margin-bottom: 40px;}
    .section_top-catalog_l_inner { background: none;}
    .bnr-area2 { box-sizing: border-box; padding: 0 10px;}
    .bnr-area3 { box-sizing: border-box; padding: 0 10px;}
}
@media (max-width: 767px) {
    .bnr-area { margin-bottom: 0; padding: 0 0 20px 0;}
    .bnr-area ul { padding: 0 10px;}
    .bnr-area ul li { margin-bottom: 10px;}
    .bnr-area ul li img { width: 100%;}
    .bnr-area2 { margin: 0 auto 20px; padding: 0 10px; box-sizing: border-box;}
    .bnr-area2 ul li { width: 100%; float: none; margin: 0 0 10px 0;}
    .bnr-area3 { margin: 0 auto 20px; padding: 0 10px; box-sizing: border-box;}
    .bnr-area3 ul li { width: 100%; float: none; margin: 0 0 10px 0;}
    .spNone { display: none;}
    .section_top-view_l_inner { padding: 0;}
    .section_top-view { padding: 40px 0 25px; background: url(/product/patio/img-top/top-view_bg.png) repeat-x 0 -8px;}
    .top-view_tit { margin: 0 0 20px; text-align: center; font-size: 21px;}
    .imgtxt-top-view_tit { width: 240px; height: 20px; background: url(/product/patio/img-top/imgtxt-top-view_tit.png) no-repeat 0 0; background-size: 100% auto;}
    .top-view_carousel { position: relative; margin: 0 10px; width: auto;}
    .top-view_carousel .owl-controls { margin: 10px; width: 100%;}
    .top-view_carousel .owl-controls .owl-buttons div { display: none; }
    .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { text-align: left;}
    .nivo-lightbox-theme-default .nivo-lightbox-title-wrap span { min-width: 0;}
    .section_top-catalog_l_inner { background-image: none;}
    .top-catalog_tit { margin: 0 0 12px; text-align: center;}
    .imgtxt-top-catalog_tit { width: 300px; height: 54px; background: url(/top_img/imgtxt-top-catalog_tit-sp.png) no-repeat 0 0; background-size: 100% auto;}
    .top-catalog_box-has-img { min-height: 0;}
    .top-catalog_imgtxt-img { float: none; margin: auto; width: 300px; min-height: 203px; background: url(/product/patio/img-top/top-catalog_bg-sp.png) no-repeat 100% 100%; background-size: 180px auto; text-align: center;}
    .top-catalog_imgtxt-img img { width: 234px; height: auto;}
    .top-catalog_imgtxt-txt { float: none; margin: 0 auto; padding: 15px 0 0; width: 300px; text-align: left; font-size: 1.4rem;}
    .top-catalog_imgtxt-btn { margin: 10px 0 30px; }
    
    .top-catalog_imgtxt-txt2 { width: 100%; float: none; padding: 15px 0 30px; text-align: left; font-size: 1.4rem;}
    .top-catalog_imgtxt-txt2 p { width: 300px; margin: 0 auto;}
    .top-catalog_imgtxt-txt2 .top-catalog_imgtxt-btn { margin: 10px auto 30px; }
    .top-catalog_imgtxt-txt2 .bnr { width: 100%; text-align: center;}
    .top-catalog_imgtxt-txt2 .bnr img { width: 100%; max-width: 600px;}
    .side-btn { display: none;}
}

/* 商品indexページ用 */
.more  {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "serif";
	font-size: 1em;
	padding: 3px 3px 3px 8px;
	color: #83bb34;
	width: 100px;
	border-radius: 3px;
	border: 1px solid #6d9c2b;
}