@charset "utf-8";
/* CSS Document */

#product .visual{ background-image:url(/product/roofing/img/title_bg.jpg); }
#product .visual.cover{ background-image:url(/product/roofing/img/title_bg_2.jpg); }
#product .visual.what{ background-image:url(/product/roofing/img/title_bg_3.jpg); }

/* TOP */
/* PC */
._pc #product.index{}
._pc #product.index #tab ul li:nth-child(1) a{ background:#F0F0F0 url(/product/img/nav_arr_on.png) no-repeat right center; }
._pc #product.index #s_01{ padding:30px 0 90px; }
._pc #product.index #s_01 h4{ font-size:28px; font-size:2.8rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:30px; }
._pc #product.index #s_01 .text{ font-size:16px; font-size:1.6rem; line-height:1.85; text-align:center; margin-bottom:100px; }
._pc #product.index #s_01 article>ul{ display:table; width:850px; border-collapse:separate; border-spacing:5px; margin:-5px auto 30px; position:relative; }
._pc #product.index #s_01 article>ul:before{ content:" "; background:url(/product/roofing/img/01_icon.png); display:block; width:121px; height:93px; position:absolute; top:-67px; left:379px; }
._pc #product.index #s_01 article>ul>li{ display:table-row; }
._pc #product.index #s_01 article>ul>li>*{ display:table-cell; vertical-align:top; }
._pc #product.index #s_01 article>ul>li p.p1{ width:95px; height:85px; font-size:0; line-height:0; text-indent:-9999px; }
._pc #product.index #s_01 article>ul>li:nth-child(1) p.p1{ background:#E72510 url(/product/roofing/img/p_01_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li:nth-child(2) p.p1{ background:#E72510 url(/product/roofing/img/p_02_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li:nth-child(3) p.p1{ background:#E72510 url(/product/roofing/img/p_03_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li>ul{ color:#FFFFFF; }
._pc #product.index #s_01 article>ul>li:nth-child(1)>ul{ background:url(/product/roofing/img/p_01_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(2)>ul{ background:url(/product/roofing/img/p_02_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(3)>ul{ background:url(/product/roofing/img/p_03_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li>ul>li{ display:table; border-collapse:separate; border-spacing:0; }
._pc #product.index #s_01 article>ul>li>ul>li>*{ display:table-cell; height:85px; vertical-align:middle; text-shadow:0 0 1px #6E8882,0 0 1px #6E8882; }
._pc #product.index #s_01 article>ul>li>ul>li>p.p2{ font-size:18px; font-size:1.8rem; line-height:1.4; font-weight:bold; text-align:center; width:7em; }
._pc #product.index #s_01 article>ul>li>ul>li>p.p3{ font-size:13px; font-size:1.3rem; line-height:1.6; }
._pc #product.index #s_01 .more{ width:225px; margin:0 auto; }
._pc #product.index #s_01 .more a{ letter-spacing:0.1em; }
._pc #product.index #s_02{ padding:0 0 10px; background:#E9F0F0; }
._pc #product.index #s_02 article{ padding:30px 0 10px; }
._pc #product.index #s_02 article h4.ttl span{ font-size:18px; font-size:1.8rem; background:#E9F0F0; }
._pc #product.index #s_02 .head{ width:670px; margin:0 auto 50px; }
._pc #product.index #s_02 .head .text{ font-size:13px; font-size:1.3rem; line-height:1.85; margin-bottom:15px; }
._pc #product.index #s_02 .head .more{ width:225px; margin:0 auto; }
._pc #product.index #s_02 .head .more a{ letter-spacing:0.1em; }
._pc #product.index #s_02 a.btn_box{ background-color:#FFFFFF; }
._pc #product.index #s_03{ padding:90px 0 20px; }
._pc #product.index #s_03 h3.ttl{ margin-bottom:20px; }
._pc #product.index #s_03 .more{ width:225px; margin:45px auto 0; }

