@charset "UTF-8";
/* ==============================================================================================
 Contents
================================================================================================= */
/* contents
----------------------------------------------------------- */
#contents {
width: 950px;
margin: 0 auto;
font-size: 87.5%;
line-height: 1.5;
}

#popup #contents {
width: 480px;
}

/* topic-path
----------------------------------------------------------- */
#topic-path {
margin-bottom: 25px;
padding-bottom: 7px;
font-size: 85.71428%;
border-bottom: #f0f0f0 1px solid;
}

#topic-path em {
font-weight: bold;
}
/* nav-local
----------------------------------------------------------- */
#nav-local-foot {
margin-top: 40px;
}

.nav-local {
margin: -25px 0 24px;
}

#nav-local-foot .nav-local {
margin-top: 0;
}

.nav-local ul {
display: table;
}

.nav-local ul li {
display: table-cell;
vertical-align: middle;
}

.nav-local ul li > a {
display: table-cell;
height: 2.6em;
padding: 9px 12px;
vertical-align: middle;
line-height: 1.2;
}

.nav-local ul li > a.current {
font-weight: bold;
text-decoration: none;
}

.nav-local ul li.category > div > p > a {
display: block;
width: 100px;
padding: .8em 45px .8em 10px;
background: url("/products/common/images/v2/icn_arrow_01.gif") no-repeat 100%;
}

.nav-local ul li.category > div > .pd {
display: none;
}

.nav-local ul li.category.active > div {
position: relative;
}

.nav-local ul li.category.active > div > .pd {
position: absolute;
top: 3.6em;
z-index: 99;
width: 155px;
}

.nav-local .products ul li.category.active > div > .pd {
top: 3.49em;
left: -1px;
width: 157px;
}

.nav-local ul li.category.active > div > .pd > p > a {
display: block;
padding: 10px 10px 10px 22px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 13px 1.3em;
border-bottom: #fff 1px solid;
}

.nav-local ul li dl dt {
padding: 1px 5px;
font-weight: bold;
color: #666;
text-align: center;
background-color: #fff;
}

.nav-local .products ul li dl dt {
background: none;
}

.nav-local ul li dl dd {
float: left;
}

.nav-local ul li dl dd a {
display: block;
padding: 5px 12px;
}

.nav-local ul li dl dd a.current {
font-weight: bold;
text-decoration: none;
}

.nav-local .products {
background: #deeaf9 url("/products/common/images/v2/bg_nav-local_03.gif") repeat-x 0 0;
border: none;
}

.nav-local .products ul li {
border-right: #cedef0 1px solid;
}

.nav-local .products ul li > a.current {
background: #fff url("/products/common/images/v2/bg_nav-local_04.gif") repeat-x 0 0;
}

.nav-local .products ul li dl dt {
border-bottom: #cedef0 1px solid;
}

.nav-local .products ul li dl dd a.current {
background-color: #fff;
}

.nav-local .products ul li.category > div > .pd {
background: #ebf4ff url("/products/common/images/v2/bg_nav-local_05.gif") no-repeat 0 bottom;
}

.nav-local .products-nav {
position: relative;
z-index: 2;
padding-top: 3px;
background: url("/products/common/images/v2/bg_nav-local_09.gif") no-repeat left top;
}

.nav-local .products-nav .inner {
border-bottom: 1px solid #ebedee;
}

.nav-local .products-nav ul li {
position: relative;
z-index: 1;
padding-right: 2px;
background: url("/products/common/images/v2/bg_nav-local_06.gif") no-repeat right top;
}

.nav-local .products-nav ul li > a:hover,
.nav-local .products-nav ul li > a:focus,
.nav-local .products-nav ul li > a:active {
text-decoration: none;
}

.nav-local .products-nav ul li > a:hover:after,
.nav-local .products-nav ul li > a:focus:after,
.nav-local .products-nav ul li > a:active:after,
.nav-local .products-nav ul li > a.current:after {
position: absolute;
top: -3px;
right: 2px;
z-index: -1;
display: block;
width: 98.6%;
height: 100%;
background: url("/products/common/images/v2/bg_nav-local_08.gif") repeat-x left top #fff;
border-bottom: 5px solid #fff;
content: "";
}

.nav-local .products-nav ul li > a.current:after {
background: url("/products/common/images/v2/bg_nav-local_10.gif") repeat-x left top #fff;
}

.nav-local .products-nav ul li dl dt {
padding: 3px 5px 0;
font-size: 85.7142%;
text-align: center;
background: none;
}

.nav-local .products-nav ul li dl dd {
padding-left: 2px;
background: url("/products/common/images/v2/bg_nav-local_06.gif") no-repeat left top;
}

.nav-local .products-nav ul li dl dt + dd {
padding-left: 0;
background: none;
}

.nav-local .products-nav ul li dl dd a {
min-width: 3em;
text-align: center;
}

.nav-local .products-nav ul li dl dd a:hover,
.nav-local .products-nav ul li dl dd a:focus,
.nav-local .products-nav ul li dl dd a:active,
.nav-local .products-nav ul li dl dd a.current {
text-decoration: none;
background: #f4f4f4;
}

#mrb.nav-local .products-nav ul li.category {
width: 232px;
}

.nav-local .products-nav ul li.category > div {
position: relative;
}

.nav-local .products-nav ul li.category > a {
width: 132px;
background: url("/products/common/images/v2/icn_arrow_01.gif") no-repeat 100%;
}

#public.nav-local .products-nav ul li.category > a {
width: 132px;
background: url("/products/public/common/images/v3/icn_nav-local_01.png") no-repeat 100%;
}

#public.nav-local .products-nav ul li.category.branch > a {
width: 154px;
}

#faucet-bath.nav-local .products-nav ul li.category > a {
padding-right: 45px;
}

.nav-local .products-nav ul li.category > a:hover {
text-decoration: none;
}

.nav-local .products-nav ul li.category > a:hover:after,
.nav-local .products-nav ul li.category > a:focus:after,
.nav-local .products-nav ul li.category.active > a:after {
position: absolute;
top: -3px;
right: 2px;
z-index: -1;
display: block;
width: 98.6%;
height: 100%;
background: url("/products/common/images/v2/bg_nav-local_08.gif") repeat-x left top #fff;
border-bottom: 5px solid #fff;
content: "";
}

.nav-local .products-nav ul li.category.active > a:after {
background: url("/products/common/images/v2/bg_nav-local_10.gif") repeat-x left top #fff;
border-bottom: none;
}

.nav-local .products-nav ul li.category > div > .pd {
display: none;
background: #fff;
}

.nav-local .products-nav ul li.category.active > div > .pd {
top: 1px;
left: -2px;
width: 159px;
}

#public.nav-local .products-nav ul li.category.branch.active > div > .pd {
width: 181px;
}

#mrb.nav-local .products-nav ul li.category.active > div > .pd {
width: 235px;
}

#faucet-bath.nav-local .products-nav ul li.category.active > div > .pd {
width: 192px;
}

.nav-local .products-nav ul li.category > div > .pd > p {
border: 1px solid #e1e4e5;
}

.nav-local .products-nav ul li.category > div > .pd > p:first-child {
border-top: none;
}

.nav-local .products-nav ul li.category > div > .pd > p + p {
margin-top: -1px;
}

.nav-local .products-nav .row {
background: url("/products/common/images/v2/bg_nav-local_07.gif") repeat-x left bottom;
}

.nav-local .products-nav .row + .row {
position: relative;
z-index: 1;
margin-top: -1px;
border-top: 3px solid #004fa2;
}

.nav-local .products-nav .row .btn {
display: none;
}
/* footer-products
----------------------------------------------------------- */
#footer-products {
position: relative;
}

/* footer-products > nav-icn
----------------------------------------------------------- */
#footer-products .nav-icn {
margin: 0 0 38px -13px;
}

#footer-products .nav-icn li {
float: left;
width: 304px;
margin-left: 16px;
background: url("/products/common/images/v2/bg_nav-icn_02.gif") no-repeat 0 100%;
}

#footer-products .nav-icn li a {
display: block;
min-height: 50px;
padding: 7px;
font-weight: bold;
background: url("/products/common/images/v2/bg_nav-icn_01.gif") no-repeat 0 0;
}

#footer-products .nav-icn li a img {
margin-right: 20px;
vertical-align: middle;
}
/* footer-products > nav-top
----------------------------------------------------------- */
#footer-products .nav-top {
font-size: 85.71428%;
text-align: right;
}

#footer-products .nav-top a {
display: inline-block;
padding: 8px 22px 5px;
background: #cbcbcb url("/products/common/images/v2/bg_nav-top_01.gif") repeat-x 0 0;
}

#footer-products .nav-top a span {
padding-left: 10px;
background: url("/products/common/images/v2/icn_arrow_05.gif") no-repeat 0;
}
/* footer-products > nav-products
----------------------------------------------------------- */
#footer-products #products-list .btn {
display: none;
}

#footer-products p.nav-products {
padding: 12px 5px;
font-weight: bold;
background: #eee url("/products/common/images/v2/bg_nav-products_01.gif") repeat-x 0 0;
border-top: #004fa2 3px solid;
}

#footer-products p.nav-products a {
padding-left: 23px;
}

#footer-products ul.nav-products {
width: 940px;
margin: 0 auto;
padding: 12px 0;
}

#footer-products ul.nav-products > li {
float: left;
margin: 0 20px 12px 0;
}

#footer-products ul.nav-products > li > a {
padding-left: 23px;
font-weight: bold;
}

#footer-products ul.nav-products > li.has-child {
float: none;
margin-right: 0;
padding-bottom: 2px;
border-bottom: #ccc 1px solid;
}

#footer-products ul.nav-products > li.has-child > a {
width: 85px;
}

#footer-products ul.nav-products > li.has-child > ul {
float: right;
width: 832px;
}

#footer-products ul.nav-products > li.has-child > ul > li {
float: left;
margin: 0 0 10px 15px;
}

#footer-products ul.nav-products > li.has-child > ul > li > a {
padding-left: 10px;
}

#footer-products ul.nav-products > li.last-child {
margin-right: 200px;
}
/* footer-products > list-social
----------------------------------------------------------- */
#footer-products .list-social {
position: relative;
}

#footer-products .list-social {
position: absolute;
right: 0;
bottom: 20px;
}

#footer-products .list-social li {
float: left;
margin-right: 10px;
}

/* footer-products-bath / footer-products-kitchen / footer-products-groom / footer-products-toilet / footer-products-public
----------------------------------------------------------- */
#footer-products-bath,
#footer-products-kitchen,
#footer-products-groom,
#footer-products-toilet,
#footer-products-public {
margin-bottom: 40px;
background: url("/products/common/images/v2/bg_footer-products_02.gif") no-repeat 0 100%;
}

#footer-products-bath #products-bath-list .btn,
#footer-products-public #products-public-list .btn,
#footer-products-kitchen #products-kitchen-list .btn {
display: none;
}

#footer-products-bath .bath,
#footer-products-kitchen .kitchen,
#footer-products-groom .groom,
#footer-products-toilet .toilet,
#footer-products-public .public {
padding: 12px 20px 5px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
background: url("/products/common/images/v2/bg_footer-products_01.gif") no-repeat 0 0;
}

#footer-products-bath ul,
#footer-products-kitchen ul,
#footer-products-groom ul,
#footer-products-toilet ul,
#footer-products-public ul {
margin-left: -18px;
padding: 15px 20px;
}

#footer-products-bath ul.split,
#footer-products-kitchen ul.split,
#footer-products-groom ul.split,
#footer-products-toilet ul.split,
#footer-products-public ul.split {
padding: 20px 20px 15px;
background: url("/products/common/images/v2/bg_split_01.gif") no-repeat 37px 0;
}

#footer-products-bath ul li,
#footer-products-kitchen ul li,
#footer-products-groom ul li,
#footer-products-toilet ul li,
#footer-products-public ul li {
float: left;
margin-left: 18px;
}

#footer-products-bath ul li.col-grid3,
#footer-products-kitchen ul li.col-grid3,
#footer-products-groom ul li.col-grid3,
#footer-products-toilet ul li.col-grid3,
#footer-products-public ul li.col-grid3 {
width: 214px;
}

#footer-products-bath ul li.col-grid6,
#footer-products-kitchen ul li.col-grid6,
#footer-products-groom ul li.col-grid6,
#footer-products-toilet ul li.col-grid6,
#footer-products-public ul li.col-grid6 {
width: 446px;
}

#footer-products-bath ul li.col-grid9,
#footer-products-kitchen ul li.col-grid9,
#footer-products-groom ul li.col-grid9,
#footer-products-toilet ul li.col-grid9,
#footer-products-public ul li.col-grid9 {
width: 678px;
}

#footer-products-public ul li.col-grid12 {
width: 910px;
}

#footer-products-bath ul li span,
#footer-products-kitchen ul li span,
#footer-products-groom ul li span,
#footer-products-toilet ul li span,
#footer-products-public ul li span {
display: block;
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

#footer-products-bath ul li ul,
#footer-products-kitchen ul li ul,
#footer-products-groom ul li ul,
#footer-products-toilet ul li ul,
#footer-products-public ul li ul {
margin-left: 0;
padding: 0;
}

#footer-products-bath ul li ul li,
#footer-products-kitchen ul li ul li,
#footer-products-groom ul li ul li,
#footer-products-toilet ul li ul li,
#footer-products-public ul li ul li {
float: none;
margin: 0 0 5px;
}

#footer-products-bath ul li ul li a,
#footer-products-kitchen ul li ul li a,
#footer-products-groom ul li ul li a,
#footer-products-toilet ul li ul li a,
#footer-products-public ul li ul li a {
display: block;
padding-left: 10px;
}

#footer-products-kitchen ul li ul.list-float,
#footer-products-groom ul li ul.list-float,
#footer-products-toilet ul li ul.list-float,
#footer-products-groom div.list-float,
#footer-products-public div.list-float {
margin-right: -18px;
}

#footer-products-kitchen ul li ul.list-float li,
#footer-products-groom ul li ul.list-float li,
#footer-products-toilet ul li ul.list-float li,
#footer-products-groom div.list-float ul,
#footer-products-public div.list-float ul {
float: left;
width: 214px;
margin-right: 18px;
}
/* lyt-banner
----------------------------------------------------------- */
.bnr-area-01 {
margin-bottom: 20px;
}

#lyt-banner {
margin: 0 0 30px -20px;
padding: 0 5px;
}

#lyt-banner .col-grid3,
#lyt-banner .col-grid6 {
float: left;
margin-left: 20px;
}

#lyt-banner .col-grid3 {
width: 220px;
}

#lyt-banner .col-grid6 {
width: 460px;
}

#lyt-banner p {
margin-bottom: 10px;
}
/* ==============================================================================================
 Modules
================================================================================================= */
/* hdg-l1-01
----------------------------------------------------------- */
.hdg-l1-01 {
margin-bottom: 40px;
padding-bottom: 25px;
font-weight: bold;
font-size: 142.8571%;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
border-bottom: #ccc 1px solid;
}

.hdg-l1-01-container .hdg-l1-01 {
margin-bottom: 15px;
}

.hdg-l1-01 .sub-txt {
font-weight: normal;
font-size: 70%;
}

.hdg-l1-01 + .read {
margin-bottom: 15px;
font-size: 114.28571%;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
color: #333;
}

.hdg-l1-01-container .mv {
margin-bottom: 15px;
}

.hdg-l1-01-mv-container .hdg-l1-01 {
margin-bottom: 25px;
padding-bottom: 0;
border-bottom: 0 none;
}

.hdg-l1-01-mv-container .mv {
margin-bottom: 15px;
}

.hdg-l1-01-mv-container .mv-container .visual-area {
position: relative;
height: 421px;
}

.hdg-l1-01-mv-container .mv-container .mv {
display: none;
}

.hdg-l1-01-mv-container .mv-container .mv.active {
display: block;
}

.hdg-l1-01-mv-container .mv-container .indicator {
margin: -65px 0 45px 17px;
text-align: center;
}

.hdg-l1-01-mv-container .mv-container .indicator li {
position: relative;
z-index: 100;
display: inline;
margin-right: 17px;
}

.hdg-l1-01-mv-container .mv-container[data-rwd="true"] .visual-area {
position: relative;
height: 400px;
}

.hdg-l1-01-mv-container .mv-container[data-rwd="true"] .indicator {
position: relative;
top: -44px;
margin: 0 0 -40px 17px;
text-align: center;
}

