@charset "UTF-8";
div#ga2012_content{width:100%;padding-bottom:0}
#Contents_all{width:976px;margin:0 auto}
#contentsArea{position:relative;z-index:0;width:1200px;margin:0 0 0 -112px;line-height:1.6;background:#e6f4fa}

/*------[font]-------*/
/*------[size]-------*/
/*------sp-size-------*/
/*!------sp-padding-------*/
/*!------[position]-------*/
/*
img {
	width: 100%;
}
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: sans-serif;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: black;
}

pre {
	margin: 1em 0;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}

button[disabled], html input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: bottom;
	line-height: 0;
	font-size: 0;
}

ul, ol {
	list-style: none;
	list-style-image: none;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

small {
	font-size: 100%;
}

.cf {
	*zoom: 1;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}

.clear {
	clear: both;
}

/*------[font]-------*/
/*------[size]-------*/
/*------sp-size-------*/
/*!------sp-padding-------*/
/*!------[position]-------*/
/*
img {
	width: 100%;
}
*/
#mens {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6;
	width: 976px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #000000;
}
#mens .wf {
	font-family: "リュウミン H-KL", "Ryumin Heavy KL", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif/9;
}
#mens .wf-m {
	font-family: "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif/9;
}
#mens .sp {
	display: none;
}
#mens .sp-br {
	display: none;
}
#mens .pc-br {
	display: block;
}
#mens.detail {
	/*------[font]-------*/
	/*------[size]-------*/
	/*------sp-size-------*/
	/*!------sp-padding-------*/
	/*!------[position]-------*/
	/*
	  img {
		  width: 100%;
	  }
	  */
}
#mens.detail .attention {
	*zoom: 1;
	font-size: 13px;
	padding: 10px 0 0 0;
	line-height: 1.4;
	color: #666666;
}
#mens.detail .attention:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail .attention dt {
	float: left;
	width: 2.5em;
}
#mens.detail .attention dd {
	padding: 0 0 0 2.5em;
}
#mens.detail .attention.dotted {
	border-top: 1px dotted #8c9aab;
	padding: 18px 0 0 0;
}
#mens.detail .clear {
	clear: both;
}
#mens.detail .no-margin {
	margin: 0 !important;
}
#mens.detail .no-padding {
	padding: 0 !important;
}
#mens.detail .red {
	color: red;
}
#mens.detail .normal {
	font-weight: normal;
}
#mens.detail .bold {
	font-weight: bold;
}
#mens.detail .small {
	font-size: 80%;
}
#mens.detail .big {
	font-size: 120%;
}
#mens.detail .bigger {
	font-size: 150%;
}
#mens.detail .biggest {
	font-size: 200%;
}
#mens.detail a {
	text-decoration: underline;
	color: #007ac3;
}
#mens.detail a:hover {
	text-decoration: none;
}
/*---  ▽▽▽ 変更 ▽▽▽  ---*/
#mens.detail h1 {
	font-size: 200%;
	line-height: 116.66667%;
	padding: 42px 0 0 0;
	min-height: 120px;
}
/*

#mens.detail h1 {
  font-size: 225%;
  line-height: 116.66667%;
  padding: 42px 0 0 0;
  min-height: 120px;
}
*/
/*---  ▽▽▽ /変更 ▽▽▽  ---*/
#mens.detail h2 {
	font-size: 125%;
	line-height: 1.0;
	color: #ffffff;
	background: #007ac3;
	padding: 9px 10px 8px;
}
#mens.detail h3 {
	color: #007ac3;
	font-size: 137.5%;
	line-height: 1.0;
	border-bottom: 1px solid #007ac3;
	font-weight: bold;
	padding: 45px 5px 10px 0;
	margin: 0 0 20px 0;
}
#mens.detail h4 {
	line-height: 137.5%;
	padding: 10px 0 0 0;
	font-weight: bold;
}
#mens.detail h5 {
	font-size: 93.75%;
	line-height: 142.85714%;
	color: #007ac3;
	padding: 12px 0 0 0;
	font-weight: bold;
}
#mens.detail #key {
	*zoom: 1;
}
#mens.detail #key:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #key.face {
	background: white url("/mens/img/common/type-face.png") no-repeat 0 0;
}
#mens.detail #key.body {
	background: white url("/mens/img/common/type-body.png") no-repeat 0 0;
}
#mens.detail #key.hair {
	background: white url("/mens/img/common/type-hair.png") no-repeat 0 0;
}
#mens.detail #key.others {
	background: white url("/mens/img/common/type-others.png") no-repeat 0 0;
}
/*---  ▽▽▽ 変更 ▽▽▽  ---*/
#mens.detail #key .txt-area {
	float: left;
	width: 500px;
	padding: 0 0 0 45px;
}
/*
#mens.detail #key .txt-area {
  float: left;
  width: 458px;
  padding: 0 0 0 45px;
}
*/
/*---  ▽▽▽ /変更 ▽▽▽  ---*/
#mens.detail #key .name {
	font-size: 125%;
	padding: 20px 0 0 0;
	color: #007ac3;
	font-weight: bold;
}
#mens.detail #key .name .num {
	font-weight: normal;
	color: #5c708f;
}
#mens.detail #key .name .color {
	display: block;
	font-size: 65%;
	color: #000000;
	font-weight: normal;
}
#mens.detail #key .icon {
	*zoom: 1;
	padding: 18px 0 20px 45px;
	float: left;
	width: 456px;
}
#mens.detail #key .icon:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #key .icon > li {
	float: left;
	margin: 0 10px 10px 0;
}
#mens.detail #key .key-img {
	float: right;
	padding: 0 68px 0 0;
}
#mens.detail #nav {
	width: 976px;
	margin: 18px auto 0;
	overflow: hidden;
}
#mens.detail #nav > .inner {
	*zoom: 1;
	width: 986px;
}
#mens.detail #nav > .inner:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #nav > .inner > li {
	float: left;
	width: 483px;
	margin: 0 10px 0 0;
}
#mens.detail #nav > .inner > li a {
	display: block;
	padding: 22px;
	line-height: 1.0;
	background: #ccd3db url("/mens/img/common/arrow-nav.png") no-repeat 95% 50%;
	color: #000000;
	text-decoration: none;
}
#mens.detail #nav > .inner > li a:hover {
	background: #b4c7dc url("/mens/img/common/arrow-nav.png") no-repeat 95% 50%;
}
#mens.detail #movie {
	padding: 0 0 20px 0;
	margin: 50px 0 0 0;
}
/*---  ▽▽▽ 変更 ▽▽▽  ---*/
#mens.detail #movie .frame {
	padding: 20px 0 20px 0;
	margin: 30px 0 0 0;
	text-align: center;
	background: url("/mens/img/common/frame-back.gif");
}
/*
#mens.detail #movie .frame {
  padding: 30px 0 0 0;
  text-align: center;
}
*/
/*---  ▽▽▽ /変更 ▽▽▽  ---*/
#mens.detail #content {
	width: 976px;
	margin: 50px auto 0;
	padding: 0 0 30px 0;
	overflow: hidden;
}
#mens.detail #content .txt {
	font-size: 87.5%;
	padding: 10px 0 0 0;
}
#mens.detail #content .col {
	*zoom: 1;
}
#mens.detail #content .col:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #content .col .pic {
	float: right;
	padding: 0 0 10px 40px;
}
#mens.detail #content .col .pic .cmt {
	font-size: 75%;
	padding: 3px 0 0 0;
	text-align: right;
	display: block;
}
#mens.detail #content .column2 {
	width: 1006px;
}
#mens.detail #content .column2 .box {
	float: left;
	width: 473px;
	margin: 0 30px 0 0;
}
#mens.detail #content .column2 .txt {
	width: 266px;
}
#mens.detail #content .column2 .txt.narrow {
	width: 195px;
}
#mens.detail #content .column2 .txt.clear {
	width: 100%;
}
#mens.detail #content .column3 {
	width: 1036px;
}
#mens.detail #content .column3 .box {
	float: left;
	width: 305px;
	margin: 0 30px 0 0;
}
#mens.detail #content .column4 {
	width: 1066px;
}
#mens.detail #content .column4 .box {
	float: left;
	width: 221px;
	margin: 0 30px 0 0;
}
#mens.detail #content .column4 .txt {
	overflow: inherit;
}
#mens.detail #spec {
	margin: 50px 0 0 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 87.5%;
	padding: 0 0 20px 0;
}
#mens.detail #spec table {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: left;
}
#mens.detail #spec th {
	border: 1px #b6b6b6 solid;
	border-left: none;
	border-right: none;
	width: 30%;
	padding: 10px 10px;
	background: #c4ccd6;
	text-align: left;
	vertical-align: top;
}
#mens.detail #spec td {
	border: 1px #b6b6b6 solid;
	border-right: none;
	border-left: none;
	width: 70%;
	padding: 10px 10px;
	background: #f5f7f8;
}
#mens.detail #spec tr:nth-child(odd) th {
	background: #ccd3db;
}
#mens.detail #spec tr:nth-child(odd) td {
	background: #ffffff;
}
#mens.detail #sub-nav {
	width: 976px;
	margin: 18px auto 0;
	padding: 0 0 50px 0;
	overflow: hidden;
}
#mens.detail #sub-nav > .type1 {
	*zoom: 1;
	width: 986px;
}
#mens.detail #sub-nav > .type1:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #sub-nav > .type1 > li {
	float: left;
	width: 483px;
	margin: 20px 10px 0 0;
}
#mens.detail #sub-nav > .type1 > li a {
	display: block;
	padding: 22px 40px;
	line-height: 1.0;
	background: #ccd3db url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
	color: #000000;
	text-decoration: none;
}
#mens.detail #sub-nav > .type1 > li a:hover {
	background: #b4c7dc url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
}
/*---  ▽▽▽ 161004追加 ▽▽▽  ---*/
#mens.detail #sub-nav > .type1-3 {
	*zoom: 1;
	width: 986px;
}
#mens.detail #sub-nav > .type1-3:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #sub-nav > .type1-3 > li {
	float: left;
	width: 318px;
	margin: 20px 10px 0 0;
}

