@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Oswald');

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: inherit;
}
a:hover{
	text-decoration:none;
}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.pc_jj{
	display:block;
}
.sp_jj{
	display:none!important;
}

#contents_jj{
	color:#231815;
	font-size: 14px;
	font-size: 1.4em;
	font-family: "Noto Sans JP","Roboto","Noto Sans Japanese","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: 'palt' 1;
}

#contents_jj a{
	text-decoration:none;
}
#contents_jj ul li{
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}
#contents_jj #header_top{
	width: 100%;
	height: 80px;
	background: #ce111b;
	margin: auto;
	position:relative;
}

#contents_jj ul#menu li{
	text-align:center;
	/*padding:33px 35px 0 25px;*/
	/*padding:28px 30px 0 20px;*/
	font-size:1.4rem;
	line-height:1.0;
	color:#fff;
	letter-spacing:-0.01em;
	position:relative;
}

#contents_jj ul#menu li a{
	color:#fff;
	padding:33px 35px 33px 25px;
	margin-left:-5px;
	display:block;
}
#contents_jj ul#menu li#logo a{
	padding:0;
}
#contents_jj ul#menu li a:hover{
	background:#fff;
	color:#ce111b;

}
#contents_jj ul#menu li#logo a:hover{
	background:#ce111b;
	padding:0;
}
#contents_jj ul#menu  li:after{
	content:"";
	width:1px;
	height:30px;
	background:#fff;
	position:absolute;
	top:25px;
	right:0;
}
#contents_jj ul#menu  li#logo{
	padding:22px 85px 0 60px;
}
#contents_jj ul#menu  li#logo img{
	width:200px;
}

#contents_jj ul#menu  li#menu_06{
	padding:27px 18px 0 0;
}
#contents_jj ul#menu  li#menu_07{
	padding:29px 0 0 0;
}
#contents_jj ul#menu  li:first-child:after,
#contents_jj ul#menu  li:last-child:after{
	display:none;
}
#contents_jj .main{
	margin-top:35px;
	margin-bottom:100px;

}
#contents_jj .catch_txt{
	font-size:2.5rem;
	line-height:1.4;
	color:#231815;
	padding:54px 0 55px;
	text-align:center;
}
#contents_jj .tec_ttl{
	text-align:center;
	font-size:4.2rem;
	font-weight:500;
	color:#cf111b;
	line-height:1.0;
	padding-top:51px;
	letter-spacing:0.09em;
}
#contents_jj .tec_q{
	padding:34px 0 0 48px;
}
#contents_jj .tec_a{
	padding:28px 0 0 48px;
}
#contents_jj .tec_txt{
	font-size:1.9rem;
	line-height:1.42105;
	color:#000000;
	padding:26px 0 0 53px;
	float:left;
}
#contents_jj .tec_mov{
	padding:28px 0 0 47px;
	float:left;
}
#contents_jj #tec02{
	width:100%;
	height:702px;
	margin:auto;
	background:url(../tec02.jpg);
	background-size:cover;
	position:relative;
}
#contents_jj #tec02 .tec_bg{
	position:absolute;
	top: 51px;
	left:59px;
	width:861px;
	height:602px;
	background:url(../tec02_bg.png);
}
#contents_jj #tec03{
	width:100%;
	height:654px;
	margin:auto;
	background:url(../tec03.jpg);
	background-size:cover;
	position:relative;
}
#contents_jj #tec03 .tec_bg{
	position:absolute;
	top: 51px;
	left:59px;
	width:861px;
	height:555px;
	background:url(../tec03_bg.png);

}
#contents_jj #tec03 .tec_ttl{
	color:#ed6c00;

}

#contents_jj #tec04{
	width:100%;
	height:654px;
	margin:auto;
	background:url(../tec04.jpg);
	background-size:cover;
	position:relative;
}
#contents_jj #tec04 .tec_bg{
	position:absolute;
	top: 51px;
	left:59px;
	width:861px;
	height:555px;
	background:url(../tec04_bg.png);

}
#contents_jj #tec05{
	width:100%;
	height:654px;
	margin:auto;
	background:url(../tec05.jpg);
	background-size:cover;
	position:relative;
}
#contents_jj #tec05 .tec_bg{
	position:absolute;
	top: 51px;
	left:59px;
	width:861px;
	height:555px;
	background:url(../tec05_bg.png);

}
#contents_jj #tec05 .tec_ttl{
	color:#6fba2c;

}
#contents_jj #tec04 .tec_ttl{
	color:#0099d9;
}
#contents_jj #tec04 .tec_mov{
	padding:28px 0 0 7px;
}
#contents_jj #tec05{
	width:100%;
	height:654px;
	margin:auto;
	background:url(../tec05.jpg);
	background-size:cover;
	position:relative;
}
#contents_jj #tec05 .tec_bg{
	position:absolute;
	top: 51px;
	left:59px;
	width:861px;
	height:555px;
	background:url(../tec05_bg.png);

}
#contents_jj #tec05 .tec_ttl{
	color:#6fba2c;

}
.movie_outline{
	width:729px;
	height:423px;
	padding:15px;
	background:#E60012;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing:border-box;
}
#contents_jj #link{
	text-align:center;
	padding:0;
}
#contents_jj #link .link_txt{
	font-size:1.9rem;
	line-height:1.42105;
	color:#000000;
	padding:34px 0 38px;
}
#contents_jj #link ul{
	margin-left:-36px;
	margin-top:30px;
}
#contents_jj #link ul li{
	width:33%;
	box-sizing:border-box;
	padding-left:20px;
	margin-bottom:18px;
}
#contents_jj #link ul li a{
	display:block;
	width:100%;
	font-size:1.9rem;
	line-height:1.0;
	color:#fff;
	padding:24px 0;
	box-sizing:border-box;
	background:#ce111b;
	margin-bottom:18px;
	border:1px solid #ce111b;
	border-radius:3px;
}
#contents_jj #link ul li a:hover{
	color:#ce111b;
	background:#fff;
	border:1px solid #ce111b;

}
/* タイトル部 */
.br_title{
	position: relative;
	height:98px;
}
.br_title:before{
	content:"";
	width:28px;
	height:2px;
	background:#ce111b;
	position: absolute;
	top:35px;
	left:10px;
}