/* スマホ */
._sp #product.index{}
._sp #product.index #tab ul li:nth-child(1) a span{ color:#e62510; }
._sp #product.index #tab ul li:nth-child(1) a{ background:#F0F0F0; }
._sp #product.index #s_01{ padding:30px 0 50px; }
._sp #product.index #s_01 h4{ font-size:14px; font-size:1.3rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:20px; }
._sp #product.index #s_01 .text{ font-size:10px; font-size:1rem; line-height:1.85; text-align:center; padding:0 10px 50px; }

._sp #product.index #s_01 article>ul{ list-style:none; margin:0 auto 15px; }
._sp #product.index #s_01 article>ul>li{ position:relative; padding:25px 20px 30px; }
._sp #product.index #s_01 article>ul>li:before{ position:absolute; top:5px; bottom:5px; left:0; right:0; content:" "; font-size:0; line-height:0; background:rgba(110,136,130,0.3); }
._sp #product.index #s_01 article>ul>li p{ position:relative; }
._sp #product.index #s_01 article>ul>li ul{ list-style:none; }
._sp #product.index #s_01 article>ul>li:nth-child(1){ background:url(/product/roofing/img/sp/p_01_bg.jpg) no-repeat left top/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(2){ background:url(/product/roofing/img/sp/p_02_bg.jpg) no-repeat left top/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(3){ background:url(/product/roofing/img/sp/p_03_bg.jpg) no-repeat left top/cover; }
._sp #product.index #s_01 article>ul>li p.p1{ width:123px; height:34px; margin:0 auto 15px; font-size:0; line-height:0; text-indent:-9999px; }
._sp #product.index #s_01 article>ul>li:nth-child(1) p.p1{ background:url(/product/roofing/img/sp/p_01_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li:nth-child(2) p.p1{ background:url(/product/roofing/img/sp/p_02_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li:nth-child(3) p.p1{ background:url(/product/roofing/img/sp/p_03_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li p.p2{ font-size:15px; font-size:1.5rem; line-height:1.00; color:#FFFFFF; font-weight:bold; text-shadow:0 0 1px #6E8882,0 0 1px #6E8882; text-align:center; margin-bottom:10px; }
._sp #product.index #s_01 article>ul>li p.p3{ font-size:12px; font-size:1.2rem; line-height:1.95; color:#FFFFFF; text-align:center; text-shadow:0 0 1px #6E8882,0 0 1px #6E8882; }

._sp #product.index #s_01 .more{ width:200px; margin:0 auto; }
._sp #product.index #s_01 .more a{ letter-spacing:0.1em; }
._sp #product.index #s_02{ }
._sp #product.index #s_02 article{ padding:0 0 40px; }
._sp #product.index #s_02 article:last-child{ padding-bottom:0; }
._sp #product.index #s_02 article h4 span{ font-size:16px; font-size:1.6rem; }
._sp #product.index #s_02 .head{ width:230px; margin:0 auto; }
._sp #product.index #s_02 .more{ width:180px; margin:0 auto; }
._sp #product.index #s_02 .more a{ letter-spacing:0.1em; }
._sp #product.index #s_02 .sld_box02_sp { background:#E9F0F0; }
._sp #product.index #s_02 a.btn_box{ background-color:#FFFFFF; }
._sp #product.index #s_02 nav{ margin-bottom:15px; }
._sp #product.index #s_02 nav a{ background-color:#E8E8E8; }
._sp #product.index #s_03{ padding:50px 0 0; overflow-x:hidden; }
._sp #product.index #s_03 h3.ttl{ margin-bottom:20px; }
._sp #product.index #s_03 .more{ width:180px; margin:20px auto 0; }


/* 詳細 */
/* PC */
._pc #product.details section:nth-child(2n){ background:#E9F0F0; }
._pc #product.details section:nth-child(2n) h3.ttl>strong span{ background:#E9F0F0; }

