@charset "utf-8";
/* CSS Document */

.PageVisual {
	background-color: #000;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #a8a8a8;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #a8a8a8;
	background-attachment: scroll;
	background-image: url(../img/bg_title.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 20px;
}

.PageVisual .Title {
	width: 1110px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
}
.PageVisual .Title {padding-left: 15px;}

#LRColumn {
	width: 1140px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
}
#LColumn {
	width: 100%;
	background-color: #FFF;
	color: #000;
	padding: 30px;
}
#LColumn h1,
#LColumn h2 {
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 2em;
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 18px;
    border-top-width: 3px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000;
    border-bottom-color: #000;
    margin-bottom: 25px;
}

#LColumn h1:before,
#LColumn h2:before{
	
}
#LColumn h1:after,
#LColumn h2:after {
	
}
#Member ul#MMenu li a{
	 -webkit-box-sizing: inherit !important;
  -moz-box-sizing: inherit !important;
  box-sizing: inherit !important;
}
#LColumn #ArticleDetail {}
#LColumn #ArticleDetail h1 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
	line-height: 1.2em;
	font-size: 1.6em;
	font-weight: bold;
}


#LColumn .Article {
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom: 50px;
}


#LColumn #ArticleDetail .Date {
	font-family: 'PT Sans Narrow', sans-serif;
	padding-bottom: 30px;
	text-align: right;
	font-size: 1.2em;
}

#LColumn .Article p {
	line-height: 1.5em;
	padding-bottom: 30px;
}
#LColumn .Article img {
	padding-top: 10px;
	padding-bottom: 10px;
}
#LColumn .Article a {
	color: #766914;
	display: inline;
}




/* PRESENT */

#Present {
	padding-top: 20px;
}
#Present p {
	padding-bottom: 20px;
	font-size: 14px;
}


#Present h3 {
	padding-top: 30px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
}

#Present #PPhoto {
	background-color: #efefef;
	text-align: center;
}
#Present #PPhoto h3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 10px;
	line-height: 1.4em;
}
#Present #PPhoto img {
	/* 
	-webkit-box-shadow: 6px 7px 5px -1px rgba(199,199,199,1);
	-moz-box-shadow: 6px 7px 5px -1px rgba(199,199,199,1);
	box-shadow: 6px 7px 5px -1px rgba(199,199,199,1);
	*/
	margin-bottom: 15px;
}

#Present #PPhoto p {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 0.8em;
}

#Present #PDetail {
	padding: 20px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#Present #PBrand {
	font-size: 0.9em;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 1.3em;
}

#Present #PIndex {
	background-color: #f6f6f6;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	border: 1px solid #CCC;
}
#Present #PIndex h3 {
	margin-bottom: 20px;
	font-size: 1.2em;
}

#Present #PIndex ol {
	display: block;
}
#Present #PIndex ol li {
	float: none;
	list-style-type: decimal;
	margin-left: 30px;
	font-size: 0.9em;
	line-height: 1em;
	display: list-item;
	margin-bottom: 0px;
}



#Present #PresentBtn {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#Present #PresentBtn a {
	width: 360px;
	background-color: #0f3858;
	color: #FFF;
	text-decoration: none;
	padding: 20px;
	text-align: center;
	font-size: 1.3em;
}

#Present #PresentBtn a:hover {
	background-color: #537087;
}


#Present ul.CDetail {
	overflow: visible;
}

#Present ul.CDetail li {
	float: none;
}
#Present ul.CDetail li h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1em;
	padding-left: 5px;
}
#Present ul.CDetail li p {
	font-size: 0.9em;
	padding-left: 5px;
	padding-bottom: 15px;
}

/* Privacy */

#Privacy {}
#Privacy p {
	padding-bottom: 20px;
}


#Privacy h3 {
	padding-top: 30px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
}

#Privacy ol.CDetail {
	overflow: visible;
}
#Privacy ol.CDetail li {
	float: none;
	font-size: 0.9em;
	padding-bottom: 20px;
	line-height: 1.3em;
	padding-left: 2em;
	text-indent: -2.5em;
	padding-right: 20px;
}

#Privacy ol.CDetail li ul {}
#Privacy ol.CDetail li ul li {
	float: none;
	text-indent: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#Privacy ul.CDetail li {
	float: none;
	font-size: 0.9em;
	line-height: 1.3em;
}

#Privacy ul.CDetail li p {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
}

#Privacy ul.CDetail li p a {
	display: inline;
}

/* Sitepolicy */

#Sitepolicy {}
#Sitepolicy p {
	padding-bottom: 20px;
}

#Sitepolicy ul#PMenu {
	margin-top: 10px;
	margin-bottom: 30px;
}
#Sitepolicy ul#PMenu li {
	width: 33%;
	margin-right: 2px;
}

#Sitepolicy ul#PMenu li a {
	padding: 10px;
	background-color: #000;
	text-align: center;
	color: #FFF;
	display: block;
}

#Sitepolicy ul#PMenu li a:hover {
	background-color: #666;
	text-decoration: none;
}

#Sitepolicy h3 {
	padding-top: 30px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
}