#mens.detail #sub-nav > .type1-3 > li a {
	display: block;
	padding: 22px 5px 22px 40px;
	line-height: 1.0;
	background: #ccd3db url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
	color: #000000;
	text-decoration: none;
}
#mens.detail #sub-nav > .type1-3 > li a:hover {
	background: #b4c7dc url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
}

#mens.detail #sub-nav > .type1-3 > li a.voice {
	padding: 10px 5px 5px 40px;
	background: #ccd3db url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
	height: 45px;
}
#mens.detail #sub-nav > .type1-3 > li a.voice:hover {
	background: #b4c7dc url("/mens/img/common/icon-wdw-nav.png") no-repeat 5% 50%;
}
#mens.detail #sub-nav > .type1-3 > li a.voice img {
	vertical-align: -5px;
	margin: 0 0 0 15px;
}
/*---  △△△ 161004追加 △△△  ---*/

#mens.detail #sub-nav > .type2 {
	*zoom: 1;
	width: 986px;
}
#mens.detail #sub-nav > .type2:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #sub-nav > .type2 > li {
	float: left;
	width: 483px;
	margin: 20px 10px 0 0;
}
#mens.detail #sub-nav > .type2 > li a {
	display: block;
	padding: 21px 40px;
	line-height: 1.0;
	border-top: 1px solid  #b6b6b6;
	border-bottom: 1px solid  #b6b6b6;
	background: url("/mens/img/common/arrow-subnav.png") no-repeat 5% 50%;
	color: #000000;
	text-decoration: none;
}
#mens.detail #sub-nav > .type2 > li a:hover {
	background: url("/mens/img/common/arrow-subnav.png") no-repeat 5% 50%;
	color: #3270ad;
}
#mens.detail #sub-area {
	width: 1200px;
	margin: 0 0 0 -112px;
	padding: 30px 0;
	background: #ffffff;
}
#mens.detail #sub-area .btn-nav {
	*zoom: 1;
	width: 492px;
	margin: 0 auto;
}
#mens.detail #sub-area .btn-nav:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail #sub-area .btn-nav > li {
	float: left;
	margin: 0 7px;
}
#mens.detail #sub-area .btn-nav > li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#mens .sp {
	display: none;
}
#mens .share-bottom {
	line-height: 1;
	padding: 20px 0 30px 0;
}
#mens .share-bottom ul {
	text-align: center;
}
#mens .share-bottom ul li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	font-size: 0;
	margin-bottom: 4px;
	margin-left: 4px;
	*margin-left: 10px;
}
#mens .share-bottom ul li.mixi2012, #mens .share-bottom ul li.tw2012 {
	overflow: hidden;
}
#mens .share-bottom ul li.mixi2012 {
	width: 58px;
}
#mens .share-bottom ul li.tw2012 {
	width: 68px;
}