._pc #product.details section:nth-child(2n) .more a{ background-color:#FFFFFF; }
._pc #product.details section:nth-child(2n+1) .more a{ background-color:#E9F0F0; }

._pc #product.details h4.ttl{ margin-top:5px; }
._pc #product.details p.ttl_sub{ padding-bottom:45px; }
._pc #product.details #s_01{ padding-bottom:60px; }
._pc #product.details #s_01 h3.ttl{ margin-bottom:20px; }
._pc #product.details #s_01 h5{ font-size:26px; font-size:2.6rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:80px; }
._pc #product.details #s_01 .more{ width:225px; margin:45px auto 0; }
._pc #product.details #s_02{ padding:60px 0 41px; }
._pc #product.details #s_02 h3.ttl{ margin-bottom:25px; }
._pc #product.details #s_02 ul{ list-style:none; }
._pc #product.details #s_02 ul li{ display:inline-block; float:left; width:252px; margin:0 24px 24px 0; }
._pc #product.details #s_02 ul li:nth-child(4n){ margin-right:0; }
._pc #product.details #s_02 ul li .thum{ margin-bottom:10px; }
._pc #product.details #s_02 ul li .thum a{ display:block; position:relative; }
._pc #product.details #s_02 ul li .thum a:after{ position:absolute; right:0; bottom:0; display:block; content:" "; background:url(/common/img/sld_zoom.gif) no-repeat center/32px; width:32px; height:32px; }
._pc #product.details #s_02 ul li .thum a:hover{ opacity:0.6; }
._pc #product.details #s_02 ul li .thum img{ width:100%; }
._pc #product.details #s_02 ul li .text a{ font-size:14px; font-size:1.4rem; line-height:1.2; }
._pc #product.details #s_02 ul li .text a:after{ display:inline-block; vertical-align:middle; content:" "; background:url(/product/img/sld_arr.png) no-repeat right top; width:20px; height:12px; }
._pc #product.details #s_02 .more{ width:225px; margin:21px auto 24px; }
._pc #product.details #s_03{ padding:90px 0; }
._pc #product.details #s_03 h3.ttl{ margin-bottom:20px; }
._pc #product.details #s_03 .text{ font-size:16px; font-size:1.6rem; line-height:1.55; width:880px; margin:0 auto 50px; }
._pc #product.details #s_03 nav>ul{ display:table; border-bottom:1px solid #838383; background:#FFFFFF; }
._pc #product.details #s_03 nav>ul>li{ display:table-row; }
._pc #product.details #s_03 nav>ul>li>*{ display:table-cell; vertical-align:middle; border-top:1px solid #838383; padding:20px; }
._pc #product.details #s_03 nav>ul>li>a{ background:#F0F0F0; font-size:16px; font-size:1.6rem; line-height:1.55; text-align:center; text-decoration:none; cursor:default; width:310px; }
._pc #product.details #s_03 nav>ul>li>ul{ font-size:14px; font-size:1.4rem; line-height:1.55; }
._pc #product.details #s_03 nav>ul>li>ul>li{ display:block; }
._pc #product.details #s_04{ padding:60px 0 65px; }
._pc #product.details #s_04 h3.ttl{ margin-bottom:25px; }
._pc #product.details #s_04 .l{ float:left; width:525px; }
._pc #product.details #s_04 .inner.spec{ width:525px; }
._pc #product.details #s_04 .spec table{ width:100%; font-size:13px; font-size:1.3rem; line-height:1.2; margin-bottom:10px; }
._pc #product.details #s_04 .spec table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._pc #product.details #s_04 .spec table tr th{ background:#EDEDED; font-weight:normal; border-right:1px solid #A2A2A2; }
._pc #product.details #s_04 .spec table tr td{ background:#FFFFFF; }
._pc #product.details #s_04 .spec table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._pc #product.details #s_04 .spec table tr:last-child>*{ border-bottom:none; }
._pc #product.details #s_04 .r{ float:right; width:525px; }
/*._pc #product.details #s_04 .inner.download{ width:525px; }*/
._pc #product.details #s_04 .download table{ width:100%; margin-bottom:10px; }
._pc #product.details #s_04 .download table tr th{ background:#7E7564; padding:5px; font-size:13px; font-size:1.3rem; line-height:1.2; text-align:center; font-weight:normal; color:#FFFFFF; }
._pc #product.details #s_04 .download table tr td{
	background:#FFFFFF;
	padding:30px 35px;
	text-align:left;
	font-size:0;
	line-height:0;
}
._pc #product.details #s_04 .r table tr td a{ display:inline-block; margin-right:40px; font-size:13px; font-size:1.3rem; line-height:1.7; }
._pc #product.details #s_04 .r table tr td a:last-child{ margin-right:0; }
._pc #product.details #s_04 .r .more{ width:225px; margin:25px auto 0; }
._pc #product.details #s_04 .note{ font-size:13px; font-size:1.3rem; line-height:1.6; padding-left:1em; text-indent:-1em; }
._pc #product.details #s_05{ padding:90px 0 40px; }
._pc #product.details #s_05 h3.ttl{ margin-bottom:20px; }
._pc #product.details #s_05 article{ display:table; margin-bottom:50px; }
._pc #product.details #s_05 article:last-child{ margin-bottom:0; }
._pc #product.details #s_05 article>*{ display:table-cell; }
._pc #product.details #s_05 article .thum{ width:365px; height:225px; vertical-align:middle; text-align:center; border:1px solid #A2A2A2; border-radius:10px; }
._pc #product.details #s_05 article .thum img{ width:255px; }
._pc #product.details #s_05 article .text{ vertical-align:bottom; width:515px; padding-left:20px; }
._pc #product.details #s_05 article .text.full{ width:auto; }
._pc #product.details #s_05 article .text h4{ font-size:14px; font-size:1.4rem; line-height:1.2; font-weight:normal; margin-bottom:10px; }
._pc #product.details #s_05 article .text p{ font-size:13px; font-size:1.3rem; line-height:1.7; }
._pc #product.details #s_05 p.note{ font-size:10px; font-size:1.3rem; line-height:1.6; padding-left:1em; text-indent:-1em; margin-bottom:0.5em; }
._pc #product.details #s_05 p.text-1{ font-size:10px; font-size:1.4rem; line-height:1.6; padding: 0 1em; margin-bottom:0.4em; display: block; }
._pc #product.details #s_05 p.text-2{ font-size:10px; font-size:1.3rem; line-height:1.6; padding: 0 1em; margin-bottom:3em; display: block; }

