@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
	display:block;
}

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:100%;
	text-align:center;
}

a {
	color:#e53a86;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#e53a86;
	text-decoration:underline;
}

#anc-all-wrap {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after,#list::after,#detail::after,#dnavi ol::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

#upper {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	width:100%;
}

#header {
	background:url(../common_images/bg_header.png) center top no-repeat;
	width:100%;
}

#header h1 {
	margin:0 auto;
	padding:21px 0 34px 0;
	width:90%;
}

#header h1 img {
	width:100%;
	max-width:455px;
	height:auto;
}

#gnavi {
	background-color:rgba(250,246,232,.56);
	border-top:1px solid rgba(230,59,138,.18);
	width:100%;
	height:79px;
}

#navigation {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	width:984px;
	height:79px;
	list-style-type:none;
}

#navigation li.sp-vis {
	display:none;
}

#slider-mv {
	width:100%;
}

#search-sns {
	background:url(../common_images/bg_search_sns.png) center bottom no-repeat;
	width:100%;
	height:87px;
}

#ss-inner {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	width:984px;
	height:86px;
}

#search {
	background-color:#e63b87;
	width:474px;
	text-align:left;
}

#search form {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-align-items:center;
	align-items:center;
	width:92.194%;
	height:86px;
}

#search form input[type="text"] {
	-webkit-flex-grow:1;
	flex-grow:1;
	padding:13px;
	border:1px solid #ccc;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	line-height:12px;
	font-size:12px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#search form input[type="image"] {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	margin-left:13px;
	width:40px;
}

#sns {
	background-color:#faf6e8;
	width:510px;
	text-align:right;
}

#sns ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-align-items:center;
	align-items:center;
	list-style-type:none;
	width:auto;
	height:86px;
}

#sns ul li {
	position:relative;
	padding:0 5px;
}

#sns ul li:nth-last-child(-n + 2) {
	padding:0 20px 0 19px;
}

#sns ul li:nth-last-child(-n + 2)::after {
	position:absolute;
	right:0;
	top:0;
	background-color:#e63b87;
	width:1px;
	height:40px;
	content:"";
}

#sns ul li:nth-child(4) {
	margin-left:25px;
}

#sns ul li:nth-child(4)::before {
	position:absolute;
	left:-1px;
	top:0;
	background-color:#e63b87;
	width:1px;
	height:40px;
	content:"";
}

@media screen and (min-width : 768px) and (max-width : 1000px) {
	#header {
		background:url(../common_images/bg_header@2x.png) center top no-repeat;
		background-size:50% auto;
	}
	
	#gnavi,#navigation {
		width:100%;
		height:auto;
	}
	
	
	#navigation li::after {
		position:absolute;
		left:12.5%;
		bottom:0;
		display:block;
		background-color:#e63b87;
		width:75%;
		height:1px;
		content:"";
	}
	
	#navigation li:last-child::after {
		display:none;
	}
	
	#navigation li a {
		display:block;
		padding:15px 0;
	}
	
	
	#navigation li.sp-vis {
		display:list-item;
	}
	
	#slider-mv {
		-webkit-order:1;
		order:1;
	}
	
	#search-sns {
		background:none;
		border-bottom:1px solid rgba(230,59,135,.18);
		height:auto;
	}
	
	#ss-inner {
		-webkit-flex-direction:column;
		flex-direction:column;
		width:100%;
		height:auto;
	}
	
	#search,#sns {
		width:100%;
		text-align:center;
	}
	
	#search form {
		margin:0 auto;
		padding:12p 0;
		width:90%;
		height:70px;
	}
	
	#sns ul {
		-webkit-justify-content:center;
		justify-content:center;
		height:50px;
	}
	
	#sns ul li:nth-last-child(-n + 2) {
		display:none;
	}
}

@media screen and (min-width : 500px) and (max-width : 1000px) {
	#navigation li {
		position:relative;
		padding:0;
		width:50% !important;
		vertical-align:middle;
	}
	
	#navigation li:nth-child(2) a {
		padding:24px 0;
	}
}