.br_m_tit{
	position: absolute;
	top:15px;
	left:60px;
}

.br_m_tit h2{
	font-size:34px;
	font-weight:bold;
	line-height:120%;
	letter-spacing:2px;
	color:#ce111b;
}
.br_m_tit h3{
	font-size:20px;
	line-height:120%;
	letter-spacing:1px;
	color:#ce111b;
}

/*限定品*/
#contents_jj #limited{
	background:#f4f4f4;
	padding:30px 0;
	margin-bottom:20px;
	text-align:center;
}
#contents_jj #limited h2{
	font-family: 'Oswald', sans-serif;
	font-size:3.4rem;
	margin-bottom:28px;
}
#contents_jj #limited h2 span{
	display:block;
	font-size:2rem;
	font-weight:400;
	margin-top:20px;
	line-height: 1.5;
	font-family: "Noto Sans JP","Roboto","Noto Sans Japanese","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: 'palt' 1;
}

/*#contents_jj #limited ul{
	margin-left:-30px;
}
#contents_jj #limited ul li{
	width:50%;
	padding-left:30px;	
	margin-bottom:24px;
	font-size:1.4rem;
	box-sizing:border-box;
}
#contents_jj #limited ul li:first-child{
	width:100%;
}*/
#contents_jj #limited ul{
	margin:20px 0 0 0;
}
#contents_jj #limited ul li{
	width:90%;
	margin:10px 0;
}
#contents_jj #limited ul li span{
	color:#C00;
	font-weight:700;
}
#contents_jj #limited ul li p.limited-text{
	padding-top: 10px;
	font-size: 2.2rem;
	line-height: 1.3;
}
#contents_jj #voice{
	padding:40px 0;
	text-align:center;
}
#contents_jj #voice h2{
	font-size:3.0rem;
	font-weight:600;
	margin-bottom:28px;
	color:#C9151E;
	display:inline-block;
	position:relative;
	clear:both;
}
#contents_jj #voice h2:after{
	content: "";
	position:absolute;
	top:8px;
	right:-15px;
	width:2px;
	height:30px;
	background-color:#C9151E;
    -moz-transform: skew(-20deg, -20deg);
    -ms-transform: skew(-20deg, -20deg);
    -webkit-transform: skew(-20deg, -20deg);
    transform: skew(-20deg, -20deg);
}
#contents_jj #voice h2:before{
	content: "";
	position:absolute;
	top:8px;
	left:-15px;
	width:2px;
	height:30px;
	background-color:#C9151E;
    -moz-transform: skew(20deg, 20deg);
    -ms-transform: skew(20deg, 20deg);
    -webkit-transform: skew(20deg, 20deg);
    transform: skew(20deg, 20deg);
}
#contents_jj #voice ul{
	margin-left:0;
}

#contents_jj #voice ul li{
	width: 45%;
    padding-left: 15px;
    margin-bottom: 15px;
	box-sizing:border-box;

}
#contents_jj #voice ul li img{
	background:#000;
}
#contents_jj #voice p{
	font-size:15px;
}
#contents_jj #link h2{
	text-align:center;
	margin-top:5px;
	padding:0;
	color:#C9151E;
	font-size:3.0rem;
	font-weight:600;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
@media screen and (max-width: 767px) {
.pc_jj{
	display:none!important;
}
.sp_jj{
	display:block!important;
}
#contents_jj #header_top{
	width:100%;
	height:initial;
}
#contents_jj #header_top .head_top{
	width:100%;
}

#contents_jj #header_top .breath_logo{
	width:129px;
	margin:12px 0 12px 12px;
	float:left;
}
#contents_jj #header_top .mizuno_logo{
	width:45px;
	margin:20.5px 12px 20.5px 0;
	float:right;
}


#contents_jj #header_top header{
	position:relative;
	height:50px;
}
#contents_jj #header_top header ul{
	display: block;
}

