@charset "utf-8";

/* sub layout : sub visual */

@import url('http://fonts.cdnfonts.com/css/piximisa');

.max-sub-visual.brand {background-image:url("../image/common/bg_sub_visual2.jpg");}
.max-sub-visual.aguard {background-image:url("../image/common/bg_sub_visual3.jpg");}
.max-sub-visual.monoflat {color:#252525; background-image:url("../image/common/bg_sub_visual4.jpg");}
.max-sub-visual.ltree {color:#252525; background-image:url("../image/common/bg_sub_visual5.jpg");}
.max-sub-visual.ally { background-image:url("../image/common/bg_sub_visual6.jpg");}
.max-sub-visual.petrium {background-image:url("../image/common/bg_sub_visual6_1.jpg");}
.max-sub-visual.oemodm {background-image:url("../image/common/bg_sub_visual7.jpg");}
.max-sub-visual.collaboration {background-image:url("../image/common/bg_sub_visual7_1.jpg");}
.max-sub-visual.momobin {background-image:url("../image/common/bg_sub_visual_momobin_1.jpg");}
.max-sub-visual.babystandard {background-image:url("../image/common/bg_sub_visual10.jpg");}

.max-sub-visual.ally h2 span{ font-family: 'Piximisa'; font-weight:normal;}

/* brand */
.brand .brand_wp ul {position:relative; overflow:hidden; padding-top:2.5em;}
.brand .brand_wp ul li {float:left; width:48%; margin-left:4%;}
.brand .brand_wp ul li:nth-child(odd) {margin-left:0;}
.brand .brand_wp ul li a {width:100%; height:100%; display:block;}
.brand .brand_wp .img_box {position:relative;}
.brand .brand_wp .img_box p {font-size:16px; transform:rotate(270deg); transform-origin:left 0; margin-top:44px; line-height:1; z-index:100; position:absolute; left:0;}
.brand .brand_wp .img_box p.top1 {top:168px;}
.brand .brand_wp .img_box p.top2 {top:173px;}
.brand .brand_wp .img_box p.top3 {top:185px;}
.brand .brand_wp .img_box p.top4 {top:180px;}
.brand .brand_wp .img_box p.top5 {top:180px;}
.brand .brand_wp .img_box p.top6 {top:115px;}
.brand .brand_wp .img_box p mark {font-weight:bold;}
.brand .brand_wp .img_box p mark.ally {font-family:'Piximisa'; font-weight:normal;}
.brand .brand_wp .img_box span {display:inline-block; margin-left:30px; background:#000; position:relative;}
.brand .brand_wp .img_box span > img {width:100%; display:block;}
.brand .brand_wp .img_box span > img:hover {opacity:.3;}
.brand .brand_wp .img_box span:hover:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block;    width:100%; height:100%;}
.brand .brand_wp .img_box span.img1:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img01_hover.png") center no-repeat;}
.brand .brand_wp .img_box span.img2:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img02_hover.png") center no-repeat;}
.brand .brand_wp .img_box span.img3:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img03_hover.png") center no-repeat;}
.brand .brand_wp .img_box span.img4:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img04_hover.png") center no-repeat;}
.brand .brand_wp .img_box span.img5:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img05_hover.png") center no-repeat;}
.brand .brand_wp .img_box span.img6:hover:after {background:rgba(0, 0, 0, 65%) url("../image/sub/brand_img06_hover.png") center no-repeat;}
.brand .brand_wp .txt_box {text-align:right; margin-right:16px;}
.brand .brand_wp .txt_box p {padding:20px 0  14px;}
.brand .brand_wp .txt_box h3 {font-weight:700;}

@media screen and (max-width: 595px) {
.brand .brand_wp ul li {width:100%; float:none; margin-left:0; padding-bottom:3em;}
.brand .brand_wp ul li a {padding-bottom:3em; border-bottom:1px solid #dbdbdb;}
.brand .brand_wp ul li a.bor_no {border-bottom:none;}
.brand .brand_wp .img_box p.top {display:none;}
.brand .brand_wp .txt_box {text-align:left;}
.brand .brand_wp .img_box span {margin-left:0; width:100%;}
}

/* aguard */
.aguard {position:relative; overflow:hidden;}
.aguard .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.aguard .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.aguard .aguard_wp {}
.aguard .aguard_wp .txt_box {position:relative; overflow:hidden;}
.aguard .aguard_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.aguard .aguard_wp .txt_box h3 {padding-bottom:34px;}
.aguard .aguard_wp .txt_box a {font-weight:500; margin-top:2em;}
.aguard .aguard_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.aguard .aguard_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.aguard .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.aguard .total_mn {display: none;}
	.aguard .aguard_wp .txt_box {width:100%; margin-bottom:5em;}
	.aguard .aguard_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.aguard .aguard_wp .txt_box .img_box img {max-width:70%;}
	.aguard .aguard_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.aguard .aguard_wp .txt_box .img_box {width:100%; height:180px;}
}

/* monoflat */
.monoflat {position:relative; overflow:hidden;}
.monoflat .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.monoflat .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.monoflat .monoflat_wp {}
.monoflat .monoflat_wp .txt_box {position:relative; overflow:hidden;}
.monoflat .monoflat_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.monoflat .monoflat_wp .txt_box h3 {padding-bottom:34px;}
.monoflat .monoflat_wp .txt_box a {font-weight:500; margin-top:2em;}
.monoflat .monoflat_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.monoflat .monoflat_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.monoflat .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.monoflat .total_mn {display: none;}
	.monoflat .monoflat_wp .txt_box {width:100%; margin-bottom:5em;}
	.monoflat .monoflat_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.monoflat .monoflat_wp .txt_box .img_box img {max-width:70%;}
	.monoflat .monoflat_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.monoflat .monoflat_wp .txt_box .img_box {width:100%; height:180px;}
}

/* ltree */
.ltree {position:relative; overflow:hidden;}
.ltree .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.ltree .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.ltree .ltree_wp {}
.ltree .ltree_wp .txt_box {position:relative; overflow:hidden;}
.ltree .ltree_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.ltree .ltree_wp .txt_box h3 {padding-bottom:34px;}
.ltree .ltree_wp .txt_box a {font-weight:500; margin-top:2em;}
.ltree .ltree_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.ltree .ltree_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.ltree .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.ltree .total_mn {display: none;}
	.ltree .ltree_wp .txt_box {width:100%; margin-bottom:5em;}
	.ltree .ltree_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.ltree .ltree_wp .txt_box .img_box img {max-width:70%;}
	.ltree .ltree_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.ltree .ltree_wp .txt_box .img_box {width:100%; height:180px;}
}