#Sitepolicy ul.CDetail {
	overflow: visible;
}
#Sitepolicy ul.CDetail li {float: none;}
#Sitepolicy ul.CDetail li h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 5px;
}
#Sitepolicy ul.CDetail li p {
	padding-left: 30px;
	padding-right: 10px;
	font-size: 0.9em;
}
/* Member */

#Member {}
#Member p {
	padding-bottom: 20px;
}

#Member ul#PMenu {
	margin-top: 10px;
	margin-bottom: 30px;
}
#Member ul#PMenu li {
	width: 33%;
	margin-right: 2px;
}

#Member ul#PMenu li a {
	padding: 10px;
	background-color: #000;
	text-align: center;
	color: #FFF;
	display: block;
}

#Member ul#PMenu li a:hover {
	background-color: #666;
	text-decoration: none;
}

#Member h3 {
	padding-top: 30px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 30px;
}

#Member #Flow {
	text-align: center;
	padding: 30px;
	border: 10px solid #CCC;
	line-height: 1.5em;
}

#Member #MemberBtn {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#Member #MemberBtn a {
	background-color: #0f3858;
	color: #FFF;
	text-decoration: none;
	padding: 20px;
	text-align: center;
	font-size: 1.5em;
	display: block;
}
#Member #MemberBtn a:hover {
	background-color: #537087;
}

#Member ul#Attention {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#Member ul#Attention li {
	float: none;
	padding-bottom: 15px;
	font-size: 0.9em;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4em;
}


#Member ul#MMenu {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	padding-bottom: 50px;
}
#Member ul#MMenu li {
	width: 32%;
	margin-right: 5px;
}

#Member ul#MMenu li a {
	padding: 25px;
	background-color: #0f3858;
	text-align: center;
	color: #FFF;
	height: 86px;
	vertical-align: middle;
	line-height: 1.2em;
	display: block;
}

#Member ul#MMenu li a:hover {
	background-color: #537087;
	text-decoration: none;
}

#Member ul#MMenu li:last-child a {
	line-height: 2em;
}

#Member ul.CDetail {
	overflow: visible;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#Member ul.CDetail li {
	float: none;
	padding-bottom: 30px;
}

#Member ul.CDetail li a {
	display: inline;
}

#Member ul.CDetail li h4 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	padding-left: 5px;
	background-color: #e4e4e4;
}

#Member ul.CDetail li h4 span {
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#Member ul.CDetail li p {
	padding-left: 50px;
	padding-right: 15px;
	font-size: 0.9em;
	padding-top: 20px;
	text-indent: -1.5em;
}

#Member ul.CDetail li p span {
	color: #999;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

#Member ul.CDetail li ul {
	padding-left: 50px;
	padding-right: 40px;
}
#Member ul.CDetail li ul li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 1em;
	font-size: 0.9em;
	text-indent: -1em;
	line-height: 1.2em;
}

#Member ul.CDetail li ul li span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #990000;
}
/* Magazine */

#Magazine {}

#Magazine h3 {
	padding-top: 30px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 20px;
}

#Magazine .LR {
	padding-top: 10px;
}
#Magazine .Left {
	width: 330px;
}
#Magazine .Right {
	width: 280px;
	padding-top: 40px;
}


#Magazine .Right h3 {
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding: 0px;
}
#Magazine .Right h3 span {
	display: block;
	font-size: 0.5em;
}

#Magazine .Right ul#CIMenu {
	width: 215px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 28px;
}
#Magazine .Right ul#CIMenu li {
	float: none;
	padding-bottom: 2px;
}
#Magazine .Right ul#CIMenu li a {
	color: #FFF;
	background-color: #000;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 0.9em;
	display: block;
}

#Magazine .Right ul#CIMenu li a:hover {
	background-color: #666;
}

#Magazine .Right ul#CIMenu li a img {
	vertical-align: middle;
}

#Magazine .Right ul#CIMenu li:first-child {
	padding-bottom: 5px;
}
#Magazine .Right ul#CIMenu li:first-child a {
	background-color: #0f3858;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.2em;
}

#Magazine .Right ul#CIMenu li:first-child a:hover {
	background-color: #537087;
}


#Magazine h4 {}
#Magazine h4 span {}


#Magazine ul.CDetail {
	overflow: visible;
	background-color: #f6f6f6;
	padding: 20px;
	font-size: 0.8em;
}
#Magazine ul.CDetail li {
	float: none;
	font-size: 1.1em;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#Magazine ul.CDetail li span {
	font-size: 0.8em;
	padding-bottom: 10px;
}

/* 2017.09.19 add */