#contents_jj #header_top .gblnv_box{
	background-color:#444;width:100%;height:124px
}
#contents_jj #header_top .gblnv_box a{
	margin:38px
}
#contents_jj #header_top .gblnv_block{
	background: rgba(0,0,0,.95);
	color:#fff;
	width:100%;
	/*height:50vh;*/
	display:none;
	position:absolute;
	top:48px;
	z-index:9999;
}
#contents_jj #header_top .gblnv_block ul{
	/*padding:10px*/
}
#contents_jj #header_top .gblnv_block a{
	text-decoration:none;
}
#contents_jj #header_top .gblnv_block ul li{
	padding:15px 20px;
	display:list-item;
	font-size:1.6rem;
	font-weight:200;
	color:#fff;
	border-bottom: 1px solid #666;
	margin-left:0;
}

#contents_jj #header_top .onanimation{
	display:block
}

#contents_jj #header_top .menu-trigger,.menu-trigger span{
	display:inline-block;transition:all .4s;box-sizing:border-box;
}
#contents_jj #header_top .menu-trigger{
	position:absolute;
	top:30px;
	right:25px;
	width:46px;
	height:36px;
	zoom:0.5;
}
#contents_jj #header_top .menu-trigger span{
	position:absolute;left:0;width:100%;height:4px;background-color:#fff;
}
#contents_jj #header_top .menu-trigger span:nth-of-type(1) {
	top:0;
}
#contents_jj #header_top .menu-trigger span:nth-of-type(2) {
	top:16px;
}
#contents_jj #header_top .menu-trigger span:nth-of-type(3) {
	bottom:0;
}
#contents_jj #header_top .menu-trigger.active_menu span:nth-of-type(1) {
	-webkit-transform:translateY(18px) rotate(-45deg);transform:translateY(18px) rotate(-45deg);
}
#contents_jj #header_top 
.menu-trigger.active_menu span:nth-of-type(2) {
	left:50%;opacity:0;-webkit-animation:active-menu-bar02 .8s forwards;animation:active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {

	100% {

		height: 0;
	
}


}
@keyframes active-menu-bar02 {

	100% {

		height: 0;
	
}


}
.menu-trigger.active_menu span:nth-of-type(3) {
	-webkit-transform:translateY(-14px) rotate(45deg);transform:translateY(-14px) rotate(45deg)
}
.nav-open_jj{
	position:fixed;
	overflow:hidden;
	width:100%;
}

#contents_jj #header_top header ul li{
	text-align:left;

}
#contents_jj #header_top header ul li:after{
	display:none;
}

#contents_jj .catch_txt{
	font-size:1.5rem;
	padding:34px 0 35px;
}


#contents_jj .tec_ttl{
	font-size:2.5rem;
	padding-top:21px;
}
#contents_jj .tec_q{
	padding:24px 0 0 0;
	width:100%;
	box-sizing:border-box;
}
#contents_jj .tec_a{
	padding:8px 0 0 0;
	width:100%;
	box-sizing:border-box;
}
#contents_jj .tec_txt{
	font-size:1.3rem;
	line-height:1.3;
	padding:26px 0 18px;
	width:100%;
	box-sizing:border-box;
	float:none;
}
#contents_jj .tec_mov{
	padding:0 0 0 10px;
	width:54%;
	box-sizing:border-box;
	float:none;
}
#contents_jj #tec02{
	width:100%;
	padding:15px 10px;
	height:initial;
	background-size:cover;
	box-sizing:border-box;

}
#contents_jj #tec02 .tec_bg{
	position:static;
	width:96%;
	height:initial;
	margin:auto;
	background:none;
	background-color: rgba(255,255,255,0.9);
	padding:0 10px 20px;
	box-sizing:border-box;

}
#contents_jj #tec03{
	width:100%;
	padding:15px 10px;
	height:initial;
	background-size:cover;
	box-sizing:border-box;
}
#contents_jj #tec03 .tec_bg{
	position:static;
	width:96%;
	height:initial;
	margin:auto;
	background:none;
	background-color: rgba(255,255,255,0.9);
	padding:0 10px 20px;
	box-sizing:border-box;

}


#contents_jj #tec04{
	width:100%;
	padding:15px 10px;
	height:initial;
	background-size:cover;
	box-sizing:border-box;
}
#contents_jj #tec04 .tec_bg{
	position:static;
	width:96%;
	height:initial;
	margin:auto;
	background:none;
	background-color: rgba(255,255,255,0.9);
	padding:0 10px 20px;
	box-sizing:border-box;

}

#contents_jj #tec04 .tec_mov{
	padding:0 0 0 20px;
}
#contents_jj #tec05{
	width:100%;
	padding:15px 10px;
	height:initial;
	background-size:cover;
	box-sizing:border-box;
}
#contents_jj #tec05 .tec_bg{
	position:static;
	width:96%;
	height:initial;
	margin:auto;
	background:none;
	background-color: rgba(255,255,255,0.9);
	padding:0 10px 20px;
	box-sizing:border-box;

}

.movie_outline{
    position: relative;
    padding-bottom: 56.25%;
    height: 100%;
    overflow: hidden;
    width:95%;
    margin:auto;
    box-sizing:border-box;
}


.movie_outline iframe{
    position: absolute;
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
}
/*#contents_jj #link{
	padding:39px 0 0 0;
}*/
#contents_jj #link .link_txt{
	font-size:1.4rem;
	padding:24px 0 28px;
}