@media only screen and (max-width: 640px) {
	html.sp #Contents_all {
		width: 100%;
		margin: 0 auto;
	}
	html.sp div#ga2012_content {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}
	html.sp #contentsArea{
		width: 100%;
		margin: 0;
	}
	html.sp #mens {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	html.sp #mens .sp {
		display: inherit;
	}
	html.sp #mens .pc {
		display: none;
	}
	html.sp #mens .sp-br {
		display: block;
	}
	html.sp #mens .pc-br {
		display: none;
	}
	html.sp #mens.detail {
		/*------[font]-------*/
		/*------[size]-------*/
		/*------sp-size-------*/
		/*!------sp-padding-------*/
		/*!------[position]-------*/
		/*
		img {
			width: 100%;
		}
		*/
	}
	html.sp #mens.detail .attention {
		*zoom: 1;
		font-size: 12px;
		padding: 10px 0 0 0;
		line-height: 1.4;
		width: 93.75%;
		margin: 0 auto;
	}
	html.sp #mens.detail .attention:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail .sp-space {
		padding-left: 3.125%;
		padding-right: 3.125%;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html.sp #mens.detail .sp-clear {
		clear: both;
	}
	html.sp #mens.detail h1 {
		font-size: 131.25%;
		line-height: 116.66667%;
		padding: 24px 0 0 0;
		min-height: 30px;
	}
	html.sp #mens.detail h2 {
		font-size: 100%;
		line-height: 1.2;
		padding: 10px 10px 7px;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*---  ▽▽▽ 変更 ▽▽▽  ---*/
	html.sp #mens.detail h3 {
		color: #007ac3;
		font-size: 93.75%;
		line-height: 1.2;
		padding: 15px 5px 6px 0;
		margin: 30px 0 3px 0;
		border-bottom: none;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*
	  html.sp #mens.detail h3 {
		color: #007ac3;
		font-size: 93.75%;
		line-height: 1.2;
		padding: 15px 5px 6px 0;
		margin: 0 0 3px 0;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	  }
	  */
	/*---  △△△ 変更 △△△  ---*/
	html.sp #mens.detail h4 {
		font-size: 87.5%;
		padding: 10px 0 0 0;
	}
	html.sp #mens.detail h5 {
		font-size: 87.5%;
		padding: 7px 0 0 0;
	}
	html.sp #mens.detail .category {
		background: url("/mens/img/common/top-background-sp.gif") repeat 0 0;
		padding: 6px 0 3px;
		line-height: 1.0;
		color: #ffffff;
		text-align: center;
		font-size: 112.5%;
		transform: scale(1, 1.3);
		-webkit-transform: scale(1, 1.3);
		-moz-transform: scale(1, 1.3);
		-o-transform: scale(1, 1.3);
	}
	html.sp #mens.detail #key {
		background: #ffffff;
		width: 93.75%;
		margin: 14px auto 0;
	}
	html.sp #mens.detail #key .txt-area {
		float: none;
		width: 100%;
		padding: 0 3%;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html.sp #mens.detail #key .name {
		font-size: 87.5%;
		padding: 10px 0 0 0;
	}
	html.sp #mens.detail #key .name .color {
		font-size: 90%;
	}
	html.sp #mens.detail #key .icon {
		padding: 10px 0 0;
		text-align: center;
		width: 100%;
	}
	/*---  ▽▽▽ 変更 ▽▽▽  ---*/
	html.sp #mens.detail #key .icon > li {
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		margin: 0 10px 10px 0;
		width: 60px;
		height: auto;
	}
	/*
	  html.sp #mens.detail #key .icon > li {
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 10px 10px 0;
		width: auto;
		height: 60px;
	  }
	  */
	/*---  △△△ 変更 △△△  ---*/
	html.sp #mens.detail #key .key-img {
		float: none;
		padding: 0 0 0 0;
		width: 66.66667%;
		margin: 0 auto;
	}
	html.sp #mens.detail #nav {
		width: 100%;
		padding: 0 3.125%;
		margin: 20px auto 0;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html.sp #mens.detail #nav > .inner {
		*zoom: 1;
		width: 100%;
	}
	html.sp #mens.detail #nav > .inner:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #nav > .inner > li {
		float: none;
		width: 100%;
		margin: 0 0 1px 0;
	}
	html.sp #mens.detail #nav > .inner > li a {
		display: block;
		padding: 14px;
		line-height: 1.0;
		font-size: 87.5%;
		background: #ccd3db url("/mens/img/common/arrow-nav.png") no-repeat 95% 50%;
		background-size: 8px;
	}
	html.sp #mens.detail #nav > .inner > li a:hover {
		background: #b4c7dc url("/mens/img/common/arrow-nav.png") no-repeat 95% 50%;
		background-size: 8px;
	}
	html.sp #mens.detail #movie {
		padding: 15px 0 20px 0;
		margin: 10px auto 0;
	}
	/*---  ▽▽▽ 変更 ▽▽▽  ---*/
	html.sp #mens.detail #movie .frame {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		background: none;
		padding-bottom: 0px;
	}
	/*
	  html.sp #mens.detail #movie .frame {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	  }
	  */
	/*---  ▽▽▽ /変更 ▽▽▽  ---*/
	html.sp #mens.detail #movie .frame iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	html.sp #mens.detail #content {
		width: 100%;
		margin: 20px auto 0;
		padding: 0 0 30px 0;
	}
	html.sp #mens.detail #content .txt {
		font-size: 75%;
		padding: 5px 0 0 0;
		overflow: auto;
		*zoom: 1;
		width: auto;
	}
	html.sp #mens.detail #content .col {
		*zoom: 1;
		padding: 0 3.125%;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html.sp #mens.detail #content .col:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #content .col .pic {
		float: right;
		padding: 10px 0 10px 14px;
		width: 36.66667%;
	}
	html.sp #mens.detail #content .col .pic .cmt {
		font-size: 75%;
		padding: 2px 0 0 0;
		text-align: right;
		display: block;
	}
	html.sp #mens.detail #content .col .pic.max {
		width: 100%;
		max-width: 400px;
		float: none;
		padding: 10px 0 4px 0;
		margin: 0 auto;
	}
	html.sp #mens.detail #content .col .pic.max img {
		width: 100%;
	}
	html.sp #mens.detail #content .column2,
	html.sp #mens.detail #content .column3,
	html.sp #mens.detail #content .column4 {
		width: 100%;
	}
	/*---  ▽▽▽ 変更 ▽▽▽  ---*/
	html.sp #mens.detail #content .column2 .box,
	html.sp #mens.detail #content .column3 .box,
	html.sp #mens.detail #content .column3 .box2,
	html.sp #mens.detail #content .column4 .box {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 0 0;
	}
	/*
	  html.sp #mens.detail #content .column2 .box,
	  html.sp #mens.detail #content .column3 .box,
	  html.sp #mens.detail #content .column4 .box {
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 0 0;
	  }
	  */
	/*---  △△△ 変更 △△△  ---*/
	html.sp #mens.detail #content .column2 .txt.narrow {
		width: auto;
	}
	html.sp #mens.detail #spec {
		margin: 20px auto 0;
	}
	html.sp #mens.detail #spec table {
		margin: 0;
		font-size: 12px;
	}
	html.sp #mens.detail #spec th {
		padding: 6px 10px;
	}
	html.sp #mens.detail #spec td {
		padding: 6px 10px;
	}
	html.sp #mens.detail #sub-nav {
		width: 100%;
		margin: 18px auto 0;
		padding: 0 3.125% 10px;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html.sp #mens.detail #sub-nav > .type1 {
		*zoom: 1;
		width: 100%;
		padding: 10px 0 0 0;
	}
	html.sp #mens.detail #sub-nav > .type1:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #sub-nav > .type1 > li {
		float: none;
		width: 100%;
		margin: 0 0 1px 0;
	}
	html.sp #mens.detail #sub-nav > .type1 > li a {
		display: block;
		padding: 16px 10px 15px 36px;
		line-height: 1.0;
		background: #ccd3db url("/mens/img/common/icon-wdw-nav.png") no-repeat 18px 50%;
		background-size: 8px;
	}
	/*---  ▽▽▽ 161004追加 ▽▽▽  ---*/
	html.sp #mens.detail #sub-nav > .type1-3 {
		*zoom: 1;
		width: 100%;
		padding: 10px 0 0 0;
	}
	html.sp #mens.detail #sub-nav > .type1-3:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #sub-nav > .type1-3 > li {
		float: none;
		width: 100%;
		margin: 0 0 1px 0;
	}
	html.sp #mens.detail #sub-nav > .type1-3 > li a {
		display: block;
		padding: 16px 1px 15px 36px;
		line-height: 1.0;
		background: #ccd3db url("/mens/img/common/icon-wdw-nav.png") no-repeat 18px 50%;
		background-size: 8px;
	}
	html.sp #mens.detail #sub-nav > .type1-3 > li a.voice {
		height: auto;
		padding: 10px 5px 10px 40px;
	}
	html.sp #mens.detail #sub-nav > .type1-3 > li a.voice img {
		vertical-align: auto;
		width: 30%;
	}
	/*---  △△△ 161004追加 △△△  ---*/
	html.sp #mens.detail #sub-nav > .type2 {
		*zoom: 1;
		width: 100%;
		padding: 10px 0 0 0;
	}
	html.sp #mens.detail #sub-nav > .type2:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #sub-nav > .type2 > li {
		float: none;
		width: 100%;
		margin: 0 0 -1px 0;
	}
	html.sp #mens.detail #sub-nav > .type2 > li a {
		display: block;
		padding: 15px 10px 14px 36px;
		line-height: 1.0;
		border-top: 1px solid  #b6b6b6;
		border-bottom: 1px solid  #b6b6b6;
		background: url("/mens/img/common/arrow-subnav.png") no-repeat 18px 50%;
		background-size: 8px;
	}
	html.sp #mens.detail #sub-area {
		width: 100%;
		margin: 0 0 0 0;
		padding: 20px 3.125%;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: none;
	}
	html.sp #mens.detail #sub-area .btn-nav {
		*zoom: 1;
		width: 100%;
		margin: 0 auto;
	}
	html.sp #mens.detail #sub-area .btn-nav:after {
		content: "";
		display: table;
		clear: both;
	}
	html.sp #mens.detail #sub-area .btn-nav > li {
		float: none;
		margin: 0 0 6px 0;
	}
	html.sp #mens.detail #sub-area .btn-nav > li img {
		width: 100%;
	}
	html.sp #mens .share-bottom {
		display: inherit;
		padding: 15px 0 20px 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1;
		text-align: right;
		margin: 20px 0 0 0;
	}
	html.sp #mens .share-bottom ul {
		text-align: center;
	}
}
@media only screen and (max-width: 479px) {
	html.sp #magazine .share-bottom {
		width: 270px;
		margin: 0 auto;
		text-align: center;
	}
	html.sp #magazine .share-bottom li {
		margin-top: 10px;
	}
}
/*---  ▽▽▽ 追加 ▽▽▽  ---*/
#mens.detail h1 span {
	font-size: 80%;
}
#mens.detail h1 sup {
	font-size: 50%;
	vertical-align: 0.7em;
}
#mens.detail h2 .h2s,
html.sp #mens.detail h2 .h2s,
#mens.detail h3 .h3s,
html.sp #mens.detail h3 .h3s {
	font-size: 75%;
}
#mens.detail #key .new {
	font-size: 125%;
	padding: 0;
	color: #ff0000;
	font-weight: bold;
	font-style: italic;
	line-height: 1.4;
	margin: 0 0 -5px 0;
}
html.sp #mens.detail #key .new {
	font-size: 87.5%;
	padding: 10px 0 0 0;
	margin: 0 0 -5px 0;
}