/* WP管理画面ビジュアルエディタのタグ装飾を有効化 */
#LColumn #ArticleDetail p a {
	color: #c7b137;
}
#ArticleDetail p strong {
	font-weight: bold;
}
#ArticleDetail p em,
#ArticleDetail p strong em {
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif;
	font-style: italic;
}
#ArticleDetail ul, #ArticleDetail ol {
	list-style: inside;
	margin-bottom: 1em;
}
#ArticleDetail ul li, #ArticleDetail ol li {
	float: none;
	line-height: 1.8;
	display: list-item;
}
#ArticleDetail ul li {
	list-style-type: disc;
}
#ArticleDetail ol li {
	list-style-type: decimal;
}
#ArticleDetail ul li strong,
#ArticleDetail ol li strong {
	font-weight: bold;
}
#ArticleDetail blockquote {
	display: block;
	position: relative;
	margin: 2em 0;
	padding: 1.2em;
	font-size: .9em;
	background: #EEEEEE;
	border-radius: 3px;
}
blockquote:before{
	position: absolute;
	top: 15px;
	left: 20px;
	content: '“';
	font-size: 4em;
	color: #FFF;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

/* 2017.10.12 add */
#ArticleDetail #Magazine ul,
#ArticleDetail #Present ul,
#ArticleDetail #Present ol,
#ArticleDetail #Member ul,
#ArticleDetail #Sitepolicy ul,
#ArticleDetail #Privacy ul,
#ArticleDetail #Privacy ol {
	list-style: none;
}
#ArticleDetail #Magazine ul li,
#ArticleDetail #Present ul li,
#ArticleDetail #Member ul li,
#ArticleDetail #Sitepolicy ul li,
#ArticleDetail #Privacy ul li,
#ArticleDetail #Privacy ol li {
	list-style-type: none;
}
#ArticleDetail #PMenu li,
#ArticleDetail #MMenu li {
	float: left;
}
/* 2017.11.22 add */

.EntryList .ThumbBox li{
	float: left;
	width: calc(16.6666% - 10px);
	margin: 0 5px;
	height: 250px;
}
.EntryList .Thumb img{
	width: 100%;
}
.EntryList .Thumb .CateTitle{
	width: 100%;
}
#LColumn .EntryList h2{
	margin-bottom: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-align: center;
    letter-spacing: 3px;
    color: #021b5b;
}
#LColumn .EntryList h2:before{
	width: 100px;
	content: "";
	border-bottom: 1px solid #d1ae62;
	height: 1px;
	display: block;
	margin: auto;
	bottom: 0;
	left: calc(50% - 50px);
	position: absolute;
}
#LColumn .EntryList h2:after {
	content: "";
	width: 10px;
	height: 10px;
	border-left: 1px solid #d1ae62;
	border-bottom: 1px solid #d1ae62;
	transform: rotate(-45deg);
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -3px;
}
#LColumn #PageNavi li {
	width: 50%;
	position: relative;
	float: left;
}

/* 2018.10.02 花王タイアップ用記事ページのCSS */
.segreta {
  padding-bottom: 100px;
}
.segreta a {
  color: #86478D !important;
}
.segreta section {
  margin: 0 -5px;
}
.segreta section:after,
.segreta .body:after {
  content: " ";
  display: block;
  clear: both;
}
.segreta .caption {
  font-size: 12px;
  line-height: 19px;
}
.segreta .float {
  float: left;
  width: 350px;
}
.segreta .float.first {
  margin-right: 40px;
}
.segreta .float img {
  max-width: 350px;
}
.segreta .body .float.body {
  width: calc(100% - 230px);
  margin-right: 30px;
}
.segreta .body .float.img {
  width: 200px;
}
.segreta .clear {
  clear: both;
}
.segreta .box {
  background: #F9EAEF;
  border: 1px solid #BE3467;
  border-radius: 4px;
  padding: 30px;
  margin-bottom: 30px;
}
.segreta .center {
  display: block;
  text-align: center;
}
.segreta .contact {
  padding: 30px 0;
}
.segreta .link-self {
  display: block !important;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border: 1px solid #BE3467;
  border-radius: 5px;
  color: #BE3467 !important;
  background: #F8E9EE;
  padding: 15px 0;
  margin-top: -15px;
}
.segreta .link-self.purple {
  color: #FFF !important;
  background: #86478D;
  border-color: #86478D;
}
.segreta .link-self br {
  display: none;
}
.segreta .bold {
  font-weight: bold;
}
.segreta .sec-02 {
  padding-bottom: 30px;
  margin-bottom: 60px;
  border-bottom: 3px solid #AAA;
}

@media screen and (max-width: 480px) {
  .segreta {
    padding-bottom: 0;
  }
  .segreta img {
    width: 100% !important;
  }
  .segreta .float {
    float: none;
    width: 100%;
  }
  .segreta .float.first {
    margin-right: 0;
  }
  .segreta .body .float.body {
    width: 100%;
  }
  .segreta .w80per {
    display: block;
    text-align: center;
  }
  .segreta .w80per img {
    width: 80% !important;
    height: auto;
  }
  .segreta .box {
    padding: 15px;
  }
  .segreta .box p {
    margin-bottom: 10px !important;
    padding: 0 !important;
  }
  .segreta .body .float.img {
    text-align: center;
    width: 100%;
  }
  .segreta .link-self {
    display: inline-block !important;
    margin-top: 0;
    line-height: 1.5;
    padding: 8px 0;
  }
  .segreta .link-self br {
    display: inline;
  }
  .segreta .sec-02 {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .segreta .contact,
  .content-bottom p {
    padding: 0 !important;
    padding-bottom: 15px !important;
  }
}