/* スマホ */
._sp #product.details section:nth-child(2n+1),
._sp #product.details section:nth-child(2n+1)#s_04 .l,
._sp #product.details section:nth-child(2n)#s_04 .r{ background:#FFFFFF; }

._sp #product.details section:nth-child(2n),
._sp #product.details section:nth-child(2n)#s_04 .l,
._sp #product.details section:nth-child(2n+1)#s_04 .r{ background:#E9F0F0; }

._sp #product.details section:nth-child(2n+1) h3.ttl>strong span,
._sp #product.details section:nth-child(2n+1)#s_04 .l h3.ttl>strong span,
._sp #product.details section:nth-child(2n)#s_04 .r h3.ttl>strong span{ background:#FFFFFF; }

._sp #product.details section:nth-child(2n) h3.ttl>strong span,
._sp #product.details section:nth-child(2n)#s_04 .l h3.ttl>strong span,
._sp #product.details section:nth-child(2n+1)#s_04 .r h3.ttl>strong span{ background:#E9F0F0; }

._sp #product.details section:nth-child(2n)#s_04 .l .more a,
._sp #product.details section:nth-child(2n+1)#s_04 .r .more a,
._sp #product.details section:nth-child(2n) .more a{ background-color:#FFFFFF; }

._sp #product.details section:nth-child(2n+1)#s_04 .l .more a,
._sp #product.details section:nth-child(2n)#s_04 .r .more a,
._sp #product.details section:nth-child(2n+1) .more a{ background-color:#E9F0F0; }