#mens.detail .h-space {
	margin: 0 0 5px 0;
}
#mens.detail #content .column1 .txt2 {
	float: left;
	width: 588px;
}
html.sp #mens.detail #content .column1 .txt2 {
	width: 100%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column1 .txt2nm {
	width: 100%;
}
#mens.detail #content .column1 .txt3 {
	float: left;
	width: 472px;
}
html.sp #mens.detail #content .column1 .txt3 {
	width: 100%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column1 .txt3nm {
	width: 100%;
}
#mens.detail #content .column1 .txt-c4,
#mens.detail #content .column1 .txt-c4nm {
	float: left;
	width: 211px;
}
html.sp #mens.detail #content .column1 .txt-c4 {
	width: 100%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column1 .txt-c4nm {
	width: 100%;
}
html.sp #mens.detail #content .column2 .txt2 {
	float: left;
}
#mens.detail #content .column2 .txt4,
#mens.detail #content .column2 .txt4nm {
	float: left;
	width: 250px;
}
html.sp #mens.detail #content .column2 .txt4 {
	width: 60%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column2 .txt4nm {
	width: 60%;
}
#mens.detail #content .column2 .txt4b,
#mens.detail #content .column2 .txt4bnm {
	float: left;
	width: 195px;
}
html.sp #mens.detail #content .column2 .txt4b {
	width: 55%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column2 .txt4bnm {
	width: 55%;
}
#mens.detail #content .column2 .txt195,
#mens.detail #content .column2 .txt195nm {
	float: left;
	width: 195px;
}
html.sp #mens.detail #content .column2 .txt195 {
	width: 100%;
	margin: 0 0 10px 0;
}
html.sp #mens.detail #content .column2 .txt195nm {
	width: 100%;
}
#mens.detail #content .column2 .txt,
#mens.detail #content .column3 .txt,
#mens.detail #content .column4 .txt {
	padding-bottom: 10px;
}
html.sp #mens.detail .txt {
	margin: 0;
}
#mens.detail #content .column1 .pic,
#mens.detail #content .column2 .pic {
	float: right;
	padding: 10px 0 0 0 !important;
}
#mens.detail #content .pc-max {
	width: 100%;
}
#mens.detail #content .column1 .pic-center {
	float: none !important;
	text-align: center !important;
	margin: 0 auto !important;
}
#mens.detail #content .column3 .box2 {
	float: left;
	width: 635px;
	margin: 0 30px 0 0;
}
html.sp #mens.detail .column3 .box2 {
	float: right;
}
html.sp #mens.detail #content .col .pic.max80 {
	width: 80%;
	max-width: 400px;
	float: none;
	padding: 10px 0 4px 0;
	margin: 0 auto;
}
html.sp #mens.detail #content .col .pic.max70 {
	width: 70%;
	max-width: 400px;
	float: none;
	padding: 10px 0 4px 0;
	margin: 0 auto;
}
html.sp #mens.detail #content .col .pic.max60 {
	width: 80%;
	max-width: 400px;
	float: none;
	padding: 10px 0 4px 0;
	margin: 0 auto;
}
html.sp #mens.detail #content .col .pic.max80 img,
html.sp #mens.detail #content .col .pic.max70 img,
html.sp #mens.detail #content .col .pic.max60 img {
	width: 100%;
}
#mens .detail h2 + .col h3{ margin: 0 0 3px 0;}
html.sp #mens.detail h2 + .col h3 {
	margin: 0 0 3px 0;
}
#mens.detail h3.h3-2 {
	padding: 45px 5px 32px 0;
}
html.sp #mens.detail h3.h3-2 {
	padding: 15px 5px 6px 0;
}
html.sp #mens.detail h3.c2-h3 {
	margin: 30px 0 3px 0 !important;
}