@media only screen and (max-width : 767px) {
	#header {
		background:url(../common_images/bg_header@2x.png) center top no-repeat;
		background-size:75% auto;
	}
	
	#gnavi,#navigation {
		width:100%;
		height:auto;
	}
	
	
	#navigation li::after {
		position:absolute;
		left:12.5%;
		bottom:0;
		display:block;
		background-color:#e63b87;
		width:75%;
		height:1px;
		content:"";
	}
	
	#navigation li:last-child::after {
		display:none;
	}
	
	#navigation li a {
		display:block;
		padding:15px 0;
	}
	
	#navigation li.sp-vis {
		display:list-item;
	}
	
	#slider-mv {
		-webkit-order:1;
		order:1;
	}
	
	#search-sns {
		background:none;
		border-bottom:1px solid rgba(230,59,135,.18);
		height:auto;
	}
	
	#ss-inner {
		-webkit-flex-direction:column;
		flex-direction:column;
		width:100%;
		height:auto;
	}
	
	#search,#sns {
		width:100%;
		text-align:center;
	}
	
	#search form {
		margin:0 auto;
		padding:12p 0;
		width:90%;
		height:70px;
	}
	
	#sns ul {
		-webkit-justify-content:center;
		justify-content:center;
		height:50px;
	}
	
	#sns ul li:nth-last-child(-n + 2) {
		display:none;
	}
}

@media only screen and (max-width : 499px) {
	#navigation li {
		position:relative;
		padding:0;
		width:100%;
		vertical-align:middle;
	}
}

/* Header End */

/* Main And Side Start */

#contents {
	padding-bottom:96px;
	background:url(../common_images/bg_contents.png) center bottom repeat-x;
	width:100%;
}

.h2-std {
	position:relative;
	padding-bottom:32px;
	line-height:0;
	font-size:0;
}

.h2-text {
	position:relative;
	padding-bottom:24px;
	padding-left:2px;
	color:#e53985;
	line-height:30px;
	font-size:20px;
	letter-spacing:2px;
}

.h2-std::after,.h2-text::after {
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	display:block;
	background-color:#e63b87;
	width:106px;
	height:1px;
	content:"";
}

/* Add Start */

.h2-text2 {
	position:relative;
	margin-bottom:160px;
	padding-bottom:24px;
	padding-left:2px;
	color:#e53985;
	line-height:30px;
	font-size:20px;
	letter-spacing:2px;
}

.h2-text2::before {
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	display:block;
	background-color:#e63b87;
	width:106px;
	height:1px;
	content:"";
}

.h2-text2::after {
	position:absolute;
	top:100%;
	left:0;
	display:block;
	background:url(../common_images/icon_parfume.png) center center no-repeat;
	width:100%;
	height:160px;
	content:"";
}

/* Add End */

#breadcrumb {
	margin:0 auto;
	padding:10px 0 64px 0;
	width:984px;
	text-align:left;
}

#breadcrumb ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	list-style-type:none;
}

#breadcrumb ul li {
	margin-right:9px;
	line-height:18px;
	font-size:12px;
}

#breadcrumb ul li a {
	position:relative;
	padding-right:18px;
}

#breadcrumb ul li a::after {
	position:absolute;
	right:0;
	top:0;
	display:block;
	background:url(../common_images/list_icon_black.png) no-repeat;
	width:9px;
	height:12px;
	content:""
}

#mv {
	position:relative;
}

#bg-mv {
	z-index:1;
	width:100%;
	height:auto;
}

#mv div {
	z-index: 10;
	position: absolute;
	left: -1px;
	top: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

#mv h2 {
	width:90%;
	height:auto;
	line-height:0;
	font-size:0;
	white-space:nowrap;
}

#mv h2 img {
	max-width:100%;
	height:auto;
}

#shopping {
	margin:0 auto;
	padding:96px 0;
	width:90%;
}

#shopping p {
	padding-top:40px;
}

#shopping p img {
	max-width:100%;
	height:auto;
}

#shopping p span {
	display:block;
	padding-top:10px;
	line-height:16px;
	font-size:12px;
}

#shop-intro {
	position:relative;
}

.close-shop-intro {
	position:absolute;
	right:10px;
	top:10px;
	padding:0 10px;
	border:1px solid #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#000;
	font-size:150%;
	cursor:pointer;
}

.intro-wrap {
	margin:20px auto;
	padding:60px 0;
	background-color:#fff;
	-webkit-box-shadow:5px black;
	box-shadow:5px black;
	width:984px;
}