._sp #product.details h4.ttl{ margin:5px 0 5px; }
._sp #product.details p.ttl_sub{ padding-bottom:20px; }
._sp #product.details #s_01{ padding:0 0 50px; overflow-x:hidden; }
._sp #product.details #s_01 h3.ttl{ margin-bottom:20px; }
._sp #product.details #s_01 h5{ font-size:17px; font-size:1.7rem; line-height:1.4; font-weight:bold; text-align:center; padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #191919; }
._sp #product.details #s_01 .more{ width:130px; margin:20px auto 0; }

._sp #product.details #s_02{ padding:35px 0 15px; }
._sp #product.details #s_02 h3.ttl{ margin-bottom:15px; }
._sp #product.details #s_02 ul{ list-style:none; text-align:center; font-size:0; line-height:0; margin:0 auto; }
._sp #product.details #s_02 ul li{ display:inline-block; width:150px; margin:0 10px 20px }
._sp #product.details #s_02 ul li .thum{ margin-bottom:10px; }
._sp #product.details #s_02 ul li .thum a{ display:block; position:relative; }
._sp #product.details #s_02 ul li .thum a:after{ position:absolute; right:0; bottom:0; display:block; content:" "; background:url(/common/img/sld_zoom.gif) no-repeat center/32px; width:32px; height:32px; }
._sp #product.details #s_02 ul li .thum img{ width:100%; }
._sp #product.details #s_02 ul li .text a{ font-size:12px; font-size:1.2rem; line-height:1.2; }
._sp #product.details #s_02 .more{ width:130px; margin:0 auto 20px; }

._sp #product.details #s_03{ padding:90px 0; }
._sp #product.details #s_03 h3.ttl{ margin-bottom:20px; }
._sp #product.details #s_03 .text{ font-size:12px; font-size:1.2rem; line-height:1.55; margin:0 25px 25px; }
._sp #product.details #s_03 nav{ margin:0 10px; border-left:1px dotted #646464; border-right:1px dotted #646464; }
._sp #product.details #s_03 nav>ul>li>ul>li{ border-top:1px dotted #646464; font-size:12px; font-size:1.2rem; line-height:1.8; padding:15px; }
._sp #product.details #s_03 nav>ul>li.on>a{ background:#F0F0F0; border-top:1px dotted #646464; }
._sp #product.details #s_03 nav>ul>li.on>ul>li{ background:#F0F0F0; }
._sp #product.details #s_03 nav>ul>li.on>span.sp{ background:#F0F0F0 url(/common/img/h/n/arr1_on.png) no-repeat right center/auto 10px; }