#mens.detail .attention dt.dt-r {
	float: left;
	width: 2em;
	text-align: right;
	padding-right: 0.5em;
}
#mens.detail .attention.att-indent {
	margin-left: 1.5em;
}
html.sp #mens.detail .attention.att-indent {
	margin-left: 2.5em;
}

#mens.detail #content .top-space {
	margin-top: 15px !important;
}
#mens.detail #content .top-space30 {
	margin-top: 30px !important;
}
#mens.detail #content .top-space35 {
	margin-top: 35px !important;
}
html.sp #mens.detail #content .sp-top-space {
	margin-top: 15px !important;
}
html.sp #mens.detail #content .sp-top-space30 {
	margin-top: 30px !important;
}
/*---  △△△ 追加 △△△  ---*/
/*---  ▽▽▽ 20151229追加 ▽▽▽  ---*/
#mens.detail .function_btn {
	margin:40px 0 20px 0;
}

#mens.detail .function_btn  a {
  margin: 0 auto;
  padding: 15px 0 15px 15px;
  width: 401px;
  background: #007ac3;
  text-align: center;
  color: #fff !important;
  display:block;
  text-decoration:none;
}

#mens.detail .function_btn  a span {
  padding-right: 20px;
  font-size: 130%;
}

#mens.detail .function_btn  a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
}