/* ally */
.ally {position:relative; overflow:hidden;}
.ally .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.ally .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.ally .ally_wp {}
.ally .ally_wp .txt_box {position:relative; overflow:hidden;}
.ally .ally_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.ally .ally_wp .txt_box h3 {padding-bottom:34px; font-family:'Piximisa'; font-weight:normal;}
.ally .ally_wp .txt_box a {font-weight:500; margin-top:2em;}
.ally .ally_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.ally .ally_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.ally .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.ally .total_mn {display: none;}
	.ally .ally_wp .txt_box {width:100%; margin-bottom:5em;}
	.ally .ally_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.ally .ally_wp .txt_box .img_box img {max-width:70%;}
	.ally .ally_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.ally .ally_wp .txt_box .img_box {width:100%; height:180px;}
}

/* babystandard */
.babystandard {position:relative; overflow:hidden;}
.babystandard .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.babystandard .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.babystandard .babystandard_wp {}
.babystandard .babystandard_wp .txt_box {position:relative; overflow:hidden;}
.babystandard .babystandard_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.babystandard .babystandard_wp .txt_box h3 {padding-bottom:34px; font-family:'Piximisa'; font-weight:normal;}
.babystandard .babystandard_wp .txt_box a {font-weight:500; margin-top:2em;}
.babystandard .babystandard_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.babystandard .babystandard_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.babystandard .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.babystandard .total_mn {display: none;}
	.babystandard .babystandard_wp .txt_box {width:100%; margin-bottom:5em;}
	.babystandard .babystandard_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.babystandard .babystandard_wp .txt_box .img_box img {max-width:70%;}
	.babystandard .babystandard_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.babystandard .babystandard_wp .txt_box .img_box {width:100%; height:180px;}
}

/* petrium */
.petrium {position:relative; overflow:hidden;}
.petrium .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.petrium .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.petrium .petrium_wp {}
.petrium .petrium_wp .txt_box {position:relative; overflow:hidden;}
.petrium .petrium_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.petrium .petrium_wp .txt_box h3 {padding-bottom:34px;}
.petrium .petrium_wp .txt_box a {font-weight:500; margin-top:2em;}
.petrium .petrium_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.petrium .petrium_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.petrium .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.petrium .total_mn {display: none;}
	.petrium .petrium_wp .txt_box {width:100%; margin-bottom:5em;}
	.petrium .petrium_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.petrium .petrium_wp .txt_box .img_box img {max-width:70%;}
	.petrium .petrium_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.petrium .petrium_wp .txt_box .img_box {width:100%; height:180px;}
}

/* oemodm */
.oemodm {position:relative; overflow:hidden;}
.oemodm .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.oemodm .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.oemodm .oemodm_wp {}
.oemodm .oemodm_wp .txt_box {position:relative; overflow:hidden;}
.oemodm .oemodm_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.oemodm .oemodm_wp .txt_box h3 {padding-bottom:34px;}
.oemodm .oemodm_wp .txt_box a {font-weight:500; margin-top:2em;}
.oemodm .oemodm_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.oemodm .oemodm_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.oemodm .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.oemodm .total_mn {display: none;}
	.oemodm .oemodm_wp .txt_box {width:100%; margin-bottom:5em;}
	.oemodm .oemodm_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.oemodm .oemodm_wp .txt_box .img_box img {max-width:70%;}
	.oemodm .oemodm_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.oemodm .oemodm_wp .txt_box .img_box {width:100%; height:180px;}
}