.intro-wrap h3 {
	padding-bottom:92px;
	line-height:32px;
	font-size:32px;
}

.intro-wrap ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	list-style-type:none;
}

.intro-wrap ul li {
	width:410px;
}

.intro-wrap ul li dl dd p {
	padding:20px 0 28px 0;
	line-height:22px;
	font-size:14px;
}

.intro-wrap ul li dl dd em {
	display:inline-block;
}

.intro-wrap ul li dl dd em a {
	display:block;
	padding:8px 24px 6px 24px;
	border:2px solid #000;
	color:#000;
	line-height:12px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:12px;
	font-weight:bold;
}

.intro-wrap ul li dl dd em a:hover {
	text-decoration:none;
}

.intro-wrap ul li dl dt a:hover,.intro-wrap ul li dl dd em a:hover {
	opacity:0.7;
}

.open-menu {
	-webkit-filter: blur(4px);
	-ms-filter: blur(4px);
	filter: blur(4px);
}

.close-menu {
	-webkit-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

#form {
	margin:0 auto;
	padding-top:108px;
	width:984px;
}

#form-top {
	padding:12px 0 23px 0;
}

#form-top p,#form-bottom p {
	padding-top:24px;
	line-height:22px;
	font-size:14px;
}

#form-top em {
	display:block;
	padding-top:32px;
	color:#c00;
	line-height:19px;
	font-size:12px;
}

#form-main {
	text-align:left;
}

#form-main dl {
	display:table;
	border-bottom:1px solid #ccc;
	width:100%;
}

#form-main dl dt {
	display:table-cell;
	padding:7px 0;
	width:250px;
	vertical-align:middle;
}

#form-main dl dt span {
	display:inline-block;
	padding-left:10px;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	vertical-align:middle;
}

#form-main dl dt img {
	float:right;
	margin-top:3px;
	vertical-align:middle;
}

#form-main dl dd {
	display:table-cell;
	padding:7px 10px;
}

#form-main dl dd label,#form-main dl dd input,#form-main dl dd a {
	font-size:14px;
	vertical-align:middle;
}

#form-main dl dd label {
	cursor:pointer;
}

#form-main dl dd label.nopointer {
	cursor:text;
}

.add {
	display:inline-block;
	width:6.5em;
}

.text-s {
	padding:3px;
	border:1px solid #ccc;
	width:33%;
	font-size:14px;
}

.text-m {
	padding:3px;
	border:1px solid #ccc;
	width:50%;
	font-size:14px;
}

.text-l {
	padding:3px;
	border:1px solid #ccc;
	width:90%;
	font-size:14px;
}

#form-main textarea {
	padding:3px;
	border:1px solid #ccc;
	width:90%;
	line-height:150%;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:14px;
}

#form-main select {
	padding:3px;
	border:1px solid #ccc;
	line-height:150%;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:14px;
}

#form-main ul {
	list-style-type:none;
}

#form-main ul li {
	padding:1px 0;
}

#form-main p {
	padding-top:3px;
	line-height:150%;
	font-size:14px;
}

#form-main em {
	display:block;
	padding:10px 0;
	text-align:center;
}

#form-main em input {
	padding:10px;
	background-color:#E63B87;
	color:#fff;
	width:150px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:16px;
	cursor:pointer;
}

#privacy {
	margin:0 auto;
	padding-top:108px;
	width:984px;
}

#privacy p {
	padding-top:36px;
	line-height:22px;
	font-size:14px;
}