.hdg-l1-01-mv-container .mv.ud {
position: relative;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.hdg-l1-01-mv-container .mv.ud .mv-inner {
position: absolute;
top: 20px;
right: 20px;
box-sizing: border-box;
width: 587px;
padding: 15px 20px;
background-color: #fff;
opacity: .9;
filter: alpha(opacity=90);
}
.hdg-l1-01-mv-container .mv.ud .mv-inner p {
font-size: 128.57143%;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn {
position: absolute;
right: 20px;
bottom: 20px;
width: 290px;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn a {
position: relative;
display: block;
padding: 10px 15px 10px 30px;
font-size: 114.28571%;
color: #fff;
background-color: #004fa1;
background-image: -webkit-linear-gradient(bottom, #114f93 0%, #3371b5 75.17%, #3371b5 100%);
background-image:         linear-gradient(bottom, #114f93 0%, #3371b5 75.17%, #3371b5 100%);
border-radius: 5px;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn a:before {
position: absolute;
top: 19px;
left: 15px;
display: block;
width: 0;
height: 0;
border: 3px solid transparent;
border-left: 3px solid #fff;
content: "";
}

.hdg-l1-01-mv-container .mv.kitchen {
position: relative;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-inner {
position: absolute;
top: 20px;
right: 20px;
box-sizing: border-box;
width: 587px;
padding: 15px 20px;
background-color: #fff;
opacity: .9;
filter: alpha(opacity=90);
}
.hdg-l1-01-mv-container .mv.kitchen .mv-inner p {
font-size: 128.57143%;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn {
position: absolute;
right: 20px;
bottom: 20px;
width: 290px;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn a {
position: relative;
display: block;
padding: 10px 15px 10px 30px;
font-size: 114.28571%;
color: #fff;
background-color: #211712;
background-image: -webkit-linear-gradient(bottom, #211712 0%, #3a3130 75.17%, #3a3130 100%);
background-image:         linear-gradient(bottom, #211712 0%, #3a3130 75.17%, #3a3130 100%);
border-radius: 5px;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn a:before {
position: absolute;
top: 19px;
left: 15px;
display: block;
width: 0;
height: 0;
border: 3px solid transparent;
border-left: 3px solid #fff;
content: "";
}

.hdg-l1-01-nav-container .hdg-l1-01 {
margin-bottom: 25px;
padding-bottom: 0;
border-bottom: 0 none;
}

.hdg-l1-01-nav-container .nav-crasso-container,
.hdg-l1-01-nav-container .nav-sazana-container,
.hdg-l1-01-nav-container .nav-products-container {
position: relative;
margin-top: -40px;
}

.hdg-l1-01-nav-container .nav-crasso,
.hdg-l1-01-nav-container .nav-products-01 {
margin-top: 5px;
background: url("/products/common/images/v2/bg_nav-crasso_01.gif") no-repeat 0 100%;
}

.hdg-l1-01-nav-container .nav-crasso .box-01,
.hdg-l1-01-nav-container .nav-products-01 .box-01 {
float: left;
width: 266px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-crasso_02.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-crasso .box-02,
.hdg-l1-01-nav-container .nav-products-01 .box-02 {
float: left;
width: 136px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-crasso_03.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-crasso .box-03,
.hdg-l1-01-nav-container .nav-products-01 .box-03 {
float: left;
width: 256px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-crasso_04.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-crasso .box-04,
.hdg-l1-01-nav-container .nav-products-01 .box-04 {
float: left;
width: 160px;
margin-top: -5px;
padding-top: 5px;
background: url("/products/common/images/v2/bg_nav-crasso_05.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-crasso .box-04 p,
.hdg-l1-01-nav-container .nav-products-01 .box-04 p {
padding: 12px 17px 17px;
background: url("/products/common/images/v2/bg_nav-crasso_06.gif") no-repeat 0 100%;
}

.hdg-l1-01-nav-container .nav-sazana,
.hdg-l1-01-nav-container .nav-products-02,
.hdg-l1-01-nav-container .nav-products-03 {
margin-top: 5px;
background: url("/products/common/images/v2/bg_nav-sazana_01.gif") no-repeat 0 100%;
}

.hdg-l1-01-nav-container .nav-products-03 {
background: url("/products/common/images/v2/bg_nav-products_02.gif") no-repeat 0 100%;
}

.hdg-l1-01-nav-container .nav-sazana .box-01,
.hdg-l1-01-nav-container .nav-products-02 .box-01,
.hdg-l1-01-nav-container .nav-products-03 .box-01 {
float: left;
width: 136px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-sazana_02.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-products-03 .box-01 {
width: 286px;
background: url("/products/common/images/v2/bg_nav-products_02-01.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-sazana .box-02,
.hdg-l1-01-nav-container .nav-products-02 .box-02,
.hdg-l1-01-nav-container .nav-products-03 .box-02 {
float: left;
width: 186px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-sazana_03.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-products-03 .box-02 {
width: 416px;
background: url("/products/common/images/v2/bg_nav-products_02-02.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-sazana .box-03,
.hdg-l1-01-nav-container .nav-products-02 .box-03 {
float: left;
width: 336px;
margin: -5px 10px 0 0;
padding: 20px 17px 5px;
background: url("/products/common/images/v2/bg_nav-sazana_04.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-sazana .box-04,
.hdg-l1-01-nav-container .nav-products-02 .box-04,
.hdg-l1-01-nav-container .nav-products-03 .box-04 {
float: left;
width: 160px;
margin-top: -5px;
padding-top: 5px;
background: url("/products/common/images/v2/bg_nav-sazana_05.png") no-repeat 0 0;
}

.hdg-l1-01-nav-container .nav-sazana .box-04 p,
.hdg-l1-01-nav-container .nav-products-02 .box-04 p,
.hdg-l1-01-nav-container .nav-products-03 .box-04 p {
padding: 12px 17px 17px;
background: url("/products/common/images/v2/bg_nav-sazana_06.gif") no-repeat 0 100%;
}

.hdg-l1-01-nav-container .nav-crasso .box-04 p a,
.hdg-l1-01-nav-container .nav-sazana .box-04 p a,
.hdg-l1-01-nav-container .nav-products-01 .box-04 p a,
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a,
.hdg-l1-01-nav-container .nav-products-03 .box-04 p a {
display: block;
padding-left: 23px;
font-weight: bold;
font-size: 114.28571%;
line-height: 1.5 !important;
}

.hdg-l1-01-nav-container .nav-crasso .hdg,
.hdg-l1-01-nav-container .nav-sazana .hdg,
.hdg-l1-01-nav-container .nav-products-01 .hdg,
.hdg-l1-01-nav-container .nav-products-02 .hdg,
.hdg-l1-01-nav-container .nav-products-03 .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.hdg-l1-01-nav-container .nav-crasso ul li,
.hdg-l1-01-nav-container .nav-sazana ul li,
.hdg-l1-01-nav-container .nav-products-01 ul li,
.hdg-l1-01-nav-container .nav-products-02 ul li,
.hdg-l1-01-nav-container .nav-products-03 ul li {
margin-bottom: 10px;
}

.hdg-l1-01-nav-container .nav-crasso ul li a,
.hdg-l1-01-nav-container .nav-sazana ul li a,
.hdg-l1-01-nav-container .nav-products-01 ul li a,
.hdg-l1-01-nav-container .nav-products-02 ul li a,
.hdg-l1-01-nav-container .nav-products-03 ul li a {
display: block;
padding-left: 10px;
}

.hdg-l1-01-nav-container .nav-crasso .box-01 ul li,
.hdg-l1-01-nav-container .nav-crasso .box-03 ul li,
.hdg-l1-01-nav-container .nav-sazana .box-03 ul li,
.hdg-l1-01-nav-container .nav-products-01 .box-01 ul li,
.hdg-l1-01-nav-container .nav-products-01 .box-03 ul li,
.hdg-l1-01-nav-container .nav-products-02 .box-03 ul li,
.hdg-l1-01-nav-container .nav-products-03 .box-01 ul li,
.hdg-l1-01-nav-container .nav-products-03 .box-02 ul li {
float: left;
width: 50%;
}
/* hdg-l1-02
----------------------------------------------------------- */
.hdg-l1-02-container {
position: relative;
box-sizing: border-box;
min-height: 180px;
margin-bottom: 30px;
padding: 20px 462px 0 25px;
background-color: #ecf8ff;
background-image: -webkit-linear-gradient(#d5f1ff 0, #fff 41%);
background-image:         linear-gradient(#d5f1ff 0, #fff 41%);
}
.hdg-l1-02-container > .hdg-l1-02 > .hdg {
font-weight: bold;
font-size: 171.42857%;
}
.hdg-l1-02-container > .hdg-l1-02 > .lead {
margin-top: 7px;
font-weight: bold;
}
.hdg-l1-02-container > .img {
position: absolute;
top: 0;
right: 79px;
}

/* hdg-l1-03
----------------------------------------------------------- */
.hdg-l1-03-container {
position: relative;
box-sizing: border-box;
min-height: 190px;
margin-bottom: 30px;
padding: 50px 360px 25px 25px;
background-color: #f4f5f7;
}
.hdg-l1-03-container > .hdg-l1-03 {
color: #333;
}
.hdg-l1-03-container > .hdg-l1-03 h1 > .hdg {
display: block;
font-weight: bold;
font-size: 150%;
}
.hdg-l1-03-container > .hdg-l1-03 h1 > .lead {
display: block;
margin-top: 10px;
font-weight: normal;
}
.hdg-l1-03-container > .img {
position: absolute;
top: 0;
right: 0;
}

/* hdg-l2-01
----------------------------------------------------------- */
.hdg-l2-01-container,
.hdg-l2-02-container {
margin-top: 40px;
}

.hdg-l1-01 + section > .hdg-l2-01-container,
.hdg-l1-01 + .lyt-select-01 > section > .hdg-l2-01-container,
.hdg-l1-01-container.has-mv + section > .hdg-l2-01-container,
.hdg-l1-01 + section > .hdg-l2-02-container,
.hdg-l1-01 + .lyt-select-01 > section > .hdg-l2-02-container,
.hdg-l1-01-container.has-mv + section > .hdg-l2-02-container {
margin-top: 0;
}

.hdg-l2-01 {
margin-bottom: 13px;
padding-bottom: 7px;
font-size: 114.28571%;
color: #333;
background: url("/products/common/images/v2/bg_hdg-l2-01_02.gif") repeat-x 0 100%;
border-top: #004fa2 5px solid;
}

.hdg-l2-01 h2:after {
display: block;
clear: both;
overflow: hidden;
content: "";
}

.hdg-l2-01 h2 ._note {
float: right;
}

.hdg-l2-01 h2 {
padding: 13px;
font-weight: bold;
background: url("/products/common/images/v2/bg_hdg-l2-01_01.gif") repeat-x 0 0;
}

.hdg-l2-01 h2 .icn {
margin-bottom: 3px;
}

.hdg-l2-01 h2 > .txt-tag-product-01 {
vertical-align: bottom;
}

.hdg-l2-01-sub {
margin-bottom: 5px;
font-weight: bold;
font-size: 114.28571%;
color: #333;
}

.hdg-l2-02 {
box-sizing: border-box;
margin-bottom: 13px;
padding-right: 50%;
font-size: 114.28571%;
color: #333;
background-position: 100% 2px;
background-repeat: no-repeat;
border-top: #004fa2 5px solid;
}
.hdg-l2-02.public-counter-sg-01 {
background-image: url("/products/public/counter/images/v3/sg_bg_category_01.jpg");
}
.hdg-l2-02.public-counter-sg-02 {
background-image: url("/products/public/counter/images/v3/sg_bg_category_02.jpg");
}
.hdg-l2-02.public-counter-sg-03 {
background-image: url("/products/public/counter/images/v3/sg_bg_category_03.jpg");
}
.hdg-l2-02 > h2 {
display: table;
box-sizing: border-box;
width: 100%;
height: 120px;
padding: 13px;
font-weight: bold;
background: none;
}
.hdg-l2-02 > h2 > span {
display: table-cell;
vertical-align: middle;
}
/* hdg-l3-01
----------------------------------------------------------- */
.hdg-l3-01 {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

* + .hdg-l3-01 {
margin-top: 30px;
}

.column > * + .hdg-l3-01 {
margin-top: 30px !important;
}
/* hdg-l4-01
----------------------------------------------------------- */
.hdg-l4-01 {
position: relative;
margin-bottom: 10px;
padding-left: 17px;
font-weight: bold;
color: #666;
background: url("/products/common/images/v2/bg_hdg-l4-01_01.gif") no-repeat 0 .35em;
border-bottom: #ccc 1px solid;
}

* + .hdg-l4-01 {
margin-top: 20px;
}

.hdg-l3-01 + .hdg-l4-01 {
margin-top: 10px;
}
/* hdg-l5-01
----------------------------------------------------------- */
.hdg-l5-01 {
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

* + .hdg-l5-01 {
margin-top: 10px;
}
/* ==============================================================================================
Navigation
================================================================================================= */
/* nav-page-01
----------------------------------------------------------- */
.nav-page-01-container {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.nav-page-01-container .nav-page-01 {
padding: 19px 21px 15px;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}

* + .nav-page-01 {
margin-top: 20px !important;
}

.nav-page-01-container .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.nav-page-01 li {
float: left;
margin-right: 30px;
padding-left: 18px;
font-weight: bold;
}

.nav-page-01-container .nav-page-01 li {
font-weight: normal;
}
/* nav-page-01.block
----------------------------------------------------------- */
.nav-page-01.block li {
float: none;
margin-right: 0;
}

/* nav-btn-01
----------------------------------------------------------- */
.nav-btn-01 {
margin: 0 0 0 -17px;
}

.lyt-grid-01 > .nav-btn-01 {
margin-top: 20px;
}

.lyt-img-02.col-plural + .nav-btn-01 {
margin-top: 10px;
}

.nav-btn-01 li {
float: left;
margin-left: 15px;
}

.nav-btn-01.side li.col-grid6 {
margin-left: 14px;
}

.nav-btn-01 li a {
display: table;
width: 100%;
}

.nav-btn-01 li a span {
display: table-cell;
width: 100%;
padding: 17px 10px 18px 34px;
font-weight: bold;
vertical-align: top;
}

.nav-btn-01 li a span small {
display: block;
margin: 5px 0 -5px -20px;
font-weight: normal;
font-size: 100%;
color: #333;
line-height: 1.2;
}

.nav-btn-01 li a img {
display: table-cell;
padding: 16px 17px 18px 0;
vertical-align: top;
}

.nav-btn-01 li.col-grid4 {
width: 304px;
background: url("/products/common/images/v2/bg_nav-btn-01_02.gif") no-repeat 0 100%;
}

.nav-btn-01 li.col-grid4 a {
background: url("/products/common/images/v2/bg_nav-btn-01_01.gif") no-repeat 0 0;
}

.nav-btn-01 li.col-grid6 {
width: 464px;
background: url("/products/common/images/v2/bg_nav-btn-01_04.gif") no-repeat 0 100%;
}

.nav-btn-01 li.col-grid6 a {
background: url("/products/common/images/v2/bg_nav-btn-01_03.gif") no-repeat 0 0;
}
/* nav-btn-02
----------------------------------------------------------- */
.nav-btn-02 {
margin: 0 0 0 -14px;
}

.lyt-grid-01 > .nav-btn-02,
.lyt-img-02 + .nav-btn-02 {
margin-top: 20px;
}

.nav-btn-02 li {
float: left;
margin: 0 0 10px 14px;
}

.nav-btn-02 li a {
display: block;
font-weight: bold;
}

.nav-btn-02 li a span {
display: block;
padding: 17px 17px 15px 34px;
}

.nav-btn-02 li.col-grid4 {
width: 304px;
background: url("/products/common/images/v2/bg_nav-btn-02_06.gif") no-repeat 0 100%;
}

.nav-btn-02 li.col-grid4 a {
background: url("/products/common/images/v2/bg_nav-btn-02_05.gif") no-repeat 0 0;
}

.nav-btn-02 li.col-grid5 {
width: 384px;
background: url("/products/common/images/v2/bg_nav-btn-02_02.gif") no-repeat 0 100%;
}

.nav-btn-02 li.col-grid5 a {
background: url("/products/common/images/v2/bg_nav-btn-02_01.gif") no-repeat 0 0;
}

.nav-btn-02 li.col-grid6 {
width: 464px;
margin-left: 12px;
background: url("/products/common/images/v2/bg_nav-btn-02_04.gif") no-repeat 0 100%;
}

.nav-btn-02 li.col-grid6 a {
background: url("/products/common/images/v2/bg_nav-btn-02_03.gif") no-repeat 0 0;
}
/* nav-index-01
----------------------------------------------------------- */
.nav-index-01 > div {
float: left;
width: 244px;
min-height: 200px;
padding: 30px 200px 0 26px;
}

.nav-index-01 > div.column-01 {
background: url("/products/common/images/v2/bg_nav-index-01_01.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-02 {
background: url("/products/common/images/v2/bg_nav-index-01_02.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-03 {
background: url("/products/common/images/v2/bg_nav-index-01_03.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-04 {
background: url("/products/common/images/v2/bg_nav-index-01_04.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-05 {
background: url("/products/common/images/v2/bg_nav-index-01_05.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-06 {
background: url("/products/common/images/v2/bg_nav-index-01_06.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-07 {
background: url("/products/common/images/v2/bg_nav-index-01_07.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-08 {
background: url("/products/common/images/v2/bg_nav-index-01_08.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-09 {
background: url("/products/common/images/v2/bg_nav-index-01_09.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-10 {
background: url("/products/common/images/v2/bg_nav-index-01_10.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-11 {
background: url("/products/common/images/v2/bg_nav-index-01_11.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-12 {
background: url("/products/common/images/v2/bg_nav-index-01_12.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-13 {
background: url("/products/common/images/v2/bg_nav-index-01_13.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-14 {
background: url("/products/common/images/v2/bg_nav-index-01_14.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-15 {
background: url("/products/common/images/v2/bg_nav-index-01_15.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-16 {
background: url("/products/common/images/v2/bg_nav-index-01_16.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-17 {
background: url("/products/common/images/v2/bg_nav-index-01_17.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-18 {
background: url("/products/common/images/v2/bg_nav-index-01_18.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-19 {
background: url("/products/common/images/v2/bg_nav-index-01_19.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-20 {
background: url("/products/common/images/v2/bg_nav-index-01_20.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-21 {
background: url("/products/common/images/v2/bg_nav-index-01_21.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-22 {
background: url("/products/common/images/v2/bg_nav-index-01_22.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-23 {
background: url("/products/common/images/v2/bg_nav-index-01_23.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-24 {
background: url("/products/common/images/v2/bg_nav-index-01_24.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-25 {
background: url("/products/common/images/v2/bg_nav-index-01_25.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen01 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen01.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen02 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen02.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen03 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen03.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen04 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen04.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen05 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen05.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen06 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen06.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen07 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen07.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen08 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen08.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen09 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen09.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen10 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen10.jpg") no-repeat 0 0;
}

.nav-index-01 > div.column-kitchen11 {
background: url("/products/common/images/v2/bg_nav-index-01_kitchen11.jpg") no-repeat 0 0;
}

.nav-index-01 .hdg {
margin: 0 -184px 15px 0;
}

.nav-index-01 p {
margin-bottom: 12px;
line-height: 1.7142857;
}

.nav-index-01 p.link {
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

/* nav-index-02
----------------------------------------------------------- */
.nav-index-02 {
margin: 0 0 10px -1.0526%;
line-height: 1.65;
}
.nav-index-02 .nav-index-02-inner {
float: left;
box-sizing: border-box;
width: 48.9473%;
margin: 0 0 10px 1.0526%;
padding: 4px;
background-color: #f4f4f4;
border-radius: 3px;
}
.nav-index-02 .nav-index-02-content {
position: relative;
padding-top: 94px;
background-color: #fff;
border: 1px solid #d3d3d3;
}
.nav-index-02 .nav-index-02-content .hdg {
position: absolute;
top: 23px;
left: 15px;
z-index: 1;
color: #004fa2;
}
.nav-index-02 .nav-index-02-content .hdg span {
position: relative;
display: block;
padding-left: 25px;
font-weight: bold;
}
.nav-index-02 .nav-index-02-content .hdg span:before {
position: absolute;
top: 4px;
left: 0;
display: block;
width: 14px;
height: 14px;
background-color: #004fa2;
border-radius: 2px;
content: "";
}
.nav-index-02 .nav-index-02-content .hdg span:after {
position: absolute;
top: 8px;
left: 6px;
display: block;
border: 3px solid transparent;
border-left: 3px solid #fff;
content: "";
}
.nav-index-02 .nav-index-02-content .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: right;
background: -webkit-linear-gradient(top, #fff, #f2f2f2);
background:         linear-gradient(to bottom, #fff, #f2f2f2);
background-color: #f2f2f2;
}
.nav-index-02 .nav-index-02-content .text {
padding: 10px 15px;
font-size: 92.8%;
}
.nav-index-02 .nav-index-02-content a {
display: block;
color: #333;
}
.nav-index-02 .nav-index-02-content a:hover,
.nav-index-02 .nav-index-02-content a:focus {
text-decoration: none;
}
.nav-index-02 .nav-index-02-content a:hover .hdg span,
.nav-index-02 .nav-index-02-content a:focus .hdg span {
text-decoration: underline;
}

/* nav-category-01
----------------------------------------------------------- */
.nav-category-01 {
margin-left: -20px;
}

.nav-category-01 + .nav-category-01 {
margin-top: 10px;
}

.nav-category-01 li {
float: left;
width: 220px;
margin: 10px 0 0 20px;
}

.nav-category-01 li:first-child,
.nav-category-01 li:first-child + li,
.nav-category-01 li:first-child + li + li,
.nav-category-01 li:first-child + li + li + li {
margin-top: 0;
}

.nav-category-01 li a {
display: block;
padding-bottom: 3px;
font-weight: bold;
}

.nav-category-01 li a img {
margin-bottom: 8px;
}

.nav-category-01 li a span {
display: block;
padding-left: 25px;
}

.nav-category-01 li.current a {
overflow: hidden;
color: #fff;
background-color: #13439c;
border: #13439c 3px solid;
}

.nav-category-01 li.current a img {
margin: -3px -3px 8px;
}
/* nav-underlayer-01
----------------------------------------------------------- */
.nav-underlayer-01 {
margin-left: -1.0526%;
}
.nav-underlayer-01 .nav-l,
.nav-underlayer-01 .nav-r {
float: left;
box-sizing: border-box;
width: 48.9473%;
margin: 0 0 10px 1.0526%;
padding: 4px;
background-color: #f4f4f4;
border-radius: 3px;
}
.nav-underlayer-01 .nav-l .nav-inner,
.nav-underlayer-01 .nav-r .nav-inner {
padding: 16px;
background-color: #fff;
border: 1px solid #d3d3d3;
}
.nav-underlayer-01 .nav-l .nav-inner .column,
.nav-underlayer-01 .nav-r .nav-inner .column {
display: table-cell;
width: 100%;
vertical-align: top;
}
.nav-underlayer-01 .nav-l .nav-inner .img,
.nav-underlayer-01 .nav-r .nav-inner .img {
display: table-cell;
padding-left: 20px;
vertical-align: top;
}
.nav-underlayer-01 .nav-l .nav-inner .hdg,
.nav-underlayer-01 .nav-r .nav-inner .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}
.nav-underlayer-01 .nav-l .nav-inner .link,
.nav-underlayer-01 .nav-r .nav-inner .link {
margin-top: 5px;
padding-left: 8px;
}
.lyt-grid-01.voice + .nav-underlayer-01 {
margin-top: 20px;
}
.nav-underlayer-01 .hdg-l3-01 {
margin-left: 1.0526%;
}

.nav-underlayer-01-container {
margin-top: 40px;
}
.nav-underlayer-01-container .nav-underlayer-01 {
margin-top: 20px;
}

/* nav-underlayer-02
----------------------------------------------------------- */
.nav-underlayer-02 {
background: url("/products/common/images/v2/bg_nav-underlayer-02_03.gif") no-repeat 0 100%;
}

.nav-underlayer-02 .nav-l {
position: relative;
float: left;
width: 510px;
padding: 20px 20px 18px;
background: url("/products/common/images/v2/bg_nav-underlayer-02_01.gif") no-repeat 0 0;
}

.nav-underlayer-02 .nav-l .hdg {
position: relative;
z-index: 1;
margin-bottom: 10px;
padding-left: 22px;
font-weight: bold;
font-size: 114.28571%;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .3em;
}

.nav-underlayer-02 .nav-l .hdg a {
display: block;
padding-bottom: 55px;
}

.nav-underlayer-02 .nav-l .link li {
float: left;
margin-right: 20px;
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .5em;
}

.nav-underlayer-02 .nav-l .img {
position: absolute;
top: 5px;
left: 5px;
}

.nav-underlayer-02 .nav-r {
float: right;
width: 349px;
padding: 20px 20px 18px;
background: url("/products/common/images/v2/bg_nav-underlayer-02_02.gif") no-repeat 0 0;
}

.nav-underlayer-02 .nav-r .nav-inner {
display: table;
}

.nav-underlayer-02 .nav-r .column {
display: table-cell;
width: 100%;
vertical-align: top;
}

.nav-underlayer-02 .nav-r .column .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.nav-underlayer-02 .nav-r .column .link li {
margin-top: 5px;
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .5em;
}

.nav-underlayer-02 .nav-r .img {
display: table-cell;
padding-left: 11px;
vertical-align: top;
}

/* nav-underlayer-03
----------------------------------------------------------- */
.nav-underlayer-03 {
background: url("/products/common/images/v2/bg_nav-underlayer-03_03.gif") no-repeat 0 100%;
}

.nav-underlayer-03 .nav-l {
float: left;
width: 510px;
padding: 20px 20px 12px;
background: url("/products/common/images/v2/bg_nav-underlayer-03_01.gif") no-repeat 0 0;
}

.nav-underlayer-03 .nav-l .hdg {
float: left;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.nav-underlayer-03 .nav-l .column {
float: right;
width: 310px;
}

.nav-underlayer-03 .nav-l .column .link {
margin-bottom: 10px;
}

.nav-underlayer-03 .nav-l .column .link li {
float: left;
width: 130px;
margin-left: 25px;
}

.nav-underlayer-03 .nav-l .column .link li a span {
display: block;
margin-top: 5px;
padding-left: 8px;
font-size: 92.85714%;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .5em;
}

.nav-underlayer-03 .nav-l .column .question {
margin-left: 25px;
}

.nav-underlayer-03 .nav-l .column .question .icn {
margin-bottom: 2px;
}

.nav-underlayer-03 .nav-r {
float: right;
width: 349px;
padding: 20px 20px 18px;
background: url("/products/common/images/v2/bg_nav-underlayer-03_02.gif") no-repeat 0 0;
}

.nav-underlayer-03 .nav-r .nav-inner {
display: table;
}

.nav-underlayer-03 .nav-r .column {
display: table-cell;
width: 100%;
vertical-align: top;
}

.nav-underlayer-03 .nav-r .column .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.nav-underlayer-03 .nav-r .column .link li {
margin-top: 5px;
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .5em;
}

.nav-underlayer-03 .nav-r .img {
display: table-cell;
padding-left: 11px;
vertical-align: top;
}

/* nav-underlayer-04
----------------------------------------------------------- */
.nav-underlayer-04 {
background: url("/products/common/images/v2/bg_nav-underlayer-04_02.gif") no-repeat 0 100%;
}

.nav-underlayer-04-inner {
padding: 20px 17px;
background: url("/products/common/images/v2/bg_nav-underlayer-04_01.gif") no-repeat 0 0;
}

.nav-underlayer-04 .hdg {
float: left;
width: 128px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.nav-underlayer-04 .link {
float: right;
width: 768px;
}

.nav-underlayer-04 .link li {
float: left;
min-width: 100px;
margin-right: 25px;
padding-left: 15px;
font-size: 92.85714%;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 6px .5em;
}
/* nav-col1img-01
----------------------------------------------------------- */
.nav-col1img-01 {
display: table;
margin-top: 50px;
padding-bottom: 30px;
background: url("/products/common/images/v2/bg_nav-col1img-01_01.gif") no-repeat center bottom;
direction: rtl;
}

.nav-col1img-01 .column {
display: table-cell;
width: 100%;
vertical-align: top;
direction: ltr;
}

.nav-col1img-01 .column .link {
margin-bottom: 5px;
padding-left: 20px;
font-weight: bold;
}

.nav-col1img-01 .column .sub-link {
margin-top: 10px;
padding-left: 9px;
}

.nav-col1img-01 .img {
display: table-cell;
padding-right: 15px;
vertical-align: top;
}
/* nav-col3img-01
----------------------------------------------------------- */
.nav-col3img-01 {
margin-left: -20px;
padding-bottom: 30px;
background: url("/products/common/images/v2/bg_nav-col3img-01_01.gif") no-repeat center bottom;
}

.nav-col3img-01._noshadow {
background: none;
}

.nav-col3img-01 .col {
display: table;
float: left;
width: 300px;
margin-left: 20px;
direction: rtl;
}

.nav-col3img-01 .col .column {
display: table-cell;
width: 100%;
vertical-align: top;
direction: ltr;
}

.nav-col3img-01 .col .column .link {
margin-bottom: 5px;
padding-left: 20px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .2em;
}

.nav-col3img-01 .col .column .sub-link {
margin-top: 10px;
padding-left: 9px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.nav-col3img-01 .col .img {
display: table-cell;
padding-right: 15px;
vertical-align: top;
}
/* nav-top-01
----------------------------------------------------------- */
.nav-top-01.panel {
display: none;
}

.nav-top-01 {
margin-bottom: 10px;
text-align: right;
}

.nav-top-01 a {
padding-left: 10px;
}
/* ==============================================================================================
Button
================================================================================================= */
.btn-type-01 {
display: block;
padding: 8px 10px 8px 20px;
font-weight: bold;
color: #fff !important;
text-align: center;
background-color: #004fa2;
background-image: -webkit-linear-gradient(#2d6eb3, #014e9e);
background-image:         linear-gradient(#2d6eb3, #014e9e);
border-radius: 2px;
}

.btn-type-01 > span {
position: relative;
display: inline-block;
}

.btn-type-01 > span:before {
position: absolute;
top: 6px;
left: -10px;
display: block;
border-width: 3px 3px;
border-style: solid;
border-color: transparent transparent transparent #fff;
content: "";
}

.btn-type-01:hover,
.btn-type-01:focus,
.btn-type-01:active {
text-decoration: none;
background-color: #2d6eb3;
background-image: -webkit-linear-gradient(#014e9e, #2d6eb3);
background-image:         linear-gradient(#014e9e, #2d6eb3);
}

.btn-type-02 {
display: inline-block;
padding: 16px 17px 14px 34px;
font-weight: bold;
color: #004fa2 !important;
background-color: #fff;
background-image: -webkit-linear-gradient(#fff 25%, #ddd 100%);
background-image:         linear-gradient(#fff 25%, #ddd 100%);
border: 1px solid #eee;
border-radius: 4px;
box-shadow: 0 0 3px #eee;
}

.btn-type-02._teiki {
position: relative;
min-width: 304px;
background-color: #fff;
background-image: -webkit-linear-gradient(#fff 5%, #ffcc43 100%);
background-image:         linear-gradient(#fff 5%, #ffcc43 100%);
}

.btn-type-02._teiki:before {
background: #ff9000;
}

.btn-type-02._webshop {
position: relative;
min-width: 304px;
background-color: #fff;
background-image: -webkit-linear-gradient(#fff 5%, #ff9985 100%);
background-image:         linear-gradient(#fff 5%, #ff9985 100%);
}

.btn-type-02._webshop:before {
background: #ff522f;
}
/* ==============================================================================================
List
================================================================================================= */
/* list-bullet-01
----------------------------------------------------------- */
.list-bullet-01 li {
padding-left: 14px;
background: url("/products/common/images/v2/icn_bullet_01.gif") no-repeat 4px .5em;
}

.list-bullet-01 li ul {
margin-left: 26px;
}

/* list-bullet-01.inline
----------------------------------------------------------- */
.list-bullet-01.inline li {
float: left;
margin-right: 14px;
}

/* list-text-01
----------------------------------------------------------- */
.list-text-01 li {
position: relative;
padding-left: 1.5em;
}

.list-text-01 li span {
position: absolute;
top: 0;
left: 0;
}

.list-text-01 li ul {
margin-left: 28px;
}

/* list-notice-01
----------------------------------------------------------- */
.list-notice-01 {
color: #666;
}

.list-notice-01 li {
padding-left: 1em;
}

.list-notice-01 li span {
margin-left: -1em;
}

.list-notice-01 li.num {
position: relative;
padding-left: 2em;
}

.list-notice-01 li.num span {
position: absolute;
top: 0;
left: 0;
margin-left: 0;
}

/* list-notice-02
----------------------------------------------------------- */
.list-notice-02 li {
padding-left: 30px;
background: url("/products/common/images/v3/icn_notice_01.png") no-repeat 0 0;
}

/* list-link-01
----------------------------------------------------------- */
.list-link-01 li {
padding-left: 10px;
}

.list-link-01 li.strong {
padding-left: 22px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .25em;
}

/* list-icn-01
----------------------------------------------------------- */
.list-icn-01 {
margin: -5px -10px 0 0;
}

.list-icn-01 li {
float: left;
margin: 5px 10px 0 0;
}

/* list-def-01
----------------------------------------------------------- */
.list-def-01 dt {
margin-top: 5px;
font-weight: bold;
}

.list-def-01 dt:first-child {
margin-top: 0;
}

/* list-other-01
----------------------------------------------------------- */
.list-other-01 > li {
display: table;
margin-bottom: 6px;
}
.list-other-01 > li > * {
display: table-cell;
vertical-align: top;
}
.list-other-01 > li > .mark {
padding-right: .5em;
white-space: nowrap;
}

/* ==============================================================================================
Text
================================================================================================= */
section > p,
section > ul,
section > ol,
section > dl,
section > table {
margin: 10px 0;
}

.column > p + *,
.column > ul + *,
.column > ol + *,
.column > dl + *,
.column > .tbl-dl-01 + *,
.lyt-spec-01 > p,
.lyt-spec-01 > ul,
.lyt-spec-01 > ol,
.lyt-spec-01 > dl,
.lyt-spec-01 .column > div > p + *,
.lyt-spec-01 .column > div > ul + *,
.lyt-spec-01 .column > div > ol + *,
.lyt-spec-01 .column > div > dl + *,
.col-plural-container > [class^="col-grid"] > p + *,
.col-plural-container > [class^="col-grid"] > ul + *,
.col-plural-container > [class^="col-grid"] > ol + *,
.col-plural-container > [class^="col-grid"] > dl + *,
.col-plural-container > [class^="col-grid"] > table + *,
.box-qa-01 > p + *,
.box-qa-01 > ul + *,
.box-qa-01 > ol + *,
.box-qa-01 > dl + *,
.box-contents-02 > p + *,
.box-contents-02 > ul + *,
.box-contents-02 > ol + *,
.box-contents-02 > dl + *,
.box-contents-03 > p + *,
.box-contents-03 > ul + *,
.box-contents-03 > ol + *,
.box-contents-03 > dl + * {
margin-top: 10px;
}

p.txt-link {
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

a.txt-link {
padding-left: 8px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .3em;
}

/* txt-interview-01
----------------------------------------------------------- */
.txt-interview-01 {
position: relative;
display: block;
margin-bottom: 20px;
padding: 10px 10px 10px 40px;
font-weight: bold;
font-size: 114.28571%;
background: url("/products/common/images/v2/bg_hdg-interview_01.gif") repeat-y 0 0;
}

.txt-interview-01:before {
position: absolute;
top: .75em;
left: 10px;
display: block;
width: 21px;
height: 21px;
background: url("/products/common/images/v2/icn_interview_01.gif") no-repeat 0 0;
content: "";
}

.lyt-img-01 .txt-interview-01 {
background: url("/products/common/images/v2/bg_hdg-interview_01_s.gif") repeat-y 0 0;
}

/* txt-tag-01, txt-tag-02
----------------------------------------------------------- */
.txt-tag-01 {
display: inline-block;
margin: 0 .5em;
padding: 2px 4px;
font-weight: normal;
font-size: 12px;
color: #f00;
vertical-align: top;
background: none repeat scroll 0 0 #fff;
border: 1px solid #f00;
}

.txt-tag-02 {
display: inline-block;
padding: 2px 4px 1px;
font-weight: bold;
font-size: 13px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
color: #555;
background: #fff;
border: 1px solid #ccc;
}
/* txt-tag-product
----------------------------------------------------------- */
.txt-tag-product-01,
.txt-tag-product-02,
.txt-tag-product-03 {
display: inline-block;
margin-right: 3px;
padding: 2px 4px 1px;
font-size: 13px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
color: #555;
}

.txt-tag-product-01 {
color: #f00;
border: 1px solid #f00;
}

.txt-tag-product-02 {
background: #fff886;
border: 1px solid #fff886;
}

.txt-tag-product-03 {
color: #004fa2;
border: 1px solid #004fa2;
}

.list-notice-01 .txt-tag-product-01,
.list-notice-01 .txt-tag-product-02,
.list-notice-01 .txt-tag-product-03 {
margin: 1px 3px 1px 0;
}
/* .txt-tag-parts-01, .txt-tag-parts-02
----------------------------------------------------------- */
.txt-tag-parts-01,
.txt-tag-parts-02 {
display: inline-block;
margin-right: 6px;
padding: 2px 4px 1px;
font-size: 13px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

.txt-tag-parts-01 {
border: 1px solid #82a6e9;
}

.txt-tag-parts-02 {
color: #cbcbcb;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
}
/* .txt-tag-03
----------------------------------------------------------- */
.txt-tag-03 {
margin-bottom: 5px;
white-space: nowrap;
}

.txt-tag-03.ico-type-01 {
padding: 4px 25px;
background: #ffb850;
}

.txt-tag-03.ico-type-02 {
padding: 4px 25px;
background: #b9de71;
}

.txt-tag-03.ico-type-03 {
padding: 4px 25px;
background: #a4e0f1;
}

/* ==============================================================================================
Text
================================================================================================= */
/* lyt-img-01
----------------------------------------------------------- */
.lyt-img-01 {
display: table;
width: 100%;
}

.lyt-img-01 + .lyt-img-01,
.lyt-img-01 + .lyt-img-02,
.col-plural-container + .lyt-img-01,
.col-plural-container + .lyt-img-02 {
margin-top: 20px !important;
}

.lyt-img-01.reversal {
direction: rtl;
}

.lyt-img-01 .column {
display: table-cell;
width: 100%;
vertical-align: top;
direction: ltr;
}

.lyt-img-01 .img {
display: table-cell;
vertical-align: top;
direction: ltr;
}

.lyt-img-01.img-l .img {
padding-right: 20px;
}

.lyt-img-01.img-r .img {
padding-left: 20px;
}

.lyt-img-01 .img .arrow {
margin-top: 10px;
padding-top: 45px;
background: url("/products/common/images/v2/icn_arrow_10.gif") no-repeat 88px top;
}

.lyt-img-01 .img > p + * {
margin-top: 10px;
}

.lyt-img-01 .img small {
display: block;
margin-top: 5px;
font-size: 85.71428%;
direction: ltr;
}

.lyt-img-01 .img.ba small {
font-weight: bold;
font-size: 100%;
}

.lyt-img-01 .column .box-contents-col6-01 {
margin: 0 -5px;
}
/* lyt-img-02
----------------------------------------------------------- */
.lyt-img-02 + .lyt-img-01,
.lyt-img-02 + .lyt-img-02 {
margin-top: 20px !important;
}

.lyt-img-02 .link {
margin-left: -20px;
}

.lyt-img-02 .link li {
float: left;
margin-left: 20px;
}

.lyt-img-02 p small,
.lyt-img-02 .link li small {
display: block;
margin-top: 3px;
font-size: 85.71428%;
}

.lyt-img-02 p a small,
.lyt-img-02 .link li a small {
padding-left: 10px;
font-size: 100%;
}

.lyt-img-02.col-plural p small > em {
display: block;
font-weight: bold;
}

.lyt-img-02.col-plural {
margin-left: -20px;
}

.lyt-img-02.col-plural + .lyt-img-02.col-plural {
margin-top: 10px;
}

.lyt-img-02.col-plural p {
float: left;
margin: 10px 0 0 20px;
}

.lyt-img-02.col-plural.grid3 p:first-child,
.lyt-img-02.col-plural.grid3 p:first-child + p,
.lyt-img-02.col-plural.grid3 p:first-child + p + p,
.lyt-img-02.col-plural.grid3 p:first-child + p + p + p,
.lyt-img-02.col-plural.grid4 p:first-child,
.lyt-img-02.col-plural.grid4 p:first-child + p,
.lyt-img-02.col-plural.grid4 p:first-child + p + p,
.lyt-img-02.col-plural.grid6 p:first-child,
.lyt-img-02.col-plural.grid6 p:first-child + p,
.lyt-img-02.col-plural.grid12 p:first-child {
margin-top: 0;
}

.lyt-img-02.col-plural.grid3 p:nth-child(4n+1),
.lyt-img-02.col-plural.grid4 p:nth-child(3n+1),
.lyt-img-02.col-plural.grid6 p:nth-child(2n+1) {
clear: left;
}

.lyt-img-02.col-plural p.arrow {
margin-right: 0;
padding-right: 80px;
background: url("/products/common/images/v2/icn_arrow_08.gif") no-repeat 290px;
}

.lyt-img-02.col-plural p small.caption-grid2 {
width: 140px;
}

.lyt-img-02.col-plural p small.caption-grid3 {
width: 220px;
}

.lyt-img-02.col-plural p small.caption-grid3h {
width: 270px;
}

.lyt-img-02.col-plural p small.caption-grid4 {
width: 300px;
}

.lyt-img-02.col-plural p small.caption-grid6 {
width: 460px;
}

.lyt-img-02.col-plural p a small.caption-grid3 {
width: 210px;
}

.lyt-img-02.col-plural p a small.caption-grid3h {
width: 260px;
}

.lyt-img-02.col-plural p a small.caption-grid4 {
width: 290px;
}

.lyt-img-02.col-plural p a small.caption-grid6 {
width: 450px;
}

.lyt-img-02 p a small.strong,
.lyt-img-02 p a small.caption-grid3-strong,
.lyt-img-02 p a small.caption-grid4-strong,
.lyt-img-02 p a small.caption-grid6-strong {
padding-left: 22px;
font-weight: bold;
}

.lyt-img-02 p a small.caption-grid6-strong {
background-position: 0 center;
}

.lyt-img-02.col-plural p a small.caption-grid3-strong {
width: 198px;
}

.lyt-img-02.col-plural p a small.caption-grid4-strong {
width: 278px;
}

.lyt-img-02.col-plural p a small.caption-grid6-strong {
width: 438px;
}
/* ==============================================================================================
Layout
================================================================================================= */
/* lyt-grid-01
----------------------------------------------------------- */
.lyt-grid-01 {
width: 940px;
margin: 0 auto;
}

.lyt-grid-01 .nav-underlayer-02,
.lyt-grid-01 .nav-underlayer-03,
.lyt-grid-01 .nav-underlayer-04,
.lyt-grid-01 .box-contents-01,
.lyt-grid-01 .box-voice-01,
.lyt-grid-01 .box-point-01 {
margin: 0 -5px;
}

.lyt-grid-01 .col-plural-container {
margin-left: -20px;
}

.lyt-grid-01 .col-plural-container + *,
.lyt-img-01 + .col-plural-container {
margin-top: 20px;
}

.lyt-img-01.img-l._block {
direction: rtl;
}

.lyt-img-02 + .col-plural-container {
margin-top: 30px;
}

.lyt-grid-01 .col-plural-container > .col-grid3,
.lyt-grid-01 .col-plural-container > .col-grid4,
.lyt-grid-01 .col-plural-container > .col-grid5,
.lyt-grid-01 .col-plural-container > .col-grid6,
.lyt-grid-01 .col-plural-container > .col-grid7,
.lyt-grid-01 .col-plural-container > .col-grid8 {
float: left;
margin: 20px 0 0 20px;
}

.lyt-grid-01 .col-plural-container > div:first-child.col-grid6,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid6 + .col-grid6,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid6 + .col-grid3,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid6 + .col-grid3 + .col-grid3,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid7,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid7 + .col-grid5,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid5,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid5 + .col-grid7,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid4,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid4 + .col-grid4,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid4 + .col-grid4 + .col-grid4,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid4 + .col-grid8,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid3,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid3 + .col-grid3,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid8,
.lyt-grid-01 .col-plural-container > div:first-child.col-grid8 + .col-grid4 {
margin-top: 0;
}

.lyt-grid-01 .col-plural-container > .col-grid6:nth-child(2n+1) {
clear: left;
}

.lyt-grid-01 .col-plural-container > .col-grid3 {
width: 220px;
}

.lyt-grid-01 .col-plural-container > .col-grid4 {
width: 300px;
}

.lyt-grid-01 .col-plural-container > .col-grid5 {
width: 380px;
}

.lyt-grid-01 .col-plural-container > .col-grid6 {
width: 460px;
}

.lyt-grid-01 .col-plural-container > .col-grid7 {
width: 540px;
}

.lyt-grid-01 .col-plural-container > .col-grid8 {
width: 620px;
}

.lyt-grid-01 .box-contents-01 .col-grid6
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid3 {
width: 200px;
}

.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid4 {
width: 280px;
}

.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid5 {
width: 360px;
}

.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid6 {
width: 440px;
}

.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid7 {
width: 520px;
}

.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid8 {
width: 600px;
}
/* lyt-col2-01
----------------------------------------------------------- */
.lyt-col2-01 {
margin-right: -20px;
}

.lyt-col2-01 .column {
float: left;
margin-right: 20px;
}

.box-contents-01 .lyt-col2-01 .column {
width: 445px;
}

/* lyt-col3-01
----------------------------------------------------------- */
.lyt-col3-01 {
margin-right: -20px;
}

.lyt-col3-01 .column {
float: left;
margin-right: 20px;
}

.box-contents-01 .lyt-col3-01 .column {
width: 290px;
}

/* lyt-col4-01
----------------------------------------------------------- */
.lyt-col4-01 {
margin-right: -20px;
}

.lyt-col4-01 .column {
float: left;
margin-right: 20px;
}

.box-contents-01 .lyt-col4-01 .column {
width: 212px;
}

/* lyt-col5-01
----------------------------------------------------------- */
.lyt-col5-01 {
margin-left: -20px;
}

.lyt-col5-01 .column {
float: left;
width: 172px;
margin-left: 20px;
}

.lyt-col5-01 > .column > p img {
width: 100%;
height: auto;
}
/* lyt-setplan-01
----------------------------------------------------------- */
.lyt-setplan-01 .block {
display: table;
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.lyt-setplan-01 .block:first-child {
border-top: 1px solid #ccc;
}

.lyt-setplan-01 .block .col {
display: table-cell;
vertical-align: top;
}

.lyt-setplan-01 .block .col.outline {
width: 30%;
}

.lyt-setplan-01 .block .col.outline a.title {
display: block;
font-size: 114.28571%;
text-align: center;
}

.lyt-setplan-01 .block .col.outline a.title .hdg {
display: block;
margin-bottom: 10px;
padding-left: 23px;
font-weight: bold;
text-align: left;
line-height: 1.4 !important;
}

.lyt-setplan-01 .block .col.outline a.title img {
margin-bottom: 8px;
}

.lyt-setplan-01 .block .col.outline a.title + .catch {
display: block;
margin-bottom: 10px;
font-weight: bold;
font-size: 114.28571%;
text-align: center;
}

.lyt-setplan-01 .block .col.detail {
width: 70%;
padding: 20px 0 0 35px;
}

.lyt-setplan-01 .block .col.detail .inner {
display: table;
width: 100%;
}

.lyt-setplan-01 .block .col.detail .inner-col {
display: table-cell;
width: 40%;
vertical-align: top;
}

.lyt-setplan-01 .block .col.detail .inner-col + .inner-col {
width: 60%;
padding-left: 2px;
}

.lyt-setplan-01 .block .col.detail .inner-col .hdg {
margin-bottom: 10px;
padding: 8px 10px;
font-weight: bold;
text-align: center;
background: #f4f4f4;
}

.lyt-setplan-01 .block .col.detail .inner-col .hdg + dl {
text-align: center;
}

.lyt-setplan-01 .block .col.detail .inner-col .hdg + dl dt {
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}

.lyt-setplan-01 .block .col.detail .inner-col .hdg + dl dd .caption {
display: block;
font-size: 85.71428%;
}

.lyt-setplan-01 .block .col.detail .inner-col .price {
padding: 5px 0 15px;
text-align: center;
border-bottom: 1px solid #ccc;
}

.lyt-setplan-01 .block .col.detail .inner-col .price b {
font-weight: bold;
font-size: 114.28571%;
}

.lyt-setplan-01 .block .col.detail .inner-col .list-icn {
padding: 20px 0 15px;
text-align: center;
}

.lyt-setplan-01 .block .col.detail .inner-col .list-icn li {
display: inline-block;
margin-bottom: 5px;
}

.lyt-setplan-01 .block .col.detail .inner-col .list-icn li + li {
margin-left: 10px;
}
/* lyt-setplan-02
----------------------------------------------------------- */
.lyt-setplan-02 {
display: table;
width: 100%;
margin-bottom: 20px;
padding: 0 0 15px;
border-bottom: 1px solid #ccc;
}

.lyt-setplan-02-name {
display: table-cell;
width: 35%;
padding-right: 20px;
vertical-align: top;
}

.lyt-setplan-02-name .image img {
float: left;
margin: 0 10px 10px 0;
}

.lyt-setplan-02-name .image span {
display: table;
margin-bottom: 10px;
padding-left: 14px;
background: url("/common/images/v2/icn_arrow_01.gif") no-repeat 5px .5em;
}

.lyt-setplan-02-name .image a:hover,
.lyt-setplan-02-name .image a:focus {
text-decoration: none;
}

.lyt-setplan-02-name .image a:hover span,
.lyt-setplan-02-name .image a:focus span {
text-decoration: underline;
}

.lyt-setplan-02-name .image a:hover span.normal-txt,
.lyt-setplan-02-name .image a:focus span.normal-txt {
text-decoration: none;
}

.lyt-setplan-02-name .image span.normal-txt {
color: #000;
background: none;
}

.lyt-setplan-02-name .image a:hover span.normal-txt,
.lyt-setplan-02-name .image a:focus span.normal-txt {
text-decoration: none;
}

.lyt-setplan-02-detail {
display: table-cell;
width: 56%;
}

.lyt-setplan-02-detail .detail-name {
margin-bottom: 15px;
padding: 10px;
font-weight: bold;
color: #555;
text-align: center;
background: #f4f4f4;
border-right: 3px solid #fff;
}

.lyt-setplan-02-detail .spec {
float: left;
width: 50%;
}

.lyt-setplan-02-detail .spec .spec-item {
margin: 0 30px;
}

.lyt-setplan-02-detail .price {
float: left;
width: 50%;
background: transparent;
}

.lyt-setplan-02-detail .price .image {
text-align: center;
}

.lyt-setplan-02-detail .spec .image span.txt,
.lyt-setplan-02-detail .price .image span.txt {
display: block;
width: 75%;
margin: 5px auto;
text-align: left;
}
/* lyt-setplan-03
----------------------------------------------------------- */
.lyt-setplan-03 {
display: table;
width: 100%;
margin-bottom: 20px;
padding: 0 0 15px;
border-bottom: 1px solid #ccc;
}

.lyt-setplan-03-name {
display: table-cell;
width: 15%;
padding-right: 20px;
vertical-align: top;
}

.lyt-setplan-03-name .image img {
float: left;
margin: 0 10px 10px 0;
}

.lyt-setplan-03-name .image span {
display: table;
margin-bottom: 10px;
padding-left: 14px;
background: url("/common/images/v2/icn_arrow_01.gif") no-repeat 5px .5em;
}

.lyt-setplan-03-detail {
display: table-cell;
width: 85%;
}

.lyt-setplan-03-detail .plan-item {
padding: 0 10px;
}

.lyt-setplan-03-detail .plan-item li {
margin-bottom: 10px;
}

.lyt-setplan-03-detail .plan-item span {
display: inline-block;
width: 90px;
vertical-align: middle;
text-align: right;
}

.lyt-setplan-03-detail .plan-item li img {
padding: 0 10px;
vertical-align: middle;
}

.lyt-setplan-03-detail .detail-name {
margin-bottom: 15px;
padding: 10px;
font-weight: bold;
color: #555;
text-align: center;
background: #f4f4f4;
border-right: 3px solid #fff;
}

.lyt-setplan-03-detail .spec {
float: left;
width: 33.3%;
}

.lyt-setplan-03-detail .spec .spec-item {
margin: 0 30px;
}

.lyt-setplan-03-detail .plan {
float: left;
width: 33.3%;
background: transparent;
}

.lyt-setplan-03-detail .price {
float: left;
width: 33.3%;
background: transparent;
}

.lyt-setplan-03-detail .price .image {
text-align: center;
}
/* lyt-spec-01
----------------------------------------------------------- */
.lyt-spec-01 .spec {
border-bottom: #ccc 1px solid;
}

.lyt-spec-01 .spec .hdg {
float: left;
box-sizing: border-box;
width: 220px;
padding: 8px 19px 8px 0;
font-weight: bold;
font-size: 114.28571%;
text-align: right;
line-height: 1.0625;
border-right: #ccc 1px solid;
}

.lyt-spec-01 .spec .column {
float: right;
box-sizing: border-box;
width: 721px;
margin-left: -1px;
padding: 8px 0 8px 19px;
border-left: #ccc 1px solid;
}

.lyt-grid-01 .col-grid8 .lyt-spec-01 .spec .column {
width: 401px;
}

.lyt-spec-01 .spec .column .inner-hdg {
margin-bottom: 5px;
font-weight: bold;
font-size: 114.28571%;
}

.lyt-spec-01 .spec .column .lyt-img .inner-hdg {
display: block;
margin-bottom: 15px;
}

.lyt-spec-01 .spec .column .data-price {
margin-bottom: 10px;
}

.lyt-spec-01 .spec .column .data-price dl {
display: table;
}

.lyt-spec-01 .spec .column .data-price dl dt {
display: table-cell;
width: 150px;
padding: 0 10px 5px 0;
vertical-align: middle;
}

.lyt-spec-01 .spec .column .data-price dl dd {
display: table-cell;
width: 240px;
padding: 0 20px 5px 0;
vertical-align: middle;
}

.lyt-spec-01 .spec .column .data-price dl dd strong {
font-weight: bold;
font-size: 128.57142%;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural {
margin-left: -20px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural > p,
.lyt-spec-01 .spec .column .lyt-img.col-plural > div {
float: left;
margin: 10px 0 0 20px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-1grid {
width: 125px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-2grid {
width: 140px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-2tgrid {
width: 160px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-3grid {
width: 220px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-3grid-hensoku {
width: 460px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-4grid {
width: 300px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-4tgrid {
width: 340px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural .has-txt-5grid {
width: 380px;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:first-child,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:first-child + p,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:first-child + p + p,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:first-child,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:first-child + p {
margin-top: 0;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid p:nth-child(3n+1),
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid p:nth-child(2n+1) {
clear: left;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid.right-arrow {
position: relative;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid.right-arrow:after {
position: absolute;
top: 55px;
right: -30px;
display: block;
width: 0;
height: 0;
margin-left: 25px;
border: 15px solid transparent;
border-left: 12px solid #004fa1;
content: "";
}

.lyt-spec-01 .spec .column .lyt-img.col-plural p small {
display: block;
font-size: 100%;
}

.lyt-spec-01 .spec .column .lyt-img.col-plural p a {
padding-left: 9px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .35em;
}

.lyt-spec-01 .spec .column .lyt-split {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #ccc 1px solid;
}

.lyt-spec-01 .spec .column .list-lh {
line-height: 2;
}

.lyt-spec-01 .spec .column .tbl-data-01 {
margin-bottom: 10px;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p {
position: relative;
display: block;
}

.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 .image:after {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 0;
height: 0;
margin-top: -18px;
margin-left: -13px;
border-width: 9px;
border-style: solid;
border-color: transparent;
border-left-color: #004fa1;
content: "";
}

.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p:first-child .image:after {
display: none;
}
/* lyt-movie-01
----------------------------------------------------------- */
.lyt-movie-01 {
display: table;
width: 1px;
}

.lyt-movie-01 dt {
margin-bottom: 5px;
font-weight: bold;
color: #666;
}

.lyt-movie-01-container.public {
display: table;
width: 100%;
}

.lyt-movie-01-container.public > .column {
display: table-cell;
width: 40.957%;
vertical-align: middle;
}

.lyt-movie-01-container.public > .arrow {
width: auto;
text-align: center;
}
/* lyt-movie-02
----------------------------------------------------------- */
.lyt-movie-02 {
width: 384px;
margin: 0 auto 20px auto;
}

/* lyt-color-01
----------------------------------------------------------- */
.lyt-color-01 .column-l {
float: left;
width: 480px;
margin-bottom: -10px;
}

.lyt-color-01 .column-l .colors {
display: table;
width: 465px;
margin: 0 0 10px 0;
border-bottom: 1px solid #d0d0d0;
}

.lyt-color-01.bath .column-l .colors {
border-bottom: none;
}

.lyt-color-01 .column-l .colors.adjust01 {
float: left;
width: 350px;
}

.lyt-color-01 .column-l .colors.adjust02 {
float: left;
width: 115px;
}

.lyt-color-01 .column-l .colors.adjust03 {
float: left;
width: 280px;
}

.lyt-color-01 .column-l .colors.adjust04 {
float: left;
width: 185px;
}

.lyt-color-01 .column-l .colors.adjust05 {
float: left;
width: 140px;
}

.lyt-color-01 .column-l .colors.adjust06 {
float: left;
width: 325px;
}

.lyt-color-01 .column-l .hdg {
margin-bottom: 5px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.lyt-color-01 .column-l .colors .hdg2 {
display: table-cell;
width: 45px;
padding-bottom: 10px;
vertical-align: middle;
}

.lyt-color-01.bath .column-l .colors .hdg2 {
display: block;
width: 465px;
margin-bottom: 10px;
padding-bottom: 5px;
font-weight: bold;
border-bottom: 1px solid #d0d0d0;
}

.lyt-color-01 .column-l .list {
padding-bottom: 5px;
}

.lyt-color-01 .column-l .colors .list {
display: table-cell;
padding-bottom: 0;
vertical-align: middle;
}

.lyt-color-01.bath .column-l .colors .list {
display: block;
padding-left: 10px;
}

.lyt-color-01 .column-l .list li {
float: left;
margin: 0 20px 5px 0;
}

.lyt-color-01 .column-l .colors .list li {
float: left;
margin: 0 10px 10px 0;
}

.lyt-color-01.bath .column-l .colors .list li {
margin: 0 15px 10px 0;
}

.lyt-color-01 .column-l .list li a,
.lyt-color-01 .column-l .colors .list li a {
display: block;
}

.lyt-color-01 .column-l .list li.active,
.lyt-color-01 .column-l .colors .list li.active {
border: #13439c 3px solid;
}

.lyt-color-01 .column-l .list li.active a,
.lyt-color-01 .column-l .colors .list li.active a {
overflow: hidden;
border: #fff 2px solid;
}

.lyt-color-01 .column-l .list li.active a img,
.lyt-color-01 .column-l .colors .list li.active a img {
margin: -5px;
}

.lyt-color-01 .column-r {
float: right;
width: 460px;
}

.lyt-color-01 .column-r .sample {
margin-bottom: 20px;
padding: 10px 10px 0 10px;
border: #d0d0d0 1px solid;
}

.lyt-color-01 .column-r .sample .photo {
margin: -10px -10px 0;
}

.lyt-color-01 .column-r .sample .photo .explain {
padding: 10px;
border-top: #d0d0d0 1px solid;
}

.lyt-color-01 .column-r .sample .hdg {
margin-bottom: 5px;
font-weight: bold;
font-size: 128.5714%;
color: #666;
}

.lyt-color-01 .column-r .sample .hdg .icn {
margin-left: 5px;
vertical-align: text-bottom;
}

.lyt-color-01 .column-r .link {
margin-top: 5px;
padding-left: 9px;
}
/* lyt-color-01.seb
----------------------------------------------------------- */
.lyt-color-01.seb {
height: 360px;
background: #000;
}

.lyt-color-01.seb .column-l {
position: relative;
}

.lyt-color-01.seb .column-l .colors {
display: block;
width: 350px;
border-bottom: none;
}

.lyt-color-01.seb .column-l .colors h3 {
position: absolute;
top: 56px;
left: 55px;
}

.lyt-color-01.seb .column-l .colors h4 {
position: absolute;
top: 124px;
left: 55px;
}

.lyt-color-01.seb .column-l .colors .note {
position: absolute;
top: 257px;
left: 55px;
}

.lyt-color-01.seb .column-l .colors .list {
position: absolute;
top: 164px;
left: 55px;
display: block;
width: 350px;
}

.lyt-color-01.seb .column-l .colors .list li.active {
border: 3px solid #fff;
}

.lyt-color-01.seb .column-l .colors .list li.active a {
border: 2px solid #999;
}

.lyt-color-01.seb .column-r {
position: relative;
}

.lyt-color-01.seb .column-r .sample {
position: absolute;
top: 51px;
right: 51px;
border: none;
}

.lyt-color-01.seb .column-r .note {
position: absolute;
top: 314px;
right: 98px;
}

/* lyt-type-01
----------------------------------------------------------- */
.lyt-type-01 {
display: table;
width: 100%;
padding-bottom: 5px;
border-bottom: #ccc 1px solid;
}

.lyt-type-01 .hdg {
display: table-cell;
width: 90px;
padding-right: 10px;
font-weight: bold;
font-size: 114.28571%;
vertical-align: middle;
}

.lyt-type-01 .hdg a {
padding-left: 22px;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .1em;
}

.lyt-type-01 .img {
display: table-cell;
width: 480px;
padding: 3px 0;
vertical-align: top;
border-right: #ccc 1px solid;
}

.lyt-type-01 .img p {
float: left;
text-align: right;
}

.lyt-type-01 .img p span {
display: block;
width: 140px;
margin: 8px 0 0 20px;
text-align: left;
}

.lyt-type-01 .price {
float: right;
width: 339px;
padding: 20px 0 20px 15px;
color: #555;
border-bottom: #ccc 1px solid;
}

.lyt-type-01 .price strong {
font-weight: bold;
font-size: 128.57142%;
}

.lyt-type-01 .list-icn {
float: right;
width: 339px;
padding: 30px 0 30px 15px;
}

.lyt-type-01 .list-icn li {
float: left;
margin-right: 20px;
line-height: 35px;
}

/* lyt-select-01
----------------------------------------------------------- */
.lyt-select-01 .select {
margin: 0 0 10px -20px;
}

.lyt-select-01 .select.synla {
width: 560px;
margin: 0 auto 10px;
}

.lyt-select-01 .select .col-grid2,
.lyt-select-01 .select .col-grid4 {
float: left;
margin: 0 0 28px 20px;
}

.lyt-select-01 .select.synla .col-grid4 {
float: left;
margin: 0 0 28px 20px;
}

.lyt-select-01 .select.synla .col-grid4:first-child {
margin-left: 0;
}

.lyt-select-01 .select .col-grid2 {
width: 140px;
}

.lyt-select-01 .select .col-grid4 {
width: 300px;
}

.lyt-select-01 .select.synla .col-grid4 {
width: 270px;
}

.lyt-select-01 .select .hdg {
margin-bottom: 10px;
padding: 2px 0 0 10px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
border-left: #004fa2 5px solid;
}

.lyt-select-01 .select .list-btn {
margin: 0 0 0 -18px;
}

.lyt-select-01 .select .list-btn li,
.lyt-select-01 .select.synla .list-btn li {
float: left;
width: 144px;
margin-left: 15px;
background: url("/products/common/images/v2/bg_lyt-select-01_02.gif") no-repeat 0 100%;
}

.lyt-select-01 .select.synla .list-btn li {
width: 274px;
background: url("/products/common/images/v2/bg_lyt-select-02_02.gif") no-repeat 0 100%;
}

.lyt-select-01 .select .list-btn li a {
display: block;
}

.lyt-select-01 .select .list-btn li a span,
.lyt-select-01 .select.synla .list-btn li a span {
display: block;
padding: 6px 9px 5px 30px;
font-weight: bold;
font-size: 114.28571%;
background: url("/products/common/images/v2/bg_lyt-select-01_01.gif") no-repeat 0 0;
}

.lyt-select-01 .select.synla .list-btn li a span {
background: url("/products/common/images/v2/bg_lyt-select-02_01.gif") no-repeat 0 0;
}

.lyt-select-01 .select .list-btn li a img {
display: block;
padding: 5px 9px 11px;
}

.lyt-select-01 .select .list-btn li.active {
background-image: url("/products/common/images/v2/bg_lyt-select-01_04.gif");
}

.lyt-select-01 .select.synla .list-btn li.active {
background-image: url("/products/common/images/v2/bg_lyt-select-02_04.gif");
}

.lyt-select-01 .select .list-btn li.active a span {
background-image: url("/products/common/images/v2/bg_lyt-select-01_03.gif");
}

.lyt-select-01 .select.synla .list-btn li.active a span {
background-image: url("/products/common/images/v2/bg_lyt-select-02_03.gif");
}
.lyt-select-01 .switch-plan {
padding-top: 40px;
background: url("/products/common/images/v2/icn_arrow_07.gif") no-repeat center top;
}

.lyt-select-01 .tbl-spec {
margin: 0 -4px 40px 0;
padding-bottom: 80px;
background: url("/products/common/images/v2/icn_arrow_07.gif") no-repeat center bottom;
}

body#no-exam .lyt-select-01 .tbl-spec {
padding-bottom: 0;
background: none;
}

.lyt-select-01 .tbl-spec table {
width: 100%;
border-right: 1px solid #ccc;
}

.lyt-select-01 .tbl-spec table th {
padding: 19px 8px 20px;
font-weight: bold;
font-size: 114.28571%;
color: #333;
vertical-align: middle;
text-align: center;
background: #f1f1f1;
border-bottom: #ccc 1px solid;
}

.lyt-select-01 .tbl-spec table td {
/*background:url("/products/common/images/v2/bg_lyt-select-01_06.gif") no-repeat 100% 100%;*/
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.lyt-select-01 .tbl-spec table td.off {
background-color: #ddd;
}

.lyt-select-01 .tbl-spec table td.last-child {
background-image: url("/products/common/images/v2/bg_lyt-select-01_05.gif");
}

.lyt-select-01 .tbl-spec table td.possible {
background-color: #fee0be;
}

.lyt-select-01 .tbl-spec table td.impossible {
background: url("/products/common/images/v2/bg_lyt-select-01_08.gif") no-repeat 0 100%;
}

.lyt-select-01 .tbl-spec table td.impossible.last-child {
background-image: url("/products/common/images/v2/bg_lyt-select-01_09.gif");
}

.lyt-select-01 .tbl-spec table td.impossible > div {
border-top: #d3e2ff 5px solid;
}

.lyt-select-01 .tbl-spec table td > div {
padding: 14px 15px 15px;
}

.lyt-select-01 .tbl-spec table td.logo > div {
padding: 14px 13px 15px;
text-align: center;
}

.lyt-select-01 .tbl-spec table td.logo.impossible > div {
padding: 9px 13px 15px;
}

.lyt-select-01 .tbl-spec table td.img {
vertical-align: top;
}

.lyt-select-01 .tbl-spec table td.img2 {
vertical-align: middle;
}

.lyt-select-01 .tbl-spec table td.img > div,
.lyt-select-01 .tbl-spec table td.img2 > div {
padding: 7px 7px 8px;
}

.lyt-select-01 .tbl-spec table td.img.impossible > div,
.lyt-select-01 .tbl-spec table td.img2.impossible > div {
padding: 2px 7px 8px;
}

.lyt-select-01 .tbl-spec table td.img > div img,
.lyt-select-01 .tbl-spec table td.img2 > div img {
margin-bottom: 3px;
}

.lyt-select-01 .tbl-spec table thead th {
padding: 8px;
color: #fff;
background: #555;
border-right: 1px solid #fff;
}

.lyt-select-01 .tbl-spec table thead .hdg th {
padding: 2px;
text-align: center;
background: #e0ebfa;
border-bottom: 1px solid #fff;
}

.lyt-select-01 .tbl-spec table thead .hdg th img {
vertical-align: middle;
}

.lyt-select-01 .tbl-spec table thead .hdg td {
background: none;
border-bottom: 1px solid #fff;
}

.lyt-select-01 .tbl-spec table thead tr:first-child th span,
.lyt-select-01 .tbl-spec table tfoot tr:first-child th span {
border-top: 0 none;
}

.lyt-select-01 .tbl-spec table thead th.off span,
.lyt-select-01 .tbl-spec table tfoot th.off span {
padding: 7px 6px;
color: #999;
background: #f4f4f4;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
border-left: #ccc 1px solid;
}

.lyt-select-01 .tbl-spec table thead tr:first-child th.off span,
.lyt-select-01 .tbl-spec table tfoot tr:first-child th.off span {
border-top: #ccc 1px solid;
}

.lyt-select-01 .tbl-spec table thead td {
background: #555;
border-right: 1px solid #fff;
border-left: none;
}

.lyt-select-01 .tbl-spec table tbody td.hdg {
font-size: 100% !important;
background: #f1f1f1;
}

.lyt-select-01 .tbl-spec table tfoot td {
padding: 8px;
background: #d3e2ff;
border-right: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: none;
border-left: 0 none;
}

.lyt-select-01 .tbl-spec table tfoot td.empty {
background: none;
border-right: 1px solid #ccc;
border-bottom: none;
}

.lyt-select-01 .tbl-spec table tfoot td a {
display: inline-block;
padding-left: 10px;
text-align: left;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.lyt-select-01 .tbl-spec table tr.price td {
font-size: 85.71428%;
text-align: center;
word-break: break-all;
}

.lyt-select-01 .tbl-spec table tr.price td strong {
font-weight: bold;
font-size: 133.33333%;
}

.lyt-select-01 .tbl-spec table tr.price td .link {
margin-top: 15px;
padding-left: 18px;
font-weight: bold;
font-size: 116.66666%;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .2em;
}
/* lyt-more-01
----------------------------------------------------------- */
.lyt-more-01 .btn {
display: none;
font-weight: bold;
text-align: center;
background: #f0f0f0 url("/products/common/images/v2/bg_lyt-more-01_01.gif") repeat-x 0 0;
}

.lyt-more-01 .btn a {
display: block;
padding: 15px;
}

.lyt-more-01 .btn a span {
padding-left: 18px;
background: url("/products/common/images/v2/icn_arrow_06.gif") no-repeat 0;
}

.lyt-more-01 .btn a span.close {
padding-left: 18px;
background: url("/products/common/images/v2/icn_arrow_09.gif") no-repeat 0;
}

/* lyt-case-01
----------------------------------------------------------- */
.lyt-case-01 {
display: table;
width: 100%;
padding-bottom: 30px;
background: url("/products/common/images/v2/bg_lyt-case-01_01.gif") no-repeat center bottom;
direction: rtl;
}

.lyt-case-01 .column {
display: table-cell;
width: 100%;
vertical-align: top;
direction: ltr;
}

.lyt-case-01 .img {
display: table-cell;
padding-right: 20px;
vertical-align: top;
}

/* lyt-tbl-01
----------------------------------------------------------- */
.lyt-tbl-01 .column {
float: left;
}

.lyt-tbl-01 + .lyt-tbl-01 .column .tbl-price-01 {
border-top: none;
}

.lyt-tbl-01 .column + .column .tbl-price-01 {
border-left: none;
}

.lyt-tbl-01.col4 .column {
width: 25%;
}
/* lyt-tbl-02
----------------------------------------------------------- */
.lyt-tbl-02 {
border-collapse: collapse;
}

.lyt-tbl-02-column {
display: table;
width: 100%;
border: 1px solid #ccc;
}

.lyt-tbl-02-column.set-item {
margin-top: -1px;
border-top: 0 !important;
}

.lyt-tbl-02-column.set-item > div {
border-top: 1px solid #ccc;
}

.lyt-tbl-02-column.set-item > .cell-th-block {
border-top: 0 !important;
}

.lyt-tbl-02-column.set-item-02 {
border-top: 0 !important;
}

.lyt-tbl-02-column.bb00 {
border-bottom: 0;
}

.lyt-tbl-02-column a {
display: block;
}

.lyt-tbl-02-column a img {
display: inline-block;
}

.lyt-tbl-02-column:not(:last-child) {
border-bottom: 0;
}

.lyt-tbl-02-column .middle {
vertical-align: middle;
}

.lyt-tbl-02-column:last-child {
border-bottom: 1px solid #ccc;
}

.lyt-tbl-02-column p img {
width: 100%;
}

.lyt-tbl-02-column .cell-th,
.lyt-tbl-02-column .cell-th-block {
display: table-cell;
box-sizing: border-box;
width: 25%;
padding: 8px 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
background: #ffe9e7;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-block-02 {
display: table-cell;
box-sizing: border-box;
width: 25%;
font-weight: bold;
vertical-align: middle;
text-align: center;
background: #f4f4f4;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-block-02 span {
display: block;
padding: 8px 15px;
border-bottom: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-block-02 span:last-child {
border-bottom: 0;
}

.lyt-tbl-02-column .cell-th-null {
display: table-cell;
box-sizing: border-box;
width: 25%;
padding: 8px 15px;
font-weight: bold;
text-align: center;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-null-02 {
display: table-cell;
box-sizing: border-box;
width: 25%;
padding: 8px 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-block {
background: #f4f4f4;
}

.lyt-tbl-02-column .cell-th-block span {
display: block;
width: 100%;
margin-left: -15px;
padding: 8px 15px;
border-bottom: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-block span:first-child {
padding-top: 0;
}

.lyt-tbl-02-column .cell-th-block span:last-child {
padding-bottom: 0;
border-bottom: 0;
}

.lyt-tbl-02-column .lyt-img-02 .caption-grid3 {
width: 100%;
text-align: left;
}

.lyt-tbl-02-column .lyt-img-02 small {
font-size: 100%;
text-align: left;
}

.lyt-tbl-02-column .cell-td,
.lyt-tbl-02-column .cell-null {
display: table-cell;
box-sizing: border-box;
width: 25%;
padding: 8px 15px;
vertical-align: top;
text-align: left;
background: none;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-null {
border-right: 0;
}

.lyt-tbl-02-column .cell-td-02 {
padding: 8px 15px;
text-align: left;
}

.lyt-tbl-02-column .cell-th-02 {
padding: 8px 15px;
font-weight: bold;
text-align: center;
background: #ffe9e7;
}

.lyt-tbl-02-column.w25 .cell-td-03 {
width: 25%;
}

.lyt-tbl-02-column .cell-td-03 {
display: table-cell;
box-sizing: border-box;
padding: 8px 15px;
text-align: center;
background: none;
}

.lyt-tbl-02-column .cell-td-04 {
display: table-cell;
box-sizing: border-box;
padding: 8px 15px;
text-align: left;
background: none;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-td-03 p img {
width: 100%;
}

.lyt-tbl-02-column .cell-td-04 div {
float: left;
width: 46.472%;
margin-top: 0 !important;
}

.lyt-tbl-02-column .cell-td-04 div.odd {
margin-right: 6.5%;
}

.lyt-tbl-02-column .cell-td-04 div:nth-child(odd) {
margin-right: 6.5%;
}

.lyt-tbl-02-column .cell-th-04 {
display: table-cell;
box-sizing: border-box;
width: 50%;
padding: 8px 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
background: #ffe9e7;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 p {
box-sizing: border-box;
font-weight: bold;
text-align: center;
}

.lyt-tbl-02-column .cell-th-04 .age-01 {
float: left;
width: 66.7%;
padding: 8px 15px;
background: #ffe9e7;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 .age-02 {
float: left;
width: 100%;
padding: 8px 15px;
background: #ffe9e7;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 .age-03 {
float: right;
width: 33.4%;
padding: 8px 15px;
background: #ffe9e7;
border-left: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 .age-04 {
float: left;
width: 50%;
padding: 8px 15px;
background: #ffe9e7;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 .age-05 {
float: left;
width: 75%;
padding: 8px 15px;
background: #ffe9e7;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-04 .age-06 {
float: right;
width: 50%;
margin-top: -1px;
padding: 8px 15px;
background: #ffe9e7;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-th-05 {
background: #ffe9e7;
}

.lyt-tbl-02-column .cell-th-05,
.lyt-tbl-02-column .cell-td-05 {
display: table-cell;
box-sizing: border-box;
width: 37.6%;
padding: 8px 15px;
text-align: left;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-td-06 {
display: table-cell;
box-sizing: border-box;
padding: 8px 15px;
text-align: left;
background: none;
border-right: 1px solid #ccc;
}

.lyt-tbl-02-column .cell-td-06 div {
float: left;
width: 30.2677%;
margin-top: 0 !important;
margin-bottom: 10px;
}

.lyt-tbl-02-column .cell-td-06 div {
margin-right: 3.5%;
}

.lyt-tbl-02-column .cell-td-06 div.not {
margin-right: 0;
}
/* lyt-tbl-03
----------------------------------------------------------- */
.lyt-tbl-03 {
margin-bottom: 20px;
border-collapse: collapse;
}

.lyt-tbl-03-inner {
display: table;
width: 100%;
border: #ccc 1px solid;
border-top: 0;
}

.lyt-tbl-03-inner:not(:last-child) {
border-bottom: 0;
}

.lyt-tbl-03-inner.bb00 {
border-bottom: 0;
}

.lyt-tbl-03-th,
.lyt-tbl-03-td {
display: table-cell;
box-sizing: border-box;
width: 40%;
padding: 8px 15px;
vertical-align: middle;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.lyt-tbl-03-th {
font-weight: bold;
color: #555;
background: #f4f4f4;
}

.lyt-tbl-03-td span.img {
float: left;
padding-right: 10px;
}

.lyt-tbl-03-td:after {
display: block;
clear: both;
content: "";
}

.lyt-tbl-03 .series {
width: 20%;
}

.lyt-tbl-03 .set-item {
border-top: 0 !important;
}
/* lyt-story
----------------------------------------------------------- */
.lyt-story-01 {
position: relative;
height: 400px;
margin-bottom: 30px;
}

.lyt-story-01 > .content {
position: absolute;
bottom: 15px;
left: 0;
box-sizing: border-box;
padding: 15px 20px;
background-color: #000;
background-color: rgba(0, 0, 0, .8);
}

.lyt-story-01.branch > .content {
right: 0;
left: auto;
}

.lyt-story-01 > .content > .hdg {
margin-bottom: 10px;
font-weight: bold;
font-size: 142.857%;
}

.lyt-story-01 > .content > .hdg,
.lyt-story-01 > .content > p {
color: #fff;
}
/* lyt-kitchen
----------------------------------------------------------- */
.lyt-kitchen-01 {
position: relative;
margin-bottom: 30px;
}

.lyt-kitchen-01 > .content {
position: absolute;
top: 20px;
box-sizing: border-box;
padding: 15px 20px;
background-color: #fff;
background-color: rgba(255, 255, 255, .8);
}

.lyt-kitchen-01 > .content > .hdg {
margin-bottom: 10px;
font-weight: bold;
font-size: 142.857%;
}

.lyt-kitchen-01 > .content > .hdg,
.lyt-kitchen-01 > .content > p {
color: #000;
}
/* ==============================================================================================
Box
================================================================================================= */
/* box-contents-01
----------------------------------------------------------- */
.box-contents-01 {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.box-contents-01-inner {
padding: 19px 20px 15px;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}
/* box-contents-02
----------------------------------------------------------- */
.box-contents-02 {
margin: 20px 0 10px;
padding: 19px 20px 15px;
border: 1px solid #dbdbdb;
}

.box-contents-02 > .hdg {
margin-bottom: 10px;
font-weight: bold;
font-size: 114.286%;
}
/* box-contents-03
----------------------------------------------------------- */
.box-contents-03 {
margin: 20px 0 10px;
padding: 19px 20px 15px;
background-color: #f6f6f6;
}

.box-contents-03 > .hdg {
margin-bottom: 10px;
font-weight: bold;
font-size: 114.286%;
}

.box-contents-03._notice > .hdg {
padding-left: 30px;
background: url("/products/common/images/v3/icn_notice_01.png") no-repeat 0 0;
}
/* box-contents-col6-01
----------------------------------------------------------- */
.box-contents-col6-01 {
width: 470px;
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_04.gif") no-repeat 0 100%;
}

.box-contents-col6-01-inner {
padding: 19px 20px 15px;
background: url("/products/common/images/v2/bg_box_03.gif") no-repeat 0 0;
}

/* box-voice-01 / box-point-01
----------------------------------------------------------- */
.lyt-grid-01 .box-voice-01 {
margin-top: 40px;
}

.box-voice-01,
.box-point-01 {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.box-voice-01-inner,
.box-point-01-inner {
padding: 19px 21px 15px;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}

.box-voice-01-inner {
padding-bottom: 0;
}

.box-voice-01 .hdg,
.box-point-01 .hdg {
margin-bottom: 10px;
padding-left: 30px;
font-weight: bold;
font-size: 114.28571%;
color: #666;
background: no-repeat 0 0;
}

.box-voice-01 .hdg {
background-image: url("/products/common/images/v2/icn_voice_01.gif");
}

.box-point-01 .hdg {
background-image: url("/products/common/images/v2/icn_point_01.gif");
}

.box-voice-01 .voice-l,
.box-point-01 .point-l {
display: table;
float: left;
width: 444px;
direction: rtl;
}

.box-voice-01 .voice-r,
.box-point-01 .point-r {
display: table;
float: right;
width: 444px;
direction: rtl;
}

.box-voice-01 .voice-l,
.box-voice-01 .voice-r {
margin-bottom: 15px;
}

.box-voice-01 .column,
.box-point-01 .column {
display: table-cell;
width: 100%;
vertical-align: top;
direction: ltr;
}

.box-voice-01 .column .link,
.box-point-01 .column .link {
margin-bottom: 5px;
padding-left: 18px;
font-weight: bold;
}

.box-voice-01 .column .link a small {
display: inline-block;
font-weight: normal;
font-size: 85.71428%;
}

.box-voice-01 .column .link a:hover small {
text-decoration: underline;
}

.box-voice-01 .img,
.box-point-01 .img {
display: table-cell;
padding-right: 16px;
vertical-align: top;
}

.box-voice-01 .voice-col3 + .voice-col3 {
margin-top: 10px;
}

.box-voice-01 .voice-col3 .col {
float: left;
width: 278px;
margin-left: 30px;
}

.box-voice-01 .voice-col3 .col:first-child {
margin-left: 10px;
}

.box-voice-01 .voice-col3 .col .speaker {
float: left;
width: 75px;
font-size: 85.71428%;
text-align: center;
background: url("/products/common/images/v2/bg_voice_02.gif") no-repeat left bottom;
}

.box-voice-01 .voice-col3 .col .speaker span {
display: block;
padding: 18px 0 21px;
background: url("/products/common/images/v2/bg_voice_01.gif") no-repeat left top;
}

.box-voice-01 .voice-col3 .col .speaker + p {
float: left;
box-sizing: border-box;
width: 200px;
padding: 18px 0 0 5px;
font-weight: bold;
}
/* box-interview-01
----------------------------------------------------------- */
.box-interview-01 {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.box-interview-01-inner {
padding: 4px 5px 0;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}

.box-interview-01 .box-interview-01-content {
position: relative;
padding: 19px 21px 15px;
background: #fff url("/products/common/images/v2/bg_interview1_01.jpg") no-repeat center 50%;
}

.box-interview-01 .box-interview-01-content > .hdg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -74px;
}

.box-interview-01 .interview-l {
float: left;
width: 318px;
}

.box-interview-01 .interview-l .column {
float: right;
width: 170px;
}

.box-interview-01 .interview-l .img {
float: left;
width: 130px;
padding-right: 16px;
}

.box-interview-01 .interview-r {
float: right;
width: 318px;
}

.box-interview-01 .interview-r .column {
float: left;
width: 170px;
}

.box-interview-01 .interview-r .img {
float: right;
width: 130px;
padding-left: 16px;
}

.box-interview-01 .interview-l .hdg,
.box-interview-01 .interview-r .hdg {
padding-bottom: 15px;
font-weight: bold;
font-size: 114.28571%;
text-align: center;
}

/* box-links-01
----------------------------------------------------------- */
#nav-products-links {
margin-top: 40px;
}

.box-links-01 {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_links_02.gif") no-repeat 0 100%;
}

.box-links-01-inner {
padding: 4px 5px 0;
background: url("/products/common/images/v2/bg_box_links_01.gif") no-repeat 0 0;
}

.box-links-01-inner .hdg {
margin-bottom: 15px;
}

.box-links-01 .links-l {
float: left;
width: 667px;
padding-bottom: 15px;
}

.box-links-01 .links-l .col-l {
float: left;
box-sizing: border-box;
width: 321px;
padding: 0 15px;
border-right: 1px solid #ccc;
}

.box-links-01 .links-l .col-l h3,
.box-links-01 .links-l .col-r h3 {
margin-bottom: 17px;
}

.box-links-01 .links-l .col-l .lyt-col2 {
display: table;
width: 100%;
}

.box-links-01 .links-l .col-l .lyt-col2 .col {
display: table-cell;
vertical-align: top;
}

.box-links-01 .links-l .col-l .lyt-col2 .col + .col {
padding-left: 20px;
}

.box-links-01 .links-l .col-l .lyt-col2 .col .caption {
display: block;
max-width: 128px;
margin-top: 5px;
}

.box-links-01 .links-l .col-r {
float: right;
box-sizing: border-box;
width: 346px;
padding: 0 15px;
}

.box-links-01 .links-l .col-r .lyt-img-01 {
margin-bottom: 15px;
}

.box-links-01 .links-l .col-r .lyt-img-01 .img {
padding-right: 10px;
}

.box-links-01 .links-r {
float: right;
width: 268px;
padding-bottom: 15px;
}

.box-links-01 .links-r .nav-btn-links-01 {
width: 242px;
margin: 0 auto;
}

.box-links-01._kitchen .links-r {
box-sizing: border-box;
padding: 10px;
}

.box-links-01._kitchen .links-r li {
margin-bottom: 20px;
}

.box-links-01._kitchen .links-r li p {
padding-left: 1.2em;
font-weight: bold;
background: url(/products/common/images/v2/icn_arrow_11.gif) no-repeat 0 10%;
}

.box-links-01 .links-r .nav-btn-links-01 li {
width: 242px;
background: url("/products/common/images/v2/bg_nav-btn_links_02.gif") no-repeat 0 100%;
}

.box-links-01 .links-r .nav-btn-links-01 li + li {
margin-top: 12px;
}

.box-links-01 .links-r .nav-btn-links-01 li a {
display: table;
width: 100%;
background: url("/products/common/images/v2/bg_nav-btn_links_01.gif") no-repeat 0 0;
}

.box-links-01 .links-r .nav-btn-links-01 li a span {
display: table-cell;
width: 100%;
padding: 16px 10px 18px 34px;
font-weight: bold;
vertical-align: top;
}

.box-links-01 .links-r .nav-btn-links-01 li a img {
display: table-cell;
padding: 16px 17px 18px 0;
vertical-align: top;
}
/* box-qa-01 / box-notes-01
----------------------------------------------------------- */
.box-qa-01,
.box-notes-01 {
margin-top: 10px;
padding: 15px;
background-color: #f4f4f4;
}

.box-qa-01 .hdg {
margin-bottom: 8px;
font-weight: bold;
color: #666;
}

.box-qa-01 .hdg .icn {
margin-bottom: 3px;
vertical-align: middle;
}

.box-notes-01 .hdg {
margin-bottom: 8px;
padding-left: 21px;
font-weight: bold;
color: #666;
background: url("/products/common/images/v2/icn_notes_01.gif") no-repeat 0 0;
}

.box-notes-01 p {
font-size: 85.71428%;
}

.box-qa-01 p.link {
margin-top: 8px;
font-size: 100%;
}

.box-qa-01 p.link a {
padding-left: 15px;
}

.box-notes-01 .notice {
margin: 15px 0 0 1em;
text-indent: -1em;
}

/* box-public-01
----------------------------------------------------------- */
.box-public-01 {
margin-top: 40px;
}

.box-public-01-inner {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.box-public-01-inner .content {
padding: 4px 24px 15px;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}

.box-public-01-inner .hdg {
margin: 0 -19px 20px;
padding: 19px;
background: #f3f3f3 url("/products/public/common/images/v3/bg_box-public-01.jpg") no-repeat 100% 0;
}

.box-public-01 .hdg a:hover,
.box-public-01 .hdg a:focus {
text-decoration: none;
}

.box-public-01 .hdg-inner {
font-weight: bold;
}

.box-public-01 .hdg-inner img {
margin-right: 11px;
vertical-align: middle;
}

.box-public-01 .hdg-inner b {
font-size: 142.857%;
}

.box-public-01 .content-inner .col-l {
float: left;
width: 55%;
}

.box-public-01 .content-inner .col-r {
float: right;
width: 45%;
}

.box-public-01 .content-inner .lead {
font-weight: bold;
font-size: 114.285%;
color: #666;
}

.box-public-01 .content-inner .btn {
text-align: center;
letter-spacing: -.4em;
}

.box-public-01 .content-inner .btn li {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding-left: 10px;
letter-spacing: normal;
}

.box-public-01 .link {
margin-top: 15px;
}

.box-public-01 .link + .link {
border-top: 1px solid #ddd;
}

.box-public-01 .link > li {
margin-top: 15px;
}

.box-public-01 .link > li > .text {
display: inline-block;
padding-left: 20px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .2em;
}

.box-public-01 .link > li > .btn-type-02 {
margin-left: 10px;
padding: 10px 15px 10px 34px;
}

.box-public-01 .basea-box {
padding-top: 20px;
}

.content-inner.basea-box .list-link-01 .middle {
font-weight: bold;
font-size: 128.57143%;
line-height: 0;
}

.content-inner.basea-box .gray {
color: #666;
}
/* box-result-01
----------------------------------------------------------- */
.box-result-01 {
margin: 20px 0;
}

.box-result-01-inner {
position: relative;
margin-top: 10px;
padding-top: 20px;
text-align: center;
}
.box-result-01-inner:before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -25px;
border: 20px solid transparent;
border-top: 20px solid #004fa1;
content: "";
}
.box-result-01-inner:first-child {
margin-top: 0;
}
.box-result-01-inner > p {
margin: 10px 0;
}
.box-result-01-inner .middle {
font-weight: bold;
font-size: 128.57143%;
}
.box-result-01-inner .large {
font-weight: bold;
font-size: 214.28571%;
}

/* box-voice-02
----------------------------------------------------------- */
.box-voice-02 {
position: relative;
display: table;
box-sizing: border-box;
width: 100%;
margin: 40px 0 25px;
padding: 20px;
border: 1px solid #13439b;
}
.box-voice-02:before {
position: absolute;
bottom: -36px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -9px;
border: 18px solid transparent;
border-top: 18px solid #13439b;
content: "";
}
.box-voice-02:after {
position: absolute;
bottom: -35px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -9px;
border: 18px solid transparent;
border-top: 18px solid #fff;
content: "";
}
.box-voice-02 > div {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
}
.box-voice-02 > .voice {
position: relative;
width: 49%;
padding: 10px;
background-color: #ededed;
}
.box-voice-02 > .voice:after {
position: absolute;
top: 50%;
right: -18px;
display: block;
width: 0;
height: 0;
margin-top: -9px;
border: 9px solid transparent;
border-left: 9px solid #ededed;
content: "";
}
.box-voice-02 > .voice ul {
font-size: 128.57143%;
}
.box-voice-02 > .voice ul li {
position: relative;
min-height: 27px;
padding-left: 47px;
font-weight: bold;
}
.box-voice-02 > .voice ul li:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 36px;
height: 27px;
background: url("/products/common/images/v3/icn_voice_01.png") no-repeat 0 0;
content: "";
}
.box-voice-02 > .solution {
position: relative;
width: 50%;
min-height: 42px;
padding-left: 76px;
}
.box-voice-02 > .solution:before {
position: absolute;
top: 51%;
left: 43px;
display: block;
width: 23px;
height: 42px;
margin-top: -21px;
background: url("/products/common/images/v3/icn_solution_01.png") no-repeat 0 0;
content: "";
}
.box-voice-02 > .solution > p {
font-weight: bold;
font-size: 142.85714%;
color: #13439b;
}
.hdg-l2-01-container + .box-voice-02 {
margin-top: 20px;
}
.box-voice-02 + .hdg-l3-01 {
margin-top: 25px;
}

/* ==============================================================================================
Table
================================================================================================= */
/* tbl-dl-01
----------------------------------------------------------- */
.tbl-dl-01 {
margin-bottom: -15px;
}

.tbl-dl-01 table th {
padding: 0 30px 15px 0;
font-weight: bold;
vertical-align: top;
white-space: nowrap;
}

.tbl-dl-01 table td {
padding-bottom: 15px;
vertical-align: top;
}
/* tbl-data-01
----------------------------------------------------------- */
.tbl-data-01 {
width: 100%;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}

.tbl-data-01 th {
padding: 8px 15px;
font-weight: bold;
color: #555;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
}

.tbl-data-01 th a.link {
display: block;
padding-left: 18px;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .25em;
}

.tbl-data-01 td {
padding: 8px 15px;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
}

.tbl-data-01 td.cell-color01 {
background-color: #fee0be;
}

.tbl-data-01 td.cell-color02 {
background-color: #c5eac5;
}

.tbl-data-01 td.cell-color03 {
background-color: #e0e0e0;
}

.tbl-data-01 td.tight {
padding: 0;
}

.tbl-data-01 td a.link {
display: block;
padding-left: 10px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.tbl-data-01 thead th,
.tbl-data-01 thead td {
background-color: #f4f4f4;
}
/* tbl-data-02
----------------------------------------------------------- */
.tbl-data-02 {
width: 100%;
border-collapse: collapse;
}

.tbl-data-02 th,
.tbl-data-02 td {
padding: 10px;
vertical-align: top;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.tbl-data-02 thead th,
.tbl-data-02 td {
border-left: 1px solid #ccc;
}

.tbl-data-02 thead th {
font-weight: bold;
}

.tbl-data-02 thead th:first-child,
.tbl-data-02 tbody th {
background: #e1f3fe;
border-left: none;
}

/* tbl-plan-01
----------------------------------------------------------- */
.tbl-plan-01 {
width: 100%;
background: url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 100% 100%;
}

.tbl-plan-01 th {
padding: 16px 20px 17px 26px;
font-weight: bold;
font-size: 114.28571%;
vertical-align: top;
text-align: right;
background: url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 100% 100%;
}

.tbl-plan-01 th.cell-color01 {
background-color: #f4f4f4;
}

.tbl-plan-01 td {
padding: 16px 20px 17px 26px;
vertical-align: top;
background: url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 0 100%;
}

.tbl-plan-01 td.cell-color01 {
background-color: #fee0be;
}

.tbl-plan-01 td span.link {
display: block;
padding-left: 10px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.tbl-plan-01 thead th {
padding: 5px 20px 6px 26px;
font-weight: bold;
color: #555;
vertical-align: middle;
text-align: center;
background: #f4f4f4 url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 0 0;
}

.tbl-plan-01 thead td {
background: #f4f4f4;
}

.tbl-plan-01 tr.price td strong {
font-weight: bold;
font-size: 114.28571%;
}

.tbl-plan-01 tr.price p.link {
margin-top: 10px;
padding-left: 18px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .3em;
}

/* tbl-cc-01
----------------------------------------------------------- */
.tbl-cc-01 {
width: 100%;
/*background:url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 100% 100%;*/
}

.tbl-cc-01 th {
padding: 16px 20px 17px 20px;
font-weight: bold;
font-size: 92.85714%;
vertical-align: top;
text-align: right;
border-bottom: 1px solid #ccc;
}

.tbl-cc-01.type-02 th {
font-size: 100%;
vertical-align: middle;
text-align: center;
}

.tbl-cc-01 tbody th:first-child,
.tbl-cc-01 tbody td:first-child {
border-right: 1px solid #ccc;
border-left: none;
}

.tbl-cc-01 th.cell-color01 {
background-color: #f4f4f4;
}

.tbl-cc-01 td,
.tbl-cc-01 thead .type-02 th,
.tbl-cc-01 thead .type-02 td {
padding: 16px 20px 17px 20px;
vertical-align: top;
background: #fff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.tbl-cc-01 td.br-none {
border-right: none !important;
}

.tbl-cc-01.type-02 td {
vertical-align: middle;
text-align: center;
}

.tbl-cc-01 td span.link {
display: block;
padding-left: 10px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.tbl-cc-01 thead th {
padding: 5px 20px 6px 20px;
font-weight: bold;
font-size: 114.28571%;
color: #555;
vertical-align: middle;
text-align: center;
background: #f4f4f4;
border-bottom: none;
border-left: 1px solid #ccc;
}

.tbl-cc-01 thead th:first-child {
border-left: none;
}

.tbl-cc-01 thead td {
background: #f4f4f4;
border-bottom: none;
border-left: none !important;
}

.tbl-cc-01 tr.price td strong {
font-weight: bold;
font-size: 114.28571%;
}

.tbl-cc-01 tr.price p.link {
margin-top: 10px;
padding-left: 18px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .3em;
}

.tbl-cc-01.red tr.belt td {
background: #ffe9e7;
}

.tbl-cc-01.orange tr.belt td {
background: #ffefcf;
}

.tbl-cc-01.purple tr.belt td {
background: #f9e9ff;
}

.tbl-cc-01.blue tr.belt td {
background: #e3f1ff;
}

.tbl-cc-01.def tr.belt td {
background: #f0f2ed;
}

.tbl-cc-01.type-02 td.color-01 {
background: #fbe9d2;
}

.tbl-cc-01.type-02 td.color-02 {
background: #e8fadd;
}

.tbl-cc-01.type-02 td.color-03 {
background: #fcdff0;
}

.tbl-cc-01.type-02 td.color-04 {
background: #dff7f0;
}

.tbl-cc-01.type-02 td.color-05 {
background: #eef7fe;
}

/* tbl-setplan-01
----------------------------------------------------------- */
.tbl-setplan-01 {
width: 100%;
margin-bottom: -5px;
}

.tbl-setplan-01 th,
.tbl-setplan-01 thead .type-02 th:first-child,
.tbl-setplan-01 thead .type-02 td:first-child {
padding: 5px 0 16px;
background: url("/products/common/images/v2/bg_tbl-setplan-01_01.gif") no-repeat 100% 100%;
}

.tbl-setplan-01 th .image-area {
width: 250px;
margin: 0 auto;
text-align: center;
}

.tbl-setplan-01 th img {
vertical-align: middle;
}

.tbl-setplan-01 th a img {
margin-left: 10px;
}

.tbl-setplan-01 thead .type-02 th a img {
margin-left: 0;
}

.tbl-setplan-01 th a img.irr {
margin: 10px 0 0 -18px;
}

.tbl-setplan-01 th a span {
display: block;
margin-top: 10px;
padding-left: 28px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 10px .3em;
}

.tbl-setplan-01 th a + span {
display: block;
margin-top: 15px;
}

.tbl-setplan-01 th a.link {
display: inline-block;
padding-left: 18px;
font-weight: bold;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .3em;
}

.tbl-setplan-01 th a.link2 {
display: block;
}

.tbl-setplan-01 th a.link2 span {
display: block;
margin-bottom: 5px;
padding-left: 22px;
font-weight: bold;
font-size: 114.286%;
text-align: left;
background: url("/products/common/images/v2/icn_arrow_02.gif") no-repeat 0 .3em;
}

.tbl-setplan-01 th a.link2 img {
margin: 0 0 5px 0;
}

.tbl-setplan-01 td,
.tbl-setplan-01 thead .type-02 th {
padding: 0 12px 11px 23px;
background: url("/products/common/images/v2/bg_tbl-setplan-01_01.gif") no-repeat 0 100%;
}

.tbl-setplan-01 thead .type-02 th {
font-size: 87.5%;
vertical-align: top;
}

.tbl-setplan-01 td.inner-cell,
.tbl-setplan-01 thead .type-02 th.inner-cell {
background: url("/products/common/images/v2/bg_tbl-setplan-01_03.gif") no-repeat 0 100%;
}

.tbl-setplan-01 th span.link {
display: block;
padding-left: 30px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 20px .6em;
}

.tbl-setplan-01 td span.link {
display: block;
padding-left: 10px;
background: url("/products/common/images/v2/icn_arrow_04.gif") no-repeat 0 .6em;
}

.tbl-setplan-01 thead th {
padding: 5px 0 11px 10px;
font-weight: bold;
font-size: 114.28571%;
color: #555;
text-align: center;
background: url("/products/common/images/v2/bg_tbl-setplan-01_02.gif") no-repeat 0 100%;
}

/*
.tbl-setplan-01 thead .type-02 th{
background:none;
}
*/
.tbl-setplan-01 thead th:first-child {
padding-left: 0;
background: url("/products/common/images/v2/bg_tbl-setplan-01_02.gif") no-repeat 100% 100%;
}

.tbl-setplan-01 td.list-icn {
padding: 0 10px 6px 21px;
}

.tbl-setplan-01 td.list-icn ul {
margin: 0 -10px 0 2px;
}

.tbl-setplan-01 td.list-icn ul li {
float: left;
margin: 0 10px 5px 0;
}

.tbl-setplan-01 td.list-sizeicn {
padding: 5px 0 11px 15px;
vertical-align: top;
}

.tbl-setplan-01 td.list-sizeicn ul {
margin: 0 -10px 0 0;
}

.tbl-setplan-01 td.list-sizeicn ul li {
float: left;
margin: 0 10px 10px 0;
}

.tbl-setplan-01 td.list-sizeicn ul.list-notice-01 {
margin: 0;
}

.tbl-setplan-01 td.list-sizeicn ul.list-notice-01 li {
float: none;
margin: 0;
}

.tbl-setplan-01 td.fig {
padding: 0 0 6px 11px;
}

.tbl-setplan-01 td.fig2 {
padding: 15px 0 15px 11px;
}

.tbl-setplan-01 td.fig img,
.tbl-setplan-01 td.fig2 img {
margin-top: -5px;
}

.tbl-setplan-01 td .price {
padding: 20px 0;
color: #555;
}

.tbl-setplan-01 td .price strong {
font-weight: bold;
font-size: 128.571%;
}

.tbl-setplan-01 td .list-icn {
margin-right: -20px;
padding: 20px 0;
}

.tbl-setplan-01 td .list-icn li {
float: left;
margin-right: 20px;
line-height: 35px;
}

.tbl-setplan-01.td-vtop td {
vertical-align: top;
}

.tbl-setplan-01 td .lyt-col2 {
display: table;
width: 100%;
margin: 5px 0;
}

.tbl-setplan-01 td .lyt-col2 .col {
display: table-cell;
box-sizing: border-box;
width: 50%;
vertical-align: top;
}

.tbl-setplan-01 td .lyt-col2 .col + .col {
padding-left: 6px;
}

.tbl-setplan-01 td .lyt-col2 .col .caption {
display: block;
max-width: 86px;
font-size: 85.7143%;
text-align: center;
}

/* tbl-price-01
----------------------------------------------------------- */
.tbl-price-01 {
width: 100%;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
}

.tbl-price-01 th {
padding: 10px;
font-weight: bold;
font-size: 114.28571%;
color: #555;
text-align: center;
background-color: #f4f4f4;
border-right: #ccc 1px solid;
}

.tbl-price-01 td {
padding: 10px;
text-align: center;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}

.tbl-price-01 th.no-bdr,
.tbl-price-01 td.no-bdr {
border-right: 0 none;
border-bottom: 0 none;
}

.tbl-price-01 td strong {
font-weight: bold;
font-size: 128.57142%;
}
/* box-interview-02
----------------------------------------------------------- */
.box-interview-02 {
padding-bottom: 6px;
background: url("/products/common/images/v2/bg_box_02.gif") no-repeat 0 100%;
}

.box-interview-02-inner {
padding: 4px 5px 0;
background: url("/products/common/images/v2/bg_box_01.gif") no-repeat 0 0;
}

.box-interview-02 .box-interview-02-content {
position: relative;
padding: 20px 10px;
background: #fff url("/products/common/images/v2/bg_interview2_01.jpg") repeat-y center 50%;
}

.box-interview-02 .box-interview-02-content > .interview-col {
float: left;
width: 31%;
margin: 30px 1% 0;
}

.box-interview-02 .box-interview-02-content > .interview-col .hdg {
margin-bottom: 10px;
font-weight: bold;
}

.box-interview-02 .box-interview-02-content .column {
float: right;
width: 130px;
line-height: 1.4;
}

.box-interview-02 .box-interview-02-content .img {
float: left;
width: 130px;
}

.box-interview-02 .box-interview-02-content > .hdg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -74px;
}
/* box-interview-02-commentary
----------------------------------------------------------- */
.box-interview-02-commentary {
margin: 30px 0;
padding: 20px;
background: #e8f7ff;
}

.box-interview-02-commentary .box-interview-02-commentary-txt {
float: left;
width: 560px;
margin-top: 90px;
font-size: 16px;
}

.box-interview-02-commentary .box-interview-02-commentary-img {
float: right;
width: 300px;
}

.box-interview-02-commentary .box-interview-02-commentary-img .position {
display: block;
margin-top: 8px;
font-size: 14px;
}

.box-interview-02-commentary .box-interview-02-commentary-img .name {
display: block;
font-weight: bold;
font-size: 16px;
color: #362a3b;
}
/* _anc
----------------------------------------------------------- */
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a._anc:after,
.lyt-img-02 p a small.strong._anc:after,
.lyt-img-02 p a small.caption-grid3-strong._anc:after,
.lyt-img-02 p a small.caption-grid4-strong._anc:after,
.lyt-img-02 p a small.caption-grid6-strong._anc:after,
.box-links-01 .links-r .nav-btn-links-01 li a._anc:after,
#footer-products p.nav-products a._anc:after,
#footer-products ul.nav-products > li > a._anc:after,
.nav-btn-01 li a._anc:after,
.nav-btn-02 li a._anc:after,
.lyt-setplan-01 .block .col.outline a.title .hdg._anc:after,
.box-voice-01 .column .link._anc:after,
.box-point-01 .column .link._anc:after,
.nav-category-01 li a span._anc:after,
.nav-page-01 li._anc:after,
.nav-col1img-01 .column .link._anc:after,
.lyt-select-01 .select .list-btn li a span._anc:after,
.btn-type-02 > span._anc:after {
top: 10px;
left: 4px;
border-color: #fff transparent transparent transparent;
}

.nav-btn-02 li a._anc:after {
top: 25px;
left: 17px;
border-color: #fff transparent transparent transparent;
}

/* uni-setbox
----------------------------------------------------------- */
.uni-setbox {
box-sizing: border-box;
margin-bottom: 10px;
padding: 20px;
border: 1px solid #dbdbdb;
border-radius: 2px;
box-shadow: 0 0 0 5px #f4f4f4;
}

.uni-setbox .fct-image {
position: relative;
display: table;
}

.uni-setbox .fct-image .fct-help {
top: 0;
right: 0;
}

.uni-setbox .fct-image .fct-help span {
width: auto;
}

.uni-setbox .fct-image02 {
display: block;
width: 240px;
}

.uni-setbox .fct-border {
position: relative;
display: table-cell;
vertical-align: top;
}

.num1 .fct-img {
position: relative;
z-index: 0;
}

.uni-setbox .fct-border a,
.fct-help {
position: absolute;
top: -1px;
right: -1px;
display: table;
font-size: 90%;
line-height: 1;
border: 1px solid #e1e1e1;
}

.uni-setbox .fct-border a span,
.fct-help span {
display: table;
padding: 2px 5px;
background: url(/products/faucet/common/images/bg_icn_help.gif) #fff repeat-x 0 bottom;
border: 1px solid #fff;
}

.uni-setbox .fct-help span {
display: table;
width: 1em;
text-align: center;
}

.uni-setbox .img p + p {
margin-top: 5px;
}

.uni-setbox .img .fct-border img {
padding: 1px;
border: 1px solid #e1e1e1;
}

.uni-setbox .fct-border + .fct-border img {
padding-top: 15px;
border-left: 0 none;
}

.fct-product-type {
margin: 2px 0 5px;
}

.fct-col-grid6 .fct-product-description {
margin: 0 20px;
}

.fct-product-description .fct-text-area {
margin-bottom: 10px;
}

.fct-col-grid6 .col-inner {
padding-bottom: 20px;
}

.fct-col-grid6 .col-inner .uni-setbox {
padding: 20px 20px 0;
background: url("/products/faucet/common/images/bg_box_01.gif") no-repeat 0 0;
}

/* fct-lyt-img */
.fct-lyt-img .img {
float: left;
margin-right: 25px;
}

.uni-setbox .ico-type-01,
.uni-setbox .ico-type-02,
.uni-setbox .ico-type-03 {
margin-bottom: 5px;
white-space: nowrap;
}

.uni-setbox .ico-type-01 span {
padding: 4px 25px;
background: #ffb850;
}

.uni-setbox .ico-type-02 span {
padding: 4px 25px;
background: #b9de71;
}

.uni-setbox .ico-type-03 span {
padding: 4px 25px;
background: #a4e0f1;
}

.uni-setbox .img,
.uni-setbox .text {
display: table-cell;
vertical-align: top;
}

.uni-setbox .text {
padding-bottom: 10px;
}

.uni-setbox .img {
padding-right: 20px;
}

.uni-setbox .img img {
border: 1px solid #e1e1e1;
}

.uni-setbox dt {
font-weight: bold;
}

.uni-setbox dd {
margin-bottom: 10px;
}

.uni-setbox .fct-list-icon {
margin-top: 10px;
}

.uni-setbox .fct-list-icon::after {
display: block;
clear: both;
content: "";
}

.uni-setbox .fct-list-icon li {
float: left;
margin: 0 5px 5px 0;
}

.uni-setbox > :last-child {
margin-bottom: 0;
}

.uni-setbox .fct-box-02 {
margin: 10px 0 0;
padding: 15px 13px;
background: #f6f6f6;
}

.uni-setbox .fct-box-02 .hdg {
margin-bottom: 10px;
font-weight: bold;
font-size: 1.25em;
}

.uni-setbox .list-bullet-01 li {
position: relative;
padding-left: 14px;
background: none;
}

.uni-setbox .list-bullet-01 li::before {
position: absolute;
top: 9px;
left: 2px;
width: 4px;
height: 4px;
background: #083f99;
border-radius: 4px;
content: "";
}

.uni-setbox .fct-box-02 .list-bullet-01 li + li {
margin-top: 8px;
}

.uni-setbox span.fct-border.fct-img img {
max-width: 52px;
}

/* tooltip */
.uni-setbox .fct-help span.fct-tooltip {
position: absolute;
top: -30px;
right: -2px;
display: block;
width: 82px;
padding: 5px 10px;
padding: 5px;
white-space: normal;
background: #fff;
background: #fff;
border: 1px solid #004ea2;
}

.uni-setbox .fct-help span.fct-tooltip::after {
position: absolute;
right: 4px;
bottom: -10px;
width: 0;
height: 0;
border-width: 10px 5px 0 5px;
border-style: solid;
border-color: #004ea2 transparent transparent transparent;
content: "";
}
/* .uni-table-setplan
----------------------------------------------------------- */
.uni-table-setplan {
width: 100%;
margin-bottom: 40px;
}

.uni-table-setplan thead {
background: #f4f4f4;
border-bottom: 5px solid #fff;
}

.uni-table-setplan thead th {
box-sizing: border-box;
padding: 10px;
font-weight: bold;
font-size: 114.28571%;
color: #555;
vertical-align: middle;
text-align: center;
}

.uni-table-setplan thead tr:first-child th:nth-child(1) {
border-right: 1px solid #ccc;
}

.uni-table-setplan thead tr:first-child th:nth-child(2) {
border-right: 1px solid #ccc;
}

.uni-table-setplan thead tr:first-child th:last-child {
border-left: 1px solid #ccc;
}

.uni-table-setplan thead tr:nth-child(2) th {
border-top: 1px solid #ccc;
}

.uni-table-setplan tbody th,
.uni-table-setplan tbody td {
box-sizing: border-box;
padding: 10px;
vertical-align: top;
border: 1px solid #d7d7d7;
}

.uni-table-setplan tbody .row1 th:first-child {
vertical-align: top;
border-left: 0;
}

.uni-table-setplan tbody .row1 .images {
position: relative;
z-index: 0;
}

.uni-table-setplan tbody .row1 .images img {
vertical-align: bottom;
}

.uni-table-setplan tbody .row1 .images img:first-child {
max-width: 215px;
}

.uni-table-setplan tbody .row1 .images img:nth-child(2) {
position: absolute;
right: 0;
bottom: 0;
}

.uni-table-setplan tbody .row1 .images img:nth-last-child(3) {
max-width: 165px;
}

.uni-table-setplan tbody .row1 .images p:last-child {
margin-top: 10px;
}

.uni-table-setplan .fct-help {
position: absolute;
top: -1px;
right: -1px;
display: table;
font-size: 90%;
line-height: 1;
border: 1px solid #e1e1e1;
}

.uni-table-setplan .fct-help span {
display: table;
width: 1em;
padding: 2px 5px;
text-align: center;
background: url(/products/faucet/common/images/bg_icn_help.gif) #fff repeat-x 0 bottom;
border: 1px solid #fff;
}

.uni-table-setplan tbody .row1 td:last-child {
vertical-align: top;
border-right: 0;
}

.uni-table-setplan tbody .fct-center-cell {
vertical-align: middle;
text-align: center;
}

.uni-table-setplan .fct-list-icon::after {
display: block;
clear: both;
content: "";
}

.uni-table-setplan .fct-list-icon li {
float: left;
margin: 0 5px 5px 0;
}

.uni-table-setplan col:nth-child(1) {
width: 25%;
}

.uni-table-setplan col:nth-child(2) {
width: 20%;
}

.uni-table-setplan col:nth-child(3) {
width: 30%;
}

.uni-table-setplan col:nth-child(4) {
width: 25%;
}
/* tooltip */
.uni-table-setplan .fct-help span.fct-tooltip {
position: absolute;
top: -30px;
right: -2px;
display: block;
width: 90px;
padding: 5px 10px;
padding: 5px;
white-space: normal;
background: #fff;
background: #fff;
border: 1px solid #004ea2;
}

.uni-table-setplan .fct-help span.fct-tooltip::after {
position: absolute;
right: 4px;
bottom: -10px;
width: 0;
height: 0;
border-width: 10px 5px 0 5px;
border-style: solid;
border-color: #004ea2 transparent transparent transparent;
content: "";
}

.uni-table-setplan thead.fctFixed {
position: fixed;
top: 120px;
z-index: 1000;
width: 100%;
max-width: 940px;
margin-top: 0;
}

.uni-table-setplan._single thead.fctFixed {
top: 60px;
}

.uni-table-setplan thead.fctFixed tr:first-child {
width: 100%;
max-width: 940px;
}

.uni-table-setplan thead.fctFixed tr:first-child th:nth-child(1) {
width: 25%;
}

.uni-table-setplan thead.fctFixed tr:first-child th:nth-child(2) {
width: 20%;
}

.uni-table-setplan thead.fctFixed tr:first-child th:nth-child(3) {
width: 30%;
}

.uni-table-setplan thead.fctFixed tr:first-child th:nth-child(4) {
width: 25%;
}

.sp .uni-table-setplan thead.fctFixed {
top: 0;
}
/* .fct-search-01
----------------------------------------------------------- */
.fct-search-01 {
text-align: center;
}

.fct-search-01 input {
vertical-align: top;
}

.fct-search-01 input[type="text"] {
padding: 5px;
font-size: 128.6%;
background: #f7f7f7;
border: 1px solid #bfbfbf;
border-right: 0 none;
border-bottom: 0 none;
}

.fct-search-01 .placeholder {
color: #777;
}

.fct-notFound {
display: table;
margin: 10px auto 0;
color: #f00;
}

#fct-search-area .highlight {
background: #ff0;
}

/* .fct-ico-box
----------------------------------------------------------- */
.fct-ico-box {
box-sizing: border-box;
width: 100%;
max-width: 510px;
margin: 30px auto 300px;
padding: 20px;
border: 1px solid #000;
}

.fct-ico-box .hdg h1 {
display: table;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: bold;
border-bottom: 1px solid #b6b6b6;
}

.fct-ico-box .hdg img,
.fct-ico-box .hdg span {
display: table-cell;
vertical-align: middle;
}

.fct-ico-box .hdg span {
width: 100%;
text-align: left;
}

.fct-ico-box .hdg img {
padding-right: 30px;
}

.fct-ico-box .lyt-img-01 {
display: table;
width: 100%;
}

.fct-ico-box .lyt-img-01 .img {
display: table-cell;
vertical-align: top;
}

.fct-ico-box .lyt-img-01.img-l {
direction: rtl;
}

.fct-ico-box .lyt-img-01.img-l .img {
padding-right: 20px;
}

.fct-ico-box .center img {
width: 100%;
}

.fct-box-02 {
box-sizing: border-box;
padding: 10px;
background: #f6f6f6;
}

.fct-box-02 .hdg {
margin-bottom: 10px;
font-weight: bold;
}

.fct-ico-box .list-dl-01 > dt {
font-weight: bold;
}

.fct-ico-box .list-dl-01 > dd {
margin-bottom: 10px;
}

.fct-ico-box .fct-def-icn {
display: table;
padding: 2px 10px;
font-size: 90%;
background: #efefef;
}

.fct-ico-box .fct-def-icn dt,
.fct-ico-box .fct-def-icn dd {
display: table-cell;
}

.fct-ico-box .fct-def-icn dt {
padding-right: 10px;
}

#iconFooter {
position: fixed;
bottom: 0;
left: 50%;
margin-left: -34px;
}
/* ==============================================================================================
 icon
================================================================================================= */
/* arrow
----------------------------------------------------------- */
.hdg-l1-01-nav-container .nav-products-02 ul li a,
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a,
.lyt-img-02 p a small.strong,
.lyt-img-02 p a small.caption-grid3-strong,
.lyt-img-02 p a small.caption-grid4-strong,
.lyt-img-02 p a small.caption-grid6-strong,
.lyt-img-02 p a small,
.lyt-img-02 .link li a small,
.box-links-01 .links-r .nav-btn-links-01 li a,
#footer-products p.nav-products a,
#footer-products ul.nav-products > li > a,
#footer-products ul.nav-products > li.has-child > ul > li > a,
#footer-products #products-list .btn,
#footer-products-bath #products-bath-list .btn,
#footer-products-bath ul li ul li a,
#footer-products-kitchen #products-kitchen-list .btn,
#footer-products-kitchen ul li ul li a,
#footer-products-public #products-public-list .btn,
#footer-products-public ul li ul li a,
.nav-local .products-nav .row .btn,
.nav-btn-01 li a,
.nav-btn-02 li a,
.lyt-setplan-01 .block .col.outline a.title .hdg,
.box-voice-01 .column .link,
.box-point-01 .column .link,
.nav-category-01 li a span,
.nav-underlayer-01 .column .link,
.nav-page-01 li,
.nav-col1img-01 .column .link,
.nav-col1img-01 .column .sub-link,
.list-link-01 li,
.box-qa-01 p.link a,
.lyt-color-01 .column-r .link,
.nav-top-01 a,
.lyt-select-01 .select .list-btn li a span,
.btn-type-02 {
position: relative;
line-height: 1.65;
}

/*青三画*/
.hdg-l1-01-nav-container .nav-products-02 ul li a:before,
.lyt-img-02 p a small:before,
.lyt-img-02 .link li a small:before,
#footer-products ul.nav-products > li.has-child > ul > li > a:before,
#footer-products-bath ul li ul li a:before,
#footer-products-kitchen ul li ul li a:before,
#footer-products-public ul li ul li a:before,
.nav-underlayer-01 .column .link:before,
.nav-col1img-01 .column .sub-link:before,
.list-link-01 li:before,
.box-qa-01 p.link a:before,
.lyt-color-01 .column-r .link:before,
.nav-top-01 a:before {
position: absolute;
top: 7px;
left: 0;
display: block;
border-width: 3px 3px;
border-style: solid;
border-color: transparent transparent transparent #004fa2;
content: "";
}

#footer-products ul.nav-products > li.has-child > ul > li > a:before {
top: 5px;
}

.nav-top-01 a:before {
top: 4px;
border-color: transparent transparent #004fa2 transparent;
}
/*枠付き白三画*/
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a:before,
.lyt-img-02 p a small.strong:before,
.lyt-img-02 p a small.caption-grid3-strong:before,
.lyt-img-02 p a small.caption-grid4-strong:before,
.lyt-img-02 p a small.caption-grid6-strong:before,
.box-links-01 .links-r .nav-btn-links-01 li a:before,
#footer-products p.nav-products a:before,
#footer-products ul.nav-products > li > a:before,
.nav-btn-01 li a:before,
.nav-btn-02 li a:before,
.lyt-setplan-01 .block .col.outline a.title .hdg:before,
.box-voice-01 .column .link:before,
.box-point-01 .column .link:before,
.nav-category-01 li a span:before,
.nav-page-01 li:before,
.nav-col1img-01 .column .link:before,
.lyt-select-01 .select .list-btn li a span:before,
.btn-type-02:before {
position: absolute;
top: 4px;
left: 0;
display: block;
width: 14px;
height: 14px;
background: #004fa2;
border-width: 0;
border-style: none;
border-color: transparent;
border-radius: 2px;
content: "";
}

.box-links-01 .links-r .nav-btn-links-01 li a:before,
.nav-btn-01 li a:before,
.nav-btn-02 li a:before {
top: 20px;
left: 13px;
}

.btn-type-02:before {
top: 18px;
left: 10px;
}

.box-public-01 .link > li > .btn-type-02:before {
top: 15px;
left: 16px;
}

#footer-products p.nav-products a:before,
#footer-products ul.nav-products > li > a:before {
top: 1px;
left: 5px;
}

.nav-category-01 li a span:before {
left: 5px;
}

.lyt-select-01 .select .list-btn li a span:before {
top: 12px;
left: 12px;
}

.hdg-l1-01-nav-container .nav-products-02 .box-04 p a:after,
.lyt-img-02 p a small.strong:after,
.lyt-img-02 p a small.caption-grid3-strong:after,
.lyt-img-02 p a small.caption-grid4-strong:after,
.lyt-img-02 p a small.caption-grid6-strong:after,
.box-links-01 .links-r .nav-btn-links-01 li a:after,
#footer-products p.nav-products a:after,
#footer-products ul.nav-products > li > a:after,
.nav-btn-01 li a:after,
.nav-btn-02 li a:after,
.lyt-setplan-01 .block .col.outline a.title .hdg:after,
.box-voice-01 .column .link:after,
.box-point-01 .column .link:after,
.nav-category-01 li a span:after,
.nav-page-01 li:after,
.nav-col1img-01 .column .link:after,
.lyt-select-01 .select .list-btn li a span:after,
.btn-type-02 > span:after {
position: absolute;
top: 8px;
left: 6px;
display: block;
border-width: 3px 3px;
border-style: solid;
border-color: transparent transparent transparent #fff;
content: "";
}

.box-links-01 .links-r .nav-btn-links-01 li a:after,
.nav-btn-01 li a:after,
.nav-btn-02 li a:after {
top: 24px;
left: 19px;
}

.btn-type-02 > span:after {
top: 22px;
left: 16px;
}

.box-public-01 .link > li > .btn-type-02 > span:after {
top: 19px;
left: 22px;
}

#footer-products p.nav-products a:after,
#footer-products ul.nav-products > li > a:after {
top: 5px;
left: 11px;
}

.nav-category-01 li a span:after {
left: 11px;
}

.nav-page-01 li:after {
top: 9px;
left: 4px;
border-color: #fff transparent transparent transparent;
}

.lyt-select-01 .select .list-btn li a span:after {
top: 18px;
left: 16px;
border-color: #fff transparent transparent transparent;
}

/*枠付き青三画*/
.nav-category-01 li.current a span:before {
background: #fff;
}

.nav-category-01 li.current a span:after {
border-color: transparent transparent transparent #004fa2;
}

/*トグルアイコン*/
#footer-products #products-list .btn:before,
#footer-products-bath #products-bath-list .btn:before,
#footer-products-public #products-public-list .btn:before,
#footer-products-kitchen #products-kitchen-list .btn:before,
.nav-local .products-nav .row .btn:before {
position: absolute;
top: 50%;
right: 20px;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
background: #004fa2;
border-width: 0;
border-style: none;
border-color: transparent;
border-radius: 2px;
content: "";
}

#footer-products-bath #products-bath-list .btn:before,
#footer-products-public #products-public-list .btn:before,
#footer-products-kitchen #products-kitchen-list .btn:before {
right: 10px;
}

.nav-local .products-nav .row .btn:before {
right: 15px;
background: #fff;
border-radius: 10px;
}

#footer-products #products-list .btn:after,
#footer-products-bath #products-bath-list .btn:after,
#footer-products-public #products-public-list .btn:after,
#footer-products-kitchen #products-kitchen-list .btn:after,
.nav-local .products-nav .row .btn:after {
position: absolute;
top: 50%;
right: 26px;
display: block;
width: 4px;
height: 4px;
margin-top: -6px;
border-width: 2px;
border-style: solid;
border-color: #fff #fff transparent transparent;
content: "";
-webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
}

#footer-products #products-list.opened .btn:after,
#footer-products-bath #products-bath-list.opened .btn:after,
#footer-products-public #products-public-list.opened .btn:after,
#footer-products-kitchen #products-kitchen-list.opened .btn:after,
.nav-local .products-nav .row .opened .btn:after {
margin-top: -2px;
-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
}

#footer-products-bath #products-bath-list .btn:after,
#footer-products-public #products-public-list .btn:after,
#footer-products-kitchen #products-kitchen-list .btn:after {
right: 16px;
}

#footer-products #products-list.static .btn:after,
#footer-products #products-list.static .btn:before,
#footer-products-bath #products-bath-list.static .btn:after,
#footer-products-bath #products-bath-list.static .btn:before,
#footer-products-public #products-public-list.static .btn:after,
#footer-products-public #products-public-list.static .btn:before,
#footer-products-kitchen #products-kitchen-list.static .btn:after,
#footer-products-kitchen #products-kitchen-list.static .btn:before {
display: none;
}

.nav-local .products-nav .row .btn:after {
right: 21px;
border-color: #004fa2 #004fa2 transparent transparent;
}
/* ==============================================================================================
 Adjust
================================================================================================= */
/* sp
----------------------------------------------------------- */
.pc-dn {
display: none;
}
/* [mt|mb|ml|mr][00-60]
----------------------------------------------------------- */
.mt00 {
margin-top: 0 !important;
}

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

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

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

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

.mr00 {
margin-right: 0 !important;
}

.mr10 {
margin-right: 10px !important;
}

.mr20 {
margin-right: 20px !important;
}

.mb00 {
margin-bottom: 0 !important;
}

.mb05 {
margin-bottom: 5px !important;
}

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

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

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

.mb25 {
margin-bottom: 25px !important;
}

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

.mb35 {
margin-bottom: 35px !important;
}

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

.mb45 {
margin-bottom: 45px !important;
}

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

.mb55 {
margin-bottom: 55px !important;
}

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

.ml00 {
margin-left: 0 !important;
}

.ml10 {
margin-left: 10px !important;
}

.pt00 {
padding-top: 0 !important;
}

/* align
----------------------------------------------------------- */
.v-top {
vertical-align: top !important;
}

.v-mid {
vertical-align: middle !important;
}

.center {
text-align: center !important;
}

.right {
text-align: right !important;
}

/* border
----------------------------------------------------------- */
.border-01 {
border: 1px solid #ccc;
}

/* font-b
----------------------------------------------------------- */
.font-b {
font-weight: bold !important;
}

/* font-n
----------------------------------------------------------- */
.font-n {
font-weight: normal !important;
}

/* font-s
----------------------------------------------------------- */
.font-s {
font-size: 85.71428% !important;
}

/* font-l
----------------------------------------------------------- */
.font-l {
font-size: 114.28571% !important;
}

/* color-01
----------------------------------------------------------- */
strong.color-01 {
font-weight: bold !important;
color: #f00 !important;
}

/* color-02
----------------------------------------------------------- */
.color-02 {
color: #f00 !important;
}

/* color-03
----------------------------------------------------------- */
.color-03 {
color: #000 !important;
}

/* icn
----------------------------------------------------------- */
img.icn {
vertical-align: text-bottom;
}

img.icn2 {
margin-bottom: 2px;
vertical-align: text-bottom;
}

img.icn-l {
vertical-align: middle;
}

/* float
----------------------------------------------------------- */
.fl {
float: left;
}

.clear {
clear: both;
}

/* w[187-490]
----------------------------------------------------------- */
.w84 {
width: 84px;
}

.w90 {
width: 90px;
}

.w100 {
width: 100px;
}

.w187 {
width: 187px;
}

.w188 {
width: 188px;
}

.w214 {
width: 214px;
}

.w215 {
width: 215px;
}

.w224 {
width: 224px;
}

.w235 {
width: 235px;
}

.w240 {
width: 240px;
}

.w277 {
width: 277px;
}

.w300 {
width: 300px;
}

.w490 {
width: 490px;
}

.w7per {
width: 7%;
}

.w9per {
width: 9%;
}

.w10per {
width: 10%;
}

.w13per {
width: 13%;
}

.w14per {
width: 14%;
}

.w15per {
width: 15%;
}

.w16per {
width: 16%;
}

.w17per {
width: 17%;
}

.w18per {
width: 18%;
}

.w20per {
width: 20%;
}

.w25per {
width: 25%;
}

.w26per {
width: 26%;
}

.w28per {
width: 28%;
}

.w30per {
width: 30%;
}

.w32per {
width: 32%;
}

.w34per {
width: 34%;
}

.w35per {
width: 35%;
}

.w37per {
width: 37%;
}

.w43per {
width: 43%;
}

.w50per {
width: 50%;
}

.w57per {
width: 57%;
}

.w64per {
width: 64%;
}

.w70per {
width: 70%;
}

.w-auto {
width: auto;
}

/* ==============================================================================================
 Clearfix
================================================================================================= */
.cfx:after,
.nav-local ul li dl:after,
#nav-local ul li dl:after,
#footer-products .nav-icn:after,
#footer-products ul.nav-products:after,
#footer-products ul.nav-products > li.has-child:after,
#footer-products ul.nav-products > li.has-child > ul:after,
#footer-products .list-social:after,
#nav-site .list-social:after,
#footer-products-bath ul:after,
#footer-products-kitchen ul:after,
#footer-products-groom ul:after,
#footer-products-toilet ul:after,
#footer-products-groom div.list-float:after,
#footer-products-public ul:after,
#footer-products-public div.list-float:after,
#lyt-banner:after,
.hdg-l1-01-nav-container .nav-crasso:after,
.hdg-l1-01-nav-container .nav-crasso ul:after,
.hdg-l1-01-nav-container .nav-sazana:after,
.hdg-l1-01-nav-container .nav-sazana ul:after,
.hdg-l1-01-nav-container .nav-products-01:after,
.hdg-l1-01-nav-container .nav-products-01 ul:after,
.hdg-l1-01-nav-container .nav-products-02:after,
.hdg-l1-01-nav-container .nav-products-02 ul:after,
.hdg-l1-01-nav-container .nav-products-03:after,
.hdg-l1-01-nav-container .nav-products-03 ul:after,
.nav-page-01:after,
.nav-btn-01:after,
.nav-btn-02:after,
.nav-index-01:after,
.nav-category-01:after,
.nav-underlayer-01:after,
.nav-underlayer-02:after,
.nav-underlayer-02 .nav-l .link:after,
.nav-underlayer-03:after,
.nav-underlayer-03 .nav-l:after,
.nav-underlayer-03 .nav-l .column .link:after,
.nav-underlayer-04-inner:after,
.nav-underlayer-04 .link:after,
.nav-col3img-01:after,
.list-icn-01:after,
.lyt-grid-01 .col-plural-container:after,
.lyt-col2-01:after,
.lyt-col3-01:after,
.lyt-col4-01:after,
.lyt-col5-01:after,
.lyt-img-02.col-plural:after,
.lyt-spec-01 .spec:after,
.lyt-spec-01 .spec .column .lyt-img.col-plural:after,
.lyt-color-01:after,
.lyt-color-01 .column-l .list:after,
.lyt-type-01 .list-icn:after,
.lyt-select-01 .select:after,
.lyt-select-01 .select .list-btn:after,
.box-voice-01-inner:after,
.box-point-01-inner:after,
.lyt-setplan-02-name .image:after,
.lyt-setplan-02-detail:after,
.lyt-setplan-03-name .image:after,
.lyt-setplan-03-detail:after,
.box-interview-01-inner:after,
.box-interview-01-content:after,
.tbl-setplan-01 td.list-icn ul:after,
.tbl-setplan-01 td.list-sizeicn ul:after,
.tbl-setplan-01 td .list-icn:after,
.box-voice-01 .voice-col3:after,
.box-voice-01 .voice-col3 .col:after,
.box-links-01-inner:after,
.box-links-01 .links-l:after,
.box-links-01 .links-l .inner:after,
.lyt-tbl-01:after,
.box-public-01 .content-inner:after,
.list-bullet-01.inline,
.nav-index-02:after,
.box-interview-02-content:after,
.box-interview-02-commentary:after {
display: block;
clear: both;
overflow: hidden;
content: "";
}
@media screen and (max-width: 970px) {
#contents {
width: 100%;
}
#topic-path {
padding: 0 10px 7px;
}
.nav-local .products-nav {
padding-top: 0;
background: none;
border-top: 3px solid #004fa2;
}
.nav-local .products-nav .row {
padding: 0 10px;
background-image: -webkit-linear-gradient(#f3f3f3, #fff);
background-image:         linear-gradient(#f3f3f3, #fff);
}
.nav-local ul li > a {
padding: 9px 5px;
font-size: .8125rem;
}
.nav-local .products-nav ul li > a:hover:after,
.nav-local .products-nav ul li > a:focus:after,
.nav-local .products-nav ul li > a:active:after,
.nav-local .products-nav ul li > a.current:after {
background-image: -webkit-linear-gradient(#ededed, #fff);
background-image:         linear-gradient(#ededed, #fff);
}
.nav-local .products-nav ul li > a.current:after {
background-image: -webkit-linear-gradient(#e6e6e6, #fff);
background-image:         linear-gradient(#e6e6e6, #fff);
}
#public.nav-local .products-nav ul li.category > a {
width: 100px;
}
#public.nav-local .products-nav ul li.category.branch > a {
width: 140px;
}
.nav-local .products-nav ul li.category.active > div > .pd {
width: 145px;
font-size: .8125rem;
}
#public.nav-local .products-nav ul li.category.active > div > .pd,
#public.nav-local .products-nav ul li.category.branch.active > div > .pd {
font-size: .8125rem;
}
#public.nav-local .products-nav ul li.category.active > div > .pd {
width: 113px;
}
#public.nav-local .products-nav ul li.category.branch.active > div > .pd {
width: 153px;
}
#footer-products {
padding: 0 10px;
}
#footer-products .nav-icn {
margin: 0 0 15px 0;
}
#footer-products .nav-icn li {
width: 31%;
margin: 0 3.5% 0 0;
text-align: center;
background-image: -webkit-linear-gradient(#fff, #ddd);
background-image:         linear-gradient(#fff, #ddd);
border-radius: 2px;
box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1);
}
#footer-products .nav-icn li:last-child {
margin-right: 0;
}
#footer-products .nav-icn li a {
background: none;
}
#footer-products .nav-icn li a img {
display: block;
margin: 0 auto 5px;
}
#footer-products .nav-top {
margin-top: 20px;
}
#footer-products ul.nav-products {
width: 100%;
}
#footer-products ul.nav-products > li.has-child {
padding-left: 4px;
}
#footer-products ul.nav-products > li.has-child > ul {
width: 85%;
}
#footer-products ul.nav-products > li.last-child {
margin-right: 0;
}
#footer-products-bath,
#footer-products-public,
#footer-products-kitchen {
padding: 10px;
background: none;
}
#footer-products-bath #footer-products-bath-inner,
#footer-products-public #footer-products-public-inner,
#footer-products-kitchen #footer-products-kitchen-inner {
margin: 0 -2px;
padding: 5px;
background: #f4f4f4;
border-radius: 2px;
}
#footer-products-bath #products-bath-list,
#footer-products-public #products-public-list,
#footer-products-kitchen #products-kitchen-list {
padding: 0 10px;
background: #fff;
border: 1px solid #dbdbdb;
}
#footer-products-bath .bath,
#footer-products-public .public,
#footer-products-kitchen .kitchen {
margin: 0 -10px;
padding: 12px 10px;
background: #eee;
}
#footer-products-bath ul,
#footer-products-public ul,
#footer-products-kitchen ul {
box-sizing: border-box;
width: 100%;
margin-left: 0;
padding: 15px 0;
}
#footer-products-bath ul.split,
#footer-products-public ul.split,
#footer-products-kitchen ul.split {
padding: 15px 0;
background: none;
border-top: 1px solid #ccc;
}
#footer-products-bath ul li.col-grid3,
#footer-products-public ul li.col-grid3,
#footer-products-kitchen ul li.col-grid3 {
width: 22%;
margin: 0 4% 0 0;
}
#footer-products-bath ul li.col-grid3:last-child,
#footer-products-public ul li.col-grid3:last-child,
#footer-products-kitchen ul li.col-grid3:last-child {
margin-right: 0;
}
#footer-products-bath ul li.col-grid6,
#footer-products-public ul li.col-grid6,
#footer-products-kitchen ul li.col-grid6 {
width: 48%;
margin: 0 4% 0 0;
}
#footer-products-bath ul li.col-grid6:last-child,
#footer-products-public ul li.col-grid6:last-child,
#footer-products-kitchen ul li.col-grid6:last-child {
margin-right: 0;
}
#footer-products-public div.list-float,
#footer-products-kitchen div.list-float {
margin-right: 0;
}
#footer-products-public ul li.col-grid12,
#footer-products-kitchen ul li.col-grid12 {
width: 100%;
margin-left: 0;
}
#footer-products-public ul li.col-grid6 div.list-float ul,
#footer-products-kitchen ul li.col-grid6 div.list-float ul {
width: 45.75%;
margin: 0 8.5% 0 0;
}
#footer-products-public ul li.col-grid12 div.list-float ul,
#footer-products-kitchen ul li.col-grid12 div.list-float ul {
width: 22%;
margin: 0 4% 0 0;
}
#footer-products-public ul li.col-grid6 div.list-float ul:last-child,
#footer-products-public ul li.col-grid12 div.list-float ul:last-child,
#footer-products-kitchen ul li.col-grid12 div.list-float ul:last-child {
margin-right: 0;
}
.bnr-area-01,
#lyt-banner {
padding: 0 10px;
}
.bnr-area-01 p img {
width: 100%;
}
#lyt-banner {
margin: 0 0 30px 0;
}
#lyt-banner .col-grid3,
#lyt-banner .col-grid6 {
margin: 0 2% 0 0;
}
#lyt-banner .col-grid3:last-child,
#lyt-banner .col-grid6:last-child {
margin-right: 0;
}
#lyt-banner .col-grid3 {
width: 23.5%;
}
#lyt-banner .col-grid3 img {
width: 100%;
}
.hdg-l1-01-mv-container .mv.ud .mv-inner p {
font-size: 114.28571%;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn a {
font-size: 100%;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-inner p {
font-size: 114.28571%;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn a {
font-size: 100%;
}
.hdg-l1-01 + .mv img,
.hdg-l1-01-mv-container .mv img,
.hdg-l1-01 + .read + .mv img {
width: 100%;
}
.hdg-l1-01-nav-container,
.hdg-l1-01-mv-container {
padding: 0 10px;
}
.hdg-l1-01-container .hdg-l1-01 {
padding: 0 10px 25px;
}
.hdg-l1-01 + .read {
padding: 0 10px;
font-size: .875rem;
}
.hdg-l1-01-nav-container .nav-products-02 {
background: none;
}
.hdg-l1-01-nav-container .nav-products-02 > div {
box-sizing: border-box;
margin: -5px 1% 0 0 !important;
padding: 2px !important;
background: #f4f4f4 !important;
border-radius: 2px;
}
.hdg-l1-01-nav-container .nav-products-02 > div > .inner,
.hdg-l1-01-nav-container .nav-products-02 .box-04 p {
padding: 10px;
background: #fff;
border: 1px solid #d3d3d3;
}
.hdg-l1-01-nav-container .nav-products-02 .box-01 {
width: 23%;
}
.hdg-l1-01-nav-container .nav-products-02 .box-02 {
width: 28%;
}
.hdg-l1-01-nav-container .nav-products-02 .box-03 {
width: 24%;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 {
width: 22%;
margin-right: 0 !important;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a {
font-size: .8125rem;
}
.hdg-l1-01-nav-container .nav-products-02 .hdg {
font-size: .875rem;
color: #333;
}
.hdg-l1-01-nav-container .nav-products-02 ul li {
margin-bottom: 10px;
}
.hdg-l1-01-nav-container .nav-products-02 .box-03 ul li {
width: 100%;
}
.hdg-l2-01 {
padding-bottom: 0;
background-image: -webkit-linear-gradient(#fff, #eee 5px, #fff);
background-image:         linear-gradient(#fff, #eee 5px, #fff);
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1);
}
.hdg-l2-01 h2 {
background: none;
}
.hdg-l4-01 {
background: none;
}
.hdg-l4-01:before {
position: absolute;
top: 3px;
left: 0;
display: block;
width: 12px;
height: 12px;
background: #004fa2;
border-radius: 6px;
content: "";
}
.hdg-l4-01:after {
position: absolute;
top: 6px;
left: 3px;
display: block;
width: 6px;
height: 6px;
background: #fff;
border-radius: 3px;
content: "";
}
.nav-btn-01 {
width: 49%;
}
.col-plural-container > .col-grid6 .nav-btn-01 {
width: 100%;
}
.lyt-spec-01 .column .nav-btn-01 {
width: 66%;
}
.nav-btn-01 li {
width: 100% !important;
background: none !important;
}
.nav-btn-01.side li {
margin-bottom: 20px;
}
.nav-btn-01 li a {
background: -webkit-linear-gradient(#fff, #dedede) !important;
background:         linear-gradient(#fff, #dedede) !important;
border-radius: 2px;
box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1);
}
.nav-btn-02 {
width: 100%;
margin-left: 0;
}
.nav-btn-02 li {
margin-left: 0;
background: none !important;
}
.nav-btn-02 li.col-grid4 {
width: 32%;
margin: 0 2% 10px 0;
}
.nav-btn-02 li.col-grid4:nth-child(3n) {
margin-right: 0;
}
.nav-btn-02 li.col-grid4:nth-child(3n+1) {
clear: left;
}
.nav-btn-02 li.col-grid6 {
width: 49%;
margin: 0 2% 10px 0;
}
.nav-btn-02 li.col-grid6:nth-child(2n) {
margin-right: 0;
}
.nav-btn-02 li.col-grid6:nth-child(2n+1) {
clear: left;
}
.col-grid4 .nav-btn-02 li.col-grid4 {
width: 100%;
}
.nav-btn-02 li a {
background: -webkit-linear-gradient(#fff, #dedede) !important;
background:         linear-gradient(#fff, #dedede) !important;
border-radius: 2px;
box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1);
}
.nav-btn-02 li a span {
padding: 17px 10px 15px 34px;
background: none;
}
.nav-category-01 {
margin: 0;
}
.nav-category-01 li {
width: 23.5%;
height: auto !important;
margin: 10px 2% 0 0;
}
.nav-category-01 li:nth-child(4n) {
margin-right: 0;
}
.nav-category-01 li:nth-child(4n+1) {
clear: left;
}
.nav-category-01 li a img {
width: 100%;
}
.nav-category-01 li.current a img {
margin: 0 0 8px;
}
.nav-underlayer-01 {
padding: 0 8px;
}
.nav-underlayer-01 .nav-l,
.nav-underlayer-01 .nav-r {
padding: 2px;
}
.nav-underlayer-01 .nav-l .nav-inner,
.nav-underlayer-01 .nav-r .nav-inner {
padding: 10px;
}
.nav-underlayer-01-container {
padding: 0 8px;
}
.nav-underlayer-04 {
box-sizing: border-box;
margin: 0 8px;
padding: 2px !important;
background: #f4f4f4 !important;
border-radius: 2px;
}
.nav-underlayer-04 .hdg {
float: none;
width: 100%;
margin-bottom: 10px;
}
.nav-underlayer-04 .link {
float: none;
width: 100%;
}
.nav-underlayer-04 .link li {
min-width: auto;
}
.nav-underlayer-04-inner {
padding: 10px;
background: #fff;
border: 1px solid #d3d3d3;
}
.nav-col1img-01 {
background: -webkit-linear-gradient(#fff 83%, #fefefe 88%, #f4f4f4);
background:         linear-gradient(#fff 83%, #fefefe 88%, #f4f4f4);
}
.nav-col3img-01 {
margin-left: 0;
}
.nav-col3img-01 .col {
width: 32%;
margin: 0 2% 0 0;
}
.nav-col3img-01 .col:nth-child(3n) {
margin-right: 0;
}
img.full {
width: 100%;
}
.lyt-img-01 .column img {
width: 100%;
}
.lyt-img-01 .img img[class^="icn"],
.lyt-img-01 .column img[class^="icn"] {
width: auto !important;
}
.lyt-img-01 .nav-btn-02 li.col-grid4,
.lyt-img-01 .nav-btn-02 li.col-grid5,
.lyt-img-01 .nav-btn-02 li.col-grid6 {
float: none;
width: 100%;
margin-right: 0;
}
.lyt-img-02.col-plural {
margin: 0;
}
.lyt-img-02.col-plural.grid3 p,
.lyt-img-02.col-plural.grid4 p,
.lyt-img-02.col-plural.grid6 p {
width: 23.5%;
height: auto !important;
margin: 10px 2% 0 0;
}
.lyt-img-02.col-plural.grid4 p {
width: 32%;
}
.lyt-img-02.col-plural.grid6 p {
width: 49%;
}
.lyt-img-02.col-plural.grid3 p:nth-child(4n),
.lyt-img-02.col-plural.grid4 p:nth-child(3n),
.lyt-img-02.col-plural.grid6 p:nth-child(2n) {
margin-right: 0;
}
.lyt-img-02.col-plural p img {
width: 100%;
}
.lyt-img-02.col-plural p img[class^="icn"] {
width: auto;
}
.lyt-img-02.col-plural p small[class^="caption-grid"] {
box-sizing: border-box;
width: 100% !important;
}
.lyt-img-02 p a small,
.lyt-img-02 .link li a small {
font-size: .8125rem;
}
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p {
width: 100%;
margin-left: 0;
}
.col-grid8 .lyt-img-02.col-plural.in-grid.grid6 p {
width: 48.5%;
margin-right: 3%;
}
.col-grid8 .lyt-img-02.col-plural.in-grid.grid6 p:nth-child(2n) {
margin-right: 0;
}
.lyt-grid-01 {
box-sizing: border-box;
width: 100%;
padding: 0 10px;
}
.lyt-grid-01 .nav-underlayer-02,
.lyt-grid-01 .nav-underlayer-03,
.lyt-grid-01 .nav-underlayer-04,
.lyt-grid-01 .box-contents-01,
.lyt-grid-01 .box-voice-01,
.lyt-grid-01 .box-point-01 {
margin: 0 -5px;
}
.lyt-grid-01 .col-plural-container {
margin-left: 0;
}
.lyt-grid-01 .col-plural-container > .col-grid3,
.lyt-grid-01 .col-plural-container > .col-grid4,
.lyt-grid-01 .col-plural-container > .col-grid5,
.lyt-grid-01 .col-plural-container > .col-grid6,
.lyt-grid-01 .col-plural-container > .col-grid7,
.lyt-grid-01 .col-plural-container > .col-grid8 {
margin: 20px 2% 0 0;
}
.lyt-grid-01 .col-plural-container > .col-grid3 {
width: 22%;
}
.lyt-grid-01 .col-plural-container > .col-grid4 {
width: 32%;
}
.lyt-grid-01 .col-plural-container > .col-grid5 {
width: 39%;
}
.lyt-grid-01 .col-plural-container > .col-grid6 {
width: 49%;
}
.lyt-grid-01 .col-plural-container > .col-grid7 {
width: 59%;
}
.lyt-grid-01 .col-plural-container > .col-grid8 {
width: 66%;
}
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid6 + .col-grid6,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid7 + .col-grid5,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid5 + .col-grid7,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid4 + .col-grid8,
.lyt-grid-01 .col-plural-container > div:nth-child(3n-1).col-grid4 + .col-grid4,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid8 + .col-grid4 {
margin-right: 0;
}
.col-plural-container > [class^="col-grid"] img.full {
width: 100%;
}
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid3,
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid4,
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid5,
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid6,
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid7,
.box-contents-01 .lyt-grid-01 .col-plural-container > .col-grid8 {
width: 100%;
}
.lyt-col5-01 {
margin-left: -2%;
}
.lyt-col5-01 .column {
width: 18%;
margin-left: 2%;
}
#ranking.lyt-col5-01 .column img {
width: 100%;
}
.lyt-setplan-03-detail .plan-item span {
text-align: center;
}
.lyt-setplan-03-detail .plan-item li {
text-align: center;
}
.lyt-spec-01 .spec .hdg {
width: 30%;
border-right: none;
}
.lyt-grid-01 .col-grid8 .lyt-spec-01 .spec .hdg {
width: 38%;
}
.lyt-spec-01 .spec .column {
margin-left: 0;
}
.lyt-spec-01 .spec .column {
width: 70%;
}
.lyt-grid-01 .col-grid8 .lyt-spec-01 .spec .column {
width: 62%;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural {
margin-left: 0;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid {
width: 32%;
margin: 10px 2% 0 0;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid {
width: 49%;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:nth-child(3n),
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-3grid:nth-child(2n) {
margin-right: 0;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid.right-arrow:after {
position: absolute;
top: 45px;
right: -15px;
display: block;
width: 0;
height: 0;
margin-left: 25px;
border: 10px solid transparent;
border-left: 10px solid #004fa1;
content: "";
}
.lyt-spec-01 .spec .column .lyt-img.col-plural img {
width: 100%;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural img[class^="icn"] {
width: auto;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p:after {
margin-left: -11px;
border-width: 7px;
}
.lyt-movie-01 {
display: block;
width: auto;
}
.lyt-movie-01 img {
width: 100%;
}
.lyt-color-01 .column-l {
width: 49%;
margin-right: 1%;
}
.lyt-color-01 .column-l .colors,
.lyt-color-01 .column-l .colors .hdg2 {
width: 100% !important;
}
.lyt-color-01.bath .column-l .colors .list {
margin-left: -12px;
padding-left: 0;
}
.lyt-color-01.bath .column-l .colors .list li {
box-sizing: border-box;
width: 50px;
height: 29px;
margin: 0 0 10px 12px;
}
.lyt-color-01 .column-l .colors .list li a {
box-sizing: border-box;
width: 100%;
height: 100%;
}
.lyt-color-01 .column-l .colors .list li a img {
width: 100%;
height: 100%;
vertical-align: top;
}
.lyt-color-01 .column-l .colors .list li.active img {
margin: 0 !important;
}
.lyt-color-01 .column-r {
width: 49%;
}
.lyt-color-01 .column-r .sample .photo img {
width: 100%;
}
.lyt-color-01 .column-r .sample .photo img[class^="icn"] {
width: auto;
}
.lyt-select-01 .select {
margin: 0 0 10px -2%;
}
.lyt-select-01 .select [class^="col-grid"]:nth-child(4n+1) {
clear: left;
}
.lyt-select-01 .select .col-grid2 {
width: 18%;
}
.lyt-select-01 .select .col-grid4 {
width: 37%;
}
.lyt-select-01 .select .col-grid2,
.lyt-select-01 .select .col-grid4 {
margin: 0 0 28px 2%;
}
.lyt-select-01 .select .list-btn {
margin: 0;
}
.lyt-select-01 .select .col-grid2 .list-btn li,
.lyt-select-01 .select .col-grid4 .list-btn li {
width: 100%;
margin: 0;
background: #f4f4f4;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
}
.lyt-select-01 .select .list-btn li.active {
box-sizing: border-box;
background: none;
border: 3px solid #004fa2;
}
.lyt-select-01 .select .col-grid4 .list-btn li {
width: 48%;
}
.lyt-select-01 .select .col-grid4 .list-btn li:first-child {
margin-right: 4%;
}
.lyt-select-01 .select .list-btn li a span {
background: none;
}
.lyt-select-01 .select .list-btn li.active a span {
background: #d3e2ff;
}
.lyt-select-01 .select .col-grid2 img,
.lyt-select-01 .select .col-grid4 img {
box-sizing: border-box;
width: 100%;
}
.lyt-select-01 .tbl-spec td img {
width: 100%;
}
.lyt-story-01 {
height: auto;
}
.lyt-story-01 > .content {
position: static;
background-color: #000;
}
.lyt-kitchen-01 {
height: auto;
}
.lyt-kitchen-01 > .content {
position: static;
background-color: #fff;
}
.box-contents-01 {
box-sizing: border-box;
padding: 2px !important;
background: #f4f4f4 !important;
background: none;
border-radius: 2px;
}
.box-contents-01-inner {
padding: 10px;
background: #fff;
background: #fff;
border: 1px solid #d3d3d3;
}
.box-contents-02 {
padding: 10px;
}
.box-contents-03 {
padding: 10px;
}
.box-voice-01,
.box-point-01 {
box-sizing: border-box;
margin: 40px -2px 0 !important;
padding: 2px !important;
background: #f4f4f4 !important;
border-radius: 2px;
}
.box-voice-01-inner,
.box-point-01-inner {
padding: 10px;
background: #fff;
border: 1px solid #d3d3d3;
}
.box-voice-01-inner {
padding-bottom: 0;
}
.box-voice-01 .voice-l,
.box-point-01 .point-l,
.box-voice-01 .voice-r,
.box-point-01 .point-r {
width: 50%;
}
.box-voice-01 .voice-l,
.box-voice-01 .voice-r {
margin-bottom: 10px;
}
#nav-products-links {
padding: 10px;
}
.box-links-01 {
margin: 0 -2px;
padding: 2px;
background: #f4f4f4;
border-radius: 2px;
}
.box-links-01-inner {
padding: 4px 5px;
background: none;
}
.box-links-01-inner .hdg img {
width: 100%;
}
.box-links-01 .links-l {
box-sizing: border-box;
width: 69%;
margin-right: 1%;
padding: 0 0 15px;
background: #fff;
border: 1px solid #dbdbdb;
}
.box-links-01 .links-l .col-l {
float: left;
width: 50%;
}
.box-links-01 .links-l .col-l .lyt-col2 .col img {
width: 100%;
}
.box-links-01 .links-l .col-r {
width: 50%;
}
.box-links-01 .links-l .col-r .lyt-img-01.img-l .column {
width: 60%;
}
.box-links-01 .links-l .col-r .lyt-img-01.img-l .img {
width: 40%;
}
.box-links-01 .links-l .col-r .lyt-img-01.img-l img {
width: 100%;
}
.box-links-01 .links-r {
box-sizing: border-box;
width: 30%;
padding: 0;
background: #fff;
border: 1px solid #dbdbdb;
}
.box-links-01 .links-r li img {
width: 100%;
height: auto;
}
.box-links-01 .links-r .nav-btn-links-01 {
box-sizing: border-box;
width: 100%;
padding: 0 15px 15px;
}
.box-links-01 .links-r .nav-btn-links-01 li {
width: 100%;
background: none;
}
.box-links-01 .links-r .nav-btn-links-01 li a {
background: -webkit-linear-gradient(#fff, #dedede) !important;
background:         linear-gradient(#fff, #dedede) !important;
border-radius: 2px;
box-shadow: 0 0 1px 2px rgba(0, 0, 0, .1);
}
.box-links-01 .links-r .nav-btn-links-01 li a span {
padding: 17px 10px 15px 34px;
}
.box-links-01 .links-r .nav-btn-links-01 li a img {
display: none;
}
.box-public-01 {
margin-bottom: 40px;
padding: 10px;
}
.box-public-01-inner {
box-sizing: border-box;
padding: 2px !important;
background: #f4f4f4 !important;
background: none;
border-radius: 2px;
}
.box-public-01-inner .content {
padding: 10px;
padding: 0 10px 10px;
background: #fff;
background: #fff;
border: 1px solid #d3d3d3;
}
.box-public-01 .hdg {
margin: 0 -10px 20px;
background-image: none;
}
.box-public-01 .content-inner .btn li {
display: block;
width: 100%;
margin-top: 10px;
}
.box-public-01 .content-inner .btn li:first-child {
margin-top: 0;
}
.box-interview-02 {
margin: 0 10px;
background: none;
}
.box-interview-02-inner {
padding: 0;
background: none;
border: 1px solid #ccc;
}
.box-interview-02-inner img.full {
width: auto;
max-width: 100%;
height: auto;
}
.box-interview-02 .box-interview-02-content {
padding: 0 10px 30px 10px;
background: #fff url("/products/common/images/v2/bg_interview2_01.jpg") repeat-y 0 0;
background-size: contain;
}
.box-interview-02 .box-interview-02-content .img {
width: 100%;
}
.box-interview-02 .box-interview-02-content .column {
width: 100%;
margin-bottom: 10px;
}
.box-interview-02 .box-interview-02-content > .interview-col {
width: 46%;
margin: 30px 2% 0;
}
.box-interview-02 .box-interview-02-content > .interview-col.mt00 {
margin-top: 30px !important;
}
._block img.full {
width: auto;
max-width: 100%;
height: auto;
}
.lyt-img-01._block {
display: block;
}
.lyt-img-01._block .column {
display: block;
}
.lyt-img-01.img-r._block .img,
.lyt-img-01.img-l._block .img {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.box-interview-02-commentary .box-interview-02-commentary-txt {
float: none;
width: 100%;
margin: 10px 0 20px;
font-size: 14px;
}
.box-interview-02-commentary .box-interview-02-commentary-img {
float: none;
width: 100%;
}
.box-interview-02-commentary-img p {
text-align: center;
}
.box-interview-02-commentary-img img.full {
width: auto;
max-width: 100%;
height: auto;
}
.uni-setbox .fct-image img {
width: 100px;
height: auto;
}
.uni-setbox .img {
max-width: 140px;
}
.uni-setbox .text {
word-break: break-all;
}
.uni-setbox span.fct-border.fct-img img {
max-width: 40px;
}
.uni-table-setplan tbody .row1 th:first-child {
border-left: 1px solid #d7d7d7;
}
.uni-table-setplan thead tr:first-child th:last-child {
display: none;
}
.uni-table-setplan tbody .row1 td:last-child {
display: none;
}
.uni-table-setplan col:nth-child(1) {
width: 25%;
}
.uni-table-setplan col:nth-child(2) {
width: 30%;
}
.uni-table-setplan col:nth-child(3) {
width: 45%;
}
.uni-table-setplan col:nth-child(4) {
width: 0;
}
.uni-table-setplan tbody .row1 .images img {
max-width: 170px;
}
.uni-table-setplan tbody .row1 .images img:nth-last-child(3) {
max-width: 110px;
padding-top: 10px;
}
.uni-table-setplan tbody .row1 .images img:nth-child(2) {
max-width: 52px;
}
.uni-table-setplan thead.fctFixed tr:first-child {
width: 100%;
max-width: 100%;
}
.uni-table-setplan thead.fctFixed {
top: 128px;
width: 100%;
max-width: 98%;
}
.uni-table-setplan._single thead.fctFixed {
top: 65px;
}
.uni-table-setplan thead.fctFixed tr:first-child th:nth-child(4) {
width: 0;
}
}
@media screen and (max-width: 767px) {
#contents {
font-size: .8125rem;
}
#topic-path {
display: none;
}
#nav-local-foot {
margin-top: 20px;
}
#topic-path + .nav-local {
display: none;
}
.nav-local .products-nav {
border-top: none;
}
.nav-local .products-nav .inner {
padding: 0 10px;
border-bottom: none;
}
.nav-local .products-nav .row {
padding: 0;
background: none;
}
.nav-local .products-nav .row .btn {
display: block;
padding: 12px 10px;
font-weight: bold;
color: #fff;
text-align: center;
background: #004fa2;
}
.nav-local .products-nav ul {
display: block;
padding: 5px;
background: #b1b3b5;
}
.nav-local .products-nav ul li {
position: static;
display: block;
padding-right: 0;
background: none;
border: 1px solid #a6a6a6;
}
.nav-local .products-nav ul li + li {
margin-top: -1px;
}
.nav-local ul li > a {
display: block;
height: auto;
padding: 12px 10px;
line-height: 1.5;
background: #fff;
}
.nav-local .products-nav ul li > a.current {
background: #f4f4f4;
}
.nav-local .products-nav ul li > a:hover:after,
.nav-local .products-nav ul li > a:focus:after,
.nav-local .products-nav ul li > a:active:after,
.nav-local .products-nav ul li > a.current:after {
display: none;
}
.nav-local .products-nav ul li.category > a,
#public.nav-local .products-nav ul li.category > a,
#public.nav-local .products-nav ul li.category.branch > a {
display: block;
width: auto;
color: #000;
background: #fff;
cursor: text;
}
.nav-local ul li > a br {
display: none;
}
.nav-local .products-nav ul li.category > div {
padding-left: 10px;
background: #fff;
}
.nav-local .products-nav ul li.category > div > .pd {
position: static !important;
display: block !important;
width: 100% !important;
}
.nav-local .products-nav ul li.category > div > .pd > p {
border: none;
border-top: 1px solid #a6a6a6 !important;
}
.nav-local .products-nav ul li.category > div > .pd > p > a {
display: block;
padding: 12px 10px;
background: none;
}
main {
border-top: 2px solid #eaeaea;
}
#footer-products .nav-icn li a {
font-size: .625rem;
}
#footer-products .nav-top a {
color: #fff;
background-image: -webkit-linear-gradient(#2d6eb3, #0d57a4);
background-image:         linear-gradient(#2d6eb3, #0d57a4);
border-radius: 2px 2px 0 0;
}
#footer-products .nav-top a span {
position: relative;
background: none;
}
#footer-products .nav-top a span:before {
position: absolute;
top: 2px;
left: 0;
display: block;
border-width: 3px 3px;
border-style: solid;
border-color: transparent transparent #fff transparent;
content: "";
}
#footer-products #products-list .btn {
display: block;
margin: 0 -10px;
padding: 10px 13px;
color: #333;
background: #fcfcfc;
border-top: 3px solid #004fa2;
border-bottom: 1px solid #ccc;
}
#footer-products #products-list .btn:hover,
#footer-products #products-list .btn:focus,
#footer-products #products-list .btn:active {
text-decoration: none;
}
#footer-products p.nav-products {
margin: 0 -10px 10px;
background: none;
border-top: none;
border-bottom: 1px solid #ccc;
}
#footer-products ul.nav-products {
padding: 0;
}
#footer-products ul.nav-products > li {
float: none;
}
#footer-products p.nav-products a,
#footer-products ul.nav-products > li > a {
display: block;
}
#footer-products ul.nav-products > li.has-child {
margin: 0 -10px 10px;
padding: 0;
}
#footer-products ul.nav-products > li > a {
padding-left: 18px;
}
#footer-products ul.nav-products > li.has-child > a {
display: block;
float: none;
box-sizing: border-box;
width: 100%;
padding-left: 27px;
}
#footer-products ul.nav-products > li.has-child > ul {
float: none;
box-sizing: border-box;
width: 100%;
padding: 10px 0 0 15px;
}
#footer-products ul.nav-products > li.has-child > ul > li {
display: inline-block;
float: none;
width: 50%;
margin-left: 0;
vertical-align: top;
}
#footer-products ul.nav-products > li.has-child > ul > li:nth-child(even) {
width: 47%;
}
#footer-products ul.nav-products > li.has-child > ul > li > a {
display: block;
padding-right: 10px;
}
#footer-products ul.nav-products > li.has-child > ul > li:nth-child(even) > a {
padding-right: 0;
}
#footer-products-bath,
#footer-products-public,
#footer-products-kitchen {
margin-bottom: 20px;
padding: 15px 10px;
background-image: -webkit-linear-gradient(#ebebeb, #f5f5f5);
background-image:         linear-gradient(#ebebeb, #f5f5f5);
}
#footer-products-bath #footer-products-bath-inner,
#footer-products-public #footer-products-public-inner,
#footer-products-kitchen #footer-products-kitchen-inner {
margin: 0;
padding: 0;
background: none;
border-radius: 0;
}
#footer-products-bath #products-bath-list .btn,
#footer-products-public #products-public-list .btn,
#footer-products-kitchen #products-kitchen-list .btn {
display: block;
margin: 0 -10px;
padding: 12px 10px;
color: #333;
}
#footer-products-bath #products-bath-list.opened .btn,
#footer-products-public #products-public-list.opened .btn,
#footer-products-kitchen #products-kitchen-list.opened .btn {
border-bottom: 1px solid #ccc;
}
#footer-products-bath #products-bath-list .btn:hover,
#footer-products-bath #products-bath-list .btn:focus,
#footer-products-bath #products-bath-list .btn:active,
#footer-products-public #products-public-list .btn:hover,
#footer-products-public #products-public-list .btn:focus,
#footer-products-public #products-public-list .btn:active,
#footer-products-kitchen #products-kitchen-list .btn:hover,
#footer-products-kitchen #products-kitchen-list .btn:focus,
#footer-products-kitchen #products-kitchen-list .btn:active {
text-decoration: none;
}
#footer-products-bath .bath,
#footer-products-public .public,
#footer-products-kitchen .public {
display: none;
}
#footer-products-bath ul.split,
#footer-products-public ul.split,
#footer-products-kitchen ul.split {
border-top: none;
}
#footer-products-bath ul li.col-grid3,
#footer-products-bath ul li.col-grid6,
#footer-products-public ul li.col-grid3,
#footer-products-public ul li.col-grid6,
#footer-products-kitchen ul li.col-grid3,
#footer-products-kitchen ul li.col-grid6 {
width: 100%;
margin-right: 0;
}
#footer-products-bath ul li span,
#footer-products-public ul li span,
#footer-products-kitchen ul li span {
position: relative;
padding-bottom: 5px;
color: #333;
}
#footer-products-bath ul li + li span,
#footer-products-public ul li + li span,
#footer-products-kitchen ul li + li span {
margin-top: 25px;
}
#footer-products-bath ul li span:after,
#footer-products-public ul li span:after,
#footer-products-kitchen ul li span:after {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 98%;
height: 1px;
background: #ccc;
content: "";
}
#footer-products-bath ul li ul li,
#footer-products-public ul li ul li,
#footer-products-kitchen ul li ul li {
display: inline-block;
width: 48%;
vertical-align: top;
}
#footer-products-bath ul li ul li:nth-child(even),
#footer-products-public ul li ul li:nth-child(even),
#footer-products-kitchen ul li ul li:nth-child(even) {
width: 50%;
}
#footer-products-bath ul li ul li:nth-child(odd) a,
#footer-products-public ul li ul li:nth-child(odd) a,
#footer-products-kitchen ul li ul li:nth-child(odd) a {
padding-right: 10px;
}
#footer-products-public ul li.col-grid6 div.list-float ul,
#footer-products-public ul li.col-grid12 div.list-float ul,
#footer-products-kitchen ul li.col-grid12 div.list-float ul {
width: 100%;
margin-right: 0;
}
.bnr-area-01 {
margin-bottom: 10px;
}
#lyt-banner {
margin: 0 0 20px 0;
}
#lyt-banner .col-grid3,
#lyt-banner .col-grid6 {
width: 49%;
}
#lyt-banner .col-grid3 > p:last-child,
#lyt-banner .col-grid6 > p:last-child {
margin-bottom: 0;
}
#lyt-banner .col-grid3:nth-child(even),
#lyt-banner .col-grid6:nth-child(even) {
margin-right: 0;
}
#lyt-banner .col-grid3 + div,
#lyt-banner .col-grid6 + div {
margin-top: 10px;
}
#lyt-banner .col-grid3:first-child,
#lyt-banner .col-grid3:first-child + div,
#lyt-banner .col-grid6:first-child,
#lyt-banner .col-grid6:first-child + div {
margin-top: 0;
}
.hdg-l1-01-mv-container .mv.ud {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.hdg-l1-01-mv-container .mv.ud .mv-inner {
position: static;
width: auto;
margin: 15px 15px 0;
padding: 0;
}
.hdg-l1-01-mv-container .mv.ud .mv-inner p {
font-size: .875rem;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn {
position: static;
width: auto;
margin: 15px 15px 0;
}
.hdg-l1-01-mv-container .mv.ud .mv-btn a:before {
top: 50%;
margin-top: -2px;
}
.hdg-l1-01-mv-container .mv.kitchen {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-inner {
position: static;
width: auto;
margin: 15px 15px 0;
padding: 0;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-inner p {
font-size: .875rem;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn {
position: static;
width: auto;
margin: 15px 15px 0;
}
.hdg-l1-01-mv-container .mv.kitchen .mv-btn a:before {
top: 50%;
margin-top: -2px;
}
.hdg-l1-01 {
padding: 18px 0;
font-size: 1.125rem;
}
.hdg-l1-01-container .hdg-l1-01 {
padding: 18px 10px;
}
.hdg-l1-01 .sub-txt {
font-size: .75rem;
}
.hdg-l1-01 + .mv {
margin: 0 -10px;
}
.hdg-l1-01-mv-container > .mv {
border-top: 1px solid #949494;
}
.hdg-l1-01-mv-container .mv-container[data-rwd="true"] .indicator {
top: -30px;
margin: 0 0 0 17px;
}
.hdg-l1-01-container.has-mv .mv {
margin-bottom: 0;
border-top: 1px solid #949494;
}
.hdg-l1-01-nav-container .nav-products-container {
box-sizing: border-box;
margin: -5px -2px 0 -2px !important;
padding: 2px !important;
background: #f4f4f4 !important;
border-radius: 2px;
}
.hdg-l1-01-nav-container .nav-products-02 {
margin-top: 0;
padding: 10px 10px 15px;
background: #fff;
border: 1px solid #d3d3d3;
}
.hdg-l1-01-nav-container .nav-products-02 > div {
clear: both;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
border-radius: 0;
}
.hdg-l1-01-nav-container .nav-products-02 > div + div {
margin-top: 25px !important;
}
.hdg-l1-01-nav-container .nav-products-02 > div > .inner,
.hdg-l1-01-nav-container .nav-products-02 .box-04 p {
padding: 0;
background: none;
border: none;
}
.hdg-l1-01-nav-container .nav-products-02 > div > .inner {
height: auto !important;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 {
width: 100%;
margin-right: 0 !important;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a {
line-height: 1.65 !important;
}
.hdg-l1-01-nav-container .nav-products-02 ul li {
display: inline-block;
float: none !important;
width: 48% !important;
vertical-align: top;
}
.hdg-l1-01-nav-container .nav-products-02 ul li:nth-child(even) {
width: 50% !important;
}
.hdg-l1-01-nav-container .nav-products-02 ul li:last-child {
margin-bottom: 0;
}
.hdg-l1-01-nav-container .nav-products-02 ul li a {
padding-right: 10px;
}
.hdg-l1-01-nav-container .nav-products-02 ul li:nth-child(even) a {
padding-right: 0;
}
.hdg-l1-02-container {
min-height: auto;
padding: 0 10px;
background-image: -webkit-linear-gradient(#d5f1ff 0, #fff 20%);
background-image:         linear-gradient(#d5f1ff 0, #fff 20%);
}
.hdg-l1-02-container > .hdg-l1-02 {
padding-top: 61px;
}
.hdg-l1-02-container > .hdg-l1-02 > .hdg {
font-size: 138.46154%;
}
.hdg-l1-02-container > .img {
right: 10px;
}
.hdg-l1-02-container > .img img {
height: 61px;
}
.hdg-l1-03-container {
min-height: auto;
padding: 25px;
}
.hdg-l1-03-container > .img {
display: none;
}
.hdg-l2-01-sub {
padding: 0 13px;
font-size: .875rem;
}
.hdg-l2-01-container,
.hdg-l2-02-container {
margin: 20px -10px 0;
}
.hdg-l1-01-mv-container + section > .hdg-l2-01-container,
.hdg-l1-01-mv-container + section > .hdg-l2-02-container {
margin-top: 0;
}
.hdg-l2-01 {
font-size: .875rem;
}
.hdg-l2-02 {
padding: 0;
font-size: .875rem;
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1);
}
.hdg-l2-02.public-counter-sg-01,
.hdg-l2-02.public-counter-sg-02,
.hdg-l2-02.public-counter-sg-03 {
background-image: -webkit-linear-gradient(#fff, #eee 5px, #fff);
background-image:         linear-gradient(#fff, #eee 5px, #fff);
}
.hdg-l2-02 > h2 {
display: block;
height: 100%;
}
.hdg-l2-02 > h2 > span {
display: block;
}
.hdg-l3-01 {
position: relative;
margin-bottom: 13px;
padding-bottom: 4px;
font-size: .8125rem;
color: #333;
}
.hdg-l3-01:after {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 98%;
height: 1px;
background: #ccc;
content: "";
}
* + .hdg-l3-01 {
margin-top: 25px;
}
.column > * + .hdg-l3-01 {
margin-top: 25px !important;
}
.hdg-l4-01 {
color: #333;
}
.hdg-l5-01 {
color: #333;
}
.nav-page-01 li {
float: none;
margin-right: 0;
}
.nav-btn-01 {
box-sizing: border-box;
width: 100% !important;
padding: 0 5px;
}
.lyt-img-02.col-plural + .nav-btn-01 {
margin-top: 20px;
}
.nav-btn-01 li a img {
display: none;
}
.nav-btn-01.side li.col-grid6 {
margin-left: 15px;
}
.nav-btn-02 {
box-sizing: border-box;
margin: 0;
padding: 0 5px;
}
.nav-btn-02 li,
.nav-btn-02 li.col-grid4,
.nav-btn-02 li.col-grid6 {
width: 100% !important;
margin: 0;
}
.nav-btn-02 li + li {
margin-top: 15px !important;
}
.nav-index-02 {
margin-left: 0;
}
.nav-index-02 .nav-index-02-inner {
float: none;
width: 100%;
margin-left: 0;
}
.nav-category-01 + .nav-category-01 {
margin-top: 15px;
}
.nav-category-01 li {
width: 49%;
margin-right: 1%;
}
.nav-category-01 li:nth-child(4n+1) {
clear: inherit;
}
.nav-category-01 li:nth-child(odd) {
clear: both;
}
.nav-category-01 li:nth-child(even) {
float: right;
margin-right: 0;
}
.nav-category-01 li + li {
margin-top: 15px !important;
}
.nav-category-01 li:first-child,
.nav-category-01 li:first-child + li {
margin-top: 0 !important;
}
.nav-underlayer-01 {
margin: 20px 0 0;
}
.nav-underlayer-01 .nav-l,
.nav-underlayer-01 .nav-r {
float: none;
width: 100%;
margin: 0;
}
.nav-underlayer-01 .nav-l .nav-inner .hdg,
.nav-underlayer-01 .nav-r .nav-inner .hdg {
font-size: .875rem;
color: #333;
}
.nav-underlayer-01 .nav-r {
margin-top: 10px;
}
.nav-underlayer-01 .hdg-l3-01 {
margin-left: 0;
}
.nav-underlayer-01-container {
margin-top: 20px;
}
.nav-underlayer-04 .hdg {
font-size: .875rem;
}
.nav-col1img-01 {
margin-top: 25px;
}
.nav-col3img-01 .col {
width: 100%;
margin: 20px 0 0;
}
.nav-col3img-01 .col:first-child {
margin-top: 0;
}
.nav-top-01.panel {
display: block;
}
.btn-type-02 {
box-sizing: border-box;
width: 100%;
padding: 17px 10px 15px 34px;
}
.btn-type-02._teiki {
min-width: auto;
max-width: 100%;
}
.btn-type-02._webshop {
min-width: auto;
max-width: 100%;
}
.txt-tag-01,
.txt-tag-02 {
padding: 0 2px;
font-size: .6875rem;
}
.txt-tag-product-01,
.txt-tag-product-02,
.txt-tag-product-03 {
padding: 1px 2px 0;
font-size: .6875rem;
}
.txt-tag-parts-01,
.txt-tag-parts-02 {
padding: 1px 2px 0;
font-size: .6875rem;
}
img.sp-full {
width: 100%;
}
.lyt-img-01.stage .column {
display: block;
}
.lyt-img-01.stage .img {
display: block;
padding: 0 !important;
}
.lyt-img-01.stage .img img {
width: 100%;
}
.col-grid6 .lyt-img-01 .img img {
width: 100px;
}
.col-grid6 .lyt-img-01.img-l.stage .img img {
width: 100%;
}
.lyt-img-01.stage .img + .column,
.lyt-img-01.stage .column + .img {
margin-top: 10px;
}
.lyt-img-01 .img small {
font-size: .75rem;
}
.lyt-img-02.col-plural + .lyt-img-02.col-plural {
margin-top: 20px;
}
.lyt-img-02.col-plural.grid3 p,
.lyt-img-02.col-plural.grid4 p,
.lyt-img-02.col-plural.grid6 p,
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p,
.col-grid8 .lyt-img-02.col-plural.in-grid.grid6 p {
width: 49%;
margin-right: 1%;
}
.lyt-img-02.col-plural.grid4.sp-col1,
.lyt-img-02.col-plural.grid6.sp-col1 {
text-align: center;
}
.lyt-img-02.col-plural.grid4.sp-col1 p,
.lyt-img-02.col-plural.grid6.sp-col1 p {
width: 100%;
margin-right: 0;
}
.lyt-img-02.col-plural.grid3 p:nth-child(4n+1),
.lyt-img-02.col-plural.grid4 p:nth-child(3n+1),
.lyt-img-02.col-plural.grid6 p:nth-child(2n+1) {
clear: inherit;
}
.lyt-img-02.col-plural.grid3 p:nth-child(odd),
.lyt-img-02.col-plural.grid4 p:nth-child(odd),
.lyt-img-02.col-plural.grid6 p:nth-child(odd),
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p:nth-child(odd) {
clear: both;
}
.lyt-img-02.col-plural.grid3 p:nth-child(even),
.lyt-img-02.col-plural.grid4 p:nth-child(even),
.lyt-img-02.col-plural.grid6 p:nth-child(even),
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p:nth-child(even) {
float: right;
margin-right: 0;
}
.lyt-img-02.col-plural.grid3 p + p,
.lyt-img-02.col-plural.grid4 p + p,
.lyt-img-02.col-plural.grid6 p + p,
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p + p {
margin-top: 20px !important;
}
.lyt-img-02.col-plural.grid3 p:first-child,
.lyt-img-02.col-plural.grid3 p:first-child + p,
.lyt-img-02.col-plural.grid4 p:first-child,
.lyt-img-02.col-plural.grid4 p:first-child + p,
.lyt-img-02.col-plural.grid6 p:first-child,
.lyt-img-02.col-plural.grid6 p:first-child + p,
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p:first-child,
.col-grid4 .lyt-img-02.col-plural.in-grid.grid12 p:first-child + p {
margin-top: 0 !important;
}
.lyt-img-02.col-plural.grid4.sp-col1 p:first-child + p,
.lyt-img-02.col-plural.grid6.sp-col1 p:first-child + p {
margin-top: 20px !important;
}
.lyt-img-02.col-plural.grid4.sp-col1 p img {
width: 70%;
}
.lyt-img-02 p small,
.lyt-img-02 .link li small {
font-size: .75rem;
}
.lyt-img-02.col-plural.grid4.sp-col1 p small,
.lyt-img-02.col-plural.grid6.sp-col1 p small {
text-align: left;
}
.hdg-l1-01-mv-container + div.lyt-grid-01 {
margin-top: 20px;
}
.lyt-grid-01 .col-plural-container > .col-grid6,
.lyt-grid-01 .col-plural-container > .col-grid7,
.lyt-grid-01 .col-plural-container > .col-grid5,
.lyt-grid-01 .col-plural-container > .col-grid4,
.lyt-grid-01 .col-plural-container > .col-grid3,
.lyt-grid-01 .col-plural-container > .col-grid8 {
width: 100%;
margin-right: 0 !important;
}
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid6 + .col-grid6,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid7 + .col-grid5,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid5 + .col-grid7,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid4 + .col-grid8,
.lyt-grid-01 .col-plural-container > div:nth-child(n+1).col-grid4 + .col-grid4,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid8 + .col-grid4,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid6 + .col-grid3,
.lyt-grid-01 .col-plural-container > div:nth-child(odd).col-grid6 + .col-grid3 + .col-grid3 {
margin-top: 10px !important;
}
.lyt-col5-01 {
margin: 0;
}
.lyt-col5-01 .column {
width: 49%;
margin: 10px 2% 0 0;
}
.lyt-col5-01 .column:nth-child(2n) {
margin-right: 0;
}
.lyt-col5-01 .column:first-child,
.lyt-col5-01 .column:first-child + .column {
margin-top: 0;
}
.lyt-setplan-01 .block {
display: block;
padding-top: 10px;
}
.lyt-setplan-01 .block .col {
display: block !important;
box-sizing: border-box;
width: 100% !important;
padding: 0 8px !important;
}
.lyt-setplan-01 .block .col + .col {
margin-top: 8px;
}
.lyt-setplan-01 .block .col.outline a.title,
.lyt-setplan-01 .block .col.outline a.title + .catch {
font-size: 100%;
}
.lyt-setplan-01 .block .col.outline a.title .hdg {
padding-top: 2px;
line-height: 1.5 !important;
}
.lyt-setplan-01 .block .col.detail .inner-col {
width: 50% !important;
}
.lyt-setplan-01 .block .col.detail .inner-col .hdg + dl dd img {
width: 115px;
}
.lyt-setplan-01 .block .col.detail .inner-col .price b {
font-size: 100%;
}
.lyt-setplan-01 .block .col.detail .inner-col .list-icn {
padding: 10px 0 0;
}
.lyt-setplan-01 .block .col.detail .inner-col .list-icn li {
display: block;
}
.lyt-setplan-01 .block .col.detail .inner-col .list-icn li:last-child {
margin-bottom: 0;
}
.lyt-setplan-01 .block .col.detail .inner-col .list-icn + p {
margin-top: 10px;
}
.lyt-setplan-01 .block .col.detail .inner-col .list-icn + p img {
width: 137px;
}
.lyt-setplan-02 {
display: block;
}
.lyt-setplan-02-name {
display: block;
width: 100%;
margin-bottom: 20px;
padding-right: 0;
}
.lyt-setplan-02-detail {
display: block;
width: 100%;
}
.lyt-setplan-02-detail .spec .spec-item {
margin: 0 10px;
}
.lyt-setplan-02-detail .spec img {
max-width: 98%;
margin: 0 1%;
}
.lyt-setplan-02-detail .price img {
max-width: 98%;
margin: 0 1%;
}
.lyt-setplan-02-detail .spec .image span.txt,
.lyt-setplan-02-detail .price .image span.txt {
width: 90%;
}
.lyt-setplan-03 {
display: block;
padding-bottom: 20px;
}
.lyt-setplan-03-name {
display: block;
width: 100%;
margin-bottom: 20px;
padding-right: 0;
}
.lyt-setplan-03-name .lyt-img-02 {
text-align: center;
}
.lyt-setplan-03-name .lyt-img-02 .strong {
margin-bottom: 15px;
text-align: left;
}
.lyt-setplan-03-detail {
display: block;
width: 100%;
}
.lyt-setplan-03-detail .spec,
.lyt-setplan-03-detail .plan,
.lyt-setplan-03-detail .price {
display: block;
float: none;
width: 100%;
}
.lyt-setplan-03-detail .detail-name {
margin: 15px 0;
}
.lyt-setplan-03-detail .plan-item {
text-align: center;
}
.lyt-setplan-03-detail .plan-item span {
width: 100%;
}
.lyt-setplan-03-detail .spec .spec-item {
margin: 0 10px;
}
.lyt-setplan-03-detail .price img {
max-width: 100%;
}
.lyt-spec-01 .spec {
margin: 0 -10px;
border-bottom: none;
}
.lyt-spec-01 .spec .hdg {
float: none;
width: 100%;
padding: 8px 10px;
font-size: .9375rem;
text-align: left;
border-bottom: 1px solid #ccc;
}
.lyt-spec-01 .spec .hdg br {
display: none;
}
.lyt-spec-01 .spec .column {
float: none;
width: 100% !important;
padding: 8px 10px;
border-bottom: none;
border-left: none;
}
.lyt-spec-01 .spec .column .data-price dl {
width: 100%;
}
.lyt-spec-01 .spec .column .data-price dl dt {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0 10px 0 0;
}
.lyt-spec-01 .spec .column .data-price dl dd {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0 10px 5px 0;
text-align: right;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid {
width: 49%;
margin-right: 1%;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:nth-child(3n+1),
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:nth-child(2n+1) {
clear: inherit;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:nth-child(odd),
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:nth-child(odd) {
clear: both;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:nth-child(even),
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:nth-child(even) {
float: right;
margin-right: 0;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid + p,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid + p {
margin-top: 20px !important;
}
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:first-child,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid3 .has-txt-3grid:first-child + p,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:first-child,
.lyt-spec-01 .spec .column .lyt-img.col-plural.grid4 .has-txt-4grid:first-child + p {
margin-top: 0 !important;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 {
max-width: 220px;
margin: 0 auto;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p:after {
top: 0;
left: 50%;
margin-top: -20px;
margin-left: -13px;
border-width: 11px;
border-color: transparent;
border-top-color: #004fa1;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 p img {
max-width: 100%;
}
.lyt-grid-01._flow .lyt-img-02.col-plural.grid3 .image:after {
position: absolute;
top: 0;
left: 50%;
display: inline-block;
width: 0;
height: 0;
margin-top: -18px;
margin-left: -13px;
border-width: 9px;
border-style: solid;
border-color: transparent;
border-top-color: #004fa1;
content: "";
}
.lyt-movie-01-container.public {
display: block;
}
.lyt-movie-01-container.public > .column {
display: block;
width: 100%;
}
.lyt-movie-01-container.public > .arrow {
margin: 10px 0;
}
.lyt-color-01 .column-l {
width: 100%;
margin-right: 0;
}
.lyt-color-01 .column-r {
width: 100%;
margin-top: 10px;
}
.lyt-select-01 .select {
margin: 0 0 10px -3%;
}
.lyt-select-01 .select [class^="col-grid"]:nth-child(4n+1) {
clear: inherit;
}
.lyt-select-01 .select .col-grid2 {
width: 47%;
margin: 0 0 20px 3%;
}
.lyt-select-01 .select .col-grid4 {
width: 97%;
margin: 0 0 20px 3%;
}
.lyt-select-01 .select .col-grid4 .list-btn li {
width: 48.5%;
}
.lyt-select-01 .select .col-grid4 .list-btn li:first-child {
margin-right: 3%;
}
.lyt-select-01 .select .list-btn li a span {
padding-top: 9px;
font-size: .8125rem;
}
.lyt-select-01 .switch-plan > .lyt-grid-01:first-child {
display: none;
}
.lyt-tbl-01.col4 .column {
float: none;
width: 100%;
}
.lyt-tbl-01 .column + .column .tbl-price-01 {
border-top: none;
border-left: 1px solid #ccc;
}
.lyt-tbl-01.col4 .column .tbl-price-01 th,
.lyt-tbl-01.col4 .column .tbl-price-01 td {
height: auto !important;
}
.lyt-tbl-02-column .cell-th-block {
display: table-caption;
width: 100%;
border: 1px solid #ccc;
border-bottom: 0;
}
.lyt-tbl-02-column .cell-th,
.lyt-tbl-02-column .cell-td,
.lyt-tbl-02-column .cell-null {
width: 33.3%;
}
.lyt-tbl-02-column .cell-td-03,
.lyt-tbl-02-column.w25 .cell-td-03 {
display: inline-block;
box-sizing: border-box;
width: 49.3%;
padding: 8px 15px;
vertical-align: top;
text-align: center;
background: none;
}
.lyt-tbl-02-column.unique .cell-td-03 {
width: 25%;
}
.lyt-tbl-02-column .cell-th-null,
.lyt-tbl-02-column .cell-null {
display: none;
}
.lyt-tbl-02-column.set-item {
border-top: 1px solid #ccc !important;
}
.lyt-tbl-02-column.set-item > div {
border-top: 0;
}
.lyt-tbl-02-column.set-item .cell-th-block,
.lyt-tbl-02-column.set-item-02 .cell-th-block {
display: none;
}
.lyt-tbl-02-column .list-bullet-01 li ul {
margin-left: 0;
}
.lyt-tbl-02-column .cell-th-04 {
width: auto;
}
.lyt-tbl-02-column .cell-th-04 .age-01 {
width: 66.6%;
}
.lyt-tbl-02-column .cell-th-04 .age-03 {
width: 33.3%;
}
.lyt-tbl-02-column .cell-td-06 div {
width: 46.078%;
}
.lyt-tbl-02-column .cell-td-06 div {
margin-right: 0;
}
.lyt-tbl-02-column .cell-td-06 .odd,
.lyt-tbl-02-column .cell-td-06 div.not {
margin-right: 5.5%;
}
.lyt-tbl-03-th.series.sp-hidden {
display: none;
}
.lyt-tbl-03-th,
.lyt-tbl-03-td {
width: 50%;
}
.lyt-tbl-03 .series {
display: table-caption;
width: 100%;
font-weight: normal;
text-align: center;
border: 1px solid #ccc;
border-bottom: 0;
}
.lyt-tbl-03-td span.img {
width: 100%;
margin-bottom: 10px;
}
.lyt-grid-01 .box-voice-01,
.lyt-grid-01 .box-point-01 {
margin: 20px -2px 0 !important;
}
.box-voice-01 .hdg,
.box-point-01 .hdg {
font-size: .875rem;
color: #333;
}
.box-voice-01 .voice-l,
.box-point-01 .point-l,
.box-voice-01 .voice-r,
.box-point-01 .point-r {
display: block;
width: 100%;
}
.box-point-01 .point-l + .point-r {
margin-top: 20px;
}
.box-voice-01 .img img,
.box-point-01 .img img {
width: 100px;
}
.box-voice-01 .column .link,
.box-point-01 .column .link {
padding-top: 1px;
}
.box-voice-01 .column .link a small {
font-style: .6875rem;
}
#nav-products-links {
margin-top: 20px;
}
.box-links-01 {
margin: 0;
padding: 0;
background: none;
}
.box-links-01-inner {
padding: 0;
}
.box-links-01 .links-l {
width: 100%;
height: auto !important;
margin-right: 0;
padding: 2px;
background: #f4f4f4;
border: none;
border-radius: 2px;
}
.box-links-01 .links-l .inner {
padding: 0 0 15px;
background: #fff;
border: 1px solid #dbdbdb;
}
.box-links-01 .links-l .col-l {
float: none;
width: 100%;
border-right: none;
}
.box-links-01 .links-l .col-l .lyt-col2 {
display: block;
}
.box-links-01 .links-l .col-l .lyt-col2 .col {
display: block;
text-align: center;
}
.box-links-01 .links-l .col-l .lyt-col2 .col + .col {
margin-top: 15px;
padding-left: 0;
}
.box-links-01 .links-l .col-l .lyt-col2 .col img {
width: auto;
}
.box-links-01 .links-l .col-l .lyt-col2 .col .caption {
max-width: 100%;
}
.box-links-01 .links-l .col-r {
width: 100%;
margin-top: 25px;
}
.box-links-01 .links-r {
width: 100%;
height: auto !important;
margin: 10px 0 0;
padding: 2px;
background: #f4f4f4;
border: none;
border-radius: 2px;
}
.box-links-01 .links-r .inner {
padding: 0 0 15px;
background: #fff;
border: 1px solid #dbdbdb;
}
.box-links-01 .links-r .nav-btn-links-01 {
padding-bottom: 0;
}
.box-public-01 .hdg {
margin-bottom: 15px;
padding: 10px;
}
.box-public-01 .content-inner .col-l,
.box-public-01 .content-inner .col-r {
float: none;
width: 100%;
}
.box-public-01 .content-inner .lead {
font-size: 107.692%;
}
.box-public-01 .content-inner .btn {
margin-top: 10px;
}
.box-public-01 .content-inner .btn li {
margin-top: 20px;
padding-left: 0;
}
.box-public-01 .content-inner .btn .btn-type-01 {
padding: 13px 10px 12px 20px;
}
.box-public-01 .link {
margin-top: 20px;
}
.box-public-01 .link + .link {
margin-top: 15px;
}
.box-public-01 .link > li > .text {
display: block;
}
.box-public-01 .link > li > .btn-type-02 {
margin: 10px 0 0;
padding: 11px 15px 11px 35px;
text-align: left;
}
.content-inner.basea-box .list-link-01 {
margin-bottom: 10px;
}
.box-result-01-inner .middle {
font-size: 123.07692%;
}
.box-result-01-inner .large {
font-size: 153.84615%;
}
.box-voice-02 {
display: block;
}
.box-voice-02 > div {
display: block;
}
.box-voice-02 > .voice {
width: auto;
margin-bottom: 20px;
}
.box-voice-02 > .voice:before {
position: absolute;
bottom: -18px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -5px;
border: 9px solid transparent;
border-top: 9px solid #ededed;
content: "";
}
.box-voice-02 > .voice:after {
display: none;
}
.box-voice-02 > .voice > ul {
font-size: .8125rem;
}
.box-voice-02 > .solution {
width: auto;
padding-left: 33px;
}
.box-voice-02 > .solution:before {
top: 0;
left: 0;
margin-top: 0;
}
.box-voice-02 > .solution > p {
font-size: .8125rem;
}
.tbl-dl-01 table th {
padding: 0 15px 15px 0;
white-space: inherit;
}
.col-grid7 .tbl-data-01 col {
display: none;
}
.tbl-data-01 th,
.tbl-data-01 td {
padding: 5px 4px;
font-size: .75rem;
}
.col-grid7 .tbl-data-01 tbody th {
width: 30%;
}
.tbl-data-01 tbody th {
word-wrap: break-word;
word-break: break-all;
}
.tbl-price-01 th,
.tbl-price-01 td strong {
font-size: .875rem;
}
.uni-setbox {
height: auto !important;
}
.uni-setbox .fct-image img {
width: 80px;
height: auto;
}
.uni-setbox span.fct-border.fct-img img {
max-width: 30px;
}
.uni-table-setplan tbody .row1 .images img:first-child,
.uni-table-setplan tbody .row1 .images img {
max-width: 80px;
}
.uni-table-setplan tbody .row1 .images img:nth-last-child(3) {
max-width: 60px;
padding-top: 20px;
}
.uni-table-setplan tbody .row1 .images img:nth-child(2) {
max-width: 20px;
}
.uni-table-setplan thead.fctFixed {
max-width: 97%;
}
.fct-ico-box .lyt-img-01.img-l .img img {
width: 100%;
max-width: 140px;
height: auto;
}
.fct-ico-box .lyt-img-01.img-l .img {
display: block;
width: 100px;
height: auto;
padding-right: 10px;
}
.fct-ico-box .center img {
max-width: 100%;
}
.nav-local ul li > a,
.nav-local .products-nav ul li.category > div > .pd > p > a {
position: relative;
}
.nav-local ul li > a:before,
.nav-local .products-nav ul li.category > div > .pd > p > a:before {
position: absolute;
top: 50%;
right: 10px;
display: block;
margin-top: -3px;
border-width: 3px 3px;
border-style: solid;
border-color: transparent transparent transparent #004fa2;
content: "";
}
.nav-local .products-nav ul li.category > a:before {
display: none;
}
#footer-products ul.nav-products > li.has-child > ul > li > a:before {
top: 7px;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a:before,
.lyt-img-02 p a small.strong:before,
.lyt-img-02 p a small.caption-grid3-strong:before,
.lyt-img-02 p a small.caption-grid4-strong:before,
.lyt-img-02 p a small.caption-grid6-strong:before,
#footer-products p.nav-products a:before,
#footer-products ul.nav-products > li > a:before {
top: 3px;
}
.box-links-01 .links-r .nav-btn-links-01 li a span:before {
top: 19px;
}
#footer-products ul.nav-products > li > a:before {
left: 0;
}
#footer-products ul.nav-products > li.has-child > a:before {
left: 10px;
}
.hdg-l1-01-nav-container .nav-products-02 .box-04 p a:after,
.lyt-img-02 p a small.strong:after,
.lyt-img-02 p a small.caption-grid3-strong:after,
.lyt-img-02 p a small.caption-grid4-strong:after,
.lyt-img-02 p a small.caption-grid6-strong:after,
#footer-products p.nav-products a:after,
#footer-products ul.nav-products > li > a:after {
top: 7px;
}
.box-links-01 .links-r .nav-btn-links-01 li a span:after {
top: 23px;
}
#footer-products ul.nav-products > li > a:after {
left: 6px;
}
#footer-products ul.nav-products > li.has-child > a:after {
left: 16px;
}
.sp-dn {
display: none;
}
.pc-dn {
display: inline-block;
}
}
@media screen and (max-width: 376px) {
.uni-table-setplan tbody th,
.uni-table-setplan tbody td {
word-break: break-all;
}
}