/* collaboration -> dtd */
.collaboration {position:relative; overflow:hidden;}
.collaboration .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.collaboration .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.collaboration .collaboration_wp {}
.collaboration .collaboration_wp .txt_box {position:relative; overflow:hidden;}
.collaboration .collaboration_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.collaboration .collaboration_wp .txt_box h3 {padding-bottom:34px;}
.collaboration .collaboration_wp .txt_box a {font-weight:500; margin-top:2em;}
.collaboration .collaboration_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.collaboration .collaboration_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.collaboration .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.collaboration .total_mn {display: none;}
	.collaboration .collaboration_wp .txt_box {width:100%; margin-bottom:5em;}
	.collaboration .collaboration_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.collaboration .collaboration_wp .txt_box .img_box img {max-width:70%;}
	.collaboration .collaboration_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.collaboration .collaboration_wp .txt_box .img_box {width:100%; height:180px;}
}

/* dtd */
.dtd {position:relative; overflow:hidden;}
.dtd .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.dtd .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.dtd .monoflat_wp {}
.dtd .monoflat_wp .txt_box {position:relative; overflow:hidden;}
.dtd .monoflat_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.dtd .monoflat_wp .txt_box h3 {padding-bottom:34px;}
.dtd .monoflat_wp .txt_box a {font-weight:500; margin-top:2em;}
.dtd .monoflat_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.dtd .monoflat_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.dtd .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.dtd .total_mn {display: none;}
	.dtd .monoflat_wp .txt_box {width:100%; margin-bottom:5em;}
	.dtd .monoflat_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.dtd .monoflat_wp .txt_box .img_box img {max-width:70%;}
	.dtd .monoflat_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.dtd .monoflat_wp .txt_box .img_box {width:100%; height:180px;}
}

/* momobin */
.momobin {position:relative; overflow:hidden;}
.momobin .total_mn {position:absolute; left:50%; margin-left:400px; top:60px;}
.momobin .total_mn i {width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:20px;}
.momobin .momobin_wp {}
.momobin .momobin_wp .txt_box {position:relative; overflow:hidden;}
.momobin .momobin_wp .txt_box p {padding-bottom:10px; line-height:150%;}
.momobin .momobin_wp .txt_box h3 {padding-bottom:34px;}
.momobin .momobin_wp .txt_box a {font-weight:500; margin-top:2em;}
.momobin .momobin_wp .img_box {width:336px; height:322px; background:#fafafa; position:relative; float:right; top:-120px; margin-left:20px;}
.momobin .momobin_wp .img_box img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

@media screen and (max-width: 1200px) {
	.momobin .total_mn {margin-left:29%;}
}

@media screen and (max-width: 900px) {
	.momobin .total_mn {display: none;}
	.momobin .momobin_wp .txt_box {width:100%; margin-bottom:5em;}
	.momobin .momobin_wp .txt_box .img_box {width:100%; height:250px; float:none; top:0; margin-left:0; margin-bottom:30px;}
	.momobin .momobin_wp .txt_box .img_box img {max-width:70%;}
	.momobin .momobin_wp .txt_box .txt {padding-top:30px; clear:both;}
}

@media screen and (max-width: 568px) {
	.momobin .momobin_wp .txt_box .img_box {width:100%; height:180px;}
}



/* gallery : swiper */
.gallery {position:relative;}
.gallery .gallery_wp img {width:100%; display:block;}
.gallery .swiper-container {width:100%; height:auto !important; border:1px solid #eee;}
.gallery .prev,
.gallery .next {position:absolute; top:50%; left:50%; transform:translate(0, -50%); background:rgba(255, 255, 255, .5); width:80px; height:80px; z-index:1;  cursor:pointer;}
.gallery .prev {margin-left:-570px;}
.gallery .next {margin-left:490px;}
.gallery .prev:before,
.gallery .next:before {content:""; display:block; width:46px; height:11px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.gallery .prev:before {background:url("../image/sub/gall_arrow_prev.png") no-repeat;}
.gallery .next:before {background:url("../image/sub/gall_arrow_next.png") no-repeat;}

@media screen and (max-width: 1300px) {
.gallery .prev {margin-left: -48%;}
.gallery .next {margin-left: 41%;}
}

@media screen and (max-width: 1100px) {
.gallery .prev {margin-left: -48%;}
.gallery .next {margin-left: 40%;}
}

@media screen and (max-width: 1000px) {
.gallery .next {margin-left: 38%;}
}

@media screen and (max-width: 900px) {
.gallery .prev, .gallery .next {width:50px; height:50px;}
.gallery .prev:before {background-size:50%; display:inline-block;}
.gallery .next {margin-left: 42%;}
.gallery .next:before {background-size:50%; display:inline-block;}
.gallery .prev:before, .gallery .next:before {transform: translate(-25%, -25%);}
}

@media screen and (max-width: 700px) {
.gallery .next {margin-left: 40%;}
}

@media screen and (max-width: 568px) {
.gallery .next {margin-left: 36%;}
}

@media screen and (max-width: 450px) {
.gallery .next {margin-left: 32%;}
}

@media screen and (max-width: 414px) {
.gallery .next {margin-left: 34%;}
}

@media screen and (max-width: 320px) {
.gallery .next {margin-left: 29%;}
}