#contents_jj #link ul li{
	width:100%;
	margin-bottom:15px;
}
#contents_jj #link ul li a{
	font-size:1.4rem;
	margin-bottom:0;
	padding:18px 0;
}
#contents_jj .link_ttl{
	width:80%;
	margin:auto;
}
#contents_jj .link_img{
	width:80%;
	margin:auto;
}
.br_m_tit{
	left:34px;
}
.br_title:before{
	width:15px;
	top:31px;
}
.br_m_tit h2{
	font-size:18px;
}
.br_m_tit h3{
	font-size:15px;
}
.br_title{
	height:64px;
}
#contents_jj #limited{
	padding:30px 15px;;
}
#contents_jj #limited h2 span{
	font-size:1.3rem;
}
#contents_jj #limited ul li{
	width:100%;
}
#contents_jj #voice{
	padding:0;
}
#contents_jj #voice h2{
	font-size:1.8rem;
	line-height:1.3;
}
#contents_jj #voice ul li{
	width:100%;

}
#contents_jj #voice p{
	font-size:1.2rem;
	text-align:left;

}
#contents_jj #link h2{
	font-size:1.8rem;
}
#contents_jj #link p{
	font-size:1.3rem;
}
}



	/* @pc */
	#pcbtbox{
		display:block;
		width:980px;
		margin:0 auto;
		padding:50px 40px 40px 50px;
		box-sizing:border-box;
		background: url(../main_02_bg.png) no-repeat center 150px;
	}
	.mw_img a:hover img{
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition: 0.4s;
	}
	#pcbtbox h2{
		text-align:center;
		margin-top:5px;
		padding:0;
	}
	#pcbtbox ul{
		padding:0 0 0 0;
	}
	#pcbtbox li{
		list-style-type:none;
		float:left;
		margin-top:20px;
		padding:0px;
	}
	#pcbtbox p{
		text-align:center;
	}
	#pcbtbox .bt_w02{
		width:160px;
	}
	#pcbtbox .bt_w03{
		width:160px;
		padding:10px 0;
	}
	#pcbtbox .bt_w03 img{
		width:150px;
	}
	#pcbtbox .spbt_w02{
		width:160px;
	}
	#pcbtbox .spbt_w03{
		width:160px;
		padding:10px 0;
	}
	#pcbtbox .spbt_w03 img{
		width:150px;
	}
	.mw_img{
		width:160px;
		margin:4px 0;
	}
	#spbtbox{
		background: #C00;
		box-sizing:border-box;
	}
	#pcbtbox a:hover{
		border:1px solid #F00;
		border-radius: 5px;

	}
	#pcbtbox a {
	    display: block;
	    padding: 10px 5px 5px 5px;
	    border:1px solid #fff;

	}
	/* @sp */
	@media all and (max-width: 767px){
	#pcbtbox{
		display:block;
		width:100%;
		height:100%;
		margin:0 auto;
		background: none;
		/*padding:10px 20px 10px 30px;*/
		padding:10px 0 10px 0;

		box-sizing:border-box;
	}
	#pcbtbox h2{
		text-align:center;
		margin-top:0;
		width:96%;
		margin:auto;
		padding:2px 0 20px 0;
	}
	#pcbtbox li{
		margin-top:5px;
	}
	#pcbtbox .bbbox01{
		width:100%;
	}
	#pcbtbox .bbbox01 li{
		width:50%;
		list-style-type:none;
		float:left;
		padding:0 0px;
	}
	#pcbtbox .bbbox01 li p img{
		width:146px;
	}
	#pcbtbox .bt_w02{
		width:100%;
	}
	#pcbtbox .bt_w03{
		width:100%;
		padding:10px 0;
	}
	#pcbtbox .bt_w03 img{
		width:100%;
	}
	#pcbtbox .bbbox02{
		width:100%;
		clear:both;}
	#pcbtbox .bbbox02 li{
		width:33.333333%;
		list-style-type:none;
		float:left;
		padding:0 0px;
		margin-top:20px;

	}
	#pcbtbox .spbt_w02{
		width:100%;
	}
	#pcbtbox .spbt_w03{
		width:100%;
		padding:10px 0;
	}
	#pcbtbox .spbt_w03 img{
		width:100%;
	}
	.mw_img{
		width:100%;
		margin:4px 0 6px 0;
	}
	}
	/* @pc */
	#pcbtbox2{
		display:block;
		width:980px;
		margin:0 auto;
		box-sizing:border-box;
	}

	#pcbtbox2 h2{
		text-align:center;
		margin-top:5px;
		padding:30px 0 0;
		font-weight:600;
	}
	/* @sp */
	@media all and (max-width: 767px){
	#contents_jj a{
		font-size:14px;
	}
	#pcbtbox2{
		display:block;
		width:100%;
		height:100%;
		margin:0 auto;
		background: none;
		/*padding:10px 20px 10px 30px;*/
		padding:10px 0 10px 0;
		box-sizing:border-box;
	}
	#pcbtbox2 h2{
		text-align:center;
		margin-top:0;
		padding:2px 0 20px 0;
		font-size:1.8rem;
	}

	#contents_jj #link ul{
	margin-left:0px;
	}
	#contents_jj #link ul li{
	padding-left:0px;
		width: 92.5%;
	}
	#contents_jj #voice ul li{
	width:100%;
    padding-left:0px;
}
#contents_jj #voice{
	padding:20px 20px 0;
}
	}



}