._sp #product.details #s_04 .spec{ padding:35px 25px; }
._sp #product.details #s_04 .spec h3.ttl{ margin-bottom:10px; }
._sp #product.details #s_04 .spec table{ width:100%; font-size:10px; font-size:1.0rem; line-height:1.2; margin-bottom:10px; }
._sp #product.details #s_04 .spec table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._sp #product.details #s_04 .spec table tr th{ background:#EDEDED; font-weight:normal; border-right:1px solid #A2A2A2; }
._sp #product.details #s_04 .spec table tr td{ background:#FFFFFF; }
._sp #product.details #s_04 .spec table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._sp #product.details #s_04 .spec table tr:last-child>*{ border-bottom:none; }
._sp #product.details #s_04 .download{ padding:35px 25px; }
._sp #product.details #s_04 .download h3.ttl{ margin-bottom:10px; }
._sp #product.details #s_04 .download table{ width:100%; margin-bottom:10px; }
._sp #product.details #s_04 .download table tr th{ background:#7E7564; padding:5px; font-size:12px; font-size:1.2rem; line-height:1.2; font-weight:bold; text-align:center; font-weight:normal; color:#FFFFFF; }
._sp #product.details #s_04 .download table tr td{ background:#FFFFFF; padding:15px; text-align:left; font-size:0; line-height:0; }
._sp #product.details #s_04 .download table tr td a{ display:block; font-size:12px; font-size:1.2rem; line-height:1.2; margin-bottom:15px; }
._sp #product.details #s_04 .download table tr td a:last-child{ margin-bottom:0; }
._sp #product.details #s_04 .download .more{ width:190px; margin:25px auto 0; }
._sp #product.details #s_04 .note{ font-size:10px; font-size:1.0rem; line-height:1.6; padding-left:1em; text-indent:-1em; }

._sp #product.details #s_05{ background:#E9F0F0; padding:35px 25px; }
._sp #product.details #s_05 h3.ttl{ margin-bottom:15px; }
._sp #product.details #s_05 h3.ttl>strong span{ background:#E9F0F0; }
._sp #product.details #s_05 article{ margin-bottom:50px; }
._sp #product.details #s_05 article:last-child{ margin-bottom:0; }
._sp #product.details #s_05 article .thum{ width:300px; padding:10px 0; background:#FFFFFF; text-align:center; border:1px solid #A2A2A2; border-radius:10px; margin:0 auto 10px; }
._sp #product.details #s_05 article .thum img{ width:201px; }
._sp #product.details #s_05 article .text h4{ font-size:12px; font-size:1.2rem; line-height:1.2; font-weight:normal; text-align:center; margin-bottom:10px; }
._sp #product.details #s_05 article .text p{ font-size:11px; font-size:1.1rem; line-height:1.7; }
._sp #product.details #s_05 p.text-1{ font-size:12px; font-size:1.2rem; line-height:1.2; font-weight: normal; text-align: center; margin-bottom: 10px; }
._sp #product.details #s_05 p.text-2{ font-size:10px; font-size:1.0rem; line-height:1.7; }

/* 施工ギャラリー */
#product.gallery .visual{ background-image:url(/product/roofing/img/gallery/title_bg.jpg); }
#product.gallery .visual h2{ text-shadow:0 0 3px #333,0 0 3px #333,0 0 3px #333,0 0 3px #333; }
/* PC */
._pc #product.gallery{}
._pc #product.gallery h3.ttl{ margin-top:45px; }
._pc #product.gallery .list{ padding:15px 0 90px; text-align:center; }
._pc #product.gallery .list ul{ list-style:none; display:inline-block; vertical-align:top; }
._pc #product.gallery .list li{ float:left; display:table; margin:25px 0 0 20px; }
._pc #product.gallery .list li:nth-child(5n+1){ margin-left:0; clear:both; }
._pc #product.gallery .list li>span,
._pc #product.gallery .list li>a{ display:table-cell; height:45px; width:198px; vertical-align:middle; text-align:center; font-size:14px; font-size:1.4rem; font-weight:600; line-height:1.36; text-decoration:none; padding:0; background:#FFFFFF; color:#191919; border:1px solid #333333; }
._pc #product.gallery .list li>span{ background:#E72510; color:#FFFFFF; }
._pc #product.gallery .list li>a span{ font-size:11px; font-size:1.1rem; font-weight:500; }

