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

#product .visual{ background-image:url(/product/composites/img/title_bg.jpg); background-position:center center; }
#product .visual h2{ text-shadow:0 0 2px #000000,0 0 2px #000000; }

/* PC */
._pc #product.index{}
._pc #product.index #tab ul li:nth-child(3) 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/composites/img/01_icon.png); display:block; width:121px; height:93px; position:absolute; top:-67px; left:379px; z-index:2; }
._pc #product.index #s_01 article>ul.not-img:before{ content:" "; background: none; }
._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/composites/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/composites/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/composites/img/p_03_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li>ul{ position:relative; color:#FFFFFF; }
/*._pc #product.index #s_01 article>ul>li>ul:before{ position:absolute; top:0; bottom:0; left:0; right:0; content:" "; font-size:0; line-height:0; background:rgba(110,136,130,0.3); }*/
._pc #product.index #s_01 article>ul>li:nth-child(1)>ul{ background:url(/product/composites/img/p_01_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(2)>ul{ background:url(/product/composites/img/p_02_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(3)>ul{ background:url(/product/composites/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; position:relative; z-index:1; }
._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; text-shadow:0 0 2px #000000,0 0 2px #000000; font-weight:bold; text-align:center; width:11em; }
._pc #product.index #s_01 article>ul>li>ul>li>p.p3{ font-size:13px; font-size:1.3rem; line-height:1.6; text-shadow:0 0 2px #000000,0 0 2px #000000; padding-right:10px; }
._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{}
._pc #product.index #s_02 h3.ttl{ margin-top:45px; }
._pc #product.index #s_02 .list{ padding:15px 0 90px; }
._pc #product.index #s_02 .list ul{ list-style:none; margin-left:-25px; font-size:0; line-height:0; text-align:center; }
._pc #product.index #s_02 .list li{ display:inline-block; vertical-align:top; margin:25px 0 0 25px; }
._pc #product.index #s_02 .list li>span,
._pc #product.index #s_02 .list li>a{ display:table-cell; height:45px; width:150px; word-break:keep-all; 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 10px; background:#FFFFFF; color:#191919; border:1px solid #333333; }
._pc #product.index #s_02 .list li>span{ background:#E72510; color:#FFFFFF; }
._pc #product.index #s_02 .list li>a span{ font-size:12px; font-size:1.2rem; }

._pc #product.index #s_02 .box{ padding-bottom:100px; }
._pc #product.index #s_02 .box:last-child{ padding-bottom:0; }
._pc #product.index #s_02 .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.index #s_02 .box h4 span{ font-size:13px; font-size:1.3rem; }
._pc #product.index #s_02 .box ul{ display:block; list-style:none; margin-bottom:25px; }
._pc #product.index #s_02 .box li{ display:block; float:left; width:340px; margin:0 0 30px 30px; }
._pc #product.index #s_02 .box li:nth-child(3n+1){ margin-left:0; clear:both; }
._pc #product.index #s_02 .box .thum{ margin-bottom:10px; }
._pc #product.index #s_02 .box .thum img{ width:100%; height:auto; }
._pc #product.index #s_02 .box .thum a{ display:block; position:relative; }
._pc #product.index #s_02 .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.index #s_02 .box .thum a:hover{ opacity:0.6; }
._pc #product.index #s_02 .box .ttl{ margin-bottom:5px; text-align:center; }
._pc #product.index #s_02 .box .ttl a{ font-size:14px; font-size:1.4rem; line-height:1.2; }
._pc #product.index #s_02 .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.index #s_02 .box .more{ width:225px; margin:0 auto; }

._pc #product.index #s_03 .more{ width:225px; margin:40px auto 0; }
._pc #product.index #s_03 .more a{ letter-spacing:0.1em; line-height: 24px; }
._pc #product.index #s_03 .more a span{ font-size:10px; font-size:1.0rem; letter-spacing:0; }

/* スマホ */
._sp #product.index{}
._sp #product.index #tab ul li:nth-child(3) a span{ color:#e62510; }
._sp #product.index #tab ul li:nth-child(3) a{ background:#F0F0F0; }
._sp #product.index #s_01{ padding:30px 0 50px; }
._sp #product.index #s_01 h4{ font-size:13px; 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/composites/img/sp/p_01_bg.jpg) no-repeat left center/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(2){ background:url(/product/composites/img/sp/p_02_bg.jpg) no-repeat left center/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(3){ background:url(/product/composites/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/composites/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/composites/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/composites/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 #000000,0 0 1px #000000; text-align:center; margin-bottom:10px; }
._sp #product.index #s_01 article>ul>li p.p3{ font-size:14px; font-size:1.4rem; line-height:1.95; color:#FFFFFF; text-align:center; text-shadow:0 0 1px #000000,0 0 1px #000000; }

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

._sp #product.index #s_02 .box{ padding-bottom:40px; }
._sp #product.index #s_02 .box:last-child{ padding-bottom:0; }
._sp #product.index #s_02 .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.index #s_02 .box h4 span{ font-size:11px; font-size:1.1rem; }
._sp #product.index #s_02 .box ul{ display:block; list-style:none; margin-bottom:25px; }
._sp #product.index #s_02 .box li{ display:block; width:auto; margin:0 20px 20px 20px; }
._sp #product.index #s_02 .box li .thum{ margin-bottom:10px; }
._sp #product.index #s_02 .box li .thum a{ display:block; position:relative; }
._sp #product.index #s_02 .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.index #s_02 .box li .thum img{ width:100%; }
._sp #product.index #s_02 .box li .ttl{ margin-bottom:10px; text-align:center; }
._sp #product.index #s_02 .box li .ttl a{ font-size:13px; font-size:1.3rem; line-height:1.2; }
._sp #product.index #s_02 .box li .text{ font-size:11px; font-size:1.1rem; line-height:1.6; }
._sp #product.index #s_02 .box .more{ width:200px; margin:0 auto; }

._sp #product.index #s_03 .more{ width:200px; margin:0 auto; }
._sp #product.index #s_03 .more a{ letter-spacing:0.1em; line-height: 24px; }
._sp #product.index #s_03 .more a span{ font-size:10px; font-size:1.0rem; letter-spacing:0; }

/* end */