@media screen and (min-width : 768px) and (max-width : 1000px) {
	#contents {
		padding-bottom:72px;
	}
	
	.h2-std {
		padding-bottom:24px;
	}
	
	.h2-text {
		padding-bottom:18px;
	}
	
	#breadcrumb {
		padding:10px 0 48px 0;
		width:750px;
	}
	
	#shopping {
		padding:72px 0;
	}
	
	#shopping p {
		padding-top:30px;
	}
	
	.intro-wrap {
		margin-top:15px;
		padding:45px 0;
		width:750px;
	}
	
	.intro-wrap h3 {
		padding-bottom:69px;
	}
	
	.intro-wrap ul li {
		width:340px;
	}
	
	.intro-wrap ul li dl dd p {
		padding:15px 0 21px 0;
	}
	
	#form,#privacy {
		padding-top:81px;
		width:750px;
	}
	
	#form-top p,#form-bottom p {
		padding-top:18px;
	}
	
	#form-top em {
		padding-top:24px;
	}
	
	#privacy p {
		padding-top:27px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	#contents {
		padding-bottom:48px;
	}
	
	.h2-std {
		padding-bottom:16px;
	}
	
	.h2-text {
		padding-bottom:12px;
	}
	
	#breadcrumb {
		padding:10px 0 32px 0;
		width:90%;
	}
	
	#breadcrumb ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	#shopping {
		padding:48px 0;
	}
	
	#shopping p {
		padding-top:20px;
	}
	
	.intro-wrap {
		margin-top:10px;
		padding:30px 0;
		width:90%;
	}
	
	.intro-wrap h3 {
		padding-bottom:46px;
	}
	
	.intro-wrap ul {
		-webkit-flex-direction:column;
		flex-direction:column;
		margin:0 auto;
		width:90%;
	}
	
	.intro-wrap ul li {
		width:100%;
	}
	
	.intro-wrap ul li:last-child {
		padding-top:30px;
	}
	
	.intro-wrap ul li dl dd p {
		padding:10px 0 14px 0;
	}
	
	#form,#privacy {
		padding-top:54px;
		width:90%;
	}
	
	#form-top p,#form-bottom p {
		padding-top:12px;
	}
	
	#form-top em {
		padding-top:16px;
	}
	
	#form-main dl {
		display:block;
	}
	
	#form-main dl dt {
		display:block;
		padding:10px 0 0 0;
		max-width:240px;
	}
	
	#form-main dl dt span {
		font-size:14px;
	}
	
	#form-main dl dd {
		display:block;
	}
	
	#privacy p {
		padding-top:18px;
	}
	
	
}

/* Main And Side End */

/* Footer Start */

#footer {
	clear:both;
	padding:28px 0 24px 0;
	background:#FAF6E8 url(../common_images/bg_footer.png) center bottom no-repeat;
	width:100%;
}

#footer ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	width:984px;
	height:59px;
	list-style-type:none;
}

#footer ul li {
	position:relative;
}

#footer ul li::before {
	position:absolute;
	right:-24px;
	top:calc(50% - 8px);
	display:block;
	background-color:#999;
	width:1px;
	height:16px;
	content:"";
}

#footer ul li:last-child::before {
	display:none;
}

#footer h2 {
	margin:0 auto;
	padding:112px 0 16px 0;
	width:90%;
}

#footer h2 img,#footer small img {
	max-width:100%;
	height:auto;
}

#footer small {
	display:block;
	margin:0 auto;
	width:90%;
	line-height:0;
	font-size:0;
}

@media screen and (min-width : 768px) and (max-width : 1000px) {
	#footer {
		padding:0 0 18px 0;
		background-image:url(../common_images/bg_footer@2x.png);
		background-size:384px auto;
	}
	
	#footer h2 {
		display:block;
		padding:84px 0 12px 0;
	}
}

@media screen and (min-width : 500px) and (max-width : 1000px) {
	#footer ul {
		height:auto;
		width:100%;
	}
	
	#footer ul li {
		width:50% !important;
	}
	
	#footer ul li::before {
		display:none;
	}
	
	#footer ul li::after {
		position:absolute;
		left:12.5%;
		bottom:0;
		display:block;
		background-color:#999;
		width:75%;
		height:1px;
		content:"";
	}
	
	#footer ul li:last-child::after {
		display:none;
	}
	
	#footer ul li a {
		display:block;
		padding:15px 0;
	}
	
	#footer ul li:nth-child(2) a {
		padding:24px 0;
	}
}

@media only screen and (max-width : 767px) {
	#footer {
		padding:0 0 12px 0;
		background-image:url(../common_images/bg_footer@2x.png);
		background-size:270px auto;
	}
	
	#footer h2 {
		display:block;
		padding:56px 0 8px 0;
	}
}

