@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Amiri:400,700);

* {margin: 0;padding: 0;outline: 0;}
html, body {height: 100%;}
body {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;color: #222;font-size: 14px}
h1, h2, p, ul, li{margin: 0;padding: 0}
.clear {clear: both}
.left{float: left}
.right{float: right}
.cf:before,.cf:after {content: " ";	display: table}
.cf:after {clear: both}
.cf {*zoom: 1}
a{color: #222;text-decoration: none}
a:hover{opacity: 0.8;filter: alpha(opacity=80)}
.sp{display:none;}
img{max-width:100%;}

/* contents */
.index{top: 1000px !important;position: relative}
header{width: 100%;height: 80px;background-color: #fff;padding: 10px 0;z-index: 20000;}
.index footer{top: 0px !important;position: relative}

/* menu */
ul.main_nav{width: 581px;height: 60px;margin-left: 190px;position: relative}
ul.main_nav li{list-style: none}
ul.main_nav a{background-image: url(../images/common/menu.png);background-repeat: no-repeat;display: block;list-style: none;text-indent: -9999px;background-color: #fff;float: left}
ul.main_nav a:hover{opacity: 1;filter: 0}
#m1 a , #m2 a , #m3 a , #m4 a , #m5 a{text-indent: -9999px;margin-bottom: 0px;height: 60px}
#m1 a{background-position: 0px 0px;width: 102px}
#m2 a{background-position: -102px 0px;width: 86px}
#m3 a{background-position: -188px 0px;width: 177px}
#m4 a{background-position: -365px 0px;width: 106px}
#m5 a{background-position: -471px 0px;width: 99px}
#m1 a:hover{background-position: 0px -60px}
#m2 a:hover{background-position: -102px -60px}
#m3 a:hover{background-position: -188px -60px}
#m4 a:hover{background-position: -365px -60px}
#m5 a:hover{background-position: -471px -60px}


/* pageTop */
.page_Top{background: url(../images/common/icon_top.png) no-repeat left top;background-size: 46px 45px;width: 46px;height: 45px;text-indent: -9999px;bottom: 30px;left: 90%;position: relative}
.page_Top a{display: block;width: 46px;height: 45px}


/* footer */
footer{width: 100%;height: 140px;background-color: #dcdddd;padding: 5px;color: #000;}
#footer{text-align: right;width: 960px;max-width:100%;margin: 0 auto;position: relative}
#footer img.logo{width: 110px;height: 49px;position: absolute;top: 40px;left: 0}
.address_area{width: 420px}
#footer .address_area{position: absolute;top: 20px;right: 20px}
.o_name{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif;letter-spacing: 0.1em;font-size: 18px}
.phone{font-size: 12px}
.bt_contact{border: 1px solid #222;display: inline-block;padding: 3px 20px;background: url(../images/common/icon_mail.png) no-repeat left -8px;background-size: 46px 45px;text-indent: 40px;margin: 5px 0;}
.bt_contact a{display: block;width: 100%;height: 100%;}
.copyright{text-align: right;font-size: 10px;font-family: 'Amiri',"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  "メイリオ", Meiryo, serif}


/* top_images */
#box{width: 100%;height: 1000px;position: absolute;top: 0}
#box .main_title{width: 289px;height: 273px;position: absolute;top: 50%;left: 50%;margin: -136px 0 0 -144px}
#box .main_title img{width: 289px;height: 273px}


/* common_contents */
section{padding: 50px 0;}
section h2 , .bt_def a{font-family: 'Amiri', serif;font-weight: bold;font-size: 22px;text-align: center}
section h2{background-color: #fff;border: 1px solid #222;padding: 5px;margin: 0 auto 30px;width: 130px;clear: both;letter-spacing: 0.1em}
.c_text{font-weight: bold}
.c_copy , .c_text{text-align: center;margin: 15px 0}
.bt_def.more{width: 120px}
.bt_def.back{width: 180px}
.bt_def{border: 1px solid #999;width: 120px;margin: 30px auto 0;border-radius: 3px}
.bt_def a{display: block;background-color: #999;color: #fff;margin: 2px;padding: 1px 0px;border-radius: 3px}
#t_about li a:hover , #t_products li a:hover , #about .member li a:hover , #products .items li a:hover{opacity: 1;filter: 0;background-color: rgba(30,30,30,0.5);transition-property: background-color;transition-duration: 0.5s;transition-timing-function: ease-out}

/* index */
.index #t_news .container , .index #t_about .container{border-bottom: 1px solid #000;padding-bottom: 50px}
.index #t_about , .index #t_products{padding-top: 0px}

/* index - news */
#t_news .c_copy img{width: 163px;height: 21px}
#t_news #feed{margin-top: 20px}
#t_news .box{margin-left: 10px}
#t_.news .box h3 , #t_news .box p.more{position: relative;font-size: 12px}
#t_.news .box h3{top: 5px;height: 20px;font-weight: normal;}
#t_news .box p.more{text-align: right;top: 20px;}
#t_news .box .crip{position: relative;width: auto;height: 200px;overflow: hidden}
#t_news .box .crip img{position: absolute;top: 0;left: 0;width: 360px !important;height: auto}


/* index - about */
#t_about .c_copy img{width: 171px !important;height: 20px !important}
#t_about li{background-repeat: no-repeat;background-size: cover;height: 300px;margin-right: 9px;overflow: hidden;position: relative}
#t_about li:last-child{margin-right:0px !important}
#t_about li img{width: 149px;height: 77px;position: absolute;left: 18px;top: 205px}
#t_about li a{display: block;width: 100%;height: 300px}
#t_about .ab_sk{background-image: url(../images/top/images_top_ab_sk_bg.jpg)}
#t_about .ab_kt{background-image: url(../images/top/images_top_ab_kt_bg.jpg)}
#t_about .ab_it{background-image: url(../images/top/images_top_ab_it_bg.jpg)}
#t_about .ab_wz{background-image: url(../images/top/images_top_ab_wz_bg.jpg)}
#t_about .ab_jh{background-image: url(../images/top/images_top_ab_jh_bg.jpg)}


/* index - products */
#t_products .c_copy img{width: 318px !important;height: 21px !important}
#t_products ul{margin-left: 20px}
#t_products li{border: 2px solid #fff;background-repeat: no-repeat;background-size: cover;height: 351px;overflow: hidden;margin-right: 5px;position: relative}
#t_products li:last-child{margin-right: 0px !important}
#t_products li .name{position: absolute;left: 11px;top: 225px;width: 200px;height: 110px;border: 2px solid #fff;background-color: rgba(0,0,0,0.5)}
#t_products li .name p{color:#fff;font-family: 'Amiri', serif;text-align: center;font-size: 20px;font-weight: bold;position: relative;top: 8px}
#t_products li .name img{position: relative}
#t_products li a{display: block;width: 100%;height: 351px}
#t_products .pd_ft{background-image: url(../images/top/images_top_pd_ft_bg.jpg)}
#t_products .pd_ft img{width: 83px;height: 44px;left: 58px;top: 5px}
#t_products .pd_ta{background-image: url(../images/top/images_top_pd_ta_bg.jpg)}
#t_products .pd_ta img{width: 114px;height: 17px;left: 43px;top: 15px}
#t_products .pd_pc{background-image: url(../images/top/images_top_pd_pc_bg.jpg)}
#t_products .pd_pc img{width: 134px;height: 39px;left: 33px;top: 5px}
#t_products .pd_sp{background-image: url(../images/top/images_top_pd_sp_bg.jpg)}
#t_products .pd_sp img{width: 148px;height: 17px;left: 25px;top: 15px}


/* about */
#about.top .key_visual{background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(../images/about/images_about_key.jpg);height: 300px;max-width: 100%;width: 100%}
#about .c_copy{margin-top: 50px}
#about .c_copy img{width: 171px;height: 20px}
#about .head_copy{width: 348px;margin: 50px auto;}
.text{max-width: 100%}
.title_area{width: 960px}
#about .title_area .introduction{width: 443px;height:253px;background:url(../images/about/text_about_top_02.png) no-repeat;background-size:443px 253px;text-indent:-9999px}
#about .title_area li img.text{width: 443px}
#about .member li , #about .key_visual , #products .items li{background-repeat: no-repeat;background-size: cover;background-position: center;height: 300px;margin-bottom: 50px}
#about .member li a , #products .items li a{width: 100%;height: 100%;display: block}
#about .member li div , #about .key_visual div{background-color: #fff;background-repeat:no-repeat;background-position:center;width: 300px;height: 220px;position: relative;top: 40px;text-indent:-9999px}
#about .member li:nth-child(even) div , #about.kt .key_visual div , #about.wz .key_visual div{left: 15%}
#about .member li:nth-child(odd) div , #about.sk .key_visual div , #about.it .key_visual div , #about.jh .key_visual div{left: 65%}
#about .member li div img , #about .key_visual div img{height: 190px;margin-top: 15px}
#about .ab_sk , #about.sk .key_visual{background-image: url(../images/about/images_about_top_sk_bg.jpg)}
#about .ab_sk div, #about.sk .key_visual div{background-image: url(../images/about/title_about_top_sk.png);background-size:112px 190px}
#about .ab_kt , #about.kt .key_visual{background-image: url(../images/about/images_about_top_kt_bg.jpg)}
#about .ab_kt div , #about.kt .key_visual div{background-image: url(../images/about/title_about_top_kt.png);background-size:110px 190px}
#about .ab_it , #about.it .key_visual{background-image: url(../images/about/images_about_top_it_bg.jpg)}
#about .ab_it div , #about.it .key_visual div{background-image: url(../images/about/title_about_top_it.png);background-size:75px 190px}
#about .ab_wz , #about.wz .key_visual{background-image: url(../images/about/images_about_top_wz_bg.jpg)}
#about .ab_wz div , #about.wz .key_visual div{background-image: url(../images/about/title_about_top_wz.png);background-size:73px 190px}
#about .ab_jh , #about.jh .key_visual{background-image: url(../images/about/images_about_top_jh_bg.jpg)}
#about .ab_jh div , #about.jh .key_visual div{background-image: url(../images/about/title_about_top_jh.png);background-size:55px 190px}
#about #whatis .container{background-image: url(../images/about/images_logo.png);background-position: 120px top;background-repeat: no-repeat;background-size: 71px 61px;padding-left: 300px;	margin-bottom: 100px}
#whatis .address_area{margin-top: 50px}
#whatis p.c_copy{text-align: left;margin: 0px 0px 20px}
#whatis p.c_copy img{width: 110px !important;height: 21px}
#about #t_products , #products #t_about{border-top: 20px solid #dcdddd}
#about.detail section p{padding-top: 10px}
#about.detail section .p_copy{padding: 30px 0 20px !important}
#about.detail #t_products p ,#about.detail .back{padding-top: 0px !important}
#process_01 , #process_02 , #process_03 , #process_04{margin-bottom: 50px}
#process_03 .span_12 img{padding-left: 7px;width: 470px}
#member_data{border: 3px solid #000;padding: 5px;width: 100%;max-width: 100%}
#member_data .span_24{border: 3px solid #000}
#member_data .span_12{padding: 10px 10px 3px}

#process_01 .p_copy , #process_02 .p_copy , #process_03 .p_copy , #process_04 .p_copy{padding-top:0px;text-indent:-9999px;background-repeat:no-repeat}
#process_02 p , #process_03 p{margin:0 auto}
#process_02 .p_copy , #process_03 .p_copy{margin-top:30px}
#process_01 .p_copy , #process_04 .p_copy{margin-bottom:30px}

.detail .p_copy br{display:none}

.sk #process_01 .p_copy{width: 235px;height: 21px;background-image:url(../images/about/ab_sk/text_ab_sk_01.png);background-size:235px 21px}
.sk #process_02 p , .sk #process_02 .p_copy{width: 358px}
.sk #process_02 .p_copy{height: 21px;background-image:url(../images/about/ab_sk/text_ab_sk_02.png);background-size:358px 21px}
.sk #process_03 p , .sk #process_03 .p_copy{width: 456px}
.sk #process_03 .p_copy{height: 21px;background-image:url(../images/about/ab_sk/text_ab_sk_03.png);background-size:456px 21px}
.sk #process_04 .p_copy{width: 310px;height: 59px;background-image:url(../images/about/ab_sk/text_ab_sk_04.png);background-size:310px 59px}

.it #process_01 .p_copy{width: 224px;height: 59px;background-image:url(../images/about/ab_it/text_ab_it_01.png);background-size:224px 59px}
.it #process_02 p , .it #process_02 .p_copy{width: 462px}
.it #process_02 .p_copy{height: 21px;background-image:url(../images/about/ab_it/text_ab_it_02.png);background-size:462px 21px}
.it #process_03 p , .it #process_03 .p_copy{width: 333px}
.it #process_03 .p_copy{height: 21px;background-image:url(../images/about/ab_it/text_ab_it_03.png);background-size:333px 21px}
.it #process_04 .p_copy{width: 254px;height: 21px;background-image:url(../images/about/ab_it/text_ab_it_04.png);background-size:254px 21px}

.kt #process_01 .p_copy {width: 299px;height: 59px;background-image:url(../images/about/ab_kt/text_ab_kt_01.png);background-size:299px 59px}
.kt #process_02 p , .kt #process_02 .p_copy{width: 451px}
.kt #process_02 .p_copy{height: 21px;background-image:url(../images/about/ab_kt/text_ab_kt_02.png);background-size:451px 21px}
.kt #process_03 p , .kt #process_03 .p_copy{width: 477px}
.kt #process_03 .p_copy{height: 22px;background-image:url(../images/about/ab_kt/text_ab_kt_03.png);background-size:477px 22px}
.kt #process_04 .p_copy{width: 252px;height: 59px;background-image:url(../images/about/ab_kt/text_ab_kt_04.png);background-size:252px 59px}

.wz #process_01 .p_copy {width: 286px;height: 59px;background-image:url(../images/about/ab_wz/text_ab_wz_01.png);background-size:286px 59px}
.wz #process_02 p , .wz #process_02 .p_copy{width: 345px}
.wz #process_02 .p_copy{height:21px;background-image:url(../images/about/ab_wz/text_ab_wz_02.png);background-size:345px 21px}
.wz #process_03 p , .wz #process_03 .p_copy{width: 602px}
.wz #process_03 .p_copy{height: 21px;background-image:url(../images/about/ab_wz/text_ab_wz_03.png);background-size:602px 21px}
.wz #process_04 .p_copy{width: 187px;height: 60px;background-image:url(../images/about/ab_wz/text_ab_wz_04.png);background-size:187px 60px}

.jh #process_01 .p_copy{width: 397px;height: 59px;background-image:url(../images/about/ab_jh/text_ab_jh_01.png);background-size:397px 59px}
.jh #process_02 p , .jh #process_02 .p_copy{width:448px}
.jh #process_02 .p_copy{height: 21px;background-image:url(../images/about/ab_jh/text_ab_jh_02.png);background-size:448px 21px}
.jh #process_03 p , .jh #process_03 .p_copy{width:296px}
.jh #process_03 .p_copy{height: 21px;background-image:url(../images/about/ab_jh/text_ab_jh_03.png);background-size:296px 21px}
.jh #process_04 .p_copy{width: 387px;height: 59px;background-image:url(../images/about/ab_jh/text_ab_jh_04.png);background-size:387px 59px}


/* products */
#products.top .key_visual{background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(../images/products/images_products_key.jpg);height: 300px;max-width: 100%;width: 100%}
#products.top .head_copy{margin: 0 auto;width: 400px;height:21px;background:url(../images/products/text_products_top_01.png) no-repeat;background-size:400px 21px;}
#products.top .title_area p{text-align: center;margin-top: 10px}
#products.top .span_6 img{margin-top: 40px;max-width: 100%}
#products .items li div{width: 290px;height: 100px;border: 2px solid #fff;color: #fff;font-family: 'Amiri', serif;text-align: center;font-size: 20px;font-weight: bold;position: relative;top: 100px;margin: 0 auto;background-color: rgba(0,0,0,0.5);padding: 10px 0}
#products .items li div p{text-align: center}
#products .items li img{margin-left: 0px}
#products .pd_ft{background-image: url(../images/products/images_products_top_ft.jpg)}
#products .pd_ft img{width: 206px}
#products .pd_ta{background-image: url(../images/products/images_products_top_ta.jpg)}
#products .pd_ta img{width: 155px}
#products .pd_pc{background-image: url(../images/products/images_products_top_pc.jpg)}
#products .pd_pc img{width: 227px}
#products .pd_sp{background-image: url(../images/products/images_products_top_sp.jpg)}
#products .pd_sp img{width: 150px}
#products.detail section{padding: 30px 0}
#products.detail .title_area{padding: 100px}
#products.detail .title_area h2{margin: 0 0 30px}
#products.detail .title_area .head_copy{margin: 60px 0 40px;clear: both}
.ft .head_copy img{width: 204px;height: 20px}
.ta .head_copy img{width: 153px;height: 21px}
.pc .head_copy img{width: 318px;height: 60px}
.smp .head_copy img{width: 186px;height: 21px}
#products.detail .title_area .context{margin: 20px 0 60px}
#products.detail .picture_items .bt_contact{margin-left: 270px;margin-top: 30px}


/* slider */
.slider{z-index: 2}
.bx-wrapper .bx-viewport {box-shadow: none;border: none}
.bx-wrapper .bx-pager {text-align: right}
.bx-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 10px 5px;border-radius: 5px;float: left}
.slider li img{max-width: 100%;width: 100%;height: 100%;}
.bx-pager a:hover,.bx-pager a.active {background: #000}
.slider li{background-repeat: no-repeat;background-position: center top;background-size: cover;height: 100%}
.ft .slider li.pic01{background-image: url(../images/products/detail/fringe_tenugui/images_detail_01.jpg)}
.ft .slider li.pic02{background-image: url(../images/products/detail/fringe_tenugui/images_detail_02.jpg)}
.ft .slider li.pic03{background-image: url(../images/products/detail/fringe_tenugui/images_detail_03.jpg)}
.ft .slider li.pic04{background-image: url(../images/products/detail/fringe_tenugui/images_detail_04.jpg)}
.ft .slider li.pic05{background-image: url(../images/products/detail/fringe_tenugui/images_detail_05.jpg)}
.ta .slider li.pic01{background-image: url(../images/products/detail/tugi_apron/images_detail_01.jpg)}
.ta .slider li.pic02{background-image: url(../images/products/detail/tugi_apron/images_detail_02.jpg)}
.ta .slider li.pic03{background-image: url(../images/products/detail/tugi_apron/images_detail_03.jpg)}
.ta .slider li.pic04{background-image: url(../images/products/detail/tugi_apron/images_detail_04.jpg)}
.ta .slider li.pic05{background-image: url(../images/products/detail/tugi_apron/images_detail_05.jpg)}
.pc .slider li.pic01{background-image: url(../images/products/detail/placemat_coaster/images_detail_01.jpg)}
.pc .slider li.pic02{background-image: url(../images/products/detail/placemat_coaster/images_detail_02.jpg)}
.pc .slider li.pic03{background-image: url(../images/products/detail/placemat_coaster/images_detail_03.jpg)}
.pc .slider li.pic04{background-image: url(../images/products/detail/placemat_coaster/images_detail_04.jpg)}
.pc .slider li.pic05{background-image: url(../images/products/detail/placemat_coaster/images_detail_05.jpg)}
.smp .slider li.pic01{background-image: url(../images/products/detail/someiro_panel/images_detail_01.jpg)}
.smp .slider li.pic02{background-image: url(../images/products/detail/someiro_panel/images_detail_02.jpg)}
.smp .slider li.pic03{background-image: url(../images/products/detail/someiro_panel/images_detail_03.jpg)}
.smp .slider li.pic04{background-image: url(../images/products/detail/someiro_panel/images_detail_04.jpg)}
.smp .slider li.pic05{background-image: url(../images/products/detail/someiro_panel/images_detail_05.jpg)}


/* picture zoom */
#products.detail .picture_items{width: 960px;max-width:100%;border-bottom: 1px solid #000;padding-bottom: 30px}
#products.detail .picture_items .up , #products.detail .picture_items .up .mainImage{width: 100%}
#products.detail .picture_items .thumbnail{width: 960px;max-width:100%;height: 200px;clear: both}
#products.detail .picture_items .thumbnail li{width: 97px;height: 97px;float: left;overflow: hidden;margin-right: 9px;margin-bottom: 9px;display: block}
#products.detail .picture_items .thumbnail div{position: relative}
#products.detail .picture_items .thumbnail div img{width: 300px;max-width:300px;height: 100px}
#products.ft .picture_items .thumbnail div{top: 0px;left: 0px}
#products.ta .picture_items .thumbnail div{top: 0px;left: -110px}
#products.pc .picture_items .thumbnail div , #products.smp .picture_items .thumbnail div{top: 0px;left: -100px}
#products.detail .thumbnail .thumb.last{margin-right: 0px}
#products.detail .textBox{margin-bottom: 30px}
#products.smp .picture_items .bt_contact{position: relative;left: -100px;clear: both}
#products.detail .textBox p strong{font-size: 18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, serif}
#products.detail .textBox p span{font-size: 10px}
.view{display: none}

@media (max-width: 767px) {
body {font-size: 0.8rem}
.lt , #t_products li .name , #t_about li img , #t_products li img{display:none}
.sp{display:block;}
.container{max-width:100%}
#box{width: 100%;height: 100%;max-height:auto;position: absolute;top: 0}
header{background-color:transparent}
header .sp h1{width:110px;position:relative;left:0;top:0;margin:5px auto 0 !important}
header .sp h1 img{width:110px}
ul.main_nav{width: 100%;height: 60px;margin-left: 0px;position:inherit}
ul.main_nav li{list-style: none}
ul.main_nav a{background:none;text-indent: 0px;float: left}
ul.main_nav a:hover{opacity: 1;filter: 0}
#m1 a , #m2 a , #m3 a , #m4 a , #m5 a{text-indent: 0px;margin-bottom: 0px;height: 60px}

.index{top:100% !important;}
#t_news .box{margin-left: 0px;padding-left:8px}
#t_about li , #t_products li{background-size:100%;maw-width:100%;height:150px;background-position:0 -120px;margin-bottom:10px;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;width:100%;margin-right:0 !important;border:none}
#t_about li a, #t_products li a{overflow:hidden}
#t_about li .sp , #t_products li .sp, #about .member li div .sp, #about .key_visual div{font-size:1.2rem;color:rgba(255,255,255,1.00)}
#t_about li .sp , #t_products li .sp{width:100%;height:30px;text-align:center;	position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;	margin:auto}
#t_products ul{margin-left: 0px}
#t_products .pd_pc{background-position:0 -280px}

footer{height:180px}
#footer{text-align:left;width: 100%;max-width: 100%;margin:0;padding:10px;position: relative}
#footer img.logo{width: 80px;height:auto;position:absolute;top: 50px;left: 10px}
.address_area{max-width: 100%}
#footer .address_area{position:absolute;top:30px;right: 0px}

.o_name{padding-left:100px;font-size: 1.0rem}
.phone{padding-left:100px;font-size: 0.8rem}
.bt_contact{width:100%;border: 1px solid #222;display:inline-block;background-position:left -6px !important;padding: 8px 5px;text-indent: 40px;margin:10px 0;font-size:0.7rem}
.bt_contact a{display: block;width: 100%;height: 100%}
.copyright{text-align: right;font-size: 10px;font-family: 'Amiri',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

#about .member li:nth-child(even) div , #about.kt .key_visual div , #about.wz .key_visual div{left: 0}

#about.top .key_visual{height: 150px}
#about .title_area .introduction{width: 100%;height:auto;background:none;text-indent:0px;padding:20px}
#about .title_area li img.text{width: 443px}
#about.top .title_area .span_12 img{width:100%}

#about .member li , #about .key_visual , #products .items li{background-repeat: no-repeat;background-size: cover;background-position: center;height: 150px;margin-bottom: 50px}
#about .member li{margin:5px 0;padding:0}
#about .member li div , #about .key_visual div{background-color: transparent;background-image:none !important;width: auto;height: auto;position:inherit;top: 0;text-indent:0;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;text-align:center;padding-top:60px;font-size:1.2rem;color:#fff}
#about .key_visual div{padding-top:180px;color:#011055;font-size:1.4rem}
#about .member li div img, #about .key_visual div img{display: none}
#about #whatis .container{background-image: url(../images/about/images_logo.png);background-position: 20px top;background-repeat: no-repeat;background-size: 71px 61px;padding-left:0px;	margin-bottom: 30px}
#about #whatis .address_area{margin-top: 10px}
#about #whatis .address_area p{padding:0 20px !important}
#about #whatis p.c_copy{text-align: left;margin: 0px 0px 20px 100px}
#about #whatis p{padding:20px;}
#about #whatis .bt_contact{max-width:96%;margin-left:5px;margin-top: 30px}

#member_data{border: 3px solid #000;padding: 5px;width: 90%;max-width: 90%;margin:0 auto}
#member_data .span_24{border: 3px solid #000}
#member_data .span_12{padding: 0px 10px 10px}
#member_data .span_12 img{margin-top:10px}

#process_01 .p_copy , #process_02 .p_copy , #process_03 .p_copy , #process_04 .p_copy{width:96% !important;height:auto !important;font-size:1.1rem;text-indent:0px !important;background:none !important;color:#011055;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;margin-left:20px}

.detail .p_copy br{display:block}

#process_01 p , #process_02 p , #process_03 p , #process_04 p{padding:10px 20px!important;white-space:normal}
.detail #process_02 p, .detail #process_03 p{margin:0;width: auto}
#process_03 .span_12 img{padding-left: 0;width: 100%}

#process_02 .p_copy , #process_03 .p_copy{margin-top:10px;margin-left:20px !important}
#process_01 .p_copy , #process_04 .p_copy{margin-bottom:10px}

#about.top .head_copy{width:90%}

/* products */
#products.top section{margin:30px 0;padding:30px 0;}
#products.top .key_visual{height: 150px;}
#products.top .head_copy{width: 300px !important;height:21px;background:none;text-align:center !important;font-size:1.2rem;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;color:#011055}
#products.top .span_6{width: 50%}
#products.top .span_6 img{margin-top: 10px}
#products .items li{margin:5px 0;padding:0}
#products .items li div{maw-width:100%;width: 100%;height: auto;border:none;color: #fff;font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;text-align: center;font-size: 20px;font-weight: normal;position: relative;top: auto;background-color:transparent;padding: 10px 0;font-size:1.2rem}
#products .items li div .sp{text-align: center;position: absolute;top: 60px;right: 0;bottom: 0;left: 0;margin:0;height: 100px}
#products .items li div p{text-align: center}
#products .items li img{display:none}

#products #whatis .container{margin:0;padding:0}

#products.detail .title_area{padding: 20px}
#products.detail .picture_items .bt_contact{max-width:96%;margin-left:5px;margin-top: 30px}

/* picture zoom */
#products.detail .picture_items{width: 100%}
#products.detail .picture_items .up , #products.detail .picture_items .up .mainImage{width: 100%}
#products.detail .picture_items .thumbnail{width: 100%;max-width:100%;height: 200px;clear: both;padding:0 20px}
#products.detail .picture_items .thumbnail li{width: calc((100% * 1/3));height:auto;float: left;overflow: hidden;border-right:6px solid #FFF;margin-right:0;margin-bottom: 0px;display: block}
#products.detail .picture_items .thumbnail li::nth-child(3n) {border-right:none}
#products.detail .span_12 {width: 100%}
#products.detail .picture_items .bt_contact{position: relative;left: 0px;clear: both}
#products.detail .textBox p{padding: 20px}


/* slider */
.bx-wrapper .bx-viewport {
	border:none;
	left: 0px;
}

/* pageTop */
.page_Top{left: 80%}


}

@media (min-width: 768px) and (max-width: 1029px) {

}

@media (min-width: 1030px) {


}