html.sp #mens.detail .function_btn {
	margin:20px 0 35px 0;
}
html.sp #mens.detail .function_btn  a {
  margin: 0 auto;
  padding: 10px 0 10px 20px;
  width:80%;
  background: #007ac3;
  text-align: center;
  color: #fff;
  display:block;
   -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html.sp #mens.detail .function_btn  a span {
  background-size: 10px;
  padding-right: 20px;
  font-size: 90%;
  display:block;
}

/*---  △△△ 20151229追加 △△△  ---*/
/*---  ▽▽▽ 20160125追加 ▽▽▽  ---*/
#mens.detail .function_btn2 {
	margin:40px 0 20px 0;
	padding: 0 0 0 65px;
	*zoom: 1;
}
#mens.detail .function_btn2:after {
	content: "";
	display: table;
	clear: both;
}
#mens.detail .function_btn2  a {
	margin: 0 15px 0 0;
	padding: 15px 0 15px 15px;
	width: 400px;
	background: #007ac3;
	text-align: center;
	color: #fff !important;
	display: block;
	text-decoration: none;
	float: left;
}

#mens.detail .function_btn2  a span {
  padding-right: 20px;
  font-size: 130%;
}

#mens.detail .function_btn2  a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
}

html.sp #mens.detail .function_btn2 {
	margin:20px 0 35px 0;
	padding: 0;
}
html.sp #mens.detail .function_btn2  a {
  margin: 0 auto 10px auto;
  padding: 10px 0 10px 20px;
  width:80%;
  background: #007ac3;
  text-align: center;
  color: #fff;
  float: none;
  display:block;
   -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html.sp #mens.detail .function_btn2  a span {
  background-size: 10px;
  padding-right: 20px;
  font-size: 90%;
  display:block;
}

/*---  △△△ 20160125追加 △△△  ---*/
/*---  ▽▽▽ 20160201追加 ▽▽▽  ---*/
#mens.detail #key .old {
	font-size: 81.3%;
	padding: 0;
	margin: 0;
	color: #ff0000;
	line-height: 1.4;
	font-weight: normal;
	display: block;
}
html.sp #mens.detail #key .old {
	font-size: 81.3%;
	padding: 0;
	margin: 0;
}
/*---  △△△ 20160201追加 △△△  ---*/
/*---  ▽▽▽ 20160328追加 ▽▽▽  ---*/
#mens.detail #key .new_txt {
	font-size: 75%;
	padding: 0;
	color: #ff0000;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	margin: 0;
}
html.sp #mens.detail #key .new_txt {
	font-size: 75%;
	padding: 0;
	margin: 0;
}
#mens.detail #key .name.new_name {
	padding: 0;
}
html.sp #mens.detail #key .name.new_name {
	padding: 0;
}
/*---  △△△ 20160328追加 △△△  ---*/