@media only screen and (max-width : 499px) {
	#footer ul {
		height:auto;
		width:100%;
	}
	
	#footer ul li {
		width:100% !important;
	}
	
	#footer ul li::before {
		display:none;
	}
	
	#footer ul li::after {
		position:absolute;
		left:12.5%;
		bottom:0;
		display:block;
		background-color:#999;
		width:75%;
		height:1px;
		content:"";
	}
	
	#footer ul li:last-child::after {
		display:none;
	}
	
	#footer ul li a {
		display:block;
		padding:15px 0;
	}
}

/* Footer End */

/* Pagetop Start */

#pagetop {
	position:fixed;
	right:0;
	bottom:20%;
}

/* Pagetop End */

/* Top Page (index.html) Start */

#slider {
	position:relative;
	width:100%;
	height:auto;
}

#slider ul {
	list-style-type:none;
}

#top-contents {
	width:100%;
}

#update {
	margin:0 auto -60px auto;
	padding-top:68px;
	width:984px;
}

#update h2 {
	margin-bottom:72px;
}

#update ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:100%;
	list-style-type:none;
}

#update ul>li {
	width:306px;
}

#update ul li ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	list-style-type:none;
}

#update ul li ol>li {
	padding-bottom:60px;
}

#update h3 {
	padding-bottom:18px;
}

#update h3>strong {
	line-height:0;
	font-size:0;
}

#update h3 b {
	display:block;
	padding:10px 0 20px 0;
	line-height:11px;
	font-size:11px;
	font-weight:bold;
}

#update h3 em {
	display:inline-block;
	margin-bottom:10px;
}

#update h3 em a {
	display:block;
	padding:5px 7px 3px 7px;
	border:1px solid #000;
	color:#000;
	text-decoration:none;
	line-height:10px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:10px;
	font-weight:bold;
}

#update h3 em a:hover {
	opacity:0.7;
}

#update dl dt img {
	max-width:100%;
	height:auto;
}

#update dl dd {
	padding-top:12px;
}

#update dl dd>em {
	display:block;
	color:#999;
	line-height:10px;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:10px;
}

#update dl dd h4 {
	padding:16px 0 0 0;
	color:#e53a86;
	height:54px;
	line-height:18px;
	font-size:14px;
	font-weight:normal;
}

#update dl dd p {
	line-height:19px;
	font-size:12px;
}


@media screen and (min-width : 768px) and (max-width : 1000px) {
	#top-contents {
		padding-bottom:72px;
	}
	
	#update {
		margin:0 auto -45px auto;
		padding-top:51px;
		width:640px;
	}
	
	#update h2 {
		margin-bottom:54px;
	}
	
	#update ul li ol>li {
		padding-bottom:45px;
	}
}

@media only screen and (max-width : 767px) {
	#top-contents {
		padding-bottom:48px;
	}
	
	#update {
		margin:0 auto -30px auto;
		padding-top:34px;
		width:90%;
	}
	
	#update h2 {
		margin-bottom:36px;
	}
	
	#update ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	#update ul li {
		width:100%;
	}
	
	#update ul li ol>li {
		padding-bottom:30px;
	}
}

/* Top Page (index.html) End */

/* About (about/index.html) Start */

#about,#president,#writer {
	margin:0 auto;
	width:984px;
}

#about h3 {
	margin-top:56px;
	padding-bottom:3px;
	line-height:26px;
	font-size:16px;
}

#about p {
	padding-top:22px;
	line-height:22px;
	font-size:14px;
}

#president,#writer {
	padding-top:108px;
}

.member {
	padding-top:60px;
	list-style-type:none;
}

.member li {
	padding-bottom:60px;
}

.member dl {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	width:100%;
}

.member dl dt {
	margin-right:53px;
	width:136px;
}

.member dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
	text-align:left;
}

.member dl dd h3 {
	padding-bottom:14px;
	color:#e53985;
	line-height:20px;
	font-size:20px;
	font-weight:normal;
}

.member dl dd h3 span {
	display:inline-block;
	font-size:14px;
}

.member dl dd p {
	line-height:22px;
	font-size:14px;
}

.member dl dd p span {
	display:block;
	padding-top:24px;
}