/** 2018年CSS　**/
/** 003002227.htm　**/
.new_under {
}
.new_under a{
	display:block;
	border:4px #e40011 solid;
	box-sizing:border-box;
	height:240px;
	margin:30px auto;
}
.new_under a:hover{
	color:#e40011;
}
.new_under li{
	width:50%;
	float:left;
}
.new_under li img{
	width:100%;
}
.br_box{
	padding:60px 5px 0 5px;
	text-align:center;
	box-sizing:border-box;
}
.br_txt{
	font-size:16px;
}
.botan01{
	margin-top:20px;
}
.botan01 img{
	width:280px !important;
}
.bs_img{
	margin:50px 0 0 0;
}
.system_cnt{
	background:url(../2018/system_cnt_bg.png) center top no-repeat;
	padding:0px 0 0;
}
.system_cnt h2{
	font-size:4.0rem;
	font-weight:500;
	color:#cc111b;
	line-height:1.2288;
	text-align:center;
	margin:0 0 55px 0;
}
.system_cnt h2 span{
	font-size:3.5rem;
	line-height:1.4697;

}
.system_cnt .system_txt{
	font-size:1.861rem;
	line-height:1.89;
	margin-top:-8px;
	margin-left:50px;
	float:left;
}
.system_cnt .system_breath{
	width:230px;
	margin-left:54px;
	float:left;
}
.movie{
	margin-top:30px;
}

.technology_cnt{
	padding:50px 0 0;
}
.technology_cnt h2{
	font-size:3.5rem;
	font-weight:500;
	color:#cc111b;
	line-height:1.22;
	text-align:center;
	margin:0 0 20px;
}
.technology_cnt .technology_txt{
	font-size:1.861rem;
	line-height:1.89;
	text-align:center;
}
@media screen and (max-width: 767px) {
.new_under {
}
.new_under a{
	border:none;
	height:auto;
	margin:20px auto 10px auto;
}
.new_under li{
	width:100%;
	float:none;
	font-size:14px;
}
.br_box{
	padding:2px 5px 0 5px;
}
.br_txt{
	font-size:12px;
}
.botan01{
	margin-top:5px;
}
.botan01 img{
	width:50% !important;
}
.bs_img{
	margin:30px 0 0 0;
}

.pc_ent{
	display:none!important;
}
.system_cnt h2{
	font-size:2.0rem;
	margin:25px 0 10px 0;
}
.system_cnt h2 span{
	font-size:1.7rem;

}
.system_cnt .system_txt{
	font-size:1.4rem;
	margin-top:0;
	margin-left:0;
	float:none;
	line-height:140%;
	padding:0 10px;
}
.system_cnt .system_breath{
	width:50%;
	margin:0 auto;
	float:none;
	padding:10px;
}

.technology_cnt{
	padding:50px 0 0 0;
}
.technology_cnt h2{
	font-size:1.8rem;
	margin:0 0 15px;
}
.technology_cnt h2 span{
	font-size:1.7rem;

}
.technology_cnt .technology_txt{
	font-size:1.4rem;
	margin-top:0;
	margin-left:0;
	line-height:140%;
	padding:0 10px;
	text-align: left;
	margin-bottom:10px;
}
}
/** 003002227002.htm　**/
.und_box01{
	margin:0 auto;
}
.und_box01{
	background:url(../2018/daily_bg.png) center top no-repeat;
	list-style-type: none;
	padding-left: 0;
}
.und_box01 li{
	display:inline;
}
.und_box01 {
	text-align: center;
}
.und_box01 a {
    display: block;
}
.und_box01 a:hover{
	border-radius: 5px;
	background:#ffdcdd;
}
.und_box02{
	margin:30px auto;
}
.und_box02{
	background:url(../2018/activity_bg.png) center top no-repeat;
	list-style-type: none;
	padding-left: 0;
}
.und_box02 li{
	padding: 10px;
	display:inline;
}
.und_box02 {
	text-align: center;
}
.und_box02 a {
    display: block;
    padding: 10px 5px 5px 5px;
}
.und_box02 a:hover{
	border-radius: 5px;
	background:#ffdcdd;
}
#contents_jj #link2{
	text-align:center;
	padding:0 0 30px 0;
}
#contents_jj #link2 .link_txt{
	font-size:1.9rem;
	line-height:1.42105;
	color:#000000;
	padding:34px 0 38px;
}
#contents_jj #link2 ul{
	margin-left:-36px;
	margin-top:30px;
}
#contents_jj #link2 ul li{
	width:48%;
	box-sizing:border-box;
	padding-left:20px;
	margin-bottom:18px;
}
#contents_jj #link2 ul li a{
	display:block;
	width:100%;
	font-size:1.9rem;
	line-height:1.0;
	color:#fff;
	padding:24px 0;
	box-sizing:border-box;
	background:#ce111b;
	margin-bottom:18px;
	border:1px solid #ce111b;
	border-radius:3px;
}
#contents_jj #link2 ul li a:hover{
	color:#ce111b;
	background:#fff;
	border:1px solid #ce111b;

}
#contents_jj #link2 h2{
	text-align:center;
	margin-top:5px;
	padding:30px 0 0;
	color:#C9151E;
	font-size:3.0rem;
	font-weight:600;
	line-height: 2.5;
}
@media all and (max-width: 767px){
.und_box01{
	margin:10px auto 30px auto;
}
.und_box01{
	background: none;
}
.und_box01 li{
	float:left;
	width:50%;
	padding:0 5px;
}
.und_box02{
	margin:10px auto 30px auto;
}
.und_box02{
	background: none;
}
.und_box02 li{
	float:left;
	width:33.3%;
	padding:0;
}

#contents_jj #link2{
	padding:39px 0 0 0;
}
#contents_jj #link2 .link_txt{
	font-size:1.4rem;
	padding:24px 0 28px;
}

#contents_jj #link2 ul li{
	width:100%;
	margin-bottom:15px;
}
#contents_jj #link2 ul li a{
	font-size:1.4rem;
	margin-bottom:0;
	padding:18px 0;
}
#contents_jj #link2 h2{
	font-size:1.8rem;
	line-height: 2.2;
}
#contents_jj #link2 p{
	font-size:1.3rem;
}
#contents_jj #link2 ul{
	margin: 20px 15px;
}
#contents_jj #link2 ul li{
	padding-left:0px;
}
}
/** 003002227003.htm＆003002227004.htm　**/
.br_title{
	background:none;
}
.br_m_tit{
	left:60px;
}
.br_m_tit h2{
	color:#ce111b;
}
.br_m_tit h3{
	color:#ce111b;
}
@media all and (max-width: 767px){
.br_title{
	height:64px;
}
.br_m_tit{
	left:34px;
}
.br_m_tit h2{
	font-size:18px;
}
.br_m_tit h3{
	font-size:15px;
}
}

/** 003002227006.htm　**/
#greadeup{
	width:980px;
	margin:40px auto 0 auto;
	padding:0 0 110px;
}

#greadeup  h2{
	font-size:3.5rem;
	font-weight:600;
	color:#cc111b;
	line-height:1.4697;
	text-align:center;
	margin:0 0 9px;
}
#greadeup  .h2_s{
	font-size:2rem;
	font-weight:600;
	text-align:center;
	margin:0 0 60px;
}

#greadeup .point .point_cnt{
	padding:0 0 58px;
	border-bottom:1px solid #c9c9c9;
	margin:0 0 58px;
}
#greadeup .point .point_cnt.point_last{
	padding:0 0 58px;
	border-bottom:none;
	margin:0;
}
#greadeup .point .point_cnt .point_ttl{
	width:338px;
	padding:55px 0 0 70px;
	float:left;
	position:relative;
}
#greadeup .point.point04 .point_cnt .point_ttl{
	width:472px;
}
#greadeup .point.point05 .point_cnt .point_ttl{
	width:442px;
	padding:0 0 0 70px;
}
#greadeup .point .point_cnt .point_ttl:before{
	content:"1";
	width:59px;
	height:59px;
	border:3px solid #d0121b;
	border-radius:50%;
	position:absolute;
	top:68px;
	left:0;
	color:#d0121b;
	font-size:3.488rem;
	font-weight:700;
	padding:8px 0;
	text-align:center;
	line-height:1.0;
	box-sizing:border-box;
}
#greadeup .point.point02 .point_cnt .point_ttl:before{
	content:"2";
}
#greadeup .point.point03 .point_cnt .point_ttl:before{
	content:"3";
}
#greadeup .point.point04 .point_cnt .point_ttl:before{
	content:"4";
}
#greadeup .point.point05 .point_cnt .point_ttl:before{
	content:"5";
	top:13px;
}
#greadeup .point .point_cnt .point_ttl .point_ttl_txt{
	font-size:3.488rem;
	font-weight:600;
	color:#d0121b;
	line-height:1.0;
	letter-spacing:-0.07em;
	margin:0 0 10px;
}
#greadeup .point .point_cnt .point_ttl .point_txt{
	font-size:1.744rem;
	font-weight:500;
	line-height:1.333;
}
#greadeup .point .point_cnt .point_ttl .point_txt span{
	font-size:0.61em;
}
#greadeup .point .point_cnt .point_img{
	width:442px;
	float:left;

}
#greadeup .point.point04 .point_cnt .point_img{
	width:250px;

}
#greadeup .point.point05 .point_cnt .point_img{
	width:338px;

}
#greadeup .greadeup_caution{
	font-size:1.1rem;
	font-weight:500;
	text-align:right;

}

#underwear{
	width:980px;
	margin:0 auto 60px;
	text-align:center;
}
#underwear .underwear_h2 h2{
	font-size:5.0rem;
	font-weight:700;
	color:#cc111b;
	line-height:1.2288;
	text-align:center;
	margin:0 0 26px;
	display:inline-block;
	position:relative;
}
#underwear .underwear_h2 h2 span{
	font-size:3.5rem;
	line-height:1.4697;
	font-weight:500;

}
#underwear .underwear_h2 h2:before{
	content:"NEW";
	font-size:2.8rem;
	font-weight:700;
	color:#fff;
	line-height:1.0;
	width:75px;
	height:75px;
	background:#cf111b;
	border-radius:50%;
	position:absolute;
	top:38px;
	left:-87px;
	padding:23px 0;
	box-sizing:border-box;
}

#underwear .underwear_txt{
	font-size:1.8rem;
	line-height:1.555555;
	margin:0 0 27px;

}
#underwear img{
	width:auto;

}
#underwear ul{
	margin-top:37px;
	margin-left:-6px;
}
#underwear ul li{
	width:176px;
	padding-left:6px;
}

.br_pro_botan{
	margin-top:0;
}
.br_pro_botan a{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin:0 auto;
	border-radius:2px;
	transition: 0.4s;
	box-sizing:border-box;
}
.br_pro_botan a{
	display:block;
	width:380px;
	background:#e50011 url(../2018/pro_arro.png) no-repeat 15px;
	padding:15px 0 15px 35px;
}
.br_pro_botan a:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
@media screen and (max-width: 767px) {
.pc_ent{
	display:none!important;
}

#greadeup{
	width:100%;
	padding:0;
}

#greadeup  h2{
	font-size:2.0rem;
	margin:0 0 5px;
	letter-spacing:-0.05em;
	text-indent:0.05em;
}
#greadeup  .h2_s{
	margin:0 0 15px;
}

#greadeup .point .point_cnt{
	padding:0 0 28px;
	margin:0 0 8px;
}
#greadeup .point .point_cnt.point_last{
	padding:0 0 28px;
	border-bottom:none;
	margin:0;
}
#greadeup .point .point_cnt .point_ttl{
	width:100%;
	padding:20px 0 0 40px;
	float:none;
}
#greadeup .point.point04 .point_cnt .point_ttl{
	width:100%;
}
#greadeup .point.point05 .point_cnt .point_ttl{
	width:100%;
	padding:20px 0 0 40px;
}
#greadeup .point .point_cnt .point_ttl:before{
	width:35px;
	height:35px;
	top:26px;
	font-size:1.8rem;
	padding:5px 0;
}

#greadeup .point .point_cnt .point_ttl .point_ttl_txt{
	font-size:1.9rem;
	margin:0 0 6px;
}
#greadeup .point .point_cnt .point_ttl .point_txt{
	font-size:1.33rem;
	font-weight:500;
	line-height:1.333;
}

#greadeup .point .point_cnt .point_img{
	width:100%;
	float:none;
	margin:13px 0 0;
}
#greadeup .point.point04 .point_cnt .point_img{
	width:70%;

}
#greadeup .point.point05 .point_cnt .point_img{
	width:100%;

}
#greadeup .greadeup_caution{
	font-size:1.0rem;
	text-align:left;

}
#underwear{
	width:100%;
	margin:0 auto 30px;
	padding:0 10px;
}
#underwear .underwear_h2 h2{
	font-size:2.1rem;
	margin:0 0 20px;

}
#underwear .underwear_h2 h2 span{
	font-size:1.6rem;
	line-height:1.4697;
	font-weight:500;

}
#underwear .underwear_h2 h2:before{
	font-size:1.7rem;
	width:46px;
	height:46px;
	top:28px;
	left:-55px;
	padding:13px 0;
}

#underwear .underwear_txt{
	font-size:1.4rem;
	margin:0 0 27px;
	text-align:left;

}
#underwear img{
	width:100%;

}
#underwear ul{
	margin-top:27px;
	margin-left:-3px;
}
#underwear ul li{
	width:50%;
	padding-left:3px;
}

.br_pro_botan{
	margin-top:20px;
}
.br_pro_botan a{
	font-size:90%;
}
.br_pro_botan a{
	width:95%;
	padding:12px 10px 12px 35px;
}
}

/** 2019年CSS　**/
/** 003002227.htm　**/
.pc_ent {
    display: block;
}
.sp_ent {
	display: none;
}
.link03 img{
	margin-top: 4rem;
}
.title {
    font-size: 2.5rem;
    margin: 22px 0 0;
    font-weight: bold;
}
.link {
    text-align: center;
}
.link_txt {
    font-size: 1.8rem;
    line-height: 1.5555555;
    margin: 6px 0 16px;
}
.link_detail img {
	width: 40%;
}
.system_txt {
	color: #d0121b;
}
.system_cnt {
    margin-top: 100px;
    margin-bottom: 100px;
}
.technology_cnt {
    padding: 0;
}
#technology .technology_h2 {
    position: relative;
    margin: 0 0 50px;
}
#technology .technology_h2 .link_btn {
    width: 270px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 60px;
    position: absolute;
}
.tec {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.pc_ent {
    display: none;
}
.sp_ent {
	display: block;
}
.link03 img{
	margin-top: 2rem;
}
.title {
    font-size: 1.6rem;
    margin: 11px 0 0;
}
.link_txt {
    font-size: 1.4rem;
    margin: 6px 0 0;
}
.link_detail img {
	width: 70%;
	margin-top: 10px;
}
.system_cnt {
    margin-top: 20px;
    margin-bottom: 20px;
}
.system_cnt h2 {
    font-size: 2.0rem;
    margin: 10px 0;
}
#technology .technology_h2 .link_btn {
    max-width: 270px;
    width: 70%;
    bottom: 10px;
}
#technology .technology_h2 {
    margin: 0 0 30px;
}
.tec {
	margin-bottom: 0x;
}
}
/** 2019年CSS　**/
/** 003002227002.htm　**/
.new h3 {
	display: block;
    font-size: 5.0rem;
    color: #cb111b;
    margin: 32px 0 32px;
	font-weight: bold;
	text-align: center;
}
.new p {
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 1.951;
    color: #cb111b;
    margin: 0 0 84px;
	text-align: center;
}
table .2column {
   display: block;
   border: none;
}
table .2column tr {
   display: inline;
}
table .2column td {
   margin: 0;
   padding: 0;
}

table .4column {
   display: block;
   border: none;
}
table .4column tr {
   display: inline;
}
table .4column td {
   margin: 0;
   padding: 0;
}
table {
	border-collapse: collapse ;
}
table, th, td {
	border: none;
}
#line h3 {
    font-size: 4.39rem;
    font-style: italic;
    color: #a38922;
    line-height: 60px;
    background: #e3ddc1;
    position: relative;
    margin: 50px 0 98px;
}
#line {
	text-align: center;
}
#line h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16.5px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16.5px 16.5px 0 16.5px;
    border-color: #e3ddc1 transparent transparent transparent;
}
#line .item_d {
    width: 780px;
    margin: 45px auto 10px;
    font-weight: 700;
    color: #948016;
    text-align: left;
    letter-spacing: -0.05em;
}
#line .item_d figure {
    font-size: 2.3rem;
    margin: 0 0 10px;
}
#line .item_d h4 {
    font-size: 4.5rem;
    font-weight: 900;
    font-style: italic;
    margin: 0 0 23px;
}
#line .item_d .item_txt {
    font-size: 1.8rem;
    line-height: 1.5555;
    margin: 0 0 45px;
}
#line .item_d p span {
    font-size: 0.3333em;
}
#line .item_d .item_catch {
    font-size: 2.757rem;
    font-weight: 900;
    margin: 0 0 48px;
}
#line h3.standard {
    font-style: normal;
    color: #cf111b;
    background: #f6c6c5;
}
#line h3.standard:after {
    border-color: #f6c6c5 transparent transparent transparent;
}
#line .item_d.item_d_standard {
    color: #b40a14;
}
#line .item_d .item_catch_f {
    font-size: 1.9rem;
    font-weight: 400;
    text-align: right;
    margin: -38px 0 28px;
}
#contents_jj #link3{
	text-align:center;
	padding:0 0 30px 0;
}
#contents_jj #link3 .link_txt{
	font-size:1.9rem;
	line-height:1.42105;
	color:#000000;
	padding:34px 0 38px;
}
#contents_jj #link3 ul{
	margin-left:-36px;
	margin-top:30px;
}
#contents_jj #link3 ul li{
	width:48%;
	box-sizing:border-box;
	padding-left:20px;
	margin-bottom:18px;
}
#contents_jj #link3 ul li a{
	display:block;
	width:100%;
	font-size:1.9rem;
	line-height:1.0;
	color:#fff;
	padding:24px 0;
	box-sizing:border-box;
	background:#ce111b;
	margin-bottom:18px;
	border:1px solid #ce111b;
	border-radius:3px;
}
#contents_jj #link3 ul li a:hover{
	color:#ce111b;
	background:#fff;
	border:1px solid #ce111b;

}
@media screen and (max-width: 767px) {
.new h3 {
    font-size: 2.5rem;
    color: #cb111b;
    margin: 20px 0 32px;
}
.new p {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0 10px;
    margin: 0 0 44px;
}
#line h3 {
    font-size: 2.39rem;
    line-height: 40px;
    margin: 48px 0 48px;
}
#line .item_img {
    margin: 0;
}
#line .item_d {
    width: 100%;
    margin: 25px auto 50px;
}
#line .item_d p {
    font-size: 1.4rem;
    margin: 0 0 20px;
}
#line .item_d h4 {
    font-size: 2.1rem;
    margin: 0 0 23px;
}
#line .item_d .item_catch {
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 28px;
}
#line .item_d .item_catch_f {
    font-size: 1.2rem;
    margin: -18px 0 28px;
}
#line .item_d figure {
    font-size: 1.3rem;
    margin: 0 0 10px;
}
#line .item_d .item_txt {
    font-size: 1.4rem;
    margin: 0 0 25px;
}
#contents_jj #link3{
	padding:0;
}
#contents_jj #link3 .link_txt{
	font-size:1.4rem;
	padding:24px 0 28px;
}

#contents_jj #link3 ul li{
	width:100%;
	margin-bottom:15px;
}
#contents_jj #link3 ul li a{
	font-size:1.4rem;
	margin-bottom:0;
	padding:18px 0;
}
#contents_jj #link3 ul{
	margin-left:0px;
	margin-top: 20px;
}
#contents_jj #link3 ul li{
	padding-left:0px;
}
}