@charset "UTF-8";
/* CSS Document */
  
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	color: #4D4D4D;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.8;
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	position: relative;
	counter-reset: number 0;
	overflow:scroll;
	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
ul{
margin: 0px; /* 上下の余白削除 */
padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
}
		 
/*共通　文字
--------------------------------------*/
p {margin:0px;padding:0px;}
h1 {margin:0px;padding:0px;font-weight:normal;}
h2 {margin:0px;padding:0px;font-weight:normal;}
h3 {margin:0px;padding:0px;font-weight:normal;}
h4 {margin:0px;padding:0px;font-weight:normal;}

.h14{
	font-size: 14px;
	line-height: 1.7;
	}
.h18{
	font-size: 18px;
	line-height: 1.7;
	}	
.h20{
	font-size: 20px;
	line-height: 1.7;
	}
.h22{
	font-size: 22px;
	line-height: 1.8;
	}
.h24{
	font-size: 24px;
	line-height: 1.8;
	}
.h28{
	font-size: 28px;
	line-height: 2;
	}
.h30{
	font-size: 30px;
	line-height: 2;
	}

/*リンク色
--------------------------------------*/
a {color: #333333; font-weight: normal; text-decoration: none;}
a:link {color: #333333; font-weight: normal; text-decoration: none;}
a:visited {color: #333333; font-weight: normal; text-decoration: none;}
a:hover {
	color: #333333;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
a:active {color: #333333; font-weight: normal; text-decoration: none;}

a.link_wh:link { color: #ffffff;}
a.link_wh:visited{ color: #ffffff;}
a.link_wh:hover{ color: #ffffff;}
a.link_wh:active{ color: #ffffff;}

a.imgov:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/*共通　文章
--------------------------------------*/
.sentence{
	margin: 40px 0px 60px 0px;
	line-height: 2.2;
	
}

/*共通　タイトル
--------------------------------------*/

.d_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display : flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	flex-wrap : wrap;
	justify-content:space-between;
}

.title_wrap{
    width: 100%;
	height: 70px;
	margin: 0px;
	padding : 0px;
	background-color: #F0F0F0;
	text-align: center;
	position : relative;
	overflow: hidden;
	clear:both;
	}
.title{
	font-size: 22px;
	margin-top: 0px;
	line-height: 1;
	}
.title_ja{
	font-size: 14px;
	margin-top: 10px;
	line-height: 1;
	}
.title2{
	font-size: 24px;
	margin-top: 0px;
	}
.title3{
	font-size: 22px;
	margin-top: 0px;
	line-height: 0.8;
	}

.subtitle{
	font-size: 24px;
	margin-top: 45px;
	}
.subtitle2{
	font-size: 24px;
	margin-top: 0px;
	}
.sl_copy{
	margin-top: 20px;
    font-size: 28px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}


/*共通　大枠
--------------------------------------*/
.bread_wrap{
    width: 100%;
	height:30px;
	background-color: #F0F0F0;
	}
.breadcrumbs {
    width: 100%;
	height:30px;
	padding: 0px 15px 0px 20px;
	overflow: hidden;
	font-size:12px;
	text-align:left;
	clear:both;
	position:absolute;
	}	
.container{
    width: 960px;
	margin: 0 auto;
	padding : 0px;
	position : relative;
	overflow: hidden;
	clear:both;
	}
.contents_wrap{
    width: 100%;
	margin: 35px auto 0px auto;
	padding: 65px 0px 65px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap2{
    width: 100%;
	margin: 35px auto 0px auto;
	padding: 65px 0px 65px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap3{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 65px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap4{
    width: 100%;
	margin: 35px auto 0px auto;
	padding: 65px 0px 65px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap5{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	clear:both;
}
.contents_s{
	width: 870px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
.contents_m{
	width: 990px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
	

/*共通　ボタン
--------------------------------------*/
.b_products_r{
	width: 310px;
	height:65px;
	margin-top:50px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: right;
	}
.b_products_l{
	width: 310px;
	height:65px;
	margin-top:30px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: left;
	}

.b_online{
	width: 310px;
	height:65px;
	margin-top:10px;
	padding: 15px 0px 0px 0px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff !important;
	font-size: 20px;
	clear: both;
	float: left;
	}
.b_contact{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	display:inline-block;
	clear: both;
	float: none;
	}
.b_contact_ill{
	width: 310px;
	height:65px;
	padding: 15px 0px 0px 0px;
	background:url(../images/b_mail.svg) no-repeat;
	background-size:26px 26px;
	background-position: left 80px top 20px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 20px;
	}
/* ヘッダー
--------------------------------------*/
.head_wrap{
    width: 100%;
	height: 64px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	min-width: 1010px;
	}
.head_menu{
    width: 860px;
	float: left;
	}
.head_logo{
    width: 240px;
	padding: 16px 0px 0px 20px;
	float: left;
	}
.head_logo img{width: 190px;}

.head_link{
    width: 264px;
	float: right;
	}
.head_link_bt{
    width: 132px;
	height: 64px;
	padding:19px 0px 0px 0px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	float: left;
	}
a.head_link_bt{
	color: #ffffff;}
a.head_link_bt:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

/*グローバルメニュー
--------------------------------------*/
.menu_wrap{
    width: 620px;
	margin:20px 0px 0px 0px;
	float: left;
	}
.menu_list{
    width: 100%;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
.menu_list ul{
	}
.menu_list ul li{
	}
.menu_list li{
	padding:0px 25px 0px 0px;
	font-size: 15px;
	float: left;
	}
/*トップスライド
--------------------------------------*/
.slide_wrap{
    width: 1080px;
	height: 570px;
	margin:60px auto 0px auto;
	overflow: hidden;
	clear:both;
	}
.slide_bt{
    width: 1080px;
	height: 540px;
}

.slide_ph_pc{
    width: 100%;
	height:auto;
	text-align: center!important;
	left: 0px;
	overflow: hidden;
	}
.slide_ph_pc img{
    width: 87%!important;
	margin: 10px auto 0 auto!important;
	}

.slide_ph_pc2{
    width: 100%;
	height:auto;
	text-align: center!important;
	left: 0px;
	overflow: hidden;
	}
.slide_ph_pc2 img{
    width: 95%!important;
	margin: 10px auto 0 auto!important;
	}

/*スライド1---*/
.sl1_l{
    width: 450px;
	height: 540px;
	background:url(../images/ow_main.jpg) no-repeat;
	background-size:450px auto;
	background-position: left top 0px;
	float: left;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sl1_l{
    background-image: url("../images/ow_main@2x.jpg");
  }
}
.sl1_r{
    width: 575px;
	height: 540px;
	padding: 50px 0px 0px 0px;
	float: right;
	}
.sl1_r img{
    width: 548px;
	margin: 15px 0px 10px 0px;
	}
.sl1_p1{
    font-size: 20px;
	}

/*スライド2---*/
.sl2_l{
    width: 710px;
	height: 540px;
	background:url(../images/m3_main.jpg) no-repeat;
	background-size:520px auto;
	background-position: right top 150px;
	float: left;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sl2_l{
    background-image: url("../images/m3_main@2x.jpg");
  }

}
.sl2_logo{
    width:200px;
	margin-top: 20px;
	}
.sl2_logo img{
    width:190px;
	}
.sl2_r{
    width: 360px;
	height: 540px;
	padding: 30px 0px 0px 0px;
	float: left;
	}
.sl2_ph{
    width: 180px;
	margin: 15px 0px 10px 0px;
	}
.sl2_ph img{
    width: 180px;
	}
.sl2_copy_cam1{
   margin-top: 20px;
    font-size: 34px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	line-height: 53px;
	color: #A4A4A4;
	}
.sl2_copy_cam2{
   margin-top: 0px;
    font-size: 42px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	line-height: 53px;
	color: #A4A4A4;
	}
.sl2_cam{
    width: 300px;
	margin: 50px 0px 0px 0px;
	}
.sl2_cam{
    width: 300px;
	margin: 50px 0px 0px 0px;
	}
.sl2_cam img{
    width: 300px;
	}

/*トップ　ニュース
-----------------------------------------------*/


.news_archive_wrap{
	width: 100%;
	margin: 60px auto 60px auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}

.mg{
	margin-top: 30px!important;
	margin-bottom: 30px!important;
	}

.news_archive_wrap .h1{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	}

.news_archive_wrap .link{
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_archive_wrap .link a{
	width: 100%;
	}

.news_archive_wrap .link .category{
	width: 115px;
	padding-top: 2px;
	background-color: #CC0051;
	color: #ffffff!important;
	font-size: 14px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .arrows{
	width: 40px;
	height: 25px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: center top 10px;
	float: right;
	}
.news_archive_wrap .link .date{
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .title{
	width : -webkit-calc(100% - 300px) ;
	width : calc(100% - 300px);
	
	margin-top: 6px;
	float: left;
	font-size: 16px;
	}

.news_archive_wrap .more{
	width: 100%;
	margin-top: 20px;
	text-align: right;
	}

.archive_title{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	clear: both;
	overflow: hidden;
	background-color: #E9E9E9;
	}

.news_com{
	width: 100%;
	margin: 0;
	padding: 0;
}

.news_com .title{
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
}

.news_com .inner{
	width: 100%;
	margin: 30px 0 30px 0;
	padding: 0;
}
.news_com .inner::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.news_com .inner::after{
  content:"";
  display: block;
  width:24%;
}

.news_com .inner .link{
	width: 24%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}
.news_com .inner .link2{
	width: 24%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link2 p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}

.news_page{
	width: 100%;
	margin: 60px auto 0px auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}

.news_page .wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_page .wrap .category{
	width: 115px;
	margin-right: 15px;
	padding-top: 2px;
	background-color: #CC0051;
	color: #ffffff!important;
	font-size: 14px;
	text-align: center;
	float: left;
	list-style:none;
	}

.news_page .wrap .category ul{
	list-style:none;
	color: #ffffff!important;
	}
.news_page .wrap .category ul li{
	list-style:none;
	color: #ffffff!important;
	}

.news_page .wrap .category ul li a {
	color: #ffffff!important;
	}


.news_page .wrap .date{
	width: auto;
	margin-right: 15px;
	text-align: center;
	float: left;
	}
.news_page .wrap .title{
	width: 100%;
	padding-top: 10px;
	font-size: 20px;
	clear: both;
	overflow: hidden;
	}

.news_page .contents{
	width: 950px;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}
.news_page .contents p{
	width: 100%;
	margin: 10px 0 10px 0;
	clear: both;
	}

.news_page .contents p a{
	text-decoration-line: underline;
	}


.news_page .contents img{
	width: 680px;
	margin: 10px 0 10px 0;
	clear: both;
	overflow: hidden;
	}

.news_page .link_pdf{
    width: 200px;
	height: 50px!important;
	margin: 20px 0px 20px 0px;
	padding-left: 0px;
	text-align: center;
	background:url(../images/bt_bg_red.svg) no-repeat;
	background-size: 190px;
	background-position: right 0px top 0px;
	line-height: 46px!important;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	display: -moz-inline-box;  
	display: inline-block;
	}

.news_page .link_pdf a:link{
	text-decoration-line: none!important;
	}

/*トップメッセージ
--------------------------------------*/
.message_logo{
	width: 270px;
	margin: 0px auto 0px auto;
	text-align: center;
	}
.message_logo img{
	width: 100%;
	}
.message_copy{
	font-size: 20px;
	line-height: 2;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}
.products_l{
    width: 400px;
	margin-top: 20px;
	float: left;
	}
.products_r{
    width: 400px;
	margin-top: 20px;
	float: right;
	}
.products_ph img{
    width: 100%;
	height: auto;
	padding-bottom: 5px;
	}
/*バナー
--------------------------------------*/
.bn_wrap{
    width: 1130px;
	margin: 0px auto 0px auto;
	padding: 65px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	text-align:center;
	}
.bn{
	width: 372px;
	display: -moz-inline-box;  
	display: inline-block;
	}
.bn img{
	width: 340px;
	border: solid 1px #DBDBDB;
	}

/*フッター
--------------------------------------*/
.foot_wrap{
    width: 100%;
	margin-top: 65px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	overflow: hidden;
	}
.foot_inner{
    width: 1080px;
	margin: 0px auto 0px auto;
	padding: 65px 0px 0px 0px;
	overflow: hidden;
	}

.sitemap_l{
    width: 370px;
	float: left;
	display: inline-block;
	}
.sitemap_r{
    width: 370px;
	margin-top:41px;
	float: left;
	display: inline-block;
	}
.foot_com{
    width: 340px;
	font-size:14px;
	float: right;
	}
.foot_com img{width: 190px;margin-bottom: 5px}
.facebook{width: 30px;}
.facebook img{width: 30px;margin-top: 10px}
.sitemap{
    width: 120px;
	margin-bottom:  15px;
	background-color: #4D4D4D;
	color: #ffffff;
	text-align: center;
	}

.sitemap1{
    width: 100%;
	margin-left:20px;
	padding: 0px 0px 5px 0px;
	font-size:14px;
	list-style-type:disc;
	text-indent: -0.3em;
	}
.cooyright{
    width: 100%;
	padding:35px 0px 35px 0px;
	text-align: center;
	font-size:12px;
	}

/* ページトップ
---------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 50;
}
.pagetop a {
	display: block;
	width: 80px;
	height: 80px;
	padding-top: 15px;
	background-color: #888888;
	border-radius: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	line-height: 16px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
/*商品情報共通
--------------------------------------*/
.c3_wrap {
	width: 1050px;
	margin: 25px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.c3{
    width: 290px;
	margin: 0px 25px 0px 25px;
	padding:4px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	}
.c3 img{
    width: 100%;
	margin:10px 0px 5px 0px;
}
.c3 p{
    width: 100%;
	margin:0px 0px 5px 0px;
}
.products_wrap{
	width: 990px;
	margin:0px auto 0px auto;
	padding: 30px 30px 30px 30px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}

/*ワンワイプ　メイン
--------------------------------------*/
.ow_main_wrap{
    width:1050px;
	height: 550px;
	margin:60px auto 0px auto;
	overflow: hidden;
	clear:both;
	}
.ow_main_l{
    width: 430px;
	height: 550px;
	background:url(../images/ow_main.jpg) no-repeat;
	background-size:460px auto;
	background-position: left top 0px;
	float: left;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ow_main_l{
    background-image: url("../images/ow_main@2x.jpg");
  }

}

.ow_main_r{
    width: 520px;
	height: 550px;
	padding: 0px 0px 0px 0px;
	float: right;
	}
.ow_main_r img{
    width:430px;
	margin: 5px 0px -15px 0px;
	}

.ow_lineup_l{
    width: 320px;
	margin-top:  30px;
	font-size: 14px;
	float: left;
	}
.ow_lineup_r{
    width: 200px;
	margin-top:  10px;
	float: left;
	}
.ow_lineup_r img{
    width: 150px;
	}
/*ワンワイプ　詳細
--------------------------------------*/

.ow_movie{
	width: 680px;
	margin: 0px auto 60px auto;
	padding: 10px 10px 2px 10px;
	background-color: #cccccc;
}
.ow_movie video{
	width: 100%;
}
.ow_mec{
	width: 100%;
	height: 480px;
	margin: 65px auto 0px auto;
	background:url(../images/ow_main.jpg) no-repeat;
	background-size:400px auto;
	background-position: right top 0px;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ow_mec{
    background-image: url("../images/ow_main@2x.jpg");
  }

}
.ow_mec h2{
	width: 580px;
	padding: 25px 0px 0px 0px;
}
.ow_mec h3{
	width: 580px;
	padding: 25px 0px 0px 0px;
	font-size:16px; }

.ow_mec_wrap{
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 0px 0px 0px;
	border: solid 4px #D9F1F8;
}
.ow_mec_wrap h3{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align: center;
	overflow: hidden;
}
.ow_mec_inner {
	width: 100%;
	margin-top:25px ;
	padding: 0px 0px 20px 0px;
	text-align:center;
	clear:both;
	overflow: hidden;
	}
.ow_mec_step{
    width:240px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 0px 10px;
	background-color: #F0F0F0;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	overflow: hidden;
	}
.ow_mec_ar{
    width:80px;
	height: 100px;
	background:url("../images/i_arrow2.svg") no-repeat;
	background-size:30px auto;
	background-position: center top 30px;
	display: -moz-inline-box;  
	display: inline-block;
	}
.ow_mec_num{
    width:40px;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	float: left;
	}
.ow_mec_con{
    width:170px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	float: left;
	}
.ow_point_inner{
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background-color:  #ffffff;
	overflow: hidden;
}
.ow_point_num{
	width: 8%;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	float: left;
}
.ow_point_tt{
	width: 25%;
	text-align: center;
	line-height: 28px;
	float: left;
}
.ow_tt1{margin-top:15px;}
.ow_tt2{margin-top:3px;}
	
.ow_point_con{
	width: 64%;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 16px;
	float: left;
	overflow: hidden;
}

.ow_use_ph_wrap {
	width: 1050px;
	margin: 25px auto 20px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.ow_use_ph{
    width: 135px;
	margin: 0px 18px 0px 18px;
	padding:4px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	
	overflow: hidden;
	}
.ow_use_ph img{
    width: 100%;
	margin:10px 0px 5px 0px;
}
.ow_use_l{
	width: 470px;
	padding:30px 0px 30px 40px;
	font-size: 16px;
	float: left;
	overflow: hidden;
	}
.ow_use_r{
	width: 470px;
	padding:30px 40px 30px 0px;
	font-size: 16px;
	float: right;
	overflow: hidden;
	}
.ow_use_h3{
	font-size: 16px;
	}
.ow_use2_wrap{
	width: 990px;
	margin:50px auto 65px auto;
	padding: 30px 30px 30px 30px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}


.ow_vi{
	width: 310px;
	height:170px;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #7AD0E7;
	margin:0px 15px 0px 15px;
	padding: 25px 25px 25px 25px;
	text-align: left;
	display: -moz-inline-box;  
	display: inline-block;  
    vertical-align: top;
}
.ow_detail1{
	width: 50%;
	height:270px;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 0px 230px;
	background:url("../images/ow_p2.jpg") no-repeat;
	background-size:160px auto;
	background-position: left 50px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}
.ow_detail2{
	width: 50%;
	height:270px;
	margin:40px 0px 0px 0px;
	padding: 40px 0px 0px 230px;
	background:url("../images/ow_p1.jpg") no-repeat;
	background-size:160px auto;
	background-position: left 50px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}


/*ワンワイププロ　メイン
--------------------------------------*/
.owpro_main_l{
	width: 450px;
	height:520px;
	background:url("../images/owpro_main_products.jpg") no-repeat;
	background-size:360px auto;
	background-position: center top 0px;
	overflow: hidden;
	float: left;
}
.owpro_main_r{
	width: 540px;
	height:520px;
	margin:50px 0px 0px 50px;
	float: left;
}

.owpro_main_logo{
	width: 430px;
}
.owpro_main_logo img{
	width: 100%;
}


.owpro_sl_copy{
	width: 540px;
	margin:10px 0px 20px 0px;
    font-size: 28px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}
.owpro_sl_name{
	margin:20px 0px 20px 0px;
	}

.owpro_arrows{
	width: 100%;
	height:25px;
	background:url("../images/owpro_arrows.png") no-repeat;
	background-size:70px auto;
	background-position: center top 0px;
	overflow: hidden;
}

.owpro_r1{
	font-size: 14px;
	margin-bottom: 30px!important;
}
.owpro_r2{
	width: 90%;
	text-align: center;
	margin:0px auto 0px auto;
}


.owpro_ph_title{
	width: 420px;
	margin:80px auto 0px auto;
	background-color: #54b1d5;
	color: #ffffff;
	text-align: center;
}

.owpro_ph_img1{
	width: 100%;
	margin:40px 0px 0px 0px;
	text-align: center;
}
.owpro_ph_img1 img{
	width: 90%;
}

.owpro_ph_detail1{
	width: 560px;
	margin:80px auto 0px auto;
	padding-left: 50px;
	float: left;
}
.owpro_ph_detail1 img{
	width: 230px;
	margin:20px 0px 20px 0px;
}


.owpro_ph_detail2{
	width: 400px;
	margin:80px auto 0px auto;
	float: left;
	text-align: center;
}
.owpro_ph_detail2 img{
	width: 300px;
}
.owpro_detail1{
	width: 50%!important;
	height:270px;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 0px 280px;
	background:url("../images/owpro_products.jpg") no-repeat;
	background-size:140px auto;
	background-position: left 110px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}
.owpro_detail2{
	width: 50%!important;
	height:270px;
	margin:40px 0px 0px 0px;
	padding: 40px 0px 0px 230px;
	background:url("../images/owpro_tank.jpg") no-repeat;
	background-size:170px auto;
	background-position: left 50px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}

.owpro_detail_ul{
	width: 100%!important;
	overflow: hidden;
	clear: both;
}


/*ワンワイププロ プラス　詳細
--------------------------------------*/
.owpp_main_wrap{
    height: 0;
    padding-top: 53.85%;
    background: url('owpp_main.jpg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	clear: both;
	}

.owpp_opening{
    width: 100%;
	overflow: hidden;
	}
.owpp_opening .wrap{
    width: 100%;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_opening .wrap .copy{
    width: 1000px!important;
	margin: 70px auto 0px auto;
	text-align: center;
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 32px;
	}
.owpp_opening .wrap .inner{
    width: 900px!important;
	margin: 40px auto 20px auto;
	overflow: hidden;
	display: flex;
    flex-wrap: nowrap;
	}
.owpp_opening .wrap .inner .copy{
    width: 100%!important;
	}
.owpp_opening .wrap .inner .item{
    width: 300px;
	margin: 0 8px 0 8px;
	}
.owpp_opening .wrap .inner .item .name{
    width: 100%;
	padding: 4px 0 4px 0;
	color: #ffffff;
	border: 1px #ffffff solid;
	text-align:center;
	}

.owpp_opening .wrap .inner .item .list{
    width: 95%;
	margin: 10px 0px 0px 15px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	font-size: 14px;
	list-style-type: disc ;
	}
.owpp_opening .wrap .inner .item .list .text{
	margin: 5px 0px 0px 0px;
	}

.owpp_opening .arrows{
    height: 0;
    padding-top: 8.44%;
	margin-top: 0;
    background: url('owpp_arrows1.svg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	}

.owpp_opening .answer{
    width: 450px;
	margin:60px auto 0px auto;
	padding: 0px 10px 0px 0px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 32px;
	}

.owpp_opening .answer_wrap{
    width: 960px!important;
	margin: 70px auto 0px auto;
	overflow: hidden;
	display: flex;
    flex-wrap: nowrap;
	}

.owpp_opening .answer_wrap .left{
    width: 50%;
	text-align:center;
	}
.owpp_opening .answer_wrap .left img{
    width: 90%;
	}
.owpp_opening .answer_wrap .right{
    width: 50%;
	margin: 20px 0px 0px 0px;
	text-align: left;
	}
.owpp_opening .answer_wrap .right img{
    width: 250px!important;
	}
.owpp_opening .answer_wrap .right p{
    width: 100%;
	text-align: left;
	
	}
.owpp_merit{
    width: 100%;
	margin: 70px 0px 0px 0px;
	padding-bottom: 90px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_merit .inner{
    width: 900px!important;
	margin: 80px auto 0px auto;
	}
.owpp_merit .inner .copy{
    width: 450px;
	margin:60px auto 20px auto!important;
	color: #ffffff;
	text-align:center;
	border-bottom: 1px solid #ffffff;
	font-size: 22px;
	line-height: 55px;
	}

.owpp_merit .inner .left{
    width: 48%;
	margin: 20px 0px 0px 0px;
	color: #ffffff;
	float: left;
	}

.owpp_merit .inner .left img{
    width: 340px;
	margin: 20px 0px 0px 30px;
	}


.owpp_merit .inner .right{
    width: 48%;
	margin: 20px 0px 0px 0px;
	color: #ffffff;
	text-align:left!important;
	float: right;
	}

.owpp_merit .inner .item{
    width: 280px;
	height: 60px;
	margin: 30px 0px 0px 0px;
	background:url(owpp_point_bg.svg) no-repeat;
	background-size:280px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_merit .inner .item .number{
    width: 30px;
	height: 50px;
	margin: 3px 0px 0px 13px;
	color: #ffffff;
	font-size: 20px;
	float: left;
	}

.owpp_merit .inner .item .item_copy{
    width: 200px;
	height: 50px;
	margin: 10px 0px 0px 10px;
	font-size: 20px;
	color: #cc0051;
	float: left;
	}

.owpp_merit .description{
	margin: 8px 0px 0px 0px;
	font-size: 14px;
	}

.owpp_system{
    width: 960px!important;
	margin: 80px auto 0px auto;
	}

.owpp_system .copy1{
    width: 450px;
	margin:60px auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 22px;
	line-height: 35px;
	}

.owpp_system .copy2{
    width: 100%;
	margin: 40px 0px 0px 0px!important;
	text-align: center;
	font-size: 22px;
	}

.owpp_system .left{
    width: 47%;
	margin: 40px 0px 40px 0px!important;
	text-align: center;
	float: left;
	}
.owpp_system .left img{
    width: 90%;
	margin: 30px 0px 0px 0px!important;
	}


.owpp_system .right{
    width: 47%;
	margin: 40px 0px 40px 0px!important;
	text-align: center;
	float: right;
	}
.owpp_system .right img{
    width: 90%;
	margin: 30px 0px 0px 0px!important;
	}

.owpp_system .copybox{
    width: 100%;
	background-color: #cc0051;
	color: #ffffff;
	text-align:center!important;
	}

.owpp_system .arrows{
    width: 160px;
	height: 40px;
	margin:0px auto 0px auto;
	background:url(owpp_arrows2.svg) no-repeat;
	background-size:160px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_system .description{
    width: 100%;
	margin: 40px 0px 0px 0px;
	text-align: center;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 18px;
	}

.owpp_system .photo_wrap{
    width: 100%;
	margin: 40px 0px 0px 0px;
	display: flex;
    flex-wrap: nowrap;
	}

.owpp_system .photo_wrap .inner{
    width: 230px;
	margin: 0px 5px 0px 5px;
	overflow: hidden;
	}
.owpp_system .photo_wrap .inner img{
    width: 100%;
	}
.owpp_system .photo_wrap .inner p{
    width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	}

.owpp_products{
    width: 100%;
	margin: 70px 0px 0px 0px;
	padding-bottom: 90px!important;
	background-color: #f2f2f2;
	overflow: hidden;
	}

.owpp_products .inner{
    width:900px;
	margin:80px auto 0px auto;
	}

.owpp_products .inner .copy1{
    width: 600px;
	margin:70px auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 22px;
	line-height: 35px;
	}


.owpp_products .inner .copy2{
    width: 100%;
	margin:40px 0px 0px 0px;
	}


.owpp_products .inner2{
    width: 930px;
	margin:50px auto 0px auto;
	overflow: hidden;
	}

table.owpp_products{
width:100%;
border-collapse: collapse;
font-size: 16px;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products th, table.owpp_products td{
margin : 0px;
padding: 13px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
text-align: center;
font-weight: normal;

}
table.owpp_products td {
margin : 0px;
padding: 13px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
font-weight: normal;
}

.owpp_table_size{
    width:225px;
}

.owpp_bg_darkgray{
	background-color: #666666;
}
.owpp_bg_pink1{
	background-color: #f0b2cc;
}
.owpp_bg_pink2{
	background-color: #f5cede;
}
.owpp_bg_white{
	background-color: #ffffff;
}
.owpp_bg_gray1{
	background-color: #e6e6e6;
}
.owpp_bg_gray2{
	background-color: #dbdcdc;
}

.owpp_table_item1{
	text-align: center;
	padding: 10px!important;
}
.owpp_table_item1 img{
    width:145px;
	margin-top: 10px;
}
.owpp_table_item2{
	text-align: center;
	padding: 0px!important;
}
.owpp_table_item2 img{
    width:145px;
	margin-top: 10px;
}


.owpp_products .inner3{
    width: 930px;
	margin:50px auto 0px auto;
	background-color: #ffffff;
	overflow: hidden;
	}

.owpp_products .inner3 .logo{
    width: 285px;
	margin:70px auto 0px auto;
	} 
.owpp_products .inner3 .logo img{
    width: 100%;
	} 

.owpp_products .inner3 .left{
    width: 580px;
	margin:30px 0px 0px 0px;
	padding-left: 40px;
	text-align: center!important;
	overflow: hidden;
	float: left;
	}
.owpp_products .inner3 .left img{
    width: 480px;
	overflow: hidden;
	}
.owpp_products .inner3 .right{
    width: 260px;
	margin:45px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
	float: left;
	}

.owpp_products .inner3 .right .list{
    width: 95%;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	list-style-type: disc ;
	}

.owpp_products .inner3 .case{
    width: 90%;
	margin: 0px auto 0px auto!important;
	padding-top: 30px;
	overflow: hidden;
	clear: both;
	}


table.owpp_products2{
width:auto;
border-collapse: collapse;
font-size: 16px;
margin : 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products2 th, table.owpp_products2 td{
margin : 0px;
padding: 8px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
text-align: center;
font-weight: normal;

}
table.owpp_products2 td {
margin : 0px;
padding: 8px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
font-weight: normal;
}

.owpp_products .detail_wrap1{
    width: 90%;
	margin: 60px auto 0px auto;
	display: flex;
    flex-wrap: nowrap;
	}
	
.owpp_products .detail_wrap1 .box1{
    width: 50%;
	margin: 0px 5px 0px 0px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
.owpp_products .detail_wrap1 .box1 .logo{
    width: 130px;
	margin: 0px auto 0px auto;
	}
.owpp_products .detail_wrap1 .box1 .products img{
    width: 280px;
	margin: 30px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap1 .box2{
    width: 50%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap1 .box2 .text{
	font-size: 14px;
	line-height: 20px;
	}
	
.owpp_products .detail_wrap1 .box2 .left{
	width: 190px;
	margin: 30px 0px 0px 0px;
	padding: 0;
	text-align: left;
	float: left;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .left img{
	width: 150px;
	}

.owpp_products .detail_wrap1 .box2 .right{
	width: 190px;
	font-size: 12px;
	float: left;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .right img{
	width: 70px;
	margin: 10px 0px 0px 0px;
	}

.owpp_products .detail_wrap1 .box3{
    width: 33%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap2{
    width: 90%;
	margin: 10px auto 0px auto;
	display: flex;
    flex-wrap: nowrap;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap2 .box1{
    width: 33%;
	margin: 0px 5px 0px 0px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
	
.owpp_products .detail_wrap2 .box1 img{
    width: 90%;
	margin: 50px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap2 .box2{
    width: 34%;
	margin: 0px 5px 0px 5px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
.owpp_products .detail_wrap2 .box2 img{
    width: 90%;
	margin: 20px 0px 0px 0px;
	}
	
	
.owpp_products .detail_wrap2 .box3{
    width: 33%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
.owpp_products .detail_wrap2 .box3 img{
    width: 90%;
	margin: 20px 0px 0px 0px;
	}
	


.owpp_products .detail_wrap3{
    width: 90%;
	margin: 20px auto 70px auto;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap3 .logo{
    width: 100%;
	text-align: center;
	}
.owpp_products .detail_wrap3 .logo img{
    width: 235px;
	}

.owpp_products .detail_wrap3 .left{
    width: 570px;
	margin: 30px 0px 0px 0px;
	text-align: left;
	float: left;
	clear: both;
	}

.owpp_products .detail_wrap3 .left .list{
    width: 90%;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	text-align: left;
	list-style-type: disc ;
	line-height: 38px;
	}

.owpp_products .detail_wrap3 .right{
    width: 260px;
	margin: 40px 0px 0px 0px;
	font-size: 14px;
	float: right;
	line-height: 22px;
	}

.owpp_products .detail_wrap3 .right .saiw1 img{
    width: 75px;
	margin-bottom: 5px;
	}

.owpp_customer{
    width: 930px!important;
	margin: 80px auto 0px auto;
	}

.owpp_customer .title{
    width: 100%;
	margin: 80px auto 0px auto;
	padding: 20px 0px 20px 0px;
	background-color: #cc0051;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	}


.owpp_customer .wrap{
    width: 100%;
	margin: 20px auto 0px auto;
	display: flex;
	-webkit-flex-wrap: wrap;        /* Safari etc. */
	-ms-flex-wrap    : wrap;        /* IE10        */
	flex-wrap        : wrap;
	justify-content:space-between; 
	overflow: hidden;
	text-align: center;
	}

.owpp_customer .wrap .item{
    width: 49%;
	height: 180px;
	margin: 30px 0px 0px 0px;
	text-align: center;
	}


.owpp_customer .wrap .item .inner{
    width: 99%;
	height: 175px;
	border: 1px solid #e6e6e6;
	box-shadow: 4px 4px #e6e6e6;
	}

.owpp_customer .wrap .item .inner .text1{
	margin-top: 40px;
	color: #d60050;
	text-align: center!important;
	}

.owpp_customer .wrap .item .inner .text2{
	margin-top: 10px;
	text-align: center!important;
	}



.owpp_contact{
    width: 100%;
	margin: 80px 0px 0px 0px;
	padding-bottom: 80px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_contact .inner{
    width:900px;
	margin: 70px auto 0px auto;
	text-align: center;
	}

.owpp_contact .inner .text1{
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 22px;
	text-align: center!important;
	}

.owpp_contact .inner .text2{
    width: 260px;
	margin: 30px auto 0px auto;
	color: #ffffff;
	font-size: 20px;
	border-bottom: 1px solid #ffffff;
	text-align: center!important;
	}

.owpp_contact .inner .text3{
	margin: 30px auto 0px auto;
	color: #ffffff;
	text-align: center!important;
	}


.owpp_b_wrap{
	width:310px;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}

.owpp_b{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background:url(i_arrow1_red.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #cc0051 !important;
	font-size: 20px;
	clear: both;
	float: none;
	}

.owpp_b.bg_red{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background:#cc0051 url(i_arrow1_wh.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #FFF !important;
	font-size: 20px;
	clear: both;
	float: none;
	}


/*M3ハンドクリーム　メイン
--------------------------------------*/
.m3_main_wrap{
    width:1000px;
	height: 550px;
	margin:60px auto 0px auto;
	overflow: hidden;
	clear:both;
	}
.m3_main_l{
    width:320px;
	height: 550px;
	float: left;
}
.m3_main_l img{
    width:190px;
	margin: 0px 0px 0px 0px;
	}
.m3_main_r{
    width: 670px;
	height: 480px;
	padding: 0px 0px 0px 0px;
	background:url(../images/m3_main.jpg) no-repeat;
	background-size:460px auto;
	background-position: left top 150px;
	float: left;
	overflow: hidden;
	position: relative;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .m3_main_r{
    background-image: url("../images/m3_main@2x.jpg");
  }
	}
.m3_mnuts_box{
    width:260px;
	margin: 15px 70px 0px 0px;
	text-align: center;
	float: right;
}
.m3_mnuts_box img{width: 100%;}

.m3_b_box{
    width:300px;
	position: absolute;
	bottom: 0;
	right:  0;
}


/*M3ハンドクリーム　詳細
--------------------------------------*/
.m3_pr_wrap {
	width: 1050px;
	margin: 25px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.m3_pr{
    width: 240px;
    height: 240px;
	margin: 0px 25px 0px 25px;
	padding:60px 0px 0px 0px;
	border-radius: 240px;
	border: solid 7px #FDEECF;
	background:#ffffff;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_pr p{
    width: 90%;
	margin:10px auto 5px auto;
	text-align: center;
}
.m3_dt{
	width: 100%;
	height: auto;
	margin: 35px auto 50px auto;
	background:url(../images/m3_img1.jpg) no-repeat;
	background-size:400px auto;
	background-position: right bottom 10px;
	}

.m3_dt h2{
	width: 580px;
	padding: 25px 0px 0px 0px;
}

.m3_dt h3{
	width: 580px;
	padding: 25px 0px 0px 0px;
	font-size:16px; }


.m3_dt_wrap{
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 0px 0px 0px;
	border: solid 4px #FDEECF;
}
.m3_dt_wrap h3{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align: center;
	overflow: hidden;
}
.m3_dt_inner {
	width: 90%;
	margin:20px auto 0px auto;
	padding: 0px 0px 40px 0px;
	text-align:left;
	clear:both;
	overflow: hidden;
	}

.m3_point_wrap {
	width: 1050px;
	margin: 25px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.m3_point{
    width: 312px;
    height: 240px;
	margin: 0px 8px 0px 8px;
	padding:20px 0px 0px 0px;
	border-radius: 6px;
	background:#ffffff;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_point h3{
	line-height: 36px;
}
.m3_point p{
    width: 90%;
	margin:10px auto 5px auto;
	text-align: left;
}
.m3_mac_l{
    width: 340px;
	height: 225px;
	margin:30px 0px 0px 0px;
	background:url(../images/m3_img2.jpg) no-repeat;
	background-size:340px auto;
	background-position: right top;
	text-align: left;
	float: left;
}
.m3_mac_r{
    width: 450px;
	margin:30px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	text-align: right;
	float: left;
}
.m3_mac_list{
    width: 100%;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 22px;
	background:url("../images/sc_yellow.svg") no-repeat;
	background-size:18px auto;
	background-position: left top 7px;
	font-size: 18px;
	text-align: left;
}
.m3_mac_tt{
	margin:60px 0px 0px 0px;
	font-size: 24px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	float: center;
	text-align: center;
}
.m3_mac_p{
	margin:25px 0px 0px 0px;
	font-size: 16px;
}
table.m3_tb{
width:100%;
border-collapse: collapse;
font-size: 16px;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.m3_tb th, table.m3_tb td{
margin : 0px;
padding: 13px;
border: 1px solid #DBDBDB;
border-width: 1px 1px 1px 1px;
text-align: center;
font-weight: normal;

}
table.m3_tb td {
width:25%;
margin : 0px;
padding: 13px;
border: 1px solid #DBDBDB;
border-width: 1px 1px 1px 1px;
font-weight: normal;
}
.m3_rec_p{
	margin : 30px 0px 0px 0px;
	text-align: center;
}
.m3_how_wrap{
	width:100%;
	margin : 30px 0px 0px 0px;
	padding: 20px;
	overflow: hidden;
	text-align:center;
	clear:both;
}

.m3_how{
    width:200px;
	margin: 0px 15px 0px 15px;
	padding:0px;
	font-size: 30px;
	line-height: 38px;
	text-align:left;
	color: #FAD586;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_how p{
    width: 100%;
	margin:150px 0px 5px 0px;
	color: #4D4D4D;
	font-size: 16px;
	line-height: 1.8;
}
.m3_how1{
	background:url("../images/m3_howto1.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how2{
	background:url("../images/m3_howto2.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how3{
	background:url("../images/m3_howto3.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how4{
	background:url("../images/m3_howto4.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_faq_wrap{
	width: 100%;
	overflow: hidden;
}
.m3_faq_l{
	width: 37px;
	height: 37px;
	border-radius: 37px;
	text-align: center;
	line-height: 37px;
	clear: both;
	float: left;
	}
.bg_q{
	margin:  5px 0px 10px 0px;
	background-color: #F7B62E;
	color: #ffffff;
}
.bg_a{margin:  5px 0px 10px 0px;
	background-color: #FAD586;
	color: #ffffff;
}

.m3_faq_q{
	width: 880px;
	margin-top: 7px;
	margin-bottom: 20px; 
	border-radius: 37px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	float: right;
	}
.m3_faq_a{
	width: 880px;
	margin-top: 7px;
	margin-bottom: 20px; 
	border-radius: 37px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	float: right;
	}
.m3_st_tt{
	margin:30px 0px 0px 0px;
	font-size: 24px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	float: center;
	text-align: center;
}	
.m3_st_p{
	margin:30px 0px 0px 0px;
	font-size: 16px;
}

.m3_detail{
	width: 475px;
	height: 220px;
	margin:0px auto 0px auto;
	padding:50px 0px 0px 230px;
	font-size: 16px;
	background:url(../images/m3_p2.jpg) no-repeat;
	background-size:230px auto;
	background-position: left top;
}
/* ショップ
---------------------------------------------*/
.shop_inner{
	width: 100%;
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}
.shop_b{
	width:310px;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}
.shop_contact_box{
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 65px 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
}
/* company
---------------------------------------------*/
.company {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:30px;
}
 
.company th,
.company td {
  border: 1px solid #DBDBDB;  
  padding: 15px;
  background: #FFFFFF;
}
 
.company th {
  background: #F0F0F0;
  text-align:  left;
  width: 200px;
  font-weight:normal;
}
.map_wrap{
  width: 100%;
  height:450px;
	margin: 20px 0px 40px 0px;
  overflow:hidden;
	}
/*お問い合わせ
--------------------------------------*/	
.contact_copy{
	width: 100%;
	text-align:  center;
	}

/*ライン
--------------------------------------*/
.hr_dot_gray{
	width: 100%;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #b3b3b3;
	clear:both;
	}
.hr_gray{
	width: 100%;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #b3b3b3;
	clear:both;
	}
.hr_gray2{
	width: 100%;
	height: 1px;
	margin: 50px 0 0 0;
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #b3b3b3;
	clear:both;
	}
.hr_bread{
	width: 100%;
	padding: 20px 0px 0px 0px;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #DBDBDB;
	clear:both;
	}
/*記事　次へ前へ
--------------------------------------*/
.singlepage_pn{
    width: 100%;
	margin: 50px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	}
.singlepage_pn2{
    width: 100%;
	margin: 40px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	}

.back{
    width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	}

.back .bt{
    width: 200px;
	padding: 10px 10px 10px 40px;
	border: #cccccc 1px solid;
	text-align: center;
	background:url("../images/arrows_black2.svg") no-repeat;
	background-size: 5px auto;
	background-position: left 30px top 20px;
	display: -moz-inline-box;  
	display: inline-block;  
	}
.prev_next{
	width:200px;
	text-decoration: none;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#333333;
	transition:.3;
	display: -moz-inline-box;  
	display: inline-block;
	font-size:16px;
	}
.prev_next a{
	color:#333333;
	display: inline-block;
	}

.prev_next a:hover{
	color:#333333;
	transition:.3s;
	}

.prev_next span.current{
	font-weight: normal;
	background:#e5bed9;
	margin: 2px;
	}

.pg_box{
	width: auto;
	margin-top: 20px;
	display: -moz-inline-box;  
	display: inline-block;
	clear:both;
	overflow:hidden;}	

/* 　ページャー
---------------------------------------------*/
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 0px solid #ffffff!important;
padding: 12px 6px!important;
margin: 2px;
background:#f2f2f2;
color:#333333;
transition:.3;
}
.wp-pagenavi a:hover {
color:#333333;
transition:.3s;
background:#f2f2f2;
}
.wp-pagenavi span.current {
font-weight: normal!important;
background:#F7D6E3;
margin: 2px;
}

/*リスト
--------------------------------------*/
.list1{
    width: 96%;
	margin-left:20px;
	padding: 5px 0px 5px 0px;
	font-size:16px;
	list-style-type:disc;
	text-indent: -0.3em;
	}

/*フォーム
--------------------------------------*/	

.form_item{
	margin-top:5px;
	padding-left: 25px;
	font-weight:normal;
	background:url(../images/d_sp_red.jpg) no-repeat;
    background-size:18px;
    background-position: 0px 4px;
	}
.form_notes{
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top:40px;
	clear:both;
	}

.form_tab{
	width:100%;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px solid #d8d8d8;
	clear:both;
}

.form_tab th{
	width: 235px;
	vertical-align:top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	padding: 15px 0px 15px 0px;
	border-bottom: dotted 1px #b3b3b3;
	overflow:hidden;
}
 
.form_tab td{
	padding: 15px 0px 15px 0px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: dotted 1px #b3b3b3;
	overflow:hidden;
}
.form_line_top{
	border-top: solid 1px #b8d7e8 !important;
}
.form_line_dot{
	border-top: dotted 1px #b3b3b3 !important;
}

.form_line_l{
	border-bottom: solid 1px #b8d7e8 !important;
}
.form_line_r{
	border-bottom: solid 1px #b8d7e8 !important;
}

input[type="text"]:focus {
  outline: 0;
}

input.form_300{width:300px;}
input.form_150{width:150px;}
input.form_30{width:30px;}
input.form_70p{width:70%;}
input.form_100p{width:92%;}

.form_basic{
	margin-top: 0px;
	padding:8px;
	border:0;
	border:solid 2px #ccc;
	font-size:16px;
	color: #4d4d4d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	-webkit-appearance: none;
	}
	
select{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#EEE url(../images/form_arrows.gif) no-repeat;
    background-size:20px 20px;
    background-position: right 6px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    vertical-align: middle;
    border:1px solid #CCC;
    margin-bottom:5px;
	overflow:visible;
	padding:0px 3px 0px 0px;
	outline: 0;
}

select.w55{width:55px;}	
select.w200{width:200px;}	
select.w250{width:250px;}	

@-moz-document url-prefix() {
/* for firefox */
    select{
        background:none;
        background-color: #FFF;
    }
	select.w55{width:70px;}	 
	}
textarea {
	width: 92%;
	height: 8em;
}

.textarea_rows{
	height: 15em;
	}

.submit_bx{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align:center;
	}

.submit1{
	width: 230px;
	margin: 0px 10px 0px 10px;
	padding: 16px 0px 16px 0px;
	border:0;
	color: #ffffff;
	font-size:18px;
	clear:both;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	display: -moz-inline-box;  
	display: inline-block;  
	}

.submit_bx1{
	width: 230px;
	margin: 30px auto 0px auto;
	}
.submit_bx_l{
	width: 48%;
	margin-top: 30px;
	text-align:right;
	float:left;
	}
.submit_bx_r{
	width: 48%;
	margin-top: 30px;
	text-align:left;
	float:right;
	}
.mw_wp_form .error {
    color: #ff7b45;
}
.thanks{
	font-size:48px;
	color:#CCC;}	
/*===================================
余白
===================================*/

/*margin-top
--------------------------------------*/
.mg0 {margin-top: 0px;}
.mg5 {margin-top: 5px;}
.mg10 {margin-top: 10px;}
.mg15 {margin-top: 15px;}
.mg20 {margin-top: 20px;}
.mg25 {margin-top: 25px;}
.mg30 {margin-top: 30px;}
.mg35 {margin-top: 35px;}
.mg40 {margin-top: 40px;}
.mg45 {margin-top: 45px;}
.mg50 {margin-top: 50px;}
.mg55 {margin-top: 55px;}
.mg60 {margin-top: 60px;}
.mg65 {margin-top: 65px;}
.mg75 {margin-top: 75px;}
.mg80 {margin-top: 80px;}

/*margin-bottom
--------------------------------------*/
.mg_bt5 {margin-bottom: 5px;}
.mg_bt10 {margin-bottom: 10px;}
.mg_bt15 {margin-bottom: 15px;}
.mg_bt20 {margin-bottom: 20px;}
.mg_bt25 {margin-bottom: 25px;}
.mg_bt30 {margin-bottom: 30px;}
.mg_bt35 {margin-bottom: 35px;}
.mg_bt40 {margin-bottom: 40px;}
.mg_bt45 {margin-bottom: 45px;}
.mg_bt50 {margin-bottom: 50px;}
.mg_bt55 {margin-bottom: 55px;}
.mg_bt60 {margin-bottom: 60px;}
.mg_bt65 {margin-bottom: 65px;}
.mg_bt75 {margin-bottom: 75px;}
.mg_bt80 {margin-bottom: 80px;}

/*padding-top
--------------------------------------*/
.pd5 {padding-top: 5px;}
.pd10 {padding-top: 10px;}
.pd15 {padding-top: 15px;}
.pd20 {padding-top: 20px;}
.pd25 {padding-top: 25px;}
.pd30 {padding-top: 30px;}
.pd35 {padding-top: 35px;}
.pd40 {padding-top: 40px;}
.pd45 {padding-top: 45px;}
.pd50 {padding-top: 50px;}
.pd55 {padding-top: 55px;}
.pd60 {padding-top: 60px;}
.pd65 {padding-top: 65px;}
.pd75 {padding-top: 75px;}
.pd80 {padding-top: 80px;}

/*padding-bottom
--------------------------------------*/
.pd_bt5 {padding-bottom: 5px;}
.pd_bt10 {padding-bottom: 10px;}
.pd_bt15 {padding-bottom: 15px;}
.pd_bt20 {padding-bottom: 20px;}
.pd_bt25 {padding-bottom: 25px;}
.pd_bt30 {padding-bottom: 30px;}
.pd_bt35 {padding-bottom: 35px;}
.pd_bt40 {padding-bottom: 40px;}
.pd_bt45 {padding-bottom: 45px;}
.pd_bt50 {padding-bottom: 50px;}
.pd_bt55 {padding-bottom: 55px;}
.pd_bt60 {padding-bottom: 60px;}
.pd_bt65 {padding-bottom: 65px;}
.pd_bt75 {padding-bottom: 75px;}
.pd_bt80 {padding-bottom: 80px;}

/*フォント
--------------------------------------*/
.ft10 {
	font-size: 10px;
	line-height: 12px;
	}

.ft12 {
	font-size: 12px;
	line-height: 14px;
}
.ft13 {
	font-size: 13px;
	line-height: 16px;
}
.ft14 {
	font-size: 14px;
	line-height: 20px;
}	
.ft14_b {
	font-size: 14px;
	line-height: 20px;
	font-weight:bold;
}
.ft16 {
	font-size: 16px;
	line-height: 22px;
}
.ft16_b {
	font-size: 16px;
	line-height: 28px;
	font-weight:bold;
}
.ft17 {
	font-size: 17px;
	line-height: 23px;
}
.ft17_b {
	font-size: 17px;
	line-height: 23px;
	font-weight:bold;
}
.ft18 {
	font-size: 18px;
	line-height: 26px;
}
.f18_b {
	font-size: 18px;
	line-height: 26px;
	font-weight:bold;
}
.ft20 {
	font-size: 20px;
	line-height: 27px;
}
.f20_b {
	font-size: 20px;
	line-height: 27px;
	font-weight:bold;
}
.f22 {
	font-size: 22px;
	line-height: 28px;
}
.f22_b {
	font-size: 22px;
	line-height: 28px;
	font-weight:bold;
}
.f26 {
	font-size: 26px;
	line-height: 40px;
}
.f26_b {
	font-size: 26px;
	line-height: 40px;
	font-weight:bold;
}

/*=====================================================
PC 画面の横幅が769px以上
=====================================================*/

@media screen and (min-width: 800px){
body {
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	}
	
/*表示
--------------------------------------*/
.pc_none {display:none;}
.pc_yes {display:block;}

/*改行
--------------------------------------*/
.pc_br_none br {display: none;}
.pc_br_yes br {display: block;}

/*共通　大枠
--------------------------------------*/
.container{min-width:960px;}
	
/*PC 終わり
=======================================*/
}


/*=====================================================
タブレット　画面の横幅が768pxまで
=====================================================*/
@media screen and (max-width:799px){
	
body {overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;}
	
/*表示
--------------------------------------*/
.tab_none {display:none;}
.tab_yes {display: block;}

/*改行
--------------------------------------*/
.tab_br_none br {display: none;}
.tab_br_yes br {display: block;}

/*背景色 pcうすい　spロゴ色
--------------------------------------*/
.bg_ch{background-color: #a01073;}
	
/*共通　文章
--------------------------------------*/
.sentence{
	margin: 20px 0px 40px 0px;
	line-height: 2.2;
	
}
/*共通　タイトル
--------------------------------------*/
.title_wrap{
    width: 100%;
	height: 80px;
	margin: 0px;
	padding : 0px;
	background-color: #F0F0F0;
	text-align: center;
	position : relative;
	overflow: hidden;
	clear:both;
	}
.title{
	font-size: 22px;
	margin-top: 15px;
	line-height: 1;
	}
.title2{
	font-size: 24px;
	margin-top: 0px;
	}
.title3{
	font-size: 22px;
	margin-top: 10px;
	line-height: 0.8;
	}
.title_ja{
	font-size: 14px;
	margin-top: 10px;
	line-height: 1;
	}
.subtitle{
	font-size: 24px;
	margin-top: 45px;
	}
.sl_copy{
	margin-top: 20px;
    font-size: 28px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}

/*共通大枠
--------------------------------------*/
.breadcrumbs {
	width: 95%;
	margin: 40px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	font-size:14px;
	text-align:left;
	top:0;
	position:inherit;
	}
	
.container{
    width: 100%;
	margin: 0px;
	padding : 0px;
	clear:both;
	}
.contents_wrap{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 65px 0px 65px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap2{
    width: 100%;
	margin: 35px auto 0px auto;
	padding: 35px 0px 25px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap3{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 35px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	}

.contents_wrap4{
    width: 100%;
	margin: 35px auto 0px auto;
	padding: 35px 0px 25px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap5{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_s{
	width: 90%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
.contents_m{
	width: 90%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
/*共通　ボタン
--------------------------------------*/
.b_products_r{
	width: 310px;
	height:65px;
	margin-top:50px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: right;
	}
.b_products_l{
	width: 310px;
	height:65px;
	margin-top:30px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: left;
	}
.b_online{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff !important;
	font-size: 20px;
	clear: both;
	float: none;
	}
.b_contact{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	display:inline-block;
	clear: both;
	float: none;
	}
.b_contact_ill{
	width: 310px;
	height:65px;
	padding: 15px 0px 0px 0px;
	background:url(../images/b_mail.svg) no-repeat;
	background-size:26px 26px;
	background-position: left 80px top 20px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 20px;
	}
/* ヘッダー
--------------------------------------*/
.head_wrap{
    width: 100%;
	height: 58px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	min-width: 100%;
	position:relative;	
	}
.head_menu{
    width: 100%;
	float: left;
	}
.head_logo{
    width: 200px;
	padding: 15px 0px 0px 20px;
	float: left;
	}
.head_logo img{width: 170px;}


/*グローバルメニュー
--------------------------------------*/
.menu_wrap{
    width: 100%;
	 top:5px;
	margin:0px 0px 0px 0px;
	float: none;
	clear: both;
	
position:relative;
	}
.menu_list{
    width: 100%;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
.menu_list ul{
	}
.menu_list ul li{
	}
.menu_list li{
	padding:0px 25px 0px 0px;
	font-size: 16px;
	float: none;
	clear: both;
	}
nav.menu			{ width:25px; height:30px; top:20px; right:20px; cursor:pointer; overflow:hidden; z-index:9999;position:absolute;}
nav .menu1			{ width:25px; height:2px; background-color: #000; top:0px; position:absolute; } 
nav .menu2			{ width:25px; height:2px; background-color: #000; top:8px; position:absolute; } 
nav .menu3			{ width:25px; height:2px; background-color: #000; top:16px; position:absolute; }

nav .menu1,nav .menu2,nav .menu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
					 
					 
nav .menuclick1		{ top:8px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
nav .menuclick2		{ background-color:rgba(255,255,255,0);  }
nav .menuclick3		{ top:8px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
					
#menu{
width: 100%;
margin-top:0px;
padding: 10px 0px 10px 0px;
display:none;
position:absolute;
list-style-type: none;
z-index: 9999;
background-color:#E2E2E2;
color:#ffffff;
}
#menu ul{
  width: 100%;
}
#menu ul li{
width: 100%;
}
#menu ul li a{
color:#ffffff;
}

.menu_sp{
width: 100%;
padding: 5px 0px 5px 20px;
font-size:16px;
background:url(../images/i_arrow_bl.svg) no-repeat;
background-size:8px auto;
background-position: right 2px top 12px !important;
display:block;
clear:both;
}

/*トップスライド
--------------------------------------*/
.slide_wrap{
    width: 70%;
	height:auto;
	margin:30px auto 0px auto;
	overflow: hidden;
	clear:both;
	}

.slide_ph{
    width: 100%;
	height:auto;
	text-align: center;
	left: 0px;
	overflow: hidden;
	}

/*トップ　ニュース
-----------------------------------------------*/

.news_archive_wrap{
	width: 100%;
	margin: 60px auto 60px auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}
.news_archive_wrap .h1{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	}

.top_news .link{
	width: 100%;
	margin-top: 10px;
	padding: 15px 15px 10px 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_archive_wrap .link a{
	width: 100%;
	}

.news_archive_wrap .link .category{
	width: 115px;
	padding-top: 2px;
	background-color: #CC0051;
	font-size: 14px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .arrows{
	display: none;
	width: 0px;
	height: 0px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: center top 10px;
	float: left;
	}
.news_archive_wrap .link .date{
	width: auto;
	margin-right: 15px;
	margin-left: 10px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .title{
	width : -webkit-calc(100% - 0px) ;
	width : calc(100% - 0px);
	padding-top: 7px;
	line-height: 1.5;
	float: none;
	clear: both;
	font-size: 16px;
	}

.news_archive_wrap .more{
	width: 100%;
	margin-top: 20px;
	text-align: right;
	}
	
.archive_title{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	clear: both;
	overflow: hidden;
	background-color: #E9E9E9;
	}
.news_com{
	width: 100%;
	margin: 0;
	padding: 0;
}

.news_com .title{
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
}

.news_com .inner{
	width: 100%;
	margin: 30px 0 60px 0;
	padding: 0;
}

.news_com .inner .link{
	width: 49%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}
.news_com .inner .link2{
	width: 49%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link2 p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}
	

.news_page{
	width: 100%;
	margin: 50px auto 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}

.news_page .wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_page .wrap .category{
	width: 115px;
	margin-right: 15px;
	padding-top: 2px;
	background-color: #CC0051;
	color: #ffffff!important;
	font-size: 14px;
	text-align: center;
	float: left;
	list-style:none;
	}

.news_page .wrap .category ul{
	list-style:none;
	color: #ffffff!important;
	}
.news_page .wrap .category ul li{
	list-style:none;
	color: #ffffff!important;
	}

.news_page .wrap .date{
	width: auto;
	margin-right: 15px;
	text-align: center;
	float: left;
	}
.news_page .wrap .title{
	width: 100%;
	padding-top: 10px;
	font-size: 20px;
	clear: both;
	overflow: hidden;
	}

.news_page .contents{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}
.news_page .contents p{
	margin: 10px 0 10px 0;
	clear: both;
	}

.news_page .contents img{
	width: 100%;
	margin: 10px 0 10px 0;
	clear: both;
	overflow: hidden;
	}
	
.news .link_pdf{
    width: 230px;
	height: 50px!important;
	margin: 10px 0px 0px 0px;
	padding-left: 0px;
	text-align: center;
	background:url(../images/bt_bg_red.svg) no-repeat;
	background-size: 190px;
	background-position: right 0px top 0px;
	line-height: 46px!important;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	display: -moz-inline-box;  
	display: inline-block;
	}
/*トップメッセージ
--------------------------------------*/
.message_logo{
	width: 270px;
	margin: 0px auto 0px auto;
	text-align: center;
	}
.message_logo img{
	width: 100%;
	}
.message_copy{
	font-size: 20px;
	line-height: 2;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}
.products_l{
    width: 400px;
	margin: 20px auto 0px auto;
	float: none;
	}
.products_r{
    width: 400px;
	margin: 20px auto 0px auto;
	float: none;
	}
.products_ph img{
    width: 100%;
	height: auto;
	padding-bottom: 5px;
	}
	
/* バナー
---------------------------------------------*/
.bn_wrap{
    width:90%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
.bn{
	width: 400px;
	margin: 0px auto 20px auto;
	text-align:center;
	display:inline;
	display:block;
	clear:both;
	overflow:hidden;
	}
.bn img{
	width: 100%;
	}
/*フッター
--------------------------------------*/
.foot_wrap{
    width: 100%;
	margin-top: 25px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	overflow:hidden;
	}
.foot_inner{
    width:90%;
	margin: 0px auto 0px auto;
	padding: 35px 0px 0px 0px;
	}

.sitemap_l{
   width: 50%;
	float: left;
	}
.sitemap_r{
   width: 50%;
	margin-top:46px;
	float: left;
	}
.foot_com{
	width: 100%;
	padding-top:25px;
	font-size:14px;
	float: none;
	clear: both;
	}
.foot_com img{width: 190px;margin-bottom: 5px}
.facebook{width: 30px;}
.facebook img{width: 30px;margin-top: 10px}
.sitemap{
    width: 120px;
	margin-bottom: 20px;
	background-color: #4D4D4D;
	color: #ffffff;
	text-align: center;
	}
.sitemap1{
	margin-left:20px;
	padding: 0px 20px 5px 0px;
	font-size:14px;
	list-style-type:disc;
	text-indent: -0.3em;
	}
.cooyright{
    width: 100%;
	padding:20px 0px 35px 0px;
	text-align: center;
	font-size:12px;
	}
/*商品情報共通
--------------------------------------*/
.c3_wrap {
	width: 90%;
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.c3{
    width: 360px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	}
.c3 img{
    width: 100%;
	margin:15px 0px 5px 0px;
}
.c3 p{
    width: 100%;
	margin:0px 0px 5px 0px;
}

.products_wrap{
    width: 90%;
	margin:0px auto 0px auto;
	padding: 30px 30px 30px 30px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}
/*ワンワイプ  メイン
--------------------------------------*/
.ow_main_wrap{
    width: 100%;
	height: auto;
	margin:35px 0px 10px 0px;
	text-align: center;
	overflow: hidden;
	clear:both;
	}
.ow_main_wrap img{
    width: 70%;
	}

.ow_lineup_l{
    width: 50%;
	margin:10px auto 0px auto;
	font-size: 14px;
	text-align:left ;
	float: none;
	}
.ow_lineup_r{
    width: 100%;
	margin:10px auto 0px auto;
	float: none;
	}
/*ワンワイプ　詳細
--------------------------------------*/
.ow_movie{
	width: 90%;
	margin: 30px auto 60px auto;
	padding: 10px 10px 2px 10px;
}
.ow_movie video{
	width: 100%;
}
.ow_mec{
	width: 100%;
	height: auto;
	margin: 35px auto 0px auto;
	background:none;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ow_mec{
    background-image: none;
  }

}
.ow_mec h2{
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.ow_mec h3{
	width: 100%;
	padding: 20px 0px 0px 0px;
	font-size:16px; }

.ow_mec_wrap{
	width: 100%;
	margin-top: 20px;
	padding: 20px 0px 0px 0px;
	border: solid 4px #D9F1F8;
}
.ow_mec_wrap h3{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align: center;overflow: hidden;
}

.ow_mec_img{
	height: 480px;
	background:url("../images/ow_main.jpg") no-repeat;
	background-size:400px auto;
	background-position: center top 20px;
	}
.ow_mec_inner {
	width: 100%;
	margin-top:25px ;
	padding: 0px 0px 20px 0px;
	text-align:center;
	clear:both;
	overflow: hidden;
	}
.ow_mec_step{
	width: 90%;
	height: 70px;
	margin: 0px auto 0px auto;
	padding: 15px 10px 0px 10px;
	background-color: #F0F0F0;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	overflow: hidden;
	}
.ow_mec_ar{
	width: 100%;
	height: 40px;
	background:url("../images/i_arrow2.svg") no-repeat;
	background-size:30px auto;
	background-position: center top 0px;
	
  transform: rotate(90deg);
	display: -moz-inline-box;  
	display: inline-block;
	}
.ow_mec_num{
    width:10%;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	float: left;
	}
.ow_mec_con{
    width:90%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	float: left;
	}
.ow_point_inner{
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background-color:  #ffffff;
	overflow: hidden;
}
.ow_point_num{
	width: 15%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	float: left;
}
.ow_point_tt{
	width: 80%;
	text-align: left;
	line-height: 28px;
	float: left;
}
.ow_tt1{margin-top:6px;}
.ow_tt2{margin-top:6px;}
	
.ow_point_con{
	width: 95%;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	text-align: left;
	font-size: 16px;
	float: none;
	overflow: hidden;
}
.ow_use_ph_wrap {
	width: 90%;
	margin: 25px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.ow_use_ph{
    width: 100px;
	margin: 0px 7px 0px 7px;
	padding:4px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	overflow: hidden;
	}
.ow_use_ph img{
    width: 100%;
	margin:10px 0px 5px 0px;
}
.ow_use_l{
	width: 90%;
	margin:0px auto 0px auto;
	padding:20px 0px 20px 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
	}
.ow_use_r{
	width: 90%;
	margin:-20px auto 0px auto;
	padding:0px 0px 20px 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
	}

.ow_use_h3{
	font-size: 16px;
	}
	
.ow_use2_wrap{
	width: 90%;
	margin:30px auto 35px auto;
	padding: 20px 20px 20px 20px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}

.ow_vi{
	width: 100%;
	height:auto;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #7AD0E7;
	margin:20px 0px 0px 0px;
	padding: 25px 25px 25px 25px;
	text-align: left;
	display: -moz-inline-box;  
	display: inline-block;  
    vertical-align: top;
}
.ow_detail1{
	width: 100%;
	height:250px;
	margin: 20px auto 0px auto;
	padding: 40px 0px 0px 240px;
	background:url("../images/ow_p2.jpg") no-repeat;
	background-size:140px auto;
	background-position: left 70px top 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
}
.ow_detail2{
	width: 100%;
	height:250px;
	margin:0px 0px 0px 0px;
	padding: 40px 0px 0px 240px;
	background:url("../images/ow_p1.jpg") no-repeat;
	background-size:160px auto;
	background-position: left 70px top 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
}

	
/*ワンワイププロ　メイン
--------------------------------------*/


.owpro_arrows{
	width: 100%;
	height:25px;
	background:url("../images/owpro_arrows.png") no-repeat;
	background-size:70px auto;
	background-position: center top 0px;
	overflow: hidden;
}

.owpro_r1{
	font-size: 14px;
	margin-bottom: 30px!important;
}
.owpro_r2{
	width: 90%;
	text-align: left;
	margin:30px auto 0px auto;
}
	

.owpro_ph_title{
	width: 420px;
	margin:80px auto 0px auto;
	background-color: #54b1d5;
	color: #ffffff;
	text-align: center;
}

.owpro_ph_img1{
	width: 70%;
	margin:40px auto 0px auto;
	text-align: center!important;
}
.owpro_ph_img1 img{
	width: 100%;
}

.owpro_ph_detail1{
	width: 100%;
	margin:60px auto 0px auto;
	padding-left: 0px;
	float: none;
}
.owpro_ph_detail1 img{
	width: 230px;
	margin:20px auto 20px auto;
}


.owpro_ph_detail2{
	width: 100%;
	margin:40px auto 40px auto;
	float: none;
	text-align: center;
}
.owpro_ph_detail2 img{
	width: 300px;
}
.owpro_detail1{
	width: 100%;
	height:270px;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 0px 280px;
	background:url("../images/owpro_products.jpg") no-repeat;
	background-size:140px auto;
	background-position: left 110px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}
.owpro_detail2{
	width: 100%;
	height:270px;
	margin:40px 0px 0px 0px;
	padding: 40px 0px 0px 280px;
	background:url("../images/owpro_tank.jpg") no-repeat;
	background-size:170px auto;
	background-position: left 90px top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
}
	
/*ワンワイププロ プラス　詳細
--------------------------------------*/
.owpp_main_wrap{
    height: 0;
    padding-top: 155.08%;
    background: url('owpp_main_sp.jpg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	clear: both;
	}
.owpp_opening{
    width: 100%;
	overflow: hidden;
	}
.owpp_opening .wrap{
    width: 100%;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_opening .wrap .copy{
    width: 100%!important;
	margin: 70px auto 0px auto;
	text-align: center;
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 28px;
	}
.owpp_opening .wrap .inner{
    width: 90%!important;
	margin: 20px auto 30px auto!important;
	overflow: hidden;
	display: block;
    flex-wrap: nowrap;
	}
.owpp_opening .wrap .inner .copy{
    width: 100%!important;
	}
.owpp_opening .wrap .inner .item{
    width: 100%!important;
	margin: 30px 0 0 0;
	}
.owpp_opening .wrap .inner .item .name{
    width: 100%;
	padding: 4px 0 4px 0;
	color: #ffffff;
	border: 1px #ffffff solid;
	text-align:center;
	}

.owpp_opening .wrap .inner .item .list{
    width: 95%;
	margin: 10px 0px 0px 15px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	font-size: 14px;
	list-style-type: disc ;
	}
.owpp_opening .wrap .inner .item .list .text{
	margin: 5px 0px 0px 0px;
	}

.owpp_opening .arrows{
    height: 0;
    padding-top: 8.44%;
	margin-top: 0;
    background: url('owpp_arrows1.svg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	}

.owpp_opening .answer{
    width: 450px;
	margin:60px auto 0px auto;
	padding: 0px 10px 0px 0px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 28px;
	}

.owpp_opening .answer_wrap{
    width: 90%!important;
	margin: 40px auto 0px auto;
	overflow: hidden;
	display: block;
    flex-wrap: nowrap;
	}

.owpp_opening .answer_wrap .left{
    width: 100%;
	margin: 0px 0px 0px 0px!important;
	text-align:center;
	}
.owpp_opening .answer_wrap .left img{
    width: 90%;
	}
.owpp_opening .answer_wrap .right{
    width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
	}
.owpp_opening .answer_wrap .right img{
    width: 280px!important;
	}
.owpp_opening .answer_wrap .right p{
    width: 100%;
	text-align: left;
	}

.owpp_merit{
    width: 100%;
	margin: 70px 0px 0px 0px;
	padding-bottom: 80px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_merit .inner{
    width: 90%!important;
	margin: 50px auto 0px auto;
	}
.owpp_merit .inner .copy{
    width: 450px;
	margin:60px auto 20px auto!important;
	color: #ffffff;
	text-align:center;
	border-bottom: 1px solid #ffffff;
	font-size: 20px;
	line-height: 50px;
	}

.owpp_merit .inner .left{
    width: 100%;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	float: left;
	}

.owpp_merit .inner .left img{
    width: 340px;
	margin: 20px 0px 0px 30px;
	}


.owpp_merit .inner .right{
    width: 100%;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-align:left;
	float: right;
	}

.owpp_merit .inner .item{
    width: 280px;
	height: 60px;
	margin: 30px 0px 0px 0px;
	background:url(owpp_point_bg.svg) no-repeat;
	background-size:280px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_merit .inner .item .number{
    width: 30px;
	height: 50px;
	margin: 3px 0px 0px 13px;
	color: #ffffff;
	font-size: 20px;
	float: left;
	}

.owpp_merit .inner .item .item_copy{
    width: 200px;
	height: 50px;
	margin: 10px 0px 0px 10px;
	font-size: 20px;
	color: #cc0051;
	float: left;
	}

.owpp_merit .description{
	margin: 8px 0px 0px 0px;
	font-size: 14px;
	}

.owpp_system{
    width: 90%!important;
	margin: 60px auto 0px auto;
	}

.owpp_system .copy1{
    width: 450px;
	margin:60px auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 22px;
	line-height: 35px;
	}

.owpp_system .copy2{
    width: 100%;
	margin: 40px 0px 0px 0px!important;
	text-align: center;
	font-size: 22px;
	}

.owpp_system .left{
    width: 100%;
	margin: 30px 0px 40px 0px!important;
	text-align: center;
	float: left;
	}
.owpp_system .left img{
    width: 80%;
	margin: 30px 0px 0px 0px!important;
	}


.owpp_system .right{
    width: 100%;
	margin: 30px 0px 40px 0px!important;
	text-align: center;
	float: right;
	}
.owpp_system .right img{
    width: 80%;
	margin: 30px 0px 0px 0px!important;
	}

.owpp_system .copybox{
    width: 100%;
	background-color: #cc0051;
	color: #ffffff;
	}

.owpp_system .arrows{
    width: 160px;
	height: 40px;
	margin:0px auto 0px auto;
	background:url(owpp_arrows2.svg) no-repeat;
	background-size:160px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_system .description{
    width: 100%;
	margin: 40px 0px 0px 0px;
	text-align: left;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 18px;
	}

.owpp_system .photo_wrap{
    width: 100%;
	margin: 20px 0px 0px 0px;
	display: flex;
    flex-wrap: nowrap;
	}

.owpp_system .photo_wrap .inner{
    width: 45%!important;
	margin: 0px 5px 0px 5px;
	overflow: hidden;
	}
.owpp_system .photo_wrap .inner img{
    width: 100%;
	}
.owpp_system .photo_wrap .inner p{
    width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 13px;
	overflow: hidden;
	}


.owpp_products{
    width: 100%;
	margin: 40px auto 0px auto;
	padding-bottom: 90px!important;
	background-color: #f2f2f2;
	overflow: hidden;
	}

.owpp_products .inner{
    width: 90%;
	margin:50px auto 0px auto;
	}

.owpp_products .inner .copy1{
    width: 100%;
	margin:70px auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 22px;
	line-height: 35px;
	}


.owpp_products .inner .copy2{
    width: 100%;
	margin:40px 0px 0px 0px;
	}


.owpp_products .inner2{
    width: 90%;
	margin:30px auto 0px auto;
	}

table.owpp_products{
width:100%;
border-collapse: collapse;
font-size: 13px;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products th, table.owpp_products td{
margin : 0px;
padding: 8px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
text-align: center;
font-weight: normal;

}
table.owpp_products td {
margin : 0px;
padding: 8px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
font-weight: normal;
}

.owpp_table_size{
    width:225px;
}

.owpp_bg_darkgray{
	background-color: #666666;
}
.owpp_bg_pink1{
	background-color: #f0b2cc;
}
.owpp_bg_pink2{
	background-color: #f5cede;
}
.owpp_bg_white{
	background-color: #ffffff;
}
.owpp_bg_gray1{
	background-color: #e6e6e6;
}
.owpp_bg_gray2{
	background-color: #dbdcdc;
}

.owpp_table_item1{
	text-align: center;
	padding: 10px!important;
}
.owpp_table_item1 img{
    width:145px;
	margin-top: 10px;
}
.owpp_table_item2{
	text-align: center;
	padding: 0px!important;
}
.owpp_table_item2 img{
    width:145px;
	margin-top: 10px;
}




.owpp_products .inner3{
    width: 90%;
	margin:50px auto 0px auto;
	background-color: #ffffff;
	overflow: hidden;
	}

.owpp_products .inner3 .logo{
    width: 285px;
	margin:50px auto 0px auto;
	} 
.owpp_products .inner3 .logo img{
    width: 100%;
	} 

.owpp_products .inner3 .left{
    width: 100%;
	margin:30px auto 0px auto;
	padding-left: 40px;
	text-align: center!important;
	overflow: hidden;
	float: none;
	}
.owpp_products .inner3 .left img{
    width: 100%;
	overflow: hidden;
	}
.owpp_products .inner3 .right{
    width: 90%;
	margin: 30px auto 0px auto;
	text-align: left;
	overflow: hidden;
	float: none;
	}

.owpp_products .inner3 .right .list{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	list-style-type: disc ;
	}

.owpp_products .inner3 .case{
    width: 90%;
	margin: 0px auto 0px auto!important;
	padding-top: 30px;
	overflow: hidden;
	clear: both;
	}


table.owpp_products2{
    width: 100%;
border-collapse: collapse;
font-size: 16px;
margin : 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products2 th, table.owpp_products2 td{
margin : 0px;
padding: 8px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
text-align: center;
font-weight: normal;

}
table.owpp_products2 td {
margin : 0px;
padding: 8px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
font-weight: normal;
}

.owpp_products .detail_wrap1{
    width: 90%;
	margin: 60px auto 0px auto;
	display: block;
    flex-wrap: nowrap;
	}
	
.owpp_products .detail_wrap1 .box1{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
.owpp_products .detail_wrap1 .box1 .logo{
    width: 130px;
	margin: 0px auto 0px auto;
	}
.owpp_products .detail_wrap1 .box1 .products img{
    width: 280px;
	margin: 30px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap1 .box2{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap1 .box2 .text{
	font-size: 14px;
	line-height: 20px;
	}
	
.owpp_products .detail_wrap1 .box2 .left{
    width: 50%;
	margin: 30px 0px 0px 0px;
	padding: 0;
	text-align: left;
	float: left;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .left img{
	width: 150px;
	}

.owpp_products .detail_wrap1 .box2 .right{
    width: 50%;
	font-size: 12px;
	float: left;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .right img{
	width: 70px;
	margin: 10px 0px 0px 0px;
	}

.owpp_products .detail_wrap1 .box3{
    width: 33%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap2{
    width: 90%;
	margin: 10px auto 0px auto;
	display: flex;
    flex-wrap: nowrap;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap2 .box1{
    width: 33%;
	margin: 0px 5px 0px 0px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 14px;
	}
	
.owpp_products .detail_wrap2 .box1 img{
    width: 100%;
	margin: 50px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap2 .box2{
    width: 34%;
	margin: 0px 5px 0px 5px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 14px;
	}
.owpp_products .detail_wrap2 .box2 img{
    width: 100%;
	margin: 20px 0px 0px 0px;
	}
	
	
.owpp_products .detail_wrap2 .box3{
    width: 33%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 14px;
	}
.owpp_products .detail_wrap2 .box3 img{
    width: 100%;
	margin: 20px 0px 0px 0px;
	}
	


.owpp_products .detail_wrap3{
    width: 90%;
	margin: 20px auto 70px auto;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap3 .logo{
    width: 100%;
	text-align: center;
	}
.owpp_products .detail_wrap3 .logo img{
    width: 235px;
	}

.owpp_products .detail_wrap3 .left{
    width: 100%;
	margin: 30px 0px 0px 0px;
	text-align: left;
	float: none;
	clear: both;
	}

.owpp_products .detail_wrap3 .left .list{
    width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	text-align: left;
	list-style-type: disc ;
	line-height: 38px;
	}

.owpp_products .detail_wrap3 .right{
    width: 260px;
	margin: 40px auto 0px auto;
	font-size: 14px;
	float: none;
	line-height: 22px;
	}

.owpp_products .detail_wrap3 .right .saiw1{
    width: 300px;
	margin: 0px auto 0px auto;
	text-align: center;
	}
	
.owpp_products .detail_wrap3 .right .saiw1 img{
    width: 75px;
	}
	

.owpp_products .detail_wrap3 .right .saiw2{
    width: 300px;
	margin: 5px auto 0px auto;
	text-align: center;
	}

.owpp_products .detail_wrap3 .right .saiw3{
    width: 240px;
	margin: 10px auto 0px auto;
	}


.owpp_customer{
    width: 90%!important;
	margin: 40px auto 0px auto;
	}

.owpp_customer .title{
    width: 100%;
	margin: 80px auto 0px auto;
	padding: 20px 0px 20px 0px;
	background-color: #cc0051;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	}


.owpp_customer .wrap{
    width: 100%;
	margin: 20px auto 0px auto;
	display: flex;
	-webkit-flex-wrap: wrap;        /* Safari etc. */
	-ms-flex-wrap    : wrap;        /* IE10        */
	flex-wrap        : wrap;
	justify-content:space-between;
	overflow: hidden;
	text-align: center;
	}
	
.owpp_customer .wrap .item{
    width: 100%;
	height: 180px;
	margin: 30px 0px 0px 0px;
	text-align: center!important;
	}


.owpp_customer .wrap .item .inner{
    width: 99%;
	height: 175px;
	border: 1px solid #e6e6e6;
	box-shadow: 4px 4px #e6e6e6;
	}

.owpp_customer .wrap .item .inner .text1{
	margin-top: 40px;
	color: #d60050;
	text-align: center!important;
	}

.owpp_customer .wrap .item .inner .text2{
	margin-top: 10px;
	text-align: center!important;
	}


.owpp_contact{
    width: 100%;
	margin: 70px 0px 0px 0px;
	padding-bottom: 90px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_contact .inner{
    width: 100%;
	margin: 70px auto 0px auto;
	text-align: center;
	}

.owpp_contact .inner .text1{
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 22px;
	}

.owpp_contact .inner .text2{
    width: 260px;
	margin: 30px auto 0px auto;
	color: #ffffff;
	font-size: 20px;
	border-bottom: 1px solid #ffffff;
	}

.owpp_contact .inner .text3{
	margin: 30px auto 0px auto;
	color: #ffffff;
	}


.owpp_b_wrap{
	width:310px;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}

.owpp_b{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background:url(i_arrow1_red.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #cc0051 !important;
	font-size: 20px;
	clear: both;
	float: none;
	}
/*M3ハンドクリーム　メイン
--------------------------------------*/
.m3_main_wrap{
    width: 100%;
	height: auto;
	margin:35px 0px 10px 0px;
	text-align: center;
	overflow: hidden;
	clear:both;
	}
.m3_main_wrap img{
    width: 70%;
	}
.m3_mnuts_box{
    width: 100%;
	margin: 0px 0px 20px 0px;
	text-align: center;
	float: right;
}
.m3_mnuts_box img{width:350px;}

.m3_b_box{
    width:300px;
	position: absolute;
	bottom: 0;
	right:  0;
}
	

	
/*M3ハンドクリーム　詳細
--------------------------------------*/
.m3_pr_wrap {
	width: 100%;
	margin: 25px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.m3_pr{
    width: 240px;
    height: 240px;
	margin: 0px 25px 0px 25px;
	padding:60px 0px 0px 0px;
	border-radius: 240px;
	border: solid 7px #FDEECF;
	background:#ffffff;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_pr p{
    width: 90%;
	margin:10px auto 5px auto;
	text-align: center;
}
.m3_dt{
	width: 100%;
	height: auto;
	margin: 0px auto 30px auto;
	background:none;
	}
.m3_dt_img{
	height: 300px;
	background:url("m3_img1.jpg") no-repeat;
	background-size:400px auto;
	background-position: center top 20px;
	}

.m3_dt h2{
	width: 580px;
	padding: 25px 0px 0px 0px;
}

.m3_dt h3{
	width: 580px;
	padding: 25px 0px 0px 0px;
	font-size:16px; }


.m3_dt_wrap{
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 0px 0px 0px;
	border: solid 4px #FDEECF;
}
.m3_dt_wrap h3{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align: center;
	overflow: hidden;
}
.m3_dt_inner {
	width: 90%;
	margin:20px auto 0px auto;
	padding: 0px 0px 40px 0px;
	text-align:left;
	clear:both;
	overflow: hidden;
	}
.m3_point_wrap {
	width: 100%;
	margin: 25px auto 25px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.m3_point{
    width: 312px;
    height: 240px;
	margin: 0px 8px 20px 8px;
	padding:15px 0px 0px 0px;
	border-radius: 6px;
	background:#ffffff;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_point h3{
	line-height: 36px;
}
.m3_point p{
    width: 90%;
	margin:10px auto 5px auto;
	text-align: left;
}
.m3_mac_l{
	width: 100%;
	height: 225px;
	margin:15px auto 0px auto;
	background:url(../images/m3_img2.jpg) no-repeat;
	background-size:340px auto;
	background-position: center top;
	text-align: left;
	float: none;
}
.m3_mac_r{
	width: 75%;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align: right;
	float: none;
}
.m3_mac_list{
    width: 100%;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 22px;
	background:url("../images/sc_yellow.svg") no-repeat;
	background-size:18px auto;
	background-position: left top 7px;
	font-size: 18px;
	text-align: left;
}
.m3_mac_tt{
	margin:35px 0px 0px 0px;
	font-size: 24px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	float: center;
	text-align: center;
}
.m3_mac_p{
	margin:15px 0px 0px 0px;
	font-size: 16px;
}
.m3_rec_p{
	margin : 30px 0px 0px 0px;
	text-align: left;
}
.m3_how_wrap{
	width:100%;
	margin : 30px 0px 0px 0px;
	padding: 20px;
	overflow: hidden;
	text-align:center;
	clear:both;
}

.m3_how{
    width: 43%;
	margin: 10px 10px 0px 10px;
	padding:0px;
	font-size: 30px;
	line-height: 38px;
	text-align:left;
	color: #FAD586;
	display: -moz-inline-box;  
	display: inline-block;
	vertical-align: top;
	}
.m3_how p{
    width: 100%;
	margin:150px 0px 5px 0px;
	color: #4D4D4D;
	font-size: 16px;
	line-height: 1.8;
}
.m3_how1{
	background:url("../images/m3_howto1.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how2{
	background:url("../images/m3_howto2.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how3{
	background:url("../images/m3_howto3.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_how4{
	background:url("../images/m3_howto4.jpg") no-repeat;
	background-size:200px auto;
	background-position: left top 30px;
}
.m3_faq_wrap{
	width: 100%;
	overflow: hidden;
}
.m3_faq_l{
	width: 37px;
	height: 37px;
	border-radius: 37px;
	text-align: center;
	line-height: 37px;
	clear: both;
	float: left;
	}
.bg_q{
	margin:  5px 0px 10px 0px;
	background-color: #F7B62E;
	color: #ffffff;
}
.bg_a{margin:  5px 0px 10px 0px;
	background-color: #FAD586;
	color: #ffffff;
}

.m3_faq_q{
	width: 90%;
	margin-top: 7px;
	margin-bottom: 20px; 
	border-radius: 37px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	float: right;
	}
.m3_faq_a{
	width: 90%;
	margin-top: 7px;
	margin-bottom: 20px; 
	border-radius: 37px;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	float: right;
	}
.m3_st_tt{
	margin:30px 0px 0px 0px;
	font-size: 24px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	float: center;
	text-align: left;
}	
.m3_st_p{
	margin:20px 0px 0px 0px;
	font-size: 16px;
}

.m3_detail{
	width: 475px;
	height: 220px;
	margin:0px auto 0px auto;
	padding:50px 0px 0px 230px;
	font-size: 16px;
	background:url(../images/m3_p2.jpg) no-repeat;
	background-size:230px auto;
	background-position: left top;
}
/* ショップ
---------------------------------------------*/
.shop_inner{
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}
.shop_b{
	width:310px;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}
.shop_contact_box{
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 35px 0px;
	text-align: center;
	clear: both;
	overflow: hidden;
}
/* company
---------------------------------------------*/
.company tr,
  .company th,
  .company td {
    display: block;
    width: auto;
  }
  
  .company tr:first-child {
    border-top: 1px solid #DBDBDB;  
  }
  
  .company th,
  .company td {
    border-top: none;
  }
.company th {
  text-align:  center;
}
/*お問い合わせ
--------------------------------------*/	
.contact_copy{
	width: 100%;
	text-align:  left;
	}
/*リスト
--------------------------------------*/
.list1{
    width: 98%;
	margin-left:20px;
	padding: 5px 0px 5px 0px;
	font-size:16px;
	list-style-type:disc;
	text-indent: -0.3em;
	}

/*フォーム
--------------------------------------*/	

.form_item{
	margin-top:5px;
	padding-left: 25px;
	font-weight:normal;
	background:url(../images/d_sp_red.jpg) no-repeat;
    background-size:18px;
    background-position: 0px 4px;
	}
.form_notes{
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top:20px;
	clear:both;
	}

.form_tab th{
	width: 100%;
	padding: 10px 0px 0px 0px;
	display:block;
	margin: 0 auto;
	border:none;
	text-align: left;
	border-bottom: dotted 0px #b3b3b3;
	overflow:hidden;

}
.form_tab td{
	width:100%;
	padding: 5px 0px 15px 0px;
	display: list-item;
	list-style:none;
	border-top: none !important;
	border-bottom: dotted 1px #b3b3b3;
	overflow:hidden;	
}
 
.form_tab td{
	padding: 15px 0px 15px 0px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: dotted 1px #b3b3b3;
	overflow:hidden;
}
.form_line_top{
	border-top: solid 1px #b8d7e8 !important;
}
.form_line_dot{
	border-top: dotted 1px #b3b3b3 !important;
}

.form_line_l{
	border-bottom: solid 1px #b8d7e8 !important;
}
.form_line_r{
	border-bottom: solid 1px #b8d7e8 !important;
}

input[type="text"]:focus {
  outline: 0;
}

input.form_300{width:300px;}
input.form_150{width:150px;}
input.form_30{width:30px;}
input.form_70p{width:70%;}
input.form_100p{width:92%;}

.form_basic{
	margin-top: 0px;
	padding:8px;
	border:0;
	border:solid 2px #ccc;
	font-size:16px;
	color: #4d4d4d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	-webkit-appearance: none;
	}
	
select{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#EEE url(../images/form_arrows.gif) no-repeat;
    background-size:20px 20px;
    background-position: right 6px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    vertical-align: middle;
    border:1px solid #CCC;
    margin-bottom:5px;
	overflow:visible;
	padding:0px 3px 0px 0px;
	outline: 0;
}

select.w55{width:55px;}	
select.w200{width:200px;}	
select.w250{width:250px;}	

@-moz-document url-prefix() {
/* for firefox */
    select{
        background:none;
        background-color: #FFF;
    }
	select.w55{width:70px;}	 
	}
textarea {
	width: 92%;
	height: 8em;
}

.textarea_rows{
	height: 15em;
	}
	
/*タブレット終わり
=======================================*/
}


/*=====================================================
スマホ　画面の横幅が640pxまで
=====================================================*/
@media screen and (max-width: 640px){
body {
	line-height: 1.7;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	}
	
/*表示
--------------------------------------*/
.sp_none {display:none;}
.sp_yes {display:block;}

/*改行
--------------------------------------*/
.sp_br_none br {display: none;}
.sp_br_yes br {display: block;}

/*リンクハイライトカラー
--------------------------------------*/
a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a:hover {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*共通　文章
--------------------------------------*/
.sentence{
	margin: 15px 0px 20px 0px;
	line-height: 1.8;
}

/*共通　タイトル
--------------------------------------*/
.title_wrap{
    width: 100%;
	height:50px;
	margin: 0px;
	padding : 0px;
	background-color: #F0F0F0;
	text-align: center;
	position : relative;
	overflow: hidden;
	clear:both;
	}
.title{
	font-size: 20px;
	margin-top: 0px;
	line-height: 1;
	}
.title2{
	font-size: 20px;
	margin-top: 0px;
	}
.title3{
	font-size: 18px;
	margin-top: 10px;
	line-height: 0.7;
	}
.title_ja{
	font-size: 14px;
	margin-top: 5px;
	line-height: 1;
	}
.subtitle{
	font-size: 22px;
	margin-top: 25px;
	}
.sl_copy{
	margin-top: 20px;
    font-size: 20px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}

/*共通大枠
--------------------------------------*/
.breadcrumbs {
	width: 92%;
	margin: 20px auto 0px auto;
	padding: 12px 0px 0px 0px;
	overflow: hidden;
	font-size:14px;
	text-align:left;
	}
.container{
    width: 100%;
	margin: 0px;
	padding : 0px;
	clear:both;
	}
.contents_wrap{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 35px 0px 25px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap2{
    width: 100%;
	margin: 0px auto 0px auto;
	padding:35px 0px 25px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap3{
    width: 100%;
	margin: 0px auto 0px auto;
	padding:25px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_wrap5{
    width: 100%;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	}
.contents_s{
	width: 90%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
.contents_m{
	width: 90%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	clear:both;
	text-align:left;
	}
/*共通　ボタン
--------------------------------------*/
.b_products_r{
	width: 310px;
	height:65px;
	margin-top:50px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: right;
	}
.b_products_l{
	width: 310px;
	height:65px;
	margin-top:30px;
	padding: 14px 0px 0px 30px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 30px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 22px;
	clear: both;
	float: left;
	}
.b_online{
	width: 280px;
	height:55px;
	margin: 10px auto 0px auto;
	padding: 12px 0px 0px 0px;
	background:url(../images/i_arrow1.svg) no-repeat;
	background-size:18px 18px;
	background-position: left 17px top 18px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff !important;
	font-size: 18px;
	clear: both;
	float: none;
	}
.b_contact{
	width: 280px;
	height:55px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	display:inline-block;
	clear: both;
	float: none;
	}
.b_contact_ill{
	width: 280px;
	height:55px;
	padding: 12px 0px 0px 0px;
	background:url(../images/b_mail.svg) no-repeat;
	background-size:26px 26px;
	background-position: left 70px top 15px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #ffffff;
	font-size: 20px;
	}
/*グローバルメニュー
--------------------------------------*/
.menu_wrap{
    width: 100%;
	 top:5px;
	margin:0px 0px 0px 0px;
	float: none;
	clear: both;
	
position:relative;
	}
.menu_list{
    width: 100%;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
.menu_list ul{
	}
.menu_list ul li{
	}
.menu_list li{
	padding:0px 25px 0px 0px;
	font-size: 16px;
	float: none;
	clear: both;
	}
.menu_sp{
width: 100%;
padding: 5px 0px 5px 20px;
font-size:16px;
background:url(../images/i_arrow_bl.svg) no-repeat;
background-size:8px auto;
background-position: right 2px top 13px !important;
display:block;
clear:both;
}

	
/*トップスライド
--------------------------------------*/
.slide_wrap{
    width: 90%;
	height:auto;
	margin:30px auto 0px auto;
	overflow: hidden;
	clear:both;
	}

.slide_ph{
    width: 100%;
	height:auto;
	text-align: center;
	left: 0px;
	overflow: hidden;
	}
	

/*ニュース
-----------------------------------------------*/

.news_archive_wrap{
	width: 100%;
	margin: 30px auto 30px auto;
	padding: 0 0;
	clear: both;
	overflow: hidden;
	}
.news_archive_wrap .h1{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	}

.news_archive_wrap .link{
	width: 100%;
	margin-top: 10px;
	padding: 15px 15px 10px 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_archive_wrap .link a{
	width: 100%;
	}

.news_archive_wrap .link .category{
	width: 115px;
	height: 26px;
	padding-top: 0px;
	background-color: #CC0051;
	font-size: 14px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .arrows{
	display: none;
	width: 0px;
	height: 0px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: center top 10px;
	float: left;
	}
.news_archive_wrap .link .date{
	width: auto;
	margin-right: 15px;
	margin-left: 10px;
	text-align: center;
	float: left;
	}
.news_archive_wrap .link .title{
	width : -webkit-calc(100% - 0px) ;
	width : calc(100% - 0px);
	padding-top: 7px;
	line-height: 1.5;
	float: none;
	clear: both;
	font-size: 16px;
	}

.news_archive_wrap .more{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	}
.archive_title{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	clear: both;
	overflow: hidden;
	background-color: #E9E9E9;
	}
.news_com{
	width: 100%;
	margin: 0;
	padding: 0;
}

.news_com .title{
	width: 100%;
	margin: 50px 0 30px 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
}

.news_com .inner{
	width: 100%;
	margin: 30px 0 60px 0;
	padding: 0;
}

.news_com .inner .link{
	width: 100%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}
.news_com .inner .link2{
	width: 49%;
	height: 50px;
	margin: 10px 0 10px 0;
	border: 1px solid #DBDBDB;
}

.news_com .inner .link2 p{
	width: 100%;
	height: 50px;
	padding-left: 20px;
	background:url("../images/arrows_black.svg") no-repeat;
	background-size: 5px auto;
	background-position: right 20px top 22px;
	line-height: 50px;
	font-size: 15px;
	}

.news_page{
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}

.news_page .wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 15px;
	background-color: #f8f8f8;
	overflow: hidden;
	}

.news_page .wrap .category{
	width: 115px;
	height: 26px!important;
	margin-right: 15px;
	padding-top: 0px!important;
	background-color: #CC0051;
	color: #ffffff!important;
	font-size: 14px;
	text-align: center;
	float: left;
	list-style:none;
	}

.news_page .wrap .category ul{
	list-style:none;
	color: #ffffff!important;
	}
.news_page .wrap .category ul li{
	list-style:none;
	color: #ffffff!important;
	}

.news_page .wrap .date{
	width: auto;
	margin-right: 15px;
	text-align: center;
	float: left;
	}
.news_page .wrap .title{
	width: 100%;
	padding-top: 10px;
	font-size: 20px;
	clear: both;
	overflow: hidden;
	}

.news_page .contents{
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	}
.news_page .contents p{
	margin: 10px 0 10px 0;
	clear: both;
	}

.news_page .contents img{
	width: 100%;
	margin: 10px 0 10px 0;
	clear: both;
	overflow: hidden;
	}
.news .link_pdf{
    width: 180px;
	height: 50px!important;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px!important;
	text-align: center;
	background:url(../images/bt_bg_red.svg) no-repeat;
	background-size: 170px!important;
	background-position: right 0px top 0px;
	line-height: 46px!important;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	display: -moz-inline-box;  
	display: inline-block;
	}
/*トップメッセージ
--------------------------------------*/
.message_logo{
	width: 200px;
	margin: 0px auto 0px auto;
	text-align: center;
	}
.message_logo img{
	width: 100%;
	}
.message_copy{
	font-size: 16px;
	line-height: 1.8;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	}
.products_l{
    width: 100%;
	margin: 20px auto 0px auto;
	float: none;
	}
.products_r{
    width: 100%;
	margin: 20px auto 0px auto;
	float: none;
	}
.products_ph img{
    width: 100%;
	height: auto;
	padding-bottom: 0px;
	}	
	
/* バナー
---------------------------------------------*/
.bn_wrap{
    width:90%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
.bn{
	width: 100%;
	margin: 0px auto 20px auto;
	text-align:center;
	display:inline;
	display:block;
	clear:both;
	overflow:hidden;
	}
.bn img{
	width: 100%;
	}
	
/*フッター
--------------------------------------*/
.foot_wrap{
    width: 100%;
	margin-top: 0px;
	background: linear-gradient(#CFCFCF, #F0F0F0);
	overflow:hidden;
	}
.foot_inner{
    width:90%;
	margin: 0px auto 0px auto;
	padding: 25px 0px 0px 0px;
	}
.sitemap_l{
    width: 100%;
	margin: 0px !important;
	padding: 0px!important;
	float: none;
	}
.sitemap_r{
    width: 100%;
	margin-top: 0px !important;
	padding: 0px !important;
	float: none;
	}
.foot_com{
    width: 100%;
	padding-top:20px;
	font-size:14px;
	float: none;
	}
.foot_com img{width: 190px;margin-bottom: 5px}
.facebook{width: 30px;}
.facebook img{width: 30px;margin-top: 10px}
.sitemap{
    width: 120px;
	margin-bottom: 14px;
	background-color: #4D4D4D;
	color: #ffffff;
	text-align: center;
	}
.sitemap1{
	margin-left:20px;
	padding: 0px 0px 5px 0px;
	font-size:16px;
	list-style-type:disc;
	text-indent: 0;
	}
.cooyright{
    width: 100%;
	padding:5px 0px 20px 0px;
	text-align: center;
	font-size:12px;
	}
/* ページトップ
---------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 50;
}
.pagetop a {
	display: block;
	width: 66px;
	height: 66px;
	padding-top: 10px;
	background-color: #888888;
	border-radius: 33px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	line-height: 16px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
/*商品情報共通
--------------------------------------*/
.c3_wrap {
	width: 90%;
	margin: 20px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.c3{
    width: 300px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	}
.c3 img{
    width: 250px;
	margin:3px 0px 5px 0px;
}
.c3 p{
    width: 100%;
	margin:0px 0px 5px 0px;
}
.products_wrap{
    width: 90%;
	margin:0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}
/*ワンワイプ　メイン
--------------------------------------*/
.ow_main_wrap{
    width: 100%;
	height: auto;
	margin:25px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	clear:both;
	}
.ow_main_wrap img{
    width: 100%;
	}

.ow_lineup_l{
    width: 90%;
	margin:0px auto 0px auto;
	font-size: 14px;
	text-align:left ;
	float: none;
	}
.ow_lineup_r{
    width: 90%;
	margin:10px auto 0px auto;
	float: none;
	}
/*ワンワイプ　詳細
--------------------------------------*/
.ow_movie{
	width: 90%;
	margin: 0px auto 60px auto;
	padding: 8px 8px 0px 8px;
	background-color: #cccccc;
}
.ow_movie video{
	width: 100%;
}
.ow_mec{
	width: 100%;
	height: auto;
	margin: 35px auto 0px auto;
	background:none;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .ow_mec{
    background-image: none;
  }

}
.ow_mec h2{
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.ow_mec h3{
	width: 100%;
	padding: 20px 0px 0px 0px;
	font-size:16px; }

.ow_mec_wrap{
	width: 100%;
	margin-top: 20px;
	padding: 20px 0px 0px 0px;
	border: solid 4px #D9F1F8;
}
.ow_mec_wrap h3{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align: center;overflow: hidden;
}

.ow_mec_img{
	height: 340px;
	background:url("../images/ow_main.jpg") no-repeat;
	background-size:280px auto;
	background-position: center top 20px;
	}
.ow_mec_inner {
	width: 100%;
	margin-top:10px ;
	padding: 0px 0px 10px 0px;
	text-align:center;
	clear:both;
	overflow: hidden;
	}
.ow_mec_step{
	width: 90%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 10px;
	background-color: #F0F0F0;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;
	overflow: hidden;
	}
.ow_mec_ar{
	width: 100%;
	height: 20px;
	background:url("../images/i_arrow2.svg") no-repeat;
	background-size:15px auto;
	background-position: center top 0px;
	
  transform: rotate(90deg);
	display: -moz-inline-box;  
	display: inline-block;
}
.ow_mec_num{
    width:10%;
	padding-top: 0px;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	float: left;
	}
.ow_mec_con{
    width:90%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	float: left;
	}
.ow_point_inner{
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background-color:  #ffffff;
	overflow: hidden;
}
.ow_point_num{
	width: 15%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	float: left;
}
.ow_point_tt{
	width: 80%;
	text-align: left;
	line-height: 28px;
	float: left;
}
.ow_tt1{margin-top:6px;}
.ow_tt2{margin-top:6px;}
	
.ow_point_con{
	width: 95%;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	text-align: left;
	font-size: 16px;
	float: none;
	overflow: hidden;
}
	.ow_use_ph_wrap {
	width: 100%;
	margin:20px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	text-align:center;
	clear:both;
	}
.ow_use_ph{
    width: 100px;
	margin: 0px 7px 0px 7px;
	padding:0px;
	text-align:center;
	display: -moz-inline-box;  
	display: inline-block;  
	overflow: hidden;
	}
.ow_use_ph img{
    width: 100%;
	margin:0px 0px 0px 0px;
}
.ow_use_l{
	width: 90%;
	margin:0px auto 0px auto;
	padding:20px 0px 20px 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
	}
.ow_use_r{
	width: 90%;
	margin:-20px auto 0px auto;
	padding:0px 0px 20px 0px;
	font-size: 16px;
	float: none;
	overflow: hidden;
	}

.ow_use_h3{
	font-size: 16px;
	}
.ow_use2_wrap{
	width: 90%;
	margin:20px auto 20px auto;
	padding: 10px 10px 10px 10px;
	border: solid 1px #DBDBDB;
	overflow: hidden;
	clear:both;
}

.ow_vi{
	width: 100%;
	height:auto;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #7AD0E7;
	margin:10px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	text-align: left;
	display: -moz-inline-box;  
	display: inline-block;  
    vertical-align: top;
}
.ow_detail1{
	width: 100%;
	height:330px;
	margin: 20px auto 0px auto;
	padding: 230px 0px 0px 0px;
	background:url("../images/ow_p2.jpg") no-repeat;
	background-size:160px auto;
	background-position: center top 0px;
	font-size: 14px;
	float: none;
	overflow: hidden;
	text-align: center;
}
.ow_detail2{
	width: 100%;
	height:330px;
	margin: 20px auto 0px auto;
	padding: 230px 0px 0px 0px;
	background:url("../images/ow_p1.jpg") no-repeat;
	background-size:160px auto;
	background-position:center top 0px;
	font-size: 14px;
	float: none;
	overflow: hidden;
	text-align: center;
}
	
/*ワンワイププロ　メイン
--------------------------------------*/


.owpro_arrows{
	width: 100%;
	height:25px;
	background:url("../images/owpro_arrows.png") no-repeat;
	background-size:70px auto;
	background-position: center top 0px;
	overflow: hidden;
}

.owpro_r1{
	font-size: 14px;
	margin-bottom: 30px!important;
}
.owpro_r2{
	width: 90%;
	text-align: left;
	margin:20px auto 0px auto;
}

	

.owpro_ph_title{
	width: 300px;
	margin:40px auto 0px auto;
	background-color: #54b1d5;
	color: #ffffff;
	text-align: center;
}

.owpro_ph_img1{
	width: 90%;
	margin:40px auto 0px auto;
	text-align: center!important;
}
.owpro_ph_img1 img{
	width: 100%;
}

.owpro_ph_detail1{
	width: 100%;
	margin:40px auto 0px auto;
	padding-left: 0px;
	float: none;
}
.owpro_ph_detail1 img{
	width: 180px;
	margin:20px auto 20px auto;
}


.owpro_ph_detail2{
	width: 100%;
	margin:40px auto 40px auto;
	float: none;
	text-align: center;
}
.owpro_ph_detail2 img{
	width: 300px;
}
.owpro_detail1{
	width: 100%;
	height:350px;
	margin: 20px auto 0px auto;
	padding: 230px 0px 0px 0px;
	background:url("../images/owpro_products.jpg") no-repeat;
	background-size:140px auto;
	background-position: center top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.owpro_detail2{
	width: 100%;
	height:350px;
	margin:20px auto 0px auto;
	padding: 230px 0px 0px 0px;
	background:url("../images/owpro_tank.jpg") no-repeat;
	background-size:170px auto;
	background-position: center top 0px;
	font-size: 16px;
	float: left;
	overflow: hidden;
	text-align: center;
}

/*ワンワイププロ プラス　詳細
--------------------------------------*/
.owpp_main_wrap{
    height: 0;
    padding-top: 155.08%;
    background: url('owpp_main_sp.jpg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	clear: both;
	}
.owpp_opening{
    width: 100%;
	overflow: hidden;
	}
.owpp_opening .wrap{
    width: 100%;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_opening .wrap .copy{
    width: 90%!important;
	margin: 40px auto 0px auto;
	text-align: center;
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 26px;
	}
.owpp_opening .wrap .inner{
    width: 90%!important;
	margin: 0 auto 30px auto!important;
	overflow: hidden;
	display: block;
    flex-wrap: nowrap;
	}
.owpp_opening .wrap .inner .copy{
    width: 100%!important;
	}
.owpp_opening .wrap .inner .item{
    width: 100%!important;
	margin: 30px 0 0 0;
	}
.owpp_opening .wrap .inner .item .name{
    width: 100%;
	padding: 4px 0 4px 0;
	color: #ffffff;
	border: 1px #ffffff solid;
	text-align:center;
	}

.owpp_opening .wrap .inner .item .list{
    width: 95%;
	margin: 10px 0px 0px 15px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	font-size: 14px;
	list-style-type: disc ;
	}
.owpp_opening .wrap .inner .item .list .text{
	margin: 5px 0px 0px 0px;
	}

.owpp_opening .arrows{
    height: 0;
    padding-top: 8.44%;
	margin-top: 0;
    background: url('../images/owpp_arrows1.svg')  no-repeat;
    background-size: contain;
	position: relative;
	overflow: hidden;
	}

.owpp_opening .answer{
    width: 90%;
	margin:60px auto 0px auto;
	padding: 0px 0px 0px 0px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 26px;
	font-weight: bold;
	}

.owpp_opening .answer_wrap{
    width: 90%!important;
	margin: 40px auto 0px auto;
	overflow: hidden;
	display: block;
    flex-wrap: nowrap;
	}

.owpp_opening .answer_wrap .left{
    width: 100%;
	margin: 0px 0px 0px 0px!important;
	text-align:center;
	}
.owpp_opening .answer_wrap .left img{
    width: 90%;
	}
.owpp_opening .answer_wrap .right{
    width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
	}
.owpp_opening .answer_wrap .right img{
    width: 280px!important;
	}
.owpp_opening .answer_wrap .right p{
    width: 100%;
	text-align: left;
	}

.owpp_merit{
    width: 100%;
	margin: 50px 0px 0px 0px;
	padding-bottom: 50px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_merit .inner{
    width: 90%!important;
	margin: 50px auto 0px auto;
	}
.owpp_merit .inner .copy{
    width: 100%;
	margin:30px auto 10px auto!important;
	padding-bottom: 10px!important;
	color: #ffffff;
	text-align:center;
	border-bottom: 1px solid #ffffff;
	font-size: 20px;
	line-height: 25px;
	}

.owpp_merit .inner .left{
    width: 100%;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	float: left;
	}

.owpp_merit .inner .left img{
    width: 100%!important;
	margin: 20px 0px 0px 0px;
	}


.owpp_merit .inner .right{
    width: 100%;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-align:left;
	float: right;
	}

.owpp_merit .inner .item{
    width: 280px;
	height: 60px;
	margin: 30px 0px 0px 0px;
	background:url(owpp_point_bg.svg) no-repeat;
	background-size:280px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_merit .inner .item .number{
    width: 30px;
	height: 50px;
	margin: 3px 0px 0px 13px;
	color: #ffffff;
	font-size: 20px;
	float: left;
	}

.owpp_merit .inner .item .item_copy{
    width: 200px;
	height: 50px;
	margin: 10px 0px 0px 10px;
	font-size: 20px;
	color: #cc0051;
	float: left;
	}

.owpp_merit .description{
	margin: 8px 0px 0px 0px;
	font-size: 14px;
	}
	

.owpp_system{
    width: 90%!important;
	margin: 40px auto 0px auto;
	}

.owpp_system .copy1{
    width: 90%;
	margin:30px auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 20px;
	line-height: 35px;
	}

.owpp_system .copy2{
    width: 100%;
	margin: 20px 0px 0px 0px!important;
	text-align: center;
	font-size: 20px;
	}

.owpp_system .left{
    width: 100%;
	margin: 30px 0px 0px 0px!important;
	text-align: center;
	float: left;
	}
.owpp_system .left img{
    width: 100%;
	margin: 30px 0px 0px 0px!important;
	}


.owpp_system .right{
    width: 100%;
	margin: 30px 0px 40px 0px!important;
	text-align: center;
	float: right;
	}
.owpp_system .right img{
    width: 100%;
	margin: 30px 0px 0px 0px!important;
	}

.owpp_system .copybox{
    width: 100%;
	background-color: #cc0051;
	color: #ffffff;
	}

.owpp_system .arrows{
    width: 160px;
	height: 40px;
	margin:0px auto 0px auto;
	background:url(owpp_arrows2.svg) no-repeat;
	background-size:160px auto;
	background-position: left top 0;
	overflow: hidden;
	}

.owpp_system .description{
    width: 100%;
	margin: 40px 0px 0px 0px;
	text-align: left;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 18px;
	}

.owpp_system .photo_wrap{
    width: 100%;
	margin: 20px 0px 0px 0px;
	display: block;
    flex-wrap: nowrap;
	}

.owpp_system .photo_wrap .inner{
    width: 100%!important;
	margin: 0px 5px 30px 5px;
	overflow: hidden;
	}
.owpp_system .photo_wrap .inner img{
    width: 100%;
	}
.owpp_system .photo_wrap .inner p{
    width: 100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	}
	


.owpp_products{
    width: 100%;
	margin: 50px auto 0px auto;
	padding-bottom: 40px!important;
	background-color: #f2f2f2;
	overflow: hidden;
	}

.owpp_products .inner{
    width: 90%;
	margin:50px auto 0px auto;
	}

.owpp_products .inner .copy1{
    width: 100%;
	margin:0 auto 20px auto!important;
	padding-bottom: 8px;
	color: #cc0051;
	text-align:center;
	border-bottom: 1px solid #cc0051;
	font-size: 22px;
	line-height: 35px;
	}


.owpp_products .inner .copy2{
    width: 100%;
	margin:40px 0px 0px 0px;
	}


.owpp_products .inner2{
    width: 90%;
	margin:30px auto 0px auto;
	}

table.owpp_products{
width:100%;
border-collapse: collapse;
font-size: 12px;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products th, table.owpp_products td{
margin : 0px;
padding: 8px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
text-align: center;
font-weight: normal;

}
table.owpp_products td {
margin : 0px;
padding: 8px;
border: 2px solid #f2f2f2;
border-width: 2px 2px 2px 2px;
font-weight: normal;
}

.owpp_table_size{
    width:225px;
}

.owpp_bg_darkgray{
	background-color: #666666;
}
.owpp_bg_pink1{
	background-color: #f0b2cc;
}
.owpp_bg_pink2{
	background-color: #f5cede;
}
.owpp_bg_white{
	background-color: #ffffff;
}
.owpp_bg_gray1{
	background-color: #e6e6e6;
}
.owpp_bg_gray2{
	background-color: #dbdcdc;
}

.owpp_table_item1{
	text-align: center;
	padding: 10px!important;
}
.owpp_table_item1 img{
    width:100px;
	margin-top: 10px;
}
.owpp_table_item2{
	text-align: center;
	padding: 0px!important;
}
.owpp_table_item2 img{
    width:100px;
	padding: 5px!important;
}


.owpp_products .inner3{
    width: 90%;
	margin:50px auto 0px auto;
	background-color: #ffffff;
	overflow: hidden;
	}

.owpp_products .inner3 .logo{
    width: 285px;
	margin:50px auto 0px auto;
	} 
.owpp_products .inner3 .logo img{
    width: 100%;
	} 

.owpp_products .inner3 .left{
    width: 100%;
	margin:30px auto 0px auto;
	padding-left: 40px;
	text-align: center!important;
	overflow: hidden;
	float: none;
	}
.owpp_products .inner3 .left img{
    width: 100%;
	overflow: hidden;
	}
.owpp_products .inner3 .right{
    width: 90%;
	margin: 30px auto 0px auto;
	text-align: left;
	overflow: hidden;
	float: none;
	}

.owpp_products .inner3 .right .list{
    width: 100%;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	list-style-type: disc ;
	}

.owpp_products .inner3 .case{
    width: 90%;
	margin: 0px auto 0px auto!important;
	padding-top: 30px;
	overflow: hidden;
	clear: both;
	}


table.owpp_products2{
    width: 100%;
border-collapse: collapse;
font-size: 13px;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: left;
}
table.owpp_products2 th, table.owpp_products2 td{
margin : 0px;
padding: 4px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
text-align: center;
font-weight: normal;

}
table.owpp_products2 td {
margin : 0px;
padding: 4px;
border: 1px solid #c8c9ca;
border-width: 1px 1px 1px 1px;
font-weight: normal;
}

.owpp_products .detail_wrap1{
    width: 90%;
	margin: 40px auto 0px auto;
	display: block;
    flex-wrap: nowrap;
	}
	
.owpp_products .detail_wrap1 .box1{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	}
.owpp_products .detail_wrap1 .box1 .logo{
    width: 130px;
	margin: 0px auto 0px auto;
	}
.owpp_products .detail_wrap1 .box1 .products img{
    width: 90%;
	margin: 10px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap1 .box2{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap1 .box2 .text{
	font-size: 14px;
	line-height: 20px;
	}
	
.owpp_products .detail_wrap1 .box2 .left{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: center;
	float: none;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .left img{
    width: 100%;
	}

.owpp_products .detail_wrap1 .box2 .right{
    width: 100%;
	font-size: 14px;
	float: none;
	overflow: hidden;
	}
.owpp_products .detail_wrap1 .box2 .right img{
	width: 70px;
	margin: 10px 0px 0px 0px;
	}

.owpp_products .detail_wrap1 .box3{
    width: 33%;
	margin: 0px 0px 0px 5px;
	padding: 20px 10px 20px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap2{
    width: 90%;
	margin: 0px auto 0px auto;
	display: block;
    flex-wrap: nowrap;
	overflow: hidden;
	}
	
.owpp_products .detail_wrap2 .box1{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 16px;
	}
	
.owpp_products .detail_wrap2 .box1 img{
    width: 90%;
	margin: 10px 0px 0px 0px;
	}
	
.owpp_products .detail_wrap2 .box2{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 16px;
	}
.owpp_products .detail_wrap2 .box2 img{
    width: 90%;
	margin: 20px 0px 0px 0px;
	}
	
	
.owpp_products .detail_wrap2 .box3{
    width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 20px 10px 15px 10px;
	border: 1px solid #c8c9ca;
	text-align: center;
	font-size: 16px;
	}
.owpp_products .detail_wrap2 .box3 img{
    width: 90%;
	margin: 20px 0px 0px 0px;
	}
	


.owpp_products .detail_wrap3{
    width: 100%;
	margin: 20px auto 40px auto;
	text-align: center;
	overflow: hidden;
	}

.owpp_products .detail_wrap3 .logo{
    width: 100%;
	text-align: center;
	}
.owpp_products .detail_wrap3 .logo img{
    width: 235px;
	}

.owpp_products .detail_wrap3 .left{
    width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: left;
	float: none;
	clear: both;
	}

.owpp_products .detail_wrap3 .left .list{
    width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	text-align: left;
	list-style-type: disc ;
	line-height: 26px;
	}

.owpp_products .detail_wrap3 .right{
    width: 90%;
	margin: 40px auto 0px auto;
	font-size: 14px;
	float: none;
	line-height: 22px;
	}

.owpp_products .detail_wrap3 .right .saiw1{
    width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	}
	
.owpp_products .detail_wrap3 .right .saiw1 img{
    width: 75px;
	}
	

.owpp_products .detail_wrap3 .right .saiw2{
    width: 100%;
	margin: 5px auto 0px auto;
	text-align: center;
	}

.owpp_products .detail_wrap3 .right .saiw3{
    width: 100%;
	margin: 10px auto 0px auto;
	}



.owpp_customer{
    width: 90%!important;
	margin: 40px auto 0px auto;
	}

.owpp_customer .title{
    width: 100%;
	margin: 30px auto 0px auto;
	padding: 20px 0px 20px 0px;
	background-color: #cc0051;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	}


.owpp_customer .wrap{
    width: 100%;
	margin: 0px auto 0px auto;
	display: flex;
	-webkit-flex-wrap: wrap;        /* Safari etc. */
	-ms-flex-wrap    : wrap;        /* IE10        */
	flex-wrap        : wrap;
	justify-content:space-between;
	overflow: hidden;
	text-align: center;
	}
	
.owpp_customer .wrap .item{
    width: 100%;
	height: auto;
	margin: 20px 0px 0px 0px;
	text-align: center;
	}


.owpp_customer .wrap .item .inner{
    width: 99%;
	height: auto!important;
	padding: 20px 10px 20px 10px;
	border: 1px solid #e6e6e6;
	box-shadow: 4px 4px #e6e6e6;
	}

.owpp_customer .wrap .item .inner .text1{
	margin-top: 0px;
	color: #d60050;
	text-align: left;
	}

.owpp_customer .wrap .item .inner .text2{
	margin-top: 10px;
	}
	

.owpp_contact{
    width: 100%;
	margin: 50px 0px 40px 0px;
	padding-bottom: 60px!important;
	background-color: #cc0051;
	overflow: hidden;
	}

.owpp_contact .inner{
    width: 100%;
	margin: 50px auto 0px auto;
	text-align: center;
	}

.owpp_contact .inner .text1{
	color: #ffffff;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
	font-size: 22px;
	}

.owpp_contact .inner .text2{
    width: 260px;
	margin: 30px auto 0px auto;
	color: #ffffff;
	font-size: 20px;
	border-bottom: 1px solid #ffffff;
	}

.owpp_contact .inner .text3{
	margin: 30px auto 0px auto;
	color: #ffffff;
	}


.owpp_b_wrap{
	width:310px;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}

.owpp_b{
	width: 310px;
	height:65px;
	margin: 10px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background:url(../images/i_arrow1_red.svg) no-repeat;
	background-size:22px 22px;
	background-position: left 20px top 21px;
	display:inline-block;
	bottom:35px;
	text-align:center;
	color: #cc0051 !important;
	font-size: 20px;
	clear: both;
	float: none;
	}


/*共通　文字
--------------------------------------*/
.h14{
	font-size: 14px;
	line-height:  1.7;
	}
.h18{
	font-size: 16px;
	line-height: 1.7;
	}
.h20{
	font-size: 16px;
	line-height: 1.7;
	}
	
.h22{
	font-size: 18px;
	line-height: 1.7;
	}
.h24{
	font-size: 24px;
	line-height: 1.7;
	}
.h28{
	font-size: 28px;
	line-height:  1.7;
	}
.h30{
	font-size: 22px;
	line-height:  1.7;
	}

/*リスト
--------------------------------------*/
.list1{
    width: 95%;
	margin-left:20px;
	padding: 5px 0px 5px 0px;
	font-size:16px;
	list-style-type:disc;
	text-indent: -0.3em;
	}

/*フォーム
--------------------------------------*/	

.form_item{
	margin-top:5px;
	padding-left: 25px;
	font-weight:normal;
	background:url(../images/d_sp_red.jpg) no-repeat;
    background-size:18px;
    background-position: 0px 4px;
	}
.form_notes{
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top:20px;
	clear:both;
	}

.form_tab{
	width:100%;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px solid #d8d8d8;
	clear:both;
}


.form_line_top{
	border-top: solid 1px #b8d7e8 !important;
}
.form_line_dot{
	border-top: dotted 1px #b3b3b3 !important;
}

.form_line_l{
	border-bottom: solid 1px #b8d7e8 !important;
}
.form_line_r{
	border-bottom: solid 1px #b8d7e8 !important;
}

input[type="text"]:focus {
  outline: 0;
}
input[type="button"],input[type="submit"] {
    border-radius: 4;
	 -webkit-appearance: none;
  }
  
.form_basic{
	margin-top: 0px;
	padding:8px;
	border:0;
	border:solid 2px #ccc;
	font-size:16px;
	color: #4d4d4d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	}
	
select{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#EEE url(../images/form_arrows.gif) no-repeat;
    background-size:20px 20px;
    background-position: right 6px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    vertical-align: middle;
    border:1px solid #CCC;
    margin-bottom:5px;
	overflow:visible;
	padding:0px 3px 0px 0px;
	outline: 0;
}

select.w55{width:55px;}	
select.w200{width:200px;}	
select.w250{width:250px;}	

@-moz-document url-prefix() {
/* for firefox */
    select{
        background:none;
        background-color: #FFF;
    }
	select.w55{width:70px;}	 
	}
textarea {
	width: 92%;
	height: 8em;
}

.textarea_rows{
	height: 15em;
	}

.submit_bx{
	width: 100%;
	margin: 20px auto 20px auto;
	text-align:center;
	}
.submit1{
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 0px;
	border:0;
	color: #ffffff;
	font-size:20px;
	clear:both;
	cursor:pointer;
	}

.submit_bx1{
	width: 230px;
	margin: 20px auto 20px auto;
	}

.submit_bx_l{
	width: 100%;
	margin: 20px auto 0px auto;
	text-align:center;
	float:none;
	}
.submit_bx_r{
	width: 100%;
	margin: 15px auto 0px auto;
	text-align:center;
	float:none;
	}


/*===================================
余白
===================================*/

/*margin-top
--------------------------------------*/
.mg0 {margin-top: 0px;}
.mg5 {margin-top: 5px;}
.mg10 {margin-top: 10px;}
.mg15 {margin-top: 10px;}
.mg20 {margin-top: 10px;}
.mg25 {margin-top: 10px;}
.mg30 {margin-top: 10px;}
.mg35 {margin-top: 10px;}
.mg40 {margin-top: 20px;}
.mg45 {margin-top: 20px;}
.mg50 {margin-top: 20px;}
.mg55 {margin-top: 20px;}
.mg60 {margin-top: 20px;}
.mg65 {margin-top: 20px;}
.mg75 {margin-top: 20px;}
.mg80 {margin-top: 20px;}

/*margin-bottom
--------------------------------------*/
.mg_bt5 {margin-bottom: 5px;}
.mg_bt10 {margin-bottom: 10px;}
.mg_bt15 {margin-bottom: 10px;}
.mg_bt20 {margin-bottom: 10px;}
.mg_bt25 {margin-bottom: 10px;}
.mg_bt30 {margin-bottom: 10px;}
.mg_bt35 {margin-bottom: 10px;}
.mg_bt40 {margin-bottom: 20px;}
.mg_bt45 {margin-bottom: 20px;}
.mg_bt50 {margin-bottom: 20px;}
.mg_bt55 {margin-bottom: 20px;}
.mg_bt60 {margin-bottom: 20px;}
.mg_bt65 {margin-bottom: 20px;}
.mg_bt75 {margin-bottom: 20px;}
.mg_bt80 {margin-bottom: 20px;}

/*padding-top
--------------------------------------*/
.pd5 {padding-top: 5px;}
.pd10 {padding-top: 10px;}
.pd15 {padding-top: 10px;}
.pd20 {padding-top: 10px;}
.pd25 {padding-top: 10px;}
.pd30 {padding-top: 10px;}
.pd35 {padding-top: 10px;}
.pd40 {padding-top: 20px;}
.pd45 {padding-top: 20px;}
.pd50 {padding-top: 20px;}
.pd55 {padding-top: 20px;}
.pd60 {padding-top: 20px;}
.pd65 {padding-top: 20px;}
.pd75 {padding-top: 20px;}
.pd80 {padding-top: 20px;}

/*padding-bottom
--------------------------------------*/
.pd_bt5 {padding-bottom: 5px;}
.pd_bt10 {padding-bottom: 10px;}
.pd_bt15 {padding-bottom: 10px;}
.pd_bt20 {padding-bottom: 10px;}
.pd_bt25 {padding-bottom: 10px;}
.pd_bt30 {padding-bottom: 10px;}
.pd_bt35 {padding-bottom: 10px;}
.pd_bt40 {padding-bottom: 20px;}
.pd_bt45 {padding-bottom: 20px;}
.pd_bt50 {padding-bottom: 20px;}
.pd_bt55 {padding-bottom: 20px;}
.pd_bt60 {padding-bottom: 20px;}
.pd_bt65 {padding-bottom: 20px;}
.pd_bt75 {padding-bottom: 20px;}
.pd_bt80 {padding-bottom: 20px;}	


/*フォント
--------------------------------------*/
.ft10 {
	font-size: 10px;
	line-height: 12px;
	}

.ft12 {
	font-size: 12px;
	line-height: 14px;
}
.ft13 {
	font-size: 13px;
	line-height: 16px;
}
.ft14 {
	font-size: 14px;
	line-height: 20px;
}	
.ft14_b {
	font-size: 14px;
	line-height: 20px;
	font-weight:bold;
}
.ft16 {
	font-size: 16px;
	line-height: 22px;
}
.ft16_b {
	font-size: 16px;
	line-height: 22px;
	font-weight:bold;
}
.ft17 {
	font-size: 17px;
	line-height: 23px;
}
.ft17_b {
	font-size: 17px;
	line-height: 23px;
	font-weight:bold;
}
.ft18 {
	font-size: 18px;
	line-height: 26px;
}
.f18_b {
	font-size: 18px;
	line-height: 26px;
	font-weight:bold;
}
.ft20 {
	font-size: 20px;
	line-height: 27px;
}
.f20_b {
	font-size: 20px;
	line-height: 27px;
	font-weight:bold;
}
.f22 {
	font-size: 20px;
	line-height: 28px;
}
.f22_b {
	font-size: 20px;
	line-height: 28px;
	font-weight:bold;
}
.f26 {
	font-size: 20px;
	line-height: 30px;
}
.f26_b {
	font-size: 20px;
	line-height: 30px;
	font-weight:bold;
}

/*スマホ 終わり
=======================================*/
}



/*=====================================================
共通デザイン
=====================================================*/

/*配置
--------------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.middle{vertical-align: middle;}
.fix{position: fixed;}

.relative {position: relative;}
.absolute {position: absolute;}
.clear{clear:both}
.fl_left{float: left;}
.fl_right{float: right;}


/*装飾
--------------------------------------*/
.no_style{list-style-type:none}

.cursopoint{cursor : pointer;}

/*背景色
--------------------------------------*/
.bg_gray{background-color: #A8A8A8;}
.bg_darkgray{background-color: #A8A8A8;}
.bg_rightgray{background-color: #F0F0F0;}
.bg_rightgray2{background-color: #fafafa;}
.bg_red{background-color: #CC0051;}
.bg_blue{background-color: #3DC1DC;}
.bg_lightblue{background-color: #D9F1F8;}
.bg_yellow{background-color: #F9CB6B;}
.bg_lightyellow{background-color: #FFF9E6;}
.bg_lightbrown{background-color: #E0DAD8;}
.bg_wh{background-color: #ffffff;}

.bg_gr_gray{background: linear-gradient(#F0F0F0, #CFCFCF);}

/*文字
--------------------------------------*/
.font_wh{color: #ffffff;}
.font_blue{color: #00A5D0;}
.font_yellow{color: #F7B62E;}
.font_brown{color: #8E7562;}
.font_red{color: #CC0051;}

.bold{font-weight:bold;}

.cont_min{font-family: "HGS明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;}

/*文字の影
--------------------------------------*/
.shadow_text{text-shadow: 2px 3px 2px #ffffff;}
.shadow_text2{text-shadow: 3px 4px 2px #ffffff;}
.shadow_text3{text-shadow: 1px 2px 2px #ffffff;}

/* 透過
--------------------*/
.hover a {
	display:block;
}
.hovera:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:hover p {
   filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

*:focus {
outline: none;
}

.siteName img{
	margin:0 auto;
	display:block;
}

#language a{
	text-align:center;
}