@media screen and (min-width : 768px) and (max-width : 1000px) {
	#about,#president,#writer {
		width:750px;
	}
	
	#about h3 {
		margin-top:47px;
	}
	
	#about p {
		padding-top:17px;
	}
	
	#president,#writer {
		padding-top:81px;
	}
	
	.member {
		padding-top:45px;
	}
	
	.member li {
		padding-bottom:45px;
	}
	
	.member dl dt {
		margin-right:35px;
	}
	
	.member dl dd p span {
		padding-top:18px;
	}
}

@media only screen and (max-width : 767px) {
	#about,#president,#writer {
		width:90%;
	}
	
	#about h3 {
		margin-top:28px;
	}
	
	#about p {
		padding-top:11px;
	}
	
	#president,#writer {
		padding-top:54px;
	}
	
	.member {
		padding-top:30px;
	}
	
	.member li {
		padding-bottom:30px;
	}
	
	.member dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.member dl dt {
		margin:0;
		padding-bottom:20px;
		width:100%;
	}
	
	.member dl dd p span {
		padding-top:12px;
	}
}

/* About (about/index.html) End */

/* Member (member/index.html) Start */

#admission,#unsubscribe,#anc-law {
	margin:0 auto;
	width:984px;
}

#admission p,#unsubscribe p,#anc-law dl dt,#anc-law dl dd,#anc-law dl dd ul li {
	line-height:22px;
	font-size:14px;
}

#admission ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	width:100%;
	list-style-type:none;
}

#admission ul li {
	padding-top:32px;
	width:auto;
}

#admission ul li img {
	max-width:100%;
	height:auto;
}

#admission h3 {
	padding:44px 0 40px 0;
	line-height:26px;
	font-size:16px;
	font-weight:bold;
}

#admission strong {
	display:block;
	padding:36px 0;
	font-weight:bold;
}

#admission div {
	margin:5px auto 0 auto;
	border:1px solid #000;
	width:100%;
	max-width:864px;
}

#unsubscribe {
	padding-top:84px;
}

#unsubscribe p {
	padding-top:24px;
}

#anc-law {
	padding-top:164px;
}

#anc-law h2 {
	margin-bottom:40px;
}

#anc-law dl {
	clear:both;
	padding:16px 0;
	border-bottom:1px solid #666;
	width:100%;
	text-align:left;
}

#anc-law dl dt {
	float:left;
	clear:left;
	width:10em;
}

#anc-law dl dd {
	margin-left:10em;
}

#anc-law dl dd ul li {
	margin-left:1.5em;
}



@media screen and (min-width : 768px) and (max-width : 1000px) {
	#admission,#unsubscribe,#anc-law {
		width:750px;
	}
	
	#admission ul li {
		padding-top:24px;
	}
	
	#admission h3 {
		padding:33px 0 30px 0;
	}
	
	#admission strong {
		padding:27px 0;
	}
	
	#unsubscribe {
		padding-top:63px;
	}
	
	#unsubscribe p {
		padding-top:18px;
	}
	
	#anc-law {
		padding-top:123px;
	}
	
	#anc-law h2 {
		margin-bottom:30px;
	}
	
	#anc-law dl {
		padding:12px 0;
	}
}

@media only screen and (max-width : 767px) {
	#admission,#unsubscribe,#anc-law {
		width:90%;
	}
	
	#admission ul li {
		padding-top:16px;
	}
	
	
	#admission h3 {
		padding:22px 0 20px 0;
	}
	
	#admission strong {
		padding:18px 0;
	}
	
	#admission div > p {
		padding:0 20px;
	}
	
	#unsubscribe {
		padding-top:42px;
	}
	
	#unsubscribe p {
		padding-top:12px;
	}
	
	#anc-law {
		padding-top:82px;
	}
	
	#anc-law h2 {
		margin-bottom:20px;
	}
	
	#anc-law dl {
		padding:8px 0;
	}
	
	#anc-law dl dt {
		float:none;
		width:100%;
		font-weight:bold;
	}
	
	#anc-law dl dd {
		margin:0;
		width:100%;
	}
}

/* Member (member/index.html) End */

/* Kaori/Interview/Review/Seikatsu Common Start */

#page-intro,#list,#detail {
	margin:0 auto;
	width:984px;
}

#page-intro h3 {
	margin-top: 56px;
	padding-bottom: 3px;
	line-height: 26px;
	font-size: 16px;
}

#page-intro p {
	padding-top:22px;
	line-height:22px;
	font-size:14px;
}

#list {
	padding-top:108px;
}

#list h2 {
	margin-bottom:76px;
}

#blog-list {
	float:left;
	width:696px;
}

#blog-list ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	padding-bottom:68px;
	list-style-type:none;
	width:100%;
}

#blog-list ul li {
	width:300px;
}

#blog-list ul li a {
	display:block;
	text-decoration:none;
}

#blog-list ul li dl dt img {
	max-width:100%;
	height:auto;
}

#blog-list ul li a:hover dl dt img {
	opacity:0.7;
}

#blog-list ul li dl dd {
	padding:20px 0 32px 0;
}

#blog-list ul li dl dd em {
	display:block;
	color:#999;
	line-height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#blog-list ul li dl dd h3 {
	padding:16px 0 3px 0;
	color:#e53985;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
}

#blog-list ul li dl dd p {
	color:#000;
	line-height:19px;
	font-size:12px;
}

#blog-list div {
	padding-top:20px;
	background:url(../common_images/bg_contents.png) left top repeat-x;
}

#blog-list div ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

#blog-list div ol li {
	padding:0 2px;
	line-height:12px;
	font-size:12px;
}

#blog-list div ol li span,#blog-list div ol li a {
	display:block;
	color:#000;
	padding:5px;
	border:1px solid #999;
}

#detail {}

#detail h2 {
	margin-bottom:80px;
}

#posts {
	float:left;
	width:696px;
	padding-top:13px;
	text-align:left;
}

.post {
	padding-bottom:84px;
}

.post h3 {
	position:relative;
	padding-bottom:24px;
	padding-left:2px;
	color:#e53985;
	line-height:30px;
	font-size:20px;
	letter-spacing:2px;
}

.post h3::after {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	background-color:#e63b87;
	width:106px;
	height:1px;
	content:"";
}

.post p {
	padding-top:24px;
	line-height:22px;
	font-size:14px;
}

.post p img {
	max-width:100%;
	height:auto;
}

#dnavi {
	padding-top:24px;
	background:url(../common_images/bg_contents.png) left top repeat-x;
}

#dnavi ol {
	list-style-type:none;
}

#dnavi ol li {
	padding-bottom:10px;
	line-height:12px;
	font-size:12px;
	width:auto;
}

#dnavi ol li:first-child {
	float:left;
}

#dnavi ol li:first-child a {
	padding-left:16px;
	background:url(../common_images/navi_back_arrow.png) left center no-repeat;
}

#dnavi ol li:last-child {
	float:right;
	text-align:right;
}

#dnavi ol li:last-child a {
	padding-right:16px;
	background:url(../common_images/navi_next_arrow.png) right center no-repeat;
}

#dnavi p {
	margin:0 auto;
	padding-top:30px;
	width:230px;
	text-align:center;
}

#dnavi p a {
	display:block;
	padding:18px 13px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
}

#dnavi p a span {
	display:block;
	background:url(../common_images/list_icon_white.png) left center no-repeat;
}

#detail #blog-menu {
	padding-top:24px;
}

#blog-menu {
	float:right;
	width:230px;
	text-align:left;
}

#blog-menu p {
	padding-bottom:17px;
}

#blog-menu p a {
	display:block;
	padding:17px 13px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	line-height:24px;
	font-size:16px;
	font-weight:bold;
}

#blog-menu p a:hover,#dnavi p a:hover {
	background-color:rgba(0,0,0,.8);
}

#blog-menu p a span {
	display:block;
	padding-left:20px;
	background:url(../common_images/list_icon_white.png) left center no-repeat;
}

#blog-menu h3 {
	padding:13px;
	background-color:#e63B87;
	color:#fff;
	line-height:14px;
	font-size:14px;
}

#blog-menu ol {
	margin-bottom:22px;
	padding:13px;
	background-color:rgba(204,204,204,.34);
	list-style-type:none;
}

#blog-menu ol:last-of-type {
	margin:0;
}

#blog-menu ol li {
	padding:3px 0;
	line-height:22px;
	font-size:14px;
}

#blog-menu ol li a {
	position:relative;
	display:block;
	padding-left:15px;
	color:#000;
	text-decoration:none;
}

#blog-menu ol li a::before {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:9px;
	height:12px;
	content:url(../common_images/list_icon_black.png);
}

#blog-menu ol li a:hover {
	text-decoration:underline;
}

@media screen and (min-width : 768px) and (max-width : 1000px) {
	#page-intro,#list,#detail {
		width:750px;
	}
	
	#page-intro h3 {
		margin-top:47px;
		padding:130px 0 3px 0;
	}
	
	#page-intro p {
		padding-top:17px;
	}
	
	#list {
		padding-top:81px;
	}
	
	#list h2 {
		margin-bottom:57px;
	}
	
	#blog-list {
		float:none;
		width:100%;
	}
	
	#blog-list ul {
		padding-bottom:51px;
	}
	
	#blog-list ul li dl dd {
		padding:15px 0 24px 0;
	}
	
	#blog-list ul li dl dd h3 {
		padding:12px 0 3px 0;
	}
	
	#blog-list div {
		padding-top:15px;
	}
	
	#blog-menu {
		float:none;
		width:100%;
	}
	
	#list #blog-menu {
		padding-top:30px;
	}
	
	#detail #blog-menu {
		padding-top:45px;
	}
	
	#detail h2 {
		margin-bottom:60px;
	}
	
	#posts {
		float:none;
		width:100%;
	}
	
	.post {
		padding-bottom:63px;
	}
}

@media only screen and (max-width : 767px) {
	#page-intro,#list,#detail {
		width:90%;
	}
	
	#page-intro h3 {
		margin-top:28px;
	}
	
	#page-intro p {
		padding-top:11px;
	}
	
	#list {
		padding-top:54px;
	}
	
	#list h2 {
		margin-bottom:38px;
	}
	
	#blog-list {
		float:none;
		width:100%;
	}
	
	#blog-list ul {
		padding-bottom:34px;
	}
	
	#blog-list ul li {
		width:100%;
	}
	
	#blog-list ul li dl dd {
		padding:10px 0 16px 0;
	}
	
	#blog-list ul li dl dd h3 {
		padding:8px 0 3px 0;
	}
	
	#blog-list div {
		padding-top:10px;
	}
	
	#blog-menu {
		float:none;
		width:100%;
	}
	
	#list #blog-menu {
		padding-top:20px;
	}
	
	#detail #blog-menu {
		padding-top:30px;
	}
	
	#detail h2 {
		margin-bottom:40px;
	}
	
	#posts {
		float:none;
		width:100%;
	}
	
	.post {
		padding-bottom:42px;
	}
}

/* Kaori/Interview/Review/Seikatsu Common End */

/*  (/index.html) Start */





@media screen and (min-width : 768px) and (max-width : 1000px) {
	
}

@media only screen and (max-width : 767px) {
	
}

/*  (/index.html) End */





/* 20171210 追記 */

#search form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 92.194%;
    height: 86px;
}

#search form input[type="text"] {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 13px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 12px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#top-contents a {text-decoration: none;}

#top-contents #update dl dd p {color:#000;}


#blog-list.search-list {
	width: 984px;
	float:none;
	overflow: hidden;
}

#blog-list.search-list ul {
	display: block;
	padding-bottom:68px;
	list-style-type:none;
	width: 1026px;
	margin-right: -42px;
}

#blog-list.search-list ul:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#blog-list.search-list ul li {
	float: left;
	margin-right: 42px;
	min-height: 390px;
}

@media only screen and (max-width : 767px) {
	
	#blog-list.search-list {
		width: auto;
	}

	#blog-list.search-list ul {
		display: block;
		padding-bottom:68px;
		list-style-type:none;
		width: auto;
		margin-right: 0;
	}

	#blog-list.search-list ul li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
}



#blog-list div .wp-pagenavi {
	background: none;
	padding: 0;
  margin:0;
  text-align: center;
}

#blog-list div .wp-pagenavi span {
  display: inline-block;
  padding:5px;
	border:1px solid #999;
  margin:0 2px;
	line-height:12px;
	font-size:12px;
	color:#000;
}

#blog-list div .wp-pagenavi a {
  display: inline-block;
  padding:5px;
	border:1px solid #999;
  margin:0 2px;
	line-height:12px;
	font-size:12px;
	color:#000;
}