._pc #product.gallery .box{ padding-bottom:100px; }
._pc #product.gallery .box:last-child{ padding-bottom:0; }
._pc #product.gallery .box h4{ font-size:17px; font-size:1.7rem; line-height:1.0; font-weight:600; padding-bottom:10px; border-bottom:1px solid #333333; margin-bottom:25px; }
._pc #product.gallery .box h4 span{ font-size:13px; font-size:1.3rem; }
._pc #product.gallery .box ul{ display:block; list-style:none; margin-bottom:25px; }
._pc #product.gallery .box li{ display:block; float:left; width:340px; margin:0 0 30px 30px; }
._pc #product.gallery .box li:nth-child(3n+1){ margin-left:0; clear:both; }
._pc #product.gallery .box .thum{ margin-bottom:10px; }
._pc #product.gallery .box .thum img{ width:100%; height:auto; }
._pc #product.gallery .box .thum a{ display:block; position:relative; }
._pc #product.gallery .box .thum a:after{ position:absolute; right:0; bottom:0; display:block; content:" "; background:url(/common/img/sld_zoom.gif) no-repeat center/32px; width:32px; height:32px; }
._pc #product.gallery .box .thum a:hover{ opacity:0.6; }
._pc #product.gallery .box .ttl{ margin-bottom:5px; text-align:center; }
._pc #product.gallery .box .ttl a{ font-size:14px; font-size:1.4rem; line-height:1.2; }
._pc #product.gallery .box .ttl a:after{ display:inline-block; vertical-align:middle; content:" "; background:url(/product/img/sld_arr.png) no-repeat right top; width:20px; height:12px; }
._pc #product.gallery .box .more{ width:225px; margin:0 auto; }

/* スマホ */
._sp #product.gallery{}
._sp #product.gallery h3.ttl{ margin-top:35px; }
._sp #product.gallery .list{ padding:30px 20px 30px; }
._sp #product.gallery .list select{ width:100%; font-size:10px; font-size:1.0rem; line-height:2.0; }
._sp #product.gallery .list select option{ font-size:12px; font-size:1.2rem; line-height:2.0; }

._sp #product.gallery .box{ padding-bottom:40px; }
._sp #product.gallery .box:last-child{ padding-bottom:0; }
._sp #product.gallery .box h4{ font-size:13px; font-size:1.3rem; line-height:1.0; font-weight:600; text-align:center; padding:0 20px 10px; border-bottom:1px solid #333333; margin-bottom:20px; }
._sp #product.gallery .box h4 span{ font-size:11px; font-size:1.1rem; }
._sp #product.gallery .box ul{ display:block; list-style:none; margin-bottom:25px; }
._sp #product.gallery .box li{ display:block; width:auto; margin:0 20px 20px 20px; }
._sp #product.gallery .box li .thum{ margin-bottom:10px; }
._sp #product.gallery .box li .thum a{ display:block; position:relative; }
._sp #product.gallery .box li .thum a:after{ position:absolute; right:0; bottom:0; display:block; content:" "; background:url(/common/img/sld_zoom.gif) no-repeat center/32px; width:32px; height:32px; }
._sp #product.gallery .box li .thum img{ width:100%; }
._sp #product.gallery .box li .ttl{ margin-bottom:10px; text-align:center; }
._sp #product.gallery .box li .ttl a{ font-size:13px; font-size:1.3rem; line-height:1.2; }
._sp #product.gallery .box li .text{ font-size:11px; font-size:1.1rem; line-height:1.6; }
._sp #product.gallery .box .more{ width:200px; margin:0 auto; }

/* 工法ページ */
/* PC */
._pc #product.single #s_01{ width:845px; }
._pc #product.single #s_01 h3.ttl{ margin:45px auto 40px; }
._pc #product.single #s_01 h4{ font-size:26px; font-size:2.6rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:40px; }
._pc #product.single #s_01 .box{ margin-bottom:40px; border-bottom:1px solid #333333; padding-bottom:40px; }
._pc #product.single #s_01 .box.center{ text-align: center; }
._pc #product.single #s_01 .box:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0; }
._pc #product.single #s_01 .box .img{ width:320px; }
._pc #product.single #s_01 .box .img img{ width:100%; }
._pc #product.single #s_01 .box .text{ width:500px; }
._pc #product.single #s_01 .box .text h5{ font-size:22px; font-size:2.2rem; line-height:1.0; font-weight:bold; margin-bottom:15px; }
._pc #product.single #s_01 .box .text h6{ font-size:19px; font-size:1.9rem; line-height:1.4; font-weight:bold; margin-bottom:15px; }
._pc #product.single #s_01 .text p{ font-size:16px; font-size:1.6rem; line-height:1.55; }
._pc #product.single #s_01 .box .btn{ clear:both; text-align:center; padding-top:1.55em;  }
._pc #product.single #s_01 .box .btn a{ display:inline-block; padding:0 30px 0 20px }

._pc #product.single #s_01 .box:nth-child(odd) .img{ float:left; }
._pc #product.single #s_01 .box:nth-child(odd) .text{ float:right; }

._pc #product.single #s_01 .box:nth-child(even) .img{ float:right; }
._pc #product.single #s_01 .box:nth-child(even) .text{ float:left; }

._pc #product.single #s_01 .spec h5 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.0;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
._pc #product.single #s_01 .spec table{ width:80%; margin: 0 auto; font-size:13px; font-size:1.3rem; line-height:1.2; margin-bottom:10px; }
._pc #product.single #s_01 .spec table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._pc #product.single #s_01 .spec table tr th{ background:#EDEDED; font-weight:normal; }
._pc #product.single #s_01 .spec table tr td{ background:#FFFFFF; border-left:1px solid #A2A2A2; }
._pc #product.single #s_01 .spec table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._pc #product.single #s_01 .spec table tr:last-child>*{ border-bottom:none; }

/* スマホ */
._sp #product.single #s_01{ }
._sp #product.single #s_01 h3.ttl{ margin:25px auto 20px; }
._sp #product.single #s_01 h4{ font-size:17px; font-size:1.7rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:20px; }
._sp #product.single #s_01 .box{ margin-bottom:20px; border-bottom:1px solid #333333; padding:0 20px 20px; }
._sp #product.single #s_01 .box:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0; }
._sp #product.single #s_01 .box .img{ text-align:center; margin:0 auto 10px; }
._sp #product.single #s_01 .box .img img{ max-width:100%; }
._sp #product.single #s_01 .box .text h5{ font-size:18px; font-size:1.8rem; line-height:1.0; font-weight:bold; text-align:center; margin-bottom:10px; }
._sp #product.single #s_01 .box .text h6{ font-size:15px; font-size:1.5rem; line-height:1.4; font-weight:bold; margin-bottom:10px; }
._sp #product.single #s_01 .text p{ font-size:13px; font-size:1.3rem; line-height:1.55; }
._sp #product.single #s_01 .box .btn{ text-align:center; padding-top:1.55em;  }
._sp #product.single #s_01 .box .btn a{ display:inline-block; padding:0 20px 0 10px }

._sp #product.single #s_01 .spec h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.0;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	text-align: center;
}
._sp #product.single #s_01 .spec table{ width:80%; margin: 0 auto; font-size:10px; font-size:1.0rem; line-height:1.2; margin-bottom:10px; }
._sp #product.single #s_01 .spec table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._sp #product.single #s_01 .spec table tr th{ background:#EDEDED; font-weight:normal; border-right:1px solid #A2A2A2; }
._sp #product.single #s_01 .spec table tr td{ background:#FFFFFF; }
._sp #product.single #s_01 .spec table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._sp #product.single #s_01 .spec table tr:last-child>*{ border-bottom:none; }


@page {
	size: A4;
	margin: 12.7mm 9.7mm;
	margin: 0;
}
@media print {
	body{
		zoom: 72%;
	}
	#product .visual:after {
		content: url(/product/roofing/img/title_bg.jpg);
		display: inline-block;
		position: absolute;
		top: 135px;
		left: 0;
		right: 0;
		height: 240px;
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}
}
/* end */