@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #000000;
}

a:hover {
	color: #8a6ba5;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* start: clearfix ------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from Mac IE \*/
* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

/* */
/* end: clearfix ------------------------------ */
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	border-top: solid 4px#0ca29a;
}

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 90px;
	background: url(../img/logo.png) 50% 50% no-repeat;
}

#header h1 {
	text-indent: -9999px;
}

#content_area {
	margin: 0 auto;
	display: inline-block;
	width: 1000px;
}


@media screen and (max-width: 640px) {
	#content_area {
		width: 100%;
	}
}

#content_lef_cen {
	float: left;
}
.text h3 span {
}


@media screen and (max-width: 640px) {
	#content_lef_cen {
		width: 100%;
	}
}

#content_right {
	float: right;
	width: 75%;
	text-align: left;
}

@media screen and (max-width: 640px) {
	#content_right {
		width: 98%;
		padding: 1%;
	}
}

#footer {
	background: #ddd;
	text-align: center;
	height: 60px;
	width: 100%;
	margin-top: 70px;
}

#footer #fmenu {
	width: 1000px;
	margin: 3px auto 0;
	text-align: left;
	line-height: 57px;
	color: #4c4c4c;
	vertical-align: middle;
	white-space: nowrap;
}

#footer #fmenu ul {
	list-style: none;
	float: left;
}

#footer #fmenu li {
	float: left;
	line-height: 57px;
	margin-left: 15px;
	padding-left: 13px;
	background-position: center left;
	height: 40px;
}

#footer #fmenu li a {
	color: #4c4c4c;
	text-decoration: none;
}

#footer #fmenu li a:hover {
	text-decoration: underline;
}

#footer #fmenu #copyright {
	float: right;
}

/**** design ****/

.clear {
	clear: both;
}

h1.midashi {
	color: #0ca29a;
	font-family: serif;
	border-bottom: solid 2px #0ca29a;
	line-height: 100%;
	margin: 10px 0 30px 0;
}

h1.midashi span {
	font-size: 15px;
}

@media screen and (max-width: 640px) {
	h1.midashi span {
		display: none;
	}
}

hr {
	border-top: 3px double #0ca29a;
	margin: 10px 0;
}

.sp_block {
	display: none;
}

@media screen and (max-width: 640px) {
	.sp_block {
		display: block;
	}

	.sp_none {
		display: none;
	}
}

/**** TOP page ****/

#index #mainImg {
	width: 1000px;
	height: 463px;
	background: #ddd;
}

#index #gmenu {
	padding: 18px 0;
	text-align: center;
}



#dropmenu {
	list-style-type: none;
	width: 100%;
	height: 15px;
	margin: auto;
	padding: 0;
}

#dropmenu li {
	position: relative;
	width: calc(100%/7.1);
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 1;
}

#dropmenu li a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	font-size: 14px;
	font-weight: bold;
	line-height: 250%;
	text-decoration: none;
}

#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
}

#dropmenu li:last-child ul {
	left: -100%;
	width: 100%
}

#dropmenu li ul li {
	overflow: hidden;
	width: 290%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

#dropmenu li ul li a {
	padding: 13px 15px;
	background: #0ca29a;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 280%;
}

#dropmenu li:hover {}

#dropmenu li:hover > a {}

#dropmenu > li:hover > a {}

#dropmenu li:hover ul li {
	overflow: visible;
	height: 38px;
}

#dropmenu li:hover ul li:first-child {
	border-top: 0;
}

#dropmenu li:hover ul li:last-child {
	border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a {
	border-radius: 0 0 3px 3px;
}

#index #gmenu #dropmenu li ul li a:hover {
	background: #e6ffff;
	color: #0ca29a;
}









#index #gmenu a {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 34px;
}

#index #gmenu a:hover {
	color: #7d7d7d;
}

#index #sidebarLeft {
	float: left;
	margin: 0px;
	width: 228px;
}

#index #sidebarLeft #lmenu {
	margin: 0px 3px;
}

#sidebarRight .lp_box2 a img.bn_sm {
	border: solid 1px #b88e46;
}

#index #sidebarLeft #lmenu ul {
	list-style: none;
}

#index #sidebarLeft #lmenu ul li {
	margin: 3px 0;
}

#index #sidebarLeft #lmenu br {
	line-height: 0px;
	height: 0px;
	display: none;
}

#index #sidebarLeft #lmenu a.smenu {
	background: url(../img/lmenu.gif) no-repeat;
	display: block;
	width: 225px;
	text-indent: -9999px;
	overflow: hidden;
}

#index #sidebarLeft #lmenu a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#index #sidebarLeft #lmenu a.lm01 {
	background-position: 0 0px;
	height: 57px;
}

#index #sidebarLeft #lmenu a.lm02 {
	background-position: 0 -57px;
	height: 57px;
}

#index #sidebarLeft #lmenu a.lm03 {
	background-position: 0 -114px;
	height: 59px;
}

#index #sidebarLeft #lmenu a.lm04 {
	background-position: 0 -173px;
	height: 57px;
}

#index #sidebarLeft #lmenu a.lm05 {
	background-position: 0 -230px;
	height: 57px;
}



#index #sidebarRight {
	float: right;
	width: 378px;
}

#index #sidebarRight .lp_box2 img {
	width: 100%;
	margin: 4px 0;
}

a:hover img {
	opacity: 0.7;
}



#index #mainContent {
	float: right;
	width: 375px;
}

#index #mainContent h2 {
	width: 100%;
	height: 49px;
	margin: 0 0 0 -5px;
	padding: 0;
}

#index #mainContent h2 a {
	display: block;
	background: url(../img/top_center_title.gif) no-repeat;
	width: 100%;
	height: 49px;
	text-indent: -9999px;
	overflow: hidden;
}

#index #mainContent dl {
	width: 375px;
	margin-bottom: 10px;
}

#index #mainContent dt {
	float: left;
	width: 73px;
	height: 33px;
	padding: 13px 5px 0 5px;
	clear: both;
	background: url(http://www.love-peace.jpn.com/images/top_center_line.gif) right no-repeat;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

#index #mainContent dt .cat {
	font-size: 7px;
}

#index #mainContent dd {
	width: 282px;
	margin-left: 90px;
	padding: 13px 0 0 6px;
	height: 33px;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
}

#index #mainContent dd a:hover {
	color: #7d7d7d;
}

#index #mainContent .topCenterBnr img {
	margin: 1px auto;
}

/**** company page ****/

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}

table th,
table td {
	padding: 2%;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
}

/**** privacy page ****/

.privacy {
	margin-bottom: 40px;
	padding: 0 1%;
}

/**** contact page ****/

.form {
	margin: 10px 0 80px 0;
}

.form input {
	width: 98%;
	border: 1px solid #ddd;
	padding: 2%;
}

.form textarea {
	width: 98%;
	border: 1px solid #ddd;
	padding: 2%;
}

.form a {
	margin: 1rem 0;
	display: block;
	text-decoration: none;
}

input#check_box {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

input#mail_submit_button {
	color: #fff;
	background-color: #0ca29a;
	width: 200px;
	border: none;
	padding: 1%;
}

table.form_box {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.form_box th,
table.form_box td {
	padding: 2%;
	font-size: 13px;
	border-bottom: none;
}

span.hissu {
	background-color: #0ca29a;
	color: #fff;
	font-weight: normal;
	padding: 3px 5px;
}

span.nini {
	background-color: #fff;
	color: #0ca29a;
	padding: 3px 5px;
	font-weight: normal;
	border: 1px solid #0ca29a;
}

.form_privacy {
	background-color: #0ca29a;
	color: #fff;
	padding: 2%;
	margin-bottom: 40px;
}

.form_privacy_box {
	background-color: #fff;
	color: #000;
	padding: 3%;
	margin: 10px 0 10px 0;
}

/**** 詳細ボタン ****/
a.syosai_btn {
	float: right;
	display: inline-block;
	padding: 10px 30px;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
	margin: 10px 0;
}

a.syosai_btn:hover {
	background: #fff;
	color: #0ca29a;
}

/**** link ****/

.link p {
	margin-top: 20px;
	font-weight: bold;
	font-size: 11px;
	color: #696969;
}

.link img {
	width: 100%;
	max-width: 484px;
}



/**** wataru page ****/

.wataru_top {
	width: 100%;
	height: 340px;
	background-image: url("../img/wataru.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.wataru_top {
		height: 180px;
	}
}

.wataru_top img {
	width: 40%;
}

.wataru_mist {
	width: 100%;
	margin: 20px 0;
}

.wataru_mist .wataru_item {
	width: 23%;
	float: left;
	margin: 0 1%;
	height: 620px;
	position: relative;
}

.wataru_mist .wataru_item.wataru_item_long {
	height: 700px;
}

@media screen and (max-width: 640px) {
	.wataru_mist .wataru_item {
		float: left;
		width: 40%;
		height: 550px;
		margin: 15px 5%;
	}
}

.wataru_mist .wataru_item a.syosai_btn.shitasoroe {
	position: absolute;
	bottom: 0;
	left: 13%;
}

@media screen and (max-width: 640px) {
	.wataru_mist .wataru_item a.syosai_btn.shitasoroe {
		position: unset;
		padding: 10px 24px;
	}
}

.wataru_mist .wataru_item img {
	width: 100%;
}

.wataru_mist .wataru_item p {
	margin-top: 10px;
}

.wataru_mist .wataru_item p.kakaku {
	color: #696969;
}

.wataru_mist .wataru_item p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

.wataru_footer {
	width: 100%;
}

.wataru_footer img.logo {
	float: left;
	margin-right: 30px;
	width: 5rem;
}

.wataru_footer img.QR {
	float: right;
	width: 12%;
}

.wataru_footer p {
	float: left;
	padding-top: 0.5rem;
}

@media screen and (max-width: 640px) {
	.wataru_footer {
		text-align: center;
	}

	.wataru_footer img.logo {
		margin: 0 0 10px 0;
		width: 40%;
		float: inherit;
	}

	.wataru_footer p {
		padding: 0;
		float: inherit;
	}

	.wataru_footer img.QR {
		float: inherit;
		width: 40%;
		margin-top: 10px;
	}
}

/**** freekick page ****/

.freekick_top {
	width: 100%;
	height: 150px;
	background-image: url("");
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.freekick_top {
		height: 110px;
	}
}

.freekick_top img {
	width: 40%;
}

@media screen and (max-width: 640px) {
	.freekick_top img {
		width: 60%;
	}
}

.freekick_mist {
	width: 100%;
	margin: 20px 0;
}

.freekick_mist .freekick_item {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.freekick_mist .freekick_item {
		float: left;
		width: 50%;
		height: 600px;
	}
}

.freekick_mist .freekick_item img {
	width: 50%;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.freekick_mist .freekick_item img {
		width: 100%;
	}
}

.freekick_mist .freekick_item p {
	margin-top: 10px;
	text-align: left;
}

.freekick_mist .freekick_item p.kakaku {
	color: #696969;
}

.freekick_mist .freekick_item p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

/**** cityhunter page ****/

.ch_title {
	width: 100%;
}

.ch_picture {
	margin: 20px auto;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.ch-title img {
		display: none;
	}
}

/**** Blythe page ****/

.blythe_title {
	width: 100%;
}

.blythe_picture {
	margin: 2rem auto;
	text-align: center;
	width: 100%;
}


/**** wataru child page ****/

.wataru_title {
	width: 100%;
	height: 530px;
	background-image: url(../img/perfume_img01.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	box-sizing: border-box;
	padding: 10px;
}

@media screen and (max-width: 640px) {
	.wataru_title {
		height: 450px;
		background-size: contain;
	}

	.wataru_title img {
		display: none;
	}
}

.wataru_title h2 {
	font-size: 30px;
	line-height: 120%;
	font-family: serif;
	font-weight: bold;
	col
}

.wataru_title p {
	font-size: 15px;
	line-height: 130%;
	font-family: serif;
	font-weight: bold;
}

.wataru_picture {
	margin: 20px auto;
	text-align: center;
	width: 100%;
}


.mainImage img {
	text-align: center;
	width: 100%;
}

.thumbnails {
	width: 100%;
	margin: 10px auto;
}

.thumbnails img {
	width: 32%;
}

h2.midashi {
	color: #0ca29a;
	font-family: serif;
	border-bottom: solid 2px #0ca29a;
	line-height: 120%;
	margin: 25px 0 15px 0;
}

.omoi {
	margin-bottom: 40px;
}

@media screen and (max-width: 640px) {
	.omoi {
		background-image: url(../wataru_bodymist/wataru/omoi.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}
}

.omoi p {
	margin-bottom: 10px;
}

.omoi p span {
	font-weight: bold;
	font-size: 15px;
}

.product img {
	width: 49%;
	float: left;
	margin-right: 1%;
}

.product .product_r {
	width: 50%;
	float: right;
	text-align: center;
	margin-top: 90px;
}

@media screen and (max-width: 640px) {
	.product .product_r {
		margin-top: 30px;
	}
}

.product .product_r .product_btn {
	display: inline-block;
	padding: 10px 30px;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
	margin: 10px 0;
}

.product .product_r .product_btn:hover {
	background: #fff;
	color: #0ca29a;
}


/**** lucky-toshi-luciano page ****/

.toshi_top {
	width: 100%;
	height: 340px;
	background-image: url("../img/parfum_top.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.toshi_top {
		height: 155px;
		background-size: contain;
	}
}

.toshi_top p {
	color: #517695;
	font-size: 29px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
}

@media screen and (max-width: 640px) {
	.toshi_top p {
		font-size: 13px;
	}
}

.toshi_top a {
	text-decoration: none;
	color: #517695;
}

.toshi_maeoki {
	text-align: center;
}

.toshi_maeoki h2 {
	color: #517695;
	font-size: 29px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	margin: 50px 0 10px 0;
}

@media screen and (max-width: 640px) {
	.toshi_maeoki h2 {
		font-size: 25px;
		line-height: 130%;
	}
}

.toshi_maeoki p {
	font-family: 'Noto Serif', serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.toshi_maeoki p {
		font-size: 13px;
		line-height: 130% text-align: left;
	}
}

.toshibox_l {
	float: left;
	width: 50%;
}

@media screen and (max-width: 640px) {
	.toshibox_l {
		width: 100%;
	}
}

.toshibox_l img {
	width: 97%;
}

@media screen and (max-width: 640px) {
	.toshibox_l img {
		width: 100%;
	}
}

.toshibox_r {
	float: right;
	width: 50%;
}

@media screen and (max-width: 640px) {
	.toshibox_r {
		width: 100%;
	}
}

.toshibox_r h3 {
	color: #517695;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	line-height: 130%;
	margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
	.toshibox_r h3 {
		font-size: 18px;
	}
}

.toshibox_r p {
	margin-bottom: 15px;
}

.toshi01 {
	width: 50%;
	background-color: #0ca29a;
	box-sizing: border-box;
	padding: 10px;
	margin: 20px 0;
	float: left;
}

@media screen and (max-width: 640px) {
	.toshi01 {
		width: 100%;
		margin: 0 0 15px 0;
	}
}

.toshi01 .toshi01_l {
	float: left;
	width: 50%;
	background-color: #f8f6dd;
	box-sizing: border-box;
	padding: 10px;
}

.toshi01 .toshi01_l img {
	width: 100%;
}

.toshi01 .toshi01_r {
	float: right;
	width: 50%;
	text-align: center;
	color: #f8f6dd;
	font-size: 15px;
	padding: 34px 0;
}

@media screen and (max-width: 640px) {
	.toshi01 .toshi01_r {
		padding: 20px 0;
	}
}

.toshi01 .toshi01_r a {
	position: relative;
	display: inline-block;
	background-color: #f8f6dd;
	color: #0ca29a;
	padding: 5px 15px;
	margin: 10px auto;
	text-decoration: none;
	transition: .4s;
	border: solid 1px #0ca29a;
}

.toshi01 .toshi01_r a:hover {
	background-color: #0ca29a;
	color: #f8f6dd;
	border: solid 1px #f8f6dd;
}


/**** works page ****/

.works {
	margin-bottom: 30px;
}

.works img {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 20px;
}

@media screen and (max-width: 640px) {
	.works img {
		width: 50%;
	}
}

/**** oem page ****/

.oem p {
	margin-bottom: 15px;
}

.oem .belt {
	background-color: #f8f6dd;
	box-sizing: border-box;
	padding: 15px 20px 5px 20px;
	color: #0ca29a;
	font-weight: bold;
	font-family: serif;
	margin-bottom: 20px;
}

.oem .belt p {
	font-size: 14px;
}

.oem .belt p span {
	font-size: 20px;
}

.oem .kakeru {
	float: left;
	width: 6%;
	margin-top: 15px;
	font-size: 35px;
	text-align: center;
	color: #ccc;
	font-family: serif;
}

@media screen and (max-width: 640px) {
	.oem .kakeru {
		width: 100%;
		margin-top: -30px;
	}
}

.oem .oem_box {
	width: 47%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.oem .oem_box {
		width: 100%;
	}
}

.oem .oem_box h2 {
	color: #0ca29a;
	font-family: serif;
	font-size: 25px;
	text-align: center;
	border-bottom: solid 3px;
	width: 25%;
	margin: 0 auto 20px auto;
	line-height: 110%;
}

@media screen and (max-width: 640px) {
	.oem .oem_box h2 {
		width: 30%;
	}
}

/**** news page ****/

.news h1 {
	background-color: #0ca29a;
	text-align: center;
	color: #fff;
	font-weight: normal;
	padding: 10px 0;
	margin: 10px auto;
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.newsbox {
	width: 90%;
	margin: auto;
	padding: 15px 0;
	border-bottom: solid 1px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newsbox img {
	width: 100%;
}

.news_img {
	width: 20%;
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}

.newsbox .newstext {
	width: 80%;
	float: right;
	padding: 10px 0;
	box-sizing: border-box;
}

.newsbox .newstext h2 {
	color: #0ca29a;
	border-bottom: solid 1px;
	margin: 10px auto;
	font-size: 17px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.newsbox .newstext p {
	padding-bottom: 15px;
}

.newsbox .newstext a {
	color: #0ca29a;
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	.newsbox {
		display: block;
	}

	.newsbox img {
		width: 100%;
		padding-left: 10px;
	}

	.newsbox .newstext {
		width: 100%;
		padding: 10px;
	}

	.news_img {
		width: 95%;
	}
}


/**** left menu ****/

/*ボックス全体*/
.accbox {
	box-sizing: border-box;
	padding: 10px 0;
	text-align: left;
}

/*ラベル*/
.accbox label {
	display: block;
	padding: 20px 10px;
	color: #4d4d4d;
	cursor: pointer;
	transition: all 0.5s;
	font-size: 14px;
	border-bottom: solid 1px #ccc;
}

/*チェックは隠す*/
.accbox input {
	display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
	height: auto;
	padding: 5px;
	opacity: 1;
}

.accbox .accshow a {
	text-decoration: none;
	margin-left: 5px;
	color: #4d4d4d;
	line-height: 200%;
}



/**** sp menu ****/

/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
	padding: 10px;
	background: #fff;
}

@media screen and (min-width: 641px) {
	header {
		display: none;
	}
}

#nav-drawer {
	position: relative;
	text-align: right;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	height: 3px;
	/*線の太さ*/
	width: 25px;
	/*長さ*/
	border-radius: 3px;
	background: #0ca29a;
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before {
	bottom: -8px;
}

#nav-open span:after {
	bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;
	/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;
	/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	rigt: 0;
	z-index: 9999;
	/*最前面に*/
	width: 50%;
	/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;
	/*最大幅（調整してください）*/
	height: 100%;
	background: #0ca29a;
	/*背景色*/
	transition: .3s ease-in-out;
	/*滑らかに表示*/
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
	/*右に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;
	/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(94%);
	transform: translateX(94%);
	/*中身を表示（左へスライド）*/
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	opacity: 0.9;
}


ul#ham_menu {
	list-style: none;
	text-align: left;
	color: #fff;
}

ul#ham_menu li {
	padding: 10px 15px;
	border-bottom: solid 1px #fff;
}

ul#ham_menu li.ham_child {
	background-color: #0ca29a;
	padding: 10px 15px 10px 25px;
	border-bottom: solid 1px #0ca29a;
}

ul#ham_menu li a {
	text-decoration: none;
	color: #fff;
}

ul#ham_menu li.ham_child a {
	color: #0ca29a;
}





.ham_logo {
	position: relative;
}

.ham_logo img {
	float: left;
	position: relative;
	left: 43%;
	margin-top: -10px;
	margin-bottom: -10px;
	height: 43px;
}




.ham_acc {
	padding: 0;
	max-width: 400px;
	/*最大幅*/
}

.ham_acc label {
	display: block;
	padding: 10px 15px;
	color: #0ca29a;
	background: #fff;
	cursor: pointer;
	transition: all 0.5s;
	border-bottom: solid 1px #0ca29a;
}

.ham_acc label:hover {
	background: #fff;
	color: #0ca29a;
}

.ham_acc input {
	display: none;
}

.ham_acc .ham_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

.ham_cssacc:checked + .ham_show {
	height: auto;
	padding: 0 10px 0 20px;
	background: #0ca29a;
	opacity: 1;
}

.ham_acc .ham_show a {
	color: #fff;
	text-decoration: none;
	line-height: 180%;
	display: block;
	margin: 5px 0;
}


/**** hou to use ****/

.howto h2 {
	font-family: serif;
	color: #a5721f;
	font-size: 20px;
	border-bottom: solid 1px;
	line-height: 130%;
	margin-bottom: 10px;
}

.howto .use_l,
.howto .use_r {
	width: 50%;
	box-sizing: border-box;
	padding: 0 1%;
}

.howto .use_l {
	float: left;
}

.howto .use_r {
	float: right;
}

.howto .use_l img,
.howto .use_r img {
	width: 100%;
	margin: 10px auto;
}

.howto .use_l p,
.howto .use_r p {
	box-sizing: border-box;
	padding: 0 2%;
}

.howto .tips {
	margin-bottom: 30px;
}

.howto .tips img {
	float: left;
	width: 6%;
	margin: 10px auto 15px auto;
}

.howto .tips p {
	float: left;
	width: 94%;
	box-sizing: border-box;
	padding-left: 2%;
	margin-bottom: 15px;
}

.howto .tips p span {
	color: #a5721f;
	font-weight: bold;
	font-size: 16px;
}

.howto .note_box {
	float: left;
	width: calc(100%/3);
	box-sizing: border-box;
	padding: 1%;
}

.howto .note_box img {
	width: 100%;
	margin-bottom: 15px;
}

.howto .note_box p {
	margin-bottom: 15px;
}

.howto .note_box p.time {
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.howto h2 {
		font-size: 18px;
	}

	.howto .use_l,
	.howto .use_r {
		width: 100%;
		margin-bottom: 25px;
	}

	.howto .tips img {
		width: 10%;
		margin: 0px auto 15px auto;
	}

	.howto .tips p {
		width: 90%;
	}

	.howto .note_box {
		width: 100%;
		margin-bottom: 20px;
	}
}

/**** かえるのピクルス ****/

.pickles h3 {
	color: #517695;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	line-height: 130%;
	margin-bottom: 15px;
}

.pickles_left {
	float: left;
	width: 50%;
	margin: 20px auto;
}

.pickles_right {
	float: right;
	width: 50%;
	margin: 20px auto;
}

@media screen and (max-width: 640px) {

	.pickles_left,
	.pickles_right {
		width: 100%;
	}
}

.pickles_left img,
.pickles_right img {
	height: 270px;
}

@media screen and (max-width: 640px) {

	.pickles_left img,
	.pickles_right img {
		height: 230px;
	}
}

.pickles_txt {
	padding: 10px;
}

.pickles_txt span {
	color: red;
}

/**** エヴァコラボ ****/

.eva_float {
    float: left;
    width: 50%;
    margin-top: 30px;
    font-size: 14px;
}

.eva_float img {
	width: 100%;
}

.eva_float h3 {
	color: #517695;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	line-height: 130%;
	margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
	.eva_float {
		float: left;
		width: 100%;
		margin-top: 0px;
		box-sizing: border-box;
		padding: 10px;
	}
}


/**** コードギアス反逆のルルーシュ 香水 トップページ ****/

.geass_parfum {
	width: 100%;
	margin: 20px 0;
}

.geass_parfum .geass_item {
	width: calc(100%/3 - 2%);
	float: left;
	margin: 0 1%;
	height: 450px;
	position: relative;
}

.geass_parfum .geass_item.geass_item_long {
	height: 700px;
}

@media screen and (max-width: 640px) {
	.geass_parfum .geass_item {
		float: left;
		width: 40%;
		margin: 15px 5%;
	}
}

.geass_parfum .geass_item a.syosai_btn.shitasoroe {
	position: absolute;
	bottom: 0;
	left: 13%;
}

@media screen and (max-width: 640px) {
	.geass_parfum .geass_item a.syosai_btn.shitasoroe {
		position: unset;
		padding: 10px 24px;
	}
}

.geass_parfum .geass_item img {
	width: 100%;
}

.geass_parfum .geass_item p {
	margin-top: 10px;
}

.geass_parfum .geass_item p.kakaku {
	color: #696969;
}

.geass_parfum .geass_item p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}


/**** コードギアス反逆のルルーシュ 香水 サブページ ****/

#geass {
	background-image: url("../img/silk.jpg");
	padding: 0;
	height: 100%;
}

#geass h2 {
	background: linear-gradient(to bottom, rgb(12, 162, 154) 55%, transparent 100%);
	font-size: 31px;
	font-weight: bold;
	color: #fff;
	border-bottom: 0px;
	margin: auto;
	padding: 30px 0;
	line-height: 110%;
}

#geass h2.euphemia {
	background: linear-gradient(to bottom, #9a0e55 55%, transparent 100%);
}

#geass h2.lelouch {
	background: linear-gradient(to bottom, #441d51 55%, transparent 100%);
}

#geass h2.suzaku {
	background: linear-gradient(to bottom, #1e4e9e 55%, transparent 100%);
}

#geass h2 span {
	font-size: 20px;
}

#geass h3 {
	color: #0ca29a;
	font-size: 18px;
	border-bottom: solid 1px;
	margin: 15px auto;
	line-height: 140%;
}

#geass strong {
	font-size: 15px;
	font-weight: normal;
}

img.geass_cc {
	width: 50%;
	float: left;
	margin: 10px 10px 10px 15px;
}

img.geass_cc2 {
	width: 49%;
	float: right;
	margin-right: 1%;
	margin-bottom: 20px;
}

p.geass_cc_l {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 25px 15px 25px 25px;
	font-size: 16px;
	line-height: 180%;
	font-family: serif;
}

.geass_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	flex: 1;
}

.geass_fitem {
	width: 40%;
	margin-bottom: 2rem;
}

.geass_fitem2 {
	width: 55%;
	margin-bottom: 1rem;
}

.geass_fitem3 {
	width: 35%;
}

@media screen and (max-width: 480px) {
	.geass_fitem {
		width: 80%;
	}

	.geass_fitem2,
	.geass_fitem3 {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	img.geass_cc {
		width: 96%;
		margin: 3%;
	}

	#geass h2 {
		font-size: 38px;
		padding: 30px 10px;
	}

	#geass h2 span {
		font-size: 23px;
	}

	p.geass_cc_l {
		width: 100%;
		padding: 25px 0;
		line-height: 150%;
	}

	img.geass_cc2 {
		width: 100%;
		margin-bottom: 0
	}
}


/**** コードギアス反逆のルルーシュ ボディミスト ****/

.geass_top {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.geass_top img {
	width: 50%;
}

.geass_top h2 {
	font-family: serif;
	font-size: 24px;
	line-height: 200%;
}

img.geass_mist {
	width: 30%;
	float: left;
}

p.geass_mist_p {
	font-size: 16px;
	line-height: 180%;
	font-family: serif;
	margin: 30px;
}

#geass h2.kallen {
	background: linear-gradient(to bottom, #cb2d35 40%, transparent 100%);
	font-size: 26px;
	padding: 30px 0 20px 0;
}

#geass h2.cornelia {
	background: linear-gradient(to bottom, #7f1085 40%, transparent 100%);
	font-size: 24px;
	padding: 30px 0 20px 0;
}

#geass h2.shirley {
	background: linear-gradient(to bottom, #ffa228 40%, transparent 100%);
	font-size: 24px;
	padding: 30px 0 20px 0;
}

#geass h2.jeremiah {
	background: linear-gradient(to bottom, #0ca29a 40%, transparent 100%);
	font-size: 24px;
	padding: 30px 0 20px 0;
}

@media screen and (max-width: 640px) {
	.geass_top h2 {
		line-height: 130%;
		margin-top: 20px;
	}

	img.geass_mist {
		display: none;
	}

	#geass h2.kallen {
		font-size: 18px;
		text-align: center;
		padding: 15px 0;
	}

	#geass h2.cornelia {
		font-size: 16px;
		text-align: center;
		padding: 15px 0;
	}

	#geass h2.shirley {
		font-size: 16px;
		text-align: center;
		padding: 15px 0;
	}

	#geass h2.jeremiah {
		font-size: 16px;
		text-align: center;
		padding: 15px 0;
	}
}

/**** サイバーフォーミュラ page ****/

.formula_top {
	width: 100%;
	background-image: url("");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 20px auto;
	text-align: center;
}

.formula_top img {
	width: 50%;
}




@media screen and (max-width: 640px) {
	.formula_top img {
		width: 70%;
	}

	.formula_top {}
}

/**** 恋姫夢想 ボディミスト ****/

.koihime_title img {
	width: 100%;
}

.koihime_mist {
	width: 100%;
	margin: 20px 0;
}

.koihime_mist .koihime_item {
	width: calc(100%/3 - 2%);
	float: left;
	margin: 0 1%;
	height: 500px;
	position: relative;
}

@media screen and (max-width: 640px) {
	.koihime_mist .koihime_item {
		float: left;
		width: 40%;
		height: 490px;
		margin: 15px 5%;
	}
}

.koihime_mist .koihime_item a.syosai_btn.shitasoroe {
	position: absolute;
	bottom: 0;
	left: 13%;
}

@media screen and (max-width: 640px) {
	.koihime_mist .koihime_item a.syosai_btn.shitasoroe {
		position: unset;
		padding: 10px 24px;
	}
}

.koihime_mist .koihime_item img {
	width: 100%;
}

.koihime_mist .koihime_item p {
	margin-top: 10px;
}

.koihime_mist .koihime_item p.kakaku {
	color: #696969;
}

.koihime_mist .koihime_item p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}


/**** ポプテピピック ボディミスト ****/

.pptp_top {
	width: 100%;
	margin-bottom: 40px;
}

.pptp_top img {
	width: 100%;
	margin-bottom: 20px;
}

.pptp_top p {
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 15px;
}

.pptp_top p span {
	color: #0ca29a;
	font-size: 17px;
}

.pptp_mist {
	width: 100%;
}

.pptp_item {
	width: 50%;
	float: left;
	padding: 0 5%;
	box-sizing: border-box;
	text-align: center;
}

.pptp_item img {
	width: 70%;
}

.pptp_item p {
	text-align: left;
	margin-top: 10px;
}

.pptp_item p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

.pptp_item p.kakaku {
	color: #696969;
}


/**** とある科学の一方通行 香水 トップページ ****/

.toaru {
	text-align: center;
}

.toaru h2 {
	text-align: left;
}

.toaru p {
	margin-bottom: 15px;
	text-align: left;
}

.toaru img {
	height: 300px;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.toaru img {
		height: auto;
		width: 100%;
	}
}

.toaru .product {
	margin: 20px auto;
}

.toaru .product p {
	text-align: center;
}

.toaru .product img {
	height: auto;
}

@media screen and (max-width: 640px) {
	.toaru .product .product_r {
		width: 100%;
	}
}

/**** エヴァコラボ ****/

.rascal_float {
	float: left;
	width: 48%;
	margin: 30px 1%;
}

.rascal_float img {
	width: 100%;
}

.rascal_float h3 {
	color: #517695;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Noto Serif', serif;
	line-height: 130%;
	margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
	.rascal_float {
		float: left;
		width: 100%;
		margin-top: 0px;
		box-sizing: border-box;
		padding: 10px;
	}
}

.flexbox {
	/* 横並びのみ（サムライトルーパーのみ使用） */
	display: flex;
	align-items: center;
}

.flex_item {
	width: 50%
}

.flex_item2 {
	flex: 1;
}

.flexbox2 {
	/* 途中から縦（田原俊彦に使用） */
	display: flex;
}

.flexbox3 {
	/* 逆置き・途中から縦（青ブタミストに使用） */
	display: flex;
	flex-direction: row-reverse;
}

@media screen and (max-width: 480px) {

	.flexbox2,
	.flexbox3 {
		flex-direction: column;
	}
}

/* 購入ボタン */
a.konyulink {
	display: inline-block;
	width: 50%;
	color: #fff;
	background-color: #0ca29a;
	margin: 0.5rem;
	padding: 0.5rem 0;
	text-align: center;
	text-decoration: none;
	transition: .4s;
	border: solid 1px #0ca29a;
}

a.konyulink:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 480px) {
	a.konyulink {
		width: 90%;
		margin: 0 0 0.5rem 0;
	}
}

a.toshilink {
	/* 田原俊彦のみ */
	display: inline-block;
	width: 85%;
	color: #0ca29a;
	background-color: #f8f6dd;
	margin: 0.5rem;
	padding: 0.5rem 0;
	text-align: center;
	text-decoration: none;
	transition: .4s;
	border: solid 1px #0ca29a;
}

a.toshilink:hover {
	background: #fff;
	color: #0ca29a;
}

a.konyulink_p {
	/* ポプテピのみ */
	display: inline-block;
	width: 45%;
	color: #fff;
	background-color: #0ca29a;
	margin: 1rem 0 0;
	padding: 0.5rem 0;
	text-align: center;
	text-decoration: none;
	transition: .4s;
	border: solid 1px #0ca29a;
}

a.konyulink_p:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 480px) {
	a.konyulink_p {
		width: 100%;
	}
}

a.konyulink_e {
	/* えんどろのみ */
	display: inline-block;
	width: 90%;
	color: #fff;
	background-color: #0ca29a;
	margin: 1rem 0 0;
	padding: 0.5rem 0;
	text-align: center;
	text-decoration: none;
	transition: .4s;
	border: solid 1px #0ca29a;
}

a.konyulink_e:hover {
	background: #fff;
	color: #0ca29a;
}

/*　ルルーシュ・スザク
--------------------------------------*/
.geass_ls_btn {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 480px) {
	.geass_ls_btn {
		width: 100%;
	}
}


/*　青春ブタ野郎はバニーガール先輩の夢を見ない
--------------------------------------*/

/*　分岐ページ
-----------------------------*/
.aobuta_top {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.aobuta_top img {
	width: 50%;
	margin-bottom: 1rem;
}

.aobuta_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

.aobuta_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.aobuta_flex2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-around;
}

.aobuta_fitem {
	width: 45%;
	margin-bottom: 1rem;
}

.aobuta_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

.aobuta_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 480px) {
	.aobuta_top h2 {
		line-height: 1.2;
		font-size: 1rem;
	}

	.aobuta_flex,
	.aobuta_flex2 {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}

	.aobuta_fitem {
		width: 100%;
	}
}

/*3つ横並び時に使用*/
.aobuta_fitem.w30 {
	width: 30%;
}

@media screen and (max-width: 480px) {
	.aobuta_fitem.w30 {
		width: 100%;
		margin-bottom: 2rem;
	}
}

/*　オードパルファム
-----------------------------*/
#aobuta div.item h2 {
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
}

#aobuta div.item {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%), url("../img/aobuta_back.jpg");
}

#aobuta div.item h2.mai {
	/* h2麻衣 */
	background: -moz-linear-gradient(45deg, #2a2162, #6fcfd7);
	background: -webkit-linear-gradient(45deg, #2a2162, #6fcfd7);
	background: linear-gradient(45deg, #2a2162, #6fcfd7);
}

#aobuta div.item h2.shoko {
	/* h2翔子 */
	background: -moz-linear-gradient(45deg, #2a2162, #c4b4f4);
	background: -webkit-linear-gradient(45deg, #2a2162, #c4b4f4);
	background: linear-gradient(45deg, #2a2162, #c4b4f4);
}

#aobuta div.item h2 span {
	font-size: 2rem;
}

#aobuta div.item div.f-item {
	width: 50%;
	margin: 1rem;
}

#aobuta div.item div.f-item h3 {
	color: #392e72;
	font-size: 1rem;
	padding: 0;
	border: none;
	border-bottom: dotted 2px;
	margin-bottom: 1rem;
	line-height: 1.8;
	text-align: right;
}

#aobuta p.text {
	font-size: 1.3em;
	line-height: 1.8;
	font-family: serif;
	width: 90%;
	margin: 0 auto;
	letter-spacing: -0.06em;
}

#aobuta .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 2rem auto;
	justify-content: space-around;
}

#aobuta .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#aobuta .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

#aobuta div.acsta {
	width: 100%;
	height: 100%;
	border-left: 2px solid #6fcfd7;
	border-right: 2px solid #c4b4f4;
	box-sizing: border-box;
}

#aobuta div.acsta:before,
#aobuta div.acsta:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: -webkit-gradient(linear, left top, right bottom, from(#6fcfd7), to(#c4b4f4));
	background: -moz-linear-gradient(left, #6fcfd7, #c4b4f4);
	background: linear-gradient(left, #6fcfd7, #c4b4f4);
}

#aobuta div.acsta div.acst_fitem {
	width: 50%;
	margin-bottom: 0;
}

#aobuta div.acsta div.acsta_fitem p {
	margin-bottom: 1rem;
}

@media screen and (max-width: 480px) {
	#aobuta div.item div.f-item {
		width: 100%;
	}

	#aobuta div.item h2 {
		font-size: 0.8rem;
	}

	#aobuta .kounyu_flex {
		width: 100%;
	}
}

/*　オードトワレ
-----------------------------*/
#aobuta {
	width: 100%;
}

#aobuta .tomoe {
	/* 朋絵 */
	width: 100%;
	background: linear-gradient(to bottom, #a3cf86 40%, rgba(163, 207, 134, 0));
	padding: 2rem 1rem;
	box-sizing: border-box;
}

#aobuta .kaede {
	/* かえで */
	width: 100%;
	background: linear-gradient(to bottom, #eacb43 40%, rgba(234, 203, 67, 0));
	padding: 2rem 1rem;
	box-sizing: border-box;
}

#aobuta .nodoka {
	/* のどか */
	width: 100%;
	background: linear-gradient(to bottom, #78b9ca 40%, rgba(120, 185, 202, 0));
	padding: 2rem 1rem;
	box-sizing: border-box;
}

#aobuta .rio {
	/* 理央 */
	width: 100%;
	background: linear-gradient(to bottom, #ce91d6 40%, rgba(206, 145, 214, 0));
	padding: 2rem 1rem;
	box-sizing: border-box;
}

#aobuta .h3box {
	margin: 0 auto;
	width: 90%;
	background-color: #9a7f62;
	color: #fff;
	font-family: serif;
	font-size: 1.2rem;
	text-align: center;
	padding: 0.5rem;
	box-sizing: border-box;
}

#aobuta h3 {
	padding: 0.5rem;
	border: dotted 4px #d9c4ae;
}

#aobuta h3 span {
	font-size: 2rem;
}

.aobuta_img {
	flex: 0 0 40%;
}

.aobuta_p {
	flex: 0 0 60%;
	padding: 0 0.5rem;
	box-sizing: border-box;
}

.aobuta_setsumei {
	font-size: 1rem;
	font-family: serif;
}

.aobuta_kakaku {
	font-size: 1rem;
	font-weight: bold;
	border-bottom: dotted 5px #fff;
	margin: 1rem auto;
	color: #fff;
}

.aobuta_btn {
	color: #fff;
	display: inline-block;
	padding: 0.5rem 0;
	text-align: center;
	width: 95%;
	text-decoration: none;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

.aobuta_btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 480px) {
	#aobuta .h3box {
		font-size: 0.9rem;
	}

	#aobuta h3 span {
		font-size: 1.4rem;
	}

	.aobuta_img {
		flex: 0 0 100%;
	}

	.aobuta_p {
		flex: 0 0 100%;
		padding: 0 0.5rem;
		box-sizing: border-box;
	}

	.aobuta_kakaku {
		border-bottom: dotted 5px #9a7f62;
		color: #9a7f62;
	}
}

/*　雑貨
-----------------------------*/
#aobuta div.item div.f-item.sundries {
	margin-right: 2rem;
}

#aobuta div.item h2.sundries {
	background: -moz-linear-gradient(45deg, #0037b1, #222342);
	background: -webkit-linear-gradient(45deg, #0037b1, #222342);
	background: linear-gradient(45deg, #0037b1, #222342)
}

#aobuta div.aobuta_flex.mug {
	padding-top: 2rem;
}

#aobuta .kounyu_flex.sundries {
	margin-top: 0;
	margin-bottom: 4rem;
}

#aobuta div.item .pc_none {
	display: none;
}

@media screen and (max-width: 480px) {
	#aobuta div.item div.f-item.sundries {
		margin-right: 1rem;
	}

	#aobuta div.item .pc_none {
		display: block;
	}

	#aobuta div.item .sp_none {
		display: none;
	}

	#aobuta div.aobuta_flex.mug {
		padding-top: 0;
	}
}


/*　らんま1/2
--------------------------------------*/
#ranma .ranma_top {
	margin: 1rem auto 0;
	text-align: center;
}

#ranma .ranma_top h2 {
	font-family: serif;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 1rem;
}

#ranma .mranma_perfume {
	/*乱馬*/
	background: linear-gradient(to bottom, #394c6e 25%, transparent 88%);
}

#ranma .franma_perfume {
	/*らんま*/
	background: linear-gradient(to bottom, #6a3057 25%, transparent 88%);
}

#ranma .ryoga_perfume {
	/*良牙*/
	background: linear-gradient(to bottom, #deb136 25%, transparent 88%);
}

#ranma .ukyo_perfume {
	/*右京*/
	background: linear-gradient(to bottom, #aa3744 25%, transparent 88%);
}

#ranma .akane_toilette {
	/*あかね*/
	background: linear-gradient(to bottom, #eadde2 25%, transparent 88%);
}

#ranma .shampoo_toilette {
	/*シャンプー*/
	background: linear-gradient(to bottom, #d8d6e6 25%, transparent 88%);
}

#ranma img.ranma_bottle {
	width: 50%;
	float: left;
	margin: 1rem;
}

#ranma img.ranma_bottle.ru {
	width: 40%;
}

#ranma h2.ranmah2 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	padding: 2.2rem 0 1.5rem;
	font-family: serif;
}

#ranma h2.ranmah2 span {
	font-size: 2rem;
}

#ranma h2.ranmah2.pt-5 {
	padding-top: 5rem;
}

#ranma h3 {
	color: #0ca29a;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1.5rem;
	line-height: 1.8;
}

#ranma p.note {
	font-size: 0.8rem;
	color: #fff;
	line-height: 2;
}

#ranma p.text {
	font-size: 1rem;
	line-height: 180%;
	font-family: serif;
	margin: 0.5rem 3rem 1rem;
}

@media screen and (max-width: 640px) {
	br.sp_none {
		display: none;
	}

	#ranma .ranma_top h2 {
		font-size: 16px;
	}

	#ranma img.ranma_bottle {
		width: 91%;
		margin: 1rem;
	}

	#ranma img.ranma_bottle.ru {
		width: 75%;
		float: none;
		display: block;
		margin: 0 auto;
		padding: 1rem;
		box-sizing: border-box;
	}

	#ranma h2.ranmah2,
	#ranma h2.ranmah2.pt-5 {
		padding: 0 1rem;
	}

	#ranma h3 {
		padding: 0 1rem;
		margin-bottom: 0.5rem;
	}

	#ranma p.note {
		font-size: 0.7rem;
		padding: 0 1rem;
	}

	#ranma p.text {
		margin: 1rem;
	}
}

/*　グレンラガン香水
--------------------------------------*/
#gurrenlagann .gurrenlagann_top {
	margin: 1rem auto 0;
	text-align: center;
}

#gurrenlagann .gurrenlagann_top h2 {
	font-family: serif;
	font-size: 24px;
	line-height: 1.5;
	margin-top: 0;
}

#gurrenlagann .gurrenlagann_perfume {
	/*グレンラガン*/
	background: linear-gradient(to bottom, #35508b, #c487b9, transparent 80%);
}

#gurrenlagann .kamina_perfume {
	/*カミナ*/
	background: linear-gradient(to bottom, #024d91, transparent 80%);
}

#gurrenlagann .yoko_perfume {
	/*ヨーコ*/
	background: linear-gradient(to bottom, #dc4a75, transparent 80%);
}

#gurrenlagann img.gurrenlagann_bottle {
	width: 50%;
	float: left;
	margin: 1rem 1rem 0;
}

#gurrenlagann h2.gurrenlagannh2 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	padding: 2.2rem 0 1.5rem;
	font-family: serif;
}

#gurrenlagann h2.gurrenlagannh2 span {
	font-size: 2rem;
}

#gurrenlagann h3 {
	color: #fff;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1.5rem;
	line-height: 1.8;
}

#gurrenlagann p.note {
	font-size: 0.8rem;
	color: #fff;
	line-height: 2;
}

#gurrenlagann p.text {
	font-size: 1rem;
	line-height: 180%;
	font-family: serif;
	margin: 0.5rem 3rem 1rem;
}

@media screen and (max-width: 640px) {
	br.sp_none {
		display: none;
	}

	#gurrenlagann img.gurrenlagann_bottle {
		width: 91%;
		margin: 1rem;
	}

	#gurrenlagann h2.gurrenlagannh2 {
		padding: 0 1rem;
	}

	#gurrenlagann h3 {
		padding: 0 1rem;
		margin-bottom: 0.5rem;
	}

	#gurrenlagann p.note {
		font-size: 0.7rem;
		padding: 0 1rem;
	}

	#gurrenlagann p.text {
		margin: 1rem;
	}
}


/*　グレンラガンロールオン
--------------------------------------*/
.gl_rof_img {
	width: 100%;
	max-width: 500px;
}

.gl_rof {
	margin: 1rem 0.5rem 7rem;
	font-family: serif;
}

.gl_rof h3 {
	width: 100%;
	color: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	font-size: 1.2rem;
	background: linear-gradient(to bottom, #81b4eb 20%, #e7b2dc 100%);
	box-sizing: border-box;
}

.gl_rof p {
	font-size: 1rem;
}

.gl_kounyu {
	width: 70%;
	margin: 0 auto 2rem;
	;
}

.gl_kounyu div {
	width: 100%;
	text-align: center;
}

a.gl_kounyu_btn {
	color: #fff;
	display: inline-block;
	padding: 0.5rem 0;
	text-align: center;
	width: 90%;
	text-decoration: none;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

a.gl_kounyu_btn:hover {
	background: #fff;
	color: #0ca29a;
}

.shimon {
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	background: linear-gradient(to bottom, #81b4eb 20%, #fff 100%);
	box-sizing: border-box;
}

.nia {
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	background: linear-gradient(to bottom, #e7b2dc 20%, #fff 100%);
	box-sizing: border-box;
}

.gl_rof_bottle {
	flex: 0 0 35%;
}

.gl_rof_text {
	width: 100%;
}

.gl_rof_text h4 {
	padding: 1rem 0;
	color: #fff;
	font-size: 1.5rem;
	font-family: serif;
}

.gl_rof_text p {
	margin-bottom: 1rem;
}

@media screen and (max-width: 480px) {
	.gl_rof_img {
		width: 80%;
	}

	.gl_rof {
		margin: 0 1rem 1rem;
		;
	}

	.gl_kounyu {
		width: 95%;
	}
}

@media screen and (max-width: 375px) {
	.gl_rof h3 {
		font-size: 0.9rem;
	}
}

/*　あしたへフリーキック（アクスタ・アクキー）
--------------------------------------*/
.freekick2_top {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.freekick2_top img {
	width: 50%;
	margin-bottom: 1rem;
}

.freekick2_top h2 {
	line-height: 1.3;
	margin-bottom: 1rem;
	font-family: serif;
	font-size: 1.2rem;
}

h3.freekick_s {
	width: 90%;
	background: linear-gradient(to right, #0ca29a 50%, transparent);
	margin: 0 auto 1rem;
	padding: 0.5rem 1rem;
	color: #fff;
	font-family: serif;
	font-size: 1.2rem;
}

.freekick2_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	flex: 1;
	margin-bottom: 2rem;
}

.freekick2_fitem {
	width: 40%;
	margin-bottom: 2rem;
	text-align: center;
}

.freekick2_fitem img {
	width: 80%;
}

.freekick2_fitem p {
	font-weight: bold;
	font-size: 15px;
}

.freekick2_fitem2 {
	width: 25%;
	margin-bottom: 1rem;
	text-align: center;
}

.freekick2_fitem2 img {
	width: 100%;
}

.freekick2_fitem2 p {
	font-weight: bold;
	font-size: 0.8rem;
}

a.fk_syosai_btn {
	width: 80%;
	display: inline-block;
	padding: 0.3rem 0;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
	margin-top: 0.8rem;
}

a.fk_syosai_btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 480px) {
	h3.freekick_s {
		font-size: 1rem;
	}

	.freekick2_fitem {
		width: 90%;
	}

	.freekick2_fitem2 {
		width: 50%;
	}
}


/*　ラムネ
---------------------------------------------------*/
.ramune_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.ramune_flex2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-around;
}

@media screen and (max-width: 480px) {

	.ramune_flex,
	.ramune_flex2 {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}
}

/*　分岐ページ
--------------------------------------*/
.ramune_top {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.ramune_top img {
	width: 50%;
}

.ramune_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

.ramune_fitem {
	width: 45%;
	margin-bottom: 1rem;
}

.ramune_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

.ramune_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 480px) {
	.ramune_top {
		margin-bottom: 1rem;
	}

	.ramune_top img {
		width: 90%;
	}

	.ramune_top h2 {
		line-height: 1.2;
		font-size: 1rem;
	}

	.ramune_fitem {
		width: 100%;
	}
}

/*　フレグランスページ
--------------------------------------*/
#ramune .ramune_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: 0;
}

#ramune div.item {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%), url(../img/ramune_back.png);
	margin-bottom: 2.5rem;
	border: 1px solid #a3d4e7;
}

#ramune div.item div.f-item {
	width: 50%;
	margin: 1rem;
}

#ramune div.item div.mist,
#ramune div.item div.gel {
	width: 80%;
}

#ramune div.item h2 {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
}

#ramune div.item h2.brave {
	/* h2背景色 */
	background: linear-gradient(to top, rgba(12, 63, 157, 0) -50%, #0c3f9d 70%);
}

#ramune div.item h2.lesqua {
	background: linear-gradient(to top, rgba(240, 169, 18, 0) -50%, #f0a912 70%);
}

#ramune div.item h2.milk {
	background: linear-gradient(to top, rgba(219, 78, 149, 0) -50%, #db4e95 70%);
}

#ramune div.item h2.cocoa {
	background: linear-gradient(to top, rgba(106, 76, 187, 0) -50%, #6a4cbb 70%);
}

#ramune div.item h2.ramune {
	background: linear-gradient(to top, rgba(47, 154, 176, 0) -50%, #2f9ab0 70%);
}

#ramune div.item h2.dacider {
	background: linear-gradient(to top, rgba(160, 74, 174, 0) -50%, #a04aae 70%);
}

#ramune div.item h2 span {
	font-size: 2rem;
}

#ramune div.item h3 {
	color: #0ca29a;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1rem;
	line-height: 1.8;
	text-align: right;
}

#ramune div.f-item p {
	font-size: 0.75rem;
	line-height: 1.5;
}

#ramune p.text {
	font-size: 1rem;
	line-height: 1.8;
	font-family: serif;
	margin: 0 2.5rem 1rem;
}

#ramune .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 2rem auto;
	justify-content: space-around;
}

#ramune .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#ramune .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

#ramune br.pc_none {
	display: none;
}

@media screen and (max-width: 640px) {
	#ramune .ramune_top h2 {
		font-size: 1rem;
	}

	#ramune div.item div.f-item {
		width: 100%;
	}

	#ramune p.text {
		margin: 1rem;
	}

	#ramune .kounyu_flex {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	#ramune br.pc_none {
		display: block;
	}
}

/*　雑貨ページ
--------------------------------------*/
#ramune div.item h2.sundries {
	background: linear-gradient(to top, rgba(12, 162, 154, 0) -50%, #0ca29a 70%);
}

#ramune div.item .pc_none {
	display: none;
}

#ramune div.item div.n-item {
	margin: 1rem;
}

#ramune div.ramune_flex3 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#ramune div.ramune_flex3 p {
	font-weight: bold;
	font-size: 1rem;
}

#ramune div.ramune_flex3 div.fitem {
	width: 25%;
	text-align: center;
	margin: 0.5rem 0.5rem 1rem;
}

#ramune div.ramune_flex3 div.king {
	width: 36%;
}

#ramune a.rmn_syosai_btn {
	width: 80%;
	display: inline-block;
	padding: 0.3rem 0;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
	margin-top: 0.8rem;
}

#ramune a.rmn_syosai_btn:hover {
	background: #fff;
	color: #0ca29a;
}

.mainImage2 img {
	text-align: center;
	width: 100%;
}

.thumbnails2 {
	width: 100%;
	margin: 10px auto;
}

.thumbnails2 img {
	width: 32%;
}

@media screen and (max-width: 640px) {
	#ramune div.item .pc_none {
		display: block;
	}

	#ramune div.item .sp_none {
		display: none;
	}

	#ramune div.ramune_flex3 div.fitem {
		width: 45%;
		margin: 0;
	}

	#ramune div.ramune_flex3 div.king {
		width: 55%;
		margin-top: 2.5rem;
	}
}


/*　ワタル（追加分）
---------------------------------------------------*/
#wataru .wataru_top2 {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

#wataru .wataru_top2 img {
	width: 50%;
	margin-bottom: 1rem;
}

#wataru .wataru_top2 h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

#wataru .wataru_top2 h2 span {
	font-size: 1rem;
}

#wataru .wataru_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

#wataru .wataru_flex2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-around;
}

/*　分岐ページ
--------------------------------------*/
#wataru .wataru_flex .wataru_fitem {
	width: 30%;
}

#wataru .wataru_flex .wataru_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

#wataru .wataru_flex .wataru_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 640px) {

	#wataru .wataru_flex,
	#wataru .wataru_flex2 {
		flex-direction: column;
	}

	#wataru .wataru_flex .wataru_fitem {
		width: 90%;
		margin: 0 auto 2rem;
	}

	#wataru .wataru_top2 img {
		width: 80%;
		margin-bottom: 1rem;
	}

	#wataru .wataru_top2 h2 {
		margin-bottom: 0;
	}
}

/*　トワレページ
--------------------------------------*/
#wataru .item {
	background: url("../img/wataru_back.png");
	margin-bottom: 2.5rem;
	padding: 1.5rem 0;
}

#wataru div.item div.f-item {
	width: 40%;
	margin: 1rem;
}

#wataru div.item h2 {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
}

#wataru div.item h2.wataru {
	/* 各名前背景色 */
	background: #0078d8;
}

#wataru div.item h2.toraou {
	background: #ffcc00;
}

#wataru div.item h2.umihiko {
	background: #e2002b;
}

#wataru div.item h2.himiko {
	background: #e00067;
}

#wataru div.item h2.shibaraku {
	background: #00039e;
}

#wataru div.item h2.syoryushi {
	background: #00aa7c;
}

#wataru div.item h2.kibamiko {
	background: #1f1f30;
}

#wataru div.item h2 span {
	font-size: 2rem;
}

#wataru div.item h3 {
	color: #0ca29a;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1rem;
	line-height: 1.8;
	text-align: right;
}

#wataru .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

#wataru .kounyu_flex a.btn {
	display: inline-block;
	width: 43%;
	text-align: center;
	padding: 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#wataru .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

#wataru .wataru_flex .f-item p,
#wataru .wataru_flex2 .f-item p {
	margin-bottom: 1rem;
}

@media screen and (max-width: 640px) {
	#wataru div.item div.f-item {
		width: 90%;
		margin: 1rem;
	}
}


/*　キルラキル
---------------------------------------------------*/
#killlakill {
	width: 100%;
}

.killlakill_top {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

.killlakill_top img {
	width: 50%;
	margin-bottom: 1.5rem;
}

.killlakill_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

#killlakill div.flexbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	padding-top: 1rem;
}

#killlakill div.flexbox div.bottle {
	width: 45%;
}

#killlakill div.flexbox div.title {
	width: 35%;
	margin-bottom: 1rem;
}

#killlakill div.ryuko {
	background: url(../img/killlakill_ryuko_bk.jpg)no-repeat;
	text-align: right;
	background-position: left top;
	align-items: flex-end;
	margin: 0 0 1.5rem;
}

#killlakill div.satsuki {
	background: url(../img/killlakill_satsuki_bk.jpg)no-repeat;
	flex-direction: row-reverse;
	background-position: right top;
	align-items: flex-end;
	margin: 0 0 1.5rem;
}

#killlakill div.flexbox h2,
#killlakill div.flexbox h3 {
	font-family: serif;
	line-height: 1.3;
}

#killlakill h2 span {
	font-size: 2.5rem;
}

#killlakill div.flexbox.reverse {
	flex-direction: row-reverse;
}

#killlakill div.flexbox div.item {
	width: 50%;
}

#killlakill .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 0 auto 3rem;
	;
	justify-content: space-around;
}

#killlakill .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#killlakill .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

#killlakill div.handgel_p {
	position: relative;
	display: inline-block;
	background: #3b4465;
	padding: 1rem;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	border-radius: 20px;
}

#killlakill div.handgel_p:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 20px solid #3b4465;
}

#killlakill div.handgel_img {
	width: 30%;
}

@media screen and (max-width: 480px) {

	#killlakill div.flexbox,
	#killlakill div.flexbox.reverse {
		flex-direction: column;
		align-items: center;
	}

	#killlakill div.flexbox div.bottle,
	#killlakill div.flexbox div.title {
		width: 85%;
	}

	#killlakill div.ryuko,
	#killlakill div.satsuki {
		text-align: center;
		margin: 0;
	}

	#killlakill div.flexbox div.item {
		width: 90%;
	}

	#killlakill .sp_none {
		display: none;
	}

	#killlakill div.flexbox div.item img {
		margin-bottom: 1rem;
	}

	#killlakill .kounyu_flex {
		width: 100%;
	}

	#killlakill div.handgel_p {
		margin-bottom: 1rem;
	}

	#killlakill div.handgel_p:before {
		top: 100%;
		left: 50%;
		margin: 0 0 0 -15px;
		border: 15px solid transparent;
		border-top: 15px solid #3b4465;
	}

	#killlakill div.handgel_img {
		width: 70%;
	}
}


/*　グランゾート
---------------------------------------------------*/
#granzort .granzort_top {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

#granzort .granzort_top img {
	width: 50%;
}

#granzort .granzort_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

#granzort .granzort_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

#granzort .granzort_flex2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-around;
}

#granzort div.item {
	background: url(../img/granzort_back2.png);
	margin-bottom: 2.5rem;
	padding: 1.5rem 0;
}

#granzort .granzort_flex p,
#granzort .granzort_flex2 p {
	margin-bottom: 1rem;
}

#granzort div.item h2 {
	background: #0ca29a;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
}

#granzort div.item h2 span {
	font-size: 1.8rem;
}

#granzort div.item h3 {
	color: #0ca29a;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1rem;
	line-height: 1.8;
	text-align: right;
}

#granzort .kounyu_flex {
	/* 購入ボタン */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	justify-content: space-around;
}

#granzort .kounyu_flex a.btn {
	display: inline-block;
	width: 43%;
	text-align: center;
	padding: 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#granzort .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 480px) {
	#granzort .granzort_top img {
		width: 100%;
	}

	#granzort .granzort_flex,
	#granzort .granzort_flex2 {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}

	#granzort div.item h2 {
		text-align: center;
	}
}

/*　分岐ページ
--------------------------------------*/
#granzort .granzort_top {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

#granzort div.granzort_flex div.f-item40 {
	width: 40%;
	margin: 1rem;
}

@media screen and (max-width: 480px) {
	#granzort div.granzort_flex div.f-item40 {
		width: 100%;
		margin: 0 0 1rem;
		;
	}
}

/*　オードトワレページ
--------------------------------------*/
#granzort div.item div.f-item40 {
	width: 40%;
	margin: 1rem;
}

#granzort div.item h2.daichi {
	background: #eb001d;
}

#granzort div.item h2.rabi {
	background: #0099e8;
}

#granzort div.item h2.gus {
	background: #009ba2;
}

#granzort div.item h2.grigri {
	background: #f325b8;
}

@media screen and (max-width: 480px) {
	#granzort div.item div.f-item40 {
		width: 100%;
	}
}

/*　香水ページ
--------------------------------------*/
#granzort div.item.parfum {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%), url(../img/granzort_back.jpg) !important;
}

#granzort div.item div.f-item50 {
	width: 50%;
	margin: 1rem;
}

#granzort p.text {
	font-size: 1rem;
	line-height: 1.8;
	font-family: serif;
	font-weight: bold;
	margin: 0 2.5rem 1rem;
}

#granzort .kounyu_flex.parfum {
	width: 60%;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	#granzort div.item div.f-item50 {
		width: 100%;
	}

	#granzort p.text {
		margin: 1rem;
	}

	#granzort .kounyu_flex.parfum {
		width: 100%;
	}
}

/*　ボディミストページ
--------------------------------------*/
#granzort div.item h2.v-mei {
	background: #8e026f;
}

#granzort div.item h2.shaman {
	background: #050054;
}

#granzort div.item h2.enuma {
	background: #b20c3a;
}


/*　カウボーイビバップ
---------------------------------------------------*/

/*　分岐ページ
--------------------------------------*/
.bebop_top {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.bebop_top img {
	width: 50%;
}

.bebop_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

.bebop_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.bebop_fitem {
	width: 45%;
	margin-bottom: 1rem;
}

.bebop_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 15px;
}

.bebop_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 480px) {
	.bebop_top {
		margin-bottom: 1rem;
	}

	.bebop_top img {
		width: 90%;
	}

	.bebop_top h2 {
		line-height: 1.2;
		font-size: 1rem;
	}

	.bebop_flex {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}

	.bebop_fitem {
		width: 100%;
	}
}

/*　ボディミストページ
--------------------------------------*/
#bebop div.faye {
	background: url(../img/bebop_fayebk.jpg);
}

#bebop div.vicious {
	background: url(../img/bebop_viciousbk.jpg);
}

#bebop div.julia {
	background: url(../img/bebop_juliabk.jpg);
}

#bebop .itemL,
#bebop .itemR {
	width: 55%;
	padding: 1rem;
	box-sizing: border-box;
}

#bebop .itemR {
	margin-left: 45%;
}

#bebop .itemL img,
#bebop .itemR img {
	width: 100%;
	max-width: 180px;
}

#bebop p.bottleL,
#bebop p.bottleR {
	text-align: center;
}

#bebop .textbk {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 1rem 0.5rem;
	;
	box-sizing: border-box;
}

#bebop .itemL h2,
#bebop .itemR h2 {
	font-family: serif;
	font-size: 1.2rem;
	line-height: 1.3;
}

#bebop h2 span {
	font-size: 1.8rem;
}

#bebop .faye h2,
#bebop .faye h3 {
	color: #f1c540;
}

#bebop .vicious h2,
#bebop .vicious h3 {
	color: #ab6fe0;
}

#bebop .julia h2,
#bebop .julia h3 {
	color: #ca5b9f;
}

#bebop .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 1rem auto 2rem;
	justify-content: space-around;
}

#bebop .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#bebop .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 640px) {
	#bebop div.faye {
		background-position: right 30% top 10%;
	}

	#bebop div.vicious {
		background-position: left 20% top 30%;
	}

	#bebop div.julia {
		background-position: right 15% top 10%;
	}

	#bebop .itemL,
	#bebop .itemR {
		width: 100%;
	}

	#bebop .itemR {
		margin-left: 0;
	}

	#bebop p.bottleL {
		text-align: left;
	}

	#bebop p.bottleR {
		text-align: right;
	}
}

@media screen and (max-width: 480px) {
	#bebop .kounyu_flex {
		width: 100%;
	}
}


/*　リヴィジョンズ
---------------------------------------------------*/

/*　香水ページ
--------------------------------------*/
#revisions .revisions_top {
	width: 100%;
	padding: 0.8rem;
	box-sizing: border-box;
	text-align: center;
}

#revisions .revisions_top img {
	width: 50%
}

#revisions .revisions_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: 0;
}

#revisions div.item {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%), url(../img/revisions_back.jpg);
	margin-bottom: 2.5rem;
	border: 1px solid #26f2ff;
}

#revisions .revisions_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#revisions div.item div.f-item {
	width: 50%;
	margin: 1rem;
}

#revisions div.item h2 {
	color: #26f2ff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
	background: linear-gradient(to top, rgba(12, 63, 157, 0) -50%, #000 70%);
}

#revisions div.item h2 span {
	font-size: 2rem;
}

#revisions div.item h3 {
	color: #26f2ff;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1rem;
	line-height: 1.8;
	text-align: right;
}

#revisions div.text {
	margin: 0 1.5rem 1rem;
}

#revisions div.text p {
	font-size: 1rem;
	line-height: 1.8;
	font-family: serif;
	letter-spacing: -1px;
	margin-bottom: 1rem;
}

#revisions .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 2rem auto;
	justify-content: space-around;
}

#revisions .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#revisions .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 640px) {
	#revisions .revisions_flex {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}

	#revisions div.item div.f-item {
		width: 100%;
	}

	#revisions div.item h3 {
		color: #000;
	}

	#revisions .kounyu_flex {
		width: 100%;
	}
}

/*　7SEEDS
---------------------------------------------------*/

/*　分岐ページ
--------------------------------------*/
.s-seeds_top {
	width: 100%;
	padding: 0.8rem;
	box-sizing: border-box;
	text-align: center;
}

.s-seeds_top img {
	width: 50%;
}

.s-seeds_top h2 {
	font-family: serif;
	font-size: 1.4rem;
	line-height: 1.5;
}

.s-seeds_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.s-seeds_fitem {
	width: 45%;
	margin-bottom: 1rem;
}

.s-seeds_fitem img {
	width: 80%;
}

.s-seeds_fitem p {
	text-align: left;
}

.s-seeds_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 0.95rem;
}

.s-seeds_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 640px) {
	.s-seeds_flex {
		flex-direction: column;
	}

	.s-seeds_fitem {
		width: 100%;
		padding: 1rem;
		box-sizing: border-box;
	}
}

/*　香水ページ
--------------------------------------*/
#s-seeds .item.parfum {
	background: linear-gradient(to bottom, #2C3245, #BAE5F5 70%, #fff 90%);
	padding: 1.5rem 0;
	overflow: hidden;
}

#s-seeds img.bottle {
	width: 40%;
	float: left;
	margin: 0 1rem 1rem;
}

#s-seeds .item h2 {
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	padding: 1rem 0 0;
	font-family: serif;
}

#s-seeds .item h2 span {
	font-size: 2rem;
}

#s-seeds .item h3 {
	color: #fff;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1.5rem;
	line-height: 1.8;
}

#s-seeds .item p.note {
	font-size: 0.8rem;
	color: #fff;
	line-height: 2;
}

#s-seeds .item p.text {
	font-size: 1rem;
	line-height: 1.8;
	font-family: serif;
	margin: 1.5rem 2rem 1rem;
}

#s-seeds .kounyu_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 2rem auto;
	justify-content: space-around;
}

#s-seeds .kounyu_flex a.btn {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
}

#s-seeds .kounyu_flex a.btn:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 640px) {
	#s-seeds img.bottle {
		width: 75%;
		float: none;
	}

	#s-seeds .item h2,
	#s-seeds .item h3,
	#s-seeds .item p {
		padding: 0 1rem;
	}

	#s-seeds .item p.text {
		margin-left: 0;
		margin-right: 0;
	}

	#s-seeds .kounyu_flex {
		width: 100%;
	}
}

/*　トワレページ
--------------------------------------*/
#s-seeds .item.toilette01 {
	background: linear-gradient(to bottom, #25407a, #fff);
	padding: 1.5rem 0;
	overflow: hidden;
}

#s-seeds .item.toilette02 {
	background: linear-gradient(to bottom, #8a1b6a, #fff);
	padding: 1.5rem 0;
	overflow: hidden;
}

#s-seeds img.bottle.right {
	float: right;
}

#s-seeds .item.toilette02 h2,
#s-seeds .item.toilette02 h3 {
	padding-left: 2rem;
}

@media screen and (max-width: 640px) {
	#s-seeds img.bottle.right {
		float: none;
	}
}

/*　テンプレ用
---------------------------------------------------*/

/*　分岐ページ(2列表示)
--------------------------------------*/
.item_top {
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

.item_top img {
	width: 50%;
	margin-bottom: 1rem;
}

.item_top h2 {
	font-family: serif;
	font-size: 1.3rem;
	line-height: 1.5;
}

.item_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

.item_fitem {
	width: 45%;
	margin-bottom: 1rem;
}

.item_fitem.rows3 {
	width: 30%;
}

.item_fitem p span {
	color: #0ca29a;
	font-weight: bold;
	font-size: 1rem;
}

.item_fitem p.teika {
	color: #696969;
	margin-top: 0.8rem;
}

@media screen and (max-width: 640px) {
	.item_top {
		margin-bottom: 1rem;
	}

	.item_top img {
		width: 90%;
	}

	.item_top h2 {
		line-height: 1.2;
		font-size: 1rem;
	}

	.item_flex {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
	}

	.item_fitem,
	.item_fitem.rows3 {
		width: 100%;
	}
}

/*逆*/
.item_flex.reverse {
	flex-flow: row-reverse;
}

@media screen and (max-width: 640px) {
	.item_flex.reverse {
		flex-direction: column;
	}
}

/*　購入ボタン（基本）
--------------------------------------*/
.buyBtn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 60%;
	margin: 0 auto;
	justify-content: space-around;
}

.buyBtn a {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding: 0.5rem;
	margin: 0 0.5rem;
	text-decoration: none;
	color: #fff;
	background: #0ca29a;
	border: solid 1px #0ca29a;
	transition: .4s;
	box-sizing: border-box;
}

.buyBtn a:hover {
	background: #fff;
	color: #0ca29a;
}

@media screen and (max-width: 640px) {
	.buyBtn {
		width: 100%;
	}
}


/*　田原俊彦 フレグランスページ
--------------------------------------*/
#toshi .item {
	padding: 1rem;
	margin-bottom: 2.5rem;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 90%), url(../img/toshi_bk.jpg);
}

#toshi .item_flex {
	align-items: center;
}

#toshi .item .f-item {
	width: 50%;
	margin: 1rem;
}

#toshi .item .f-item.mist {
	width: 80%;
}

#toshi .item h2 {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
	width: 90%;
	margin: 0 auto;
}

#toshi div.item h2 span {
	font-size: 2rem;
}

#toshi .item h2.toilette01 {
	background: linear-gradient(-45deg, rgba(214, 22, 60, 0) 0%, #d6163c 70%);
}

#toshi .item h2.toilette02 {
	background: linear-gradient(-45deg, rgba(212, 187, 0, 0) 0%, #d4bb00 70%);
}

#toshi .item h2.bodymist01 {
	background: linear-gradient(-45deg, rgba(40, 0, 80, 0) 0%, #280050 70%);
}

#toshi .item h2.bodymist02 {
	background: linear-gradient(-45deg, rgba(162, 53, 96, 0) 0%, #a23560 70%);
}

#toshi .item h2.bodymist03 {
	background: linear-gradient(-45deg, rgba(1, 63, 121, 0) 0%, #013f79 70%);
}

#toshi .item h2.bodymist04 {
	background: linear-gradient(-45deg, rgba(165, 0, 0, 0) 0%, #a50000 70%);
}

#toshi .item h2.handgel01 {
	background: linear-gradient(-45deg, rgba(198, 0, 22, 0) 0%, #c60016 70%);
}

#toshi .item h2.handgel02 {
	background: linear-gradient(-45deg, rgba(124, 28, 154, 0) 0%, #7c1c9a 70%);
}

#toshi .item h3 {
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 1rem;
	line-height: 1.8;
}

#toshi p.text {
	font-family: serif;
	font-size: 1rem;
	letter-spacing: -1px;
}

#toshi .mgnL0 {
	margin-left: 0 !important;
}

#toshi .mgnR0 {
	margin-right: 0 !important;
}

@media screen and (max-width: 640px) {

	#toshi .item .f-item,
	#toshi .item .f-item.mist {
		width: 100%;
	}

	#toshi .mgnL0 {
		margin-left: 1rem !important;
	}

	#toshi .mgnR0 {
		margin-right: 1rem !important;
	}
}

/*　未来少年コナン ロールオンページ
--------------------------------------*/
.conan_fb {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 2rem 1rem;
}

.conan_fb .img {
	text-align: center;
	width: 45%;
}

.conan_fb .text {
	width: 55%;
	margin-left: 0.5rem;
	font-family: serif;
}

.conan_fb .text h3 {
	width: 100%;
	color: #956034;
	padding: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	font-size: 1.2rem;
	background: linear-gradient(135deg, #e2a5b1, #f5b2aa 65%, #fef6f4);
	box-sizing: border-box;
}


.conan_fb .text h3 span {
    font-size: 24px;
    color: #fff;
}
.text .saekano_fb span {
}


.conan_fb p {
	font-size: 1rem;
}

@media screen and (max-width: 640px) {
	.conan_fb {
		flex-direction: column;
	}

	.conan_fb .img,
	.conan_fb .text {
		width: 100%;
	}
}

p.rollon {
	margin: 2rem 1rem 0;
	text-align: center;
}

/*　ギャルと恐竜
--------------------------------------*/
#gal .item {
	background: #fbdceb;
	padding: 2rem;
	margin-bottom: 2rem;
}

#gal .item_flex {
	border: 5px solid #fff;
	padding: 1rem;
	background: #fdf1c1;
	margin-bottom: 2rem;
	align-items: center;
}

#gal .f-item.pic {
	width: 40%;
}

#gal .f-item.txt {
	width: 60%;
}

#gal .f-item h2 {
	font-size: 1rem;
	font-family: serif;
	color: #fff;
	border: 1px solid #ffffff;
	background: linear-gradient(45deg, #ec95bc 25%, #74b9da);
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}

#gal .f-item h2 span {
	font-size: 1.5rem;
}

#gal .f-item h3 {
	border-bottom: 1px solid;
	text-align: right;
	color: #0ca29a;
	font-size: 1rem;
	margin-bottom: 1rem;
}

#gal .f-item p.text {
	margin-top: 1rem;
	font-family: serif;
	font-size: 0.9rem;
	letter-spacing: -1px;
}

#gal .sp_block {
	display: none;
}

@media screen and (max-width: 640px) {
	#gal .f-item.pic {
		width: 85%;
		margin-bottom: 1rem;
	}

	#gal .f-item.txt {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#gal .sp_block {
		display: block;
	}
}

/*　ぼくのとなりに暗黒破壊神がいます。
--------------------------------------*/
#bokuhaka .item_top img {
	width: 70%;
}

#bokuhaka .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
}

#bokuhaka .item.seri {
	background: url(../img/bokuhaka_bk01.png);
}

#bokuhaka .item.kabuto {
	background: url(../img/bokuhaka_bk02.png);
}
#bokuhaka .item.utugi {
	background: url(../img/bokuhaka_bk03.png);
}
#bokuhaka .item.hibiki {
	background: url(../img/bokuhaka_bk04.png);
}
#bokuhaka .item.kimikage {
	background: url(../img/bokuhaka_bk05.png);
}
#bokuhaka .item.takuboku {
	background-color: #9079ad
}


#bokuhaka .item_flex {
	align-items: center;
}

#bokuhaka .item .f-item {
	width: 50%;
	margin: 1rem;
}

#bokuhaka .f-item h2 {
	background: #0ca29a;
	font-size: 1rem;
	font-family: serif;
	color: #ffffff;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}

#bokuhaka .f-item h2 span {
	font-size: 1.6rem;
}

#bokuhaka .f-item h3 {
	text-align: right;
	border-bottom: 1px solid;
	color: #0ca29a;
	margin-bottom: 1rem;
}

#bokuhaka .f-item p {
	font-size: 1rem;
	font-family: serif;
}

@media screen and (max-width: 640px) {
	#bokuhaka .item .f-item {
		width: 100%;
	}
}

/*　アルクマ
--------------------------------------*/
#arukuma .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
	background: url(../img/arukuma_bk.png) #fbf7c6
}

#arukuma .item_flex {
	align-items: center;
}

#arukuma .item .f-item {
	margin: 1rem;
}

#arukuma .item .f-item.pic {
	width: 45%;
}

#arukuma .item .f-item.text {
	width: 55%;
}

#arukuma .f-item h2 {
	background: #009c40;
	font-size: 1rem;
	font-family: serif;
	color: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
}

#arukuma .f-item h2 span {
	font-size: 1.6rem;
}

#arukuma .f-item h3 {
	text-align: right;
	border-bottom: 5px dotted;
	color: #e8390d;
	margin-bottom: 1rem;
}

#arukuma .f-item p {
	font-size: 1rem;
	font-family: serif;
}

#arukuma .f-item p.right {
	text-align: right;
	font-size: 0.8rem;
	font-family: auto;
	margin: 1rem 0;
}

@media screen and (max-width: 640px) {

	#arukuma .item_flex,
	#arukuma .item .f-item.text {
		width: 100%;
	}

	#arukuma .item .f-item.pic {
		width: 80%;
	}

	#arukuma .f-item h2 span {
		letter-spacing: -1px;
	}
}

/*　ワタル＆グランゾート
--------------------------------------*/
#wg .item_top img {
	width: 40%;
}

#wg .flexbox {
	justify-content: center;
}

#wg .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
	background: url(../img/wg_bk.png);
}

#wg .item_flex {
	align-items: center;
}

#wg .item .f-item {
	width: 50%;
	margin: 1rem;
}

#wg .item h2 {
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 1rem;
	font-family: serif;
}

#wg .item h2 span {
	font-size: 2rem;
}

#wg .item h2 {
	color: #917a5a;
	border: 4px double #cab28f;
	margin-bottom: 0.5rem;
}

#wg .item h2.ro01 {
	background: url(../img/wg_ro01bk.png) no-repeat right 50px #fff;
	background-size: 100px;
}

#wg .item h2.ro02 {
	background: url(../img/wg_ro02bk.png) no-repeat right 50px #fff;
	background-size: 100px;
}

#wg .item h2.ro03 {
	background: url(../img/wg_ro03bk.png) no-repeat right 50px #fff;
	background-size: 100px;
}

#wg .item h2.ro04 {
	background: url(../img/wg_ro04bk.png) no-repeat right 50px #fff;
	background-size: 100px;
}

#wg .item h3 {
	text-align: right;
	border-bottom: 1px solid;
	color: #cab28f;
	margin-bottom: 1rem;
}

#wg .item p {
	font-size: 1rem;
	font-family: serif;
	letter-spacing: -1.5px;
}

@media screen and (max-width: 640px) {
	#wg .item_top img {
		width: 50%;
	}

	#wg .item .f-item {
		width: 100%;
	}

	#wg .item .f-item.pic {
		width: 80%;
	}
}

/*　KOF
--------------------------------------*/
/*****オードトワレ*****/
#kof .item {
	padding: 1rem;
	margin-bottom: 2.5rem;
}

#kof .item.t-kyo {
	border: 1px solid #ff2000;
	background: url(../img/kof_toilette_kyobk.jpg);
}

#kof .item.t-terry {
	border: 1px solid #ffda00;
	background: url(../img/kof_toilette_terrybk.jpg);
}

#kof .item.t-iori {
	border: 1px solid #ff00b2;
	background: url(../img/kof_toilette_ioribk.jpg);
}

#kof .item_flex {
	align-items: center;
}

#kof .item .f-item {
	width: 50%;
	margin: 0.5rem 0.5rem 2rem;
}

#kof .item .f-item.text {
	background: #000;
	padding: 1rem;
}

#kof .item.t-kyo .f-item.text {
	border: 1px solid #ff2000;
}

#kof .item.t-terry .f-item.text {
	border: 1px solid #ffda00;
}

#kof .item.t-iori .f-item.text {
	border: 1px solid #ff00b2;
}

#kof .item h2 {
	background: #000;
	font-size: 1rem;
	font-weight: 700;
	font-family: serif;
	text-align: center;
	line-height: 1.4;
}

#kof .item h2 span {
	font-size: 2rem;
}

#kof .item h3 {
	text-align: center;
	margin-bottom: 1rem;
}

#kof .item.t-kyo h2,
#kof .item.t-kyo h3 {
	color: #ff2000;
}

#kof .item.t-terry h2,
#kof .item.t-terry h3 {
	color: #ffda00;
}

#kof .item.t-iori h2,
#kof .item.t-iori h3 {
	color: #ff00b2;
}

#kof .item p.text {
	font-size: 1rem;
	font-family: serif;
	color: #fff;
}

@media screen and (max-width: 640px) {
	#kof .item .f-item {
		width: 100%;
	}
}

/*****ハンドジェル*****/
#kof .item2 {
	padding: 1rem;
	margin-bottom: 2.5rem;
	background: linear-gradient(30deg, #069fdb, rgba(6, 159, 219, 0) 60%);
}

#kof .item2 .w35 {
	width: 35%;
	margin: 1rem;
}

#kof .item2 .w65 {
	width: 65%;
	margin: 1rem;
	background: #1878b7;
	padding: 1rem;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}

#kof .item2 h2 {
	font-family: serif;
	font-weight: 700;
	line-height: 1.4;
}

#kof .item2 h2 span {
	font-size: 2rem;
}

#kof .item2 h3 {
	margin-bottom: 1rem;
}

#kof .item2 p.text {
	font-size: 1rem;
	font-family: serif;
	text-align: left;
}

@media screen and (max-width: 640px) {
	#kof .item2 .w65 {
		width: 100%;
	}

	#kof .item2 .w35 {
		width: 75%;
	}
}

/*　フェアリーテイル
--------------------------------------*/

/*ハンドジェル*/
#ft .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
}

#ft .item.happy {
	background: url(../img/ft_handgel_bk01.jpg) #a9d8f4;
}

#ft .item.charles {
	background: url(../img/ft_handgel_bk02.jpg) #f5cdd5;
}

#ft .item.pantherlily {
	background: url(../img/ft_handgel_bk03.jpg) #b4cdb0;
}

#ft .item_flex {
	align-items: center;
}

#ft .item .f-item {
	margin: 1rem;
}

#ft .item .f-item.pic {
	width: 40%;
}

#ft .item .f-item.text {
	width: 60%;
}

#ft .item h2 {
	font-size: 1rem;
	font-family: serif;
	color: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
}

#ft .item h2 span {
	font-size: 1.6rem;
	letter-spacing: 2.5px;
}

#ft .item.happy h2 {
	background: #009edd;
}

#ft .item.charles h2 {
	background: #ea6d8d;
}

#ft .item.pantherlily h2 {
	background: #3f8f52;
}

#ft .item h3 {
	font-size: 1rem;
	text-align: right;
	border-bottom: 5px double;
	margin-bottom: 1rem;
}

#ft .item.happy h3 {
	color: #009edd;
}

#ft .item.charles h3 {
	color: #ea6d8d;
}

#ft .item.pantherlily h3 {
	color: #3f8f52;
}

#ft .f-item p {
	font-size: 1rem;
	font-family: serif;
	font-weight: 700;
}

@media screen and (max-width: 640px) {

	#ft .item_flex,
	#ft .item .f-item.text {
		width: 100%;
	}

	#ft .item .f-item.pic {
		width: 80%;
	}
}

/*香水*/
#ft .item.parfum {
	background-image: url(../img/ft_parfum_bk.png);
	background-color: #f0dab1;
}

#ft .item h2.lucy {
	background: #ebc42b;
}

#ft .item h2.erza {
	background: #bd4358;
}

#ft .item h2.wendy {
    background-color: #75b47f;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(246,153,170,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(246,153,170,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(246,153,170,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(246,153,170,1.00) 100.00%);
}

#ft .item h2.juvia {
	background: #4874ae;
}

#ft .f-item p.note {
	font-size: unset;
	font-family: unset;
	font-weight: normal;
	margin-top: 1rem;
}

#ft p.ichiya {
	background: url(../img/ft_toilette_ichiya.png) no-repeat right bottom;
	background-size: 240px;
	padding: 1rem 1rem 5rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
	#ft p.ichiya {
		background-position-x: center;
		padding-bottom: 13rem;
	}
}

/*男性キャラ*/
#ft .item h2.natsu {
	background: #d64146;
}

#ft .item h2.gray {
	background: #4e78a7;
}

#ft .item h2.zeref {
	background: #756798;
}

#ft p.ichiya2 {
	background: url(../img/ft_handgel_ichiya.png) no-repeat right bottom;
	background-size: 120px;
	padding: 2rem 1rem 3rem;
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	#ft p.ichiya2 {
		width: 90%;
		padding: 1rem 0 12rem;
		background-position: center bottom;
	}
}

/*ロールオンフレグランス*/
#ft .item h2.gajeelevy {
	background: #826b47;
}

#ft .item .gajeel,
#ft .item .levy {
	padding: 1.5rem;
	margin-bottom: 1rem;
	color: #fff;
}

#ft .item .gajeel {
	background: linear-gradient(45deg, #007534, transparent);
}

#ft .item .levy {
	background: linear-gradient(45deg, #dead00, transparent);
}

#ft .item p.name {
	font-family: serif;
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 1rem;
}

#ft p.ichiya3 {
	background: url(../img/ft_handgel_ichiya.png) no-repeat right 1rem bottom;
	background-size: 90px;
	padding: 2rem 1rem 3rem;
	box-sizing: border-box;
}

/*　D.C.～ダ・カーポ～
--------------------------------------*/
#dc .item_top img {
	width: 40%;
}

#dc .item {
	margin-bottom: 2.5rem;
	background: linear-gradient(to top, #89dcf7, rgba(137, 220, 247, 0));
}

#dc .item .lace {
	padding: 1rem;
	background-image: url(../img/dc_toilettebk.png);
	background-size: 400px;
	background-position: -150px 265px;
	background-repeat: no-repeat;
}

#dc .item.sakura .lace {
	background-position: 500px 265px;
}

#dc .item h2 {
	width: 80%;
	margin: 0 auto 1rem;
	text-align: center;
	padding: 1rem;
	font-size: 1.2rem;
	font-family: serif;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	background-image: url(../img/dc_h2bk.png);
	background-size: 15px;
}

#dc .item.nemu h2 {
	background-color: #4bcd90;
}

#dc .item.sakura h2 {
	background-color: #ffb78a;
}

#dc .item.kotori h2 {
	background-color: #55c3e4;
}

#dc .item h2 span {
	font-size: 1.8rem;
}

#dc .item .f-item.pic {
	width: 45%;
}

#dc .item .f-item.text {
	width: 55%;
	margin: 1rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
}

#dc .item h3 {
	border-bottom: 1px solid;
	margin-bottom: 1rem;
	color: #0ca29a;
}

#dc .item p {
	font-size: 1rem;
	font-family: serif;
	font-weight: 700;
	color: #3c3c3c;
}

#dc .buyBtn {
	width: 100%;
	margin-top: auto;
}

@media screen and (max-width: 640px) {
	#dc .item_top img {
		width: 75%;
	}

	#dc .item h2 {
		font-size: 1rem;
	}

	#dc .item_flex,
	#dc .item .f-item {
		width: 100% !important;
	}

	#dc .item p {
		margin-bottom: 1rem;
	}

	#dc .item .lace {
		background: none;
	}

	#dc .item .f-item.text {
		margin: 0 0 1rem;
	}
}

/*　CCさくら
--------------------------------------*/
.sakura_fb {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 2rem 1rem;
}

.sakura_fb .img {
	width: 45%;
	text-align: center;
}

.sakura_fb p {
	font-size: 1rem;
}

.sakura_fb .text {
	width: 55%;
	margin-left: 0.5rem;
	font-family: serif;
}

.sakura_fb .text h3 {
	width: 100%;
	color: #b7a575;
	padding: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	font-size: 1rem;
	background: #372b5a;
	box-sizing: border-box;
	text-align: center;
}

.sakura_fb .text h3 span {
	font-size: 1.8rem;
}

.sakura-box {
	padding: 1rem;
	margin-bottom: 1rem;
	color: #fff;
}

.sakura-box p.name {
	font-size: 1.5rem;
	font-family: serif;
	font-weight: 700;
	border-bottom: 1px solid;
	width: 50%;
	margin-bottom: 1rem;
}

.sakura-box.sakura {
	background: url(../img/sakura_ro_sakura.png) right 8% top 65% no-repeat #ca45ae;
	background-size: 185px;
}

.sakura-box.syaoran {
	background: url(../img/sakura_ro_syaoran.png) right 8% top 62% no-repeat #7eba64;
	background-size: 185px;
	margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
	.sakura_fb {
		flex-direction: column;
		padding: 0.5rem;
	}

	.sakura_fb .text {
		width: 100%;
		margin-left: 0;
	}

	.sakura_fb .img {
		width: 80%;
	}

	.sakura-box {
		margin: 0 0.5rem 1rem;
		padding: 0.8rem;
	}

	.sakura-box.sakura,
	.sakura-box.syaoran {
		background-position-x: right;
		background-size: 80px;
	}

	.sakura-box p.name {
		width: 70%;
	}
}

/*　ブラッククローバー
--------------------------------------*/
#bc .item {
	padding: 1rem 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff 90%), url(../img/bc_back.jpg);
	margin-bottom: 2.5rem;
}

#bc .item img.bottle {
	float: left;
	width: 50%;
}

#bc .item.black img.bottle,
#bc .item.gold img.bottle {
	width: 55%;
}

#bc .item h2 {
	padding: 2rem 0;
	color: #fff;
	font-size: 2rem;
	font-family: serif;
	line-height: 1.2;
	margin-bottom: 2rem;
}

#bc .item h2 span {
	font-size: 1.5rem;
}

#bc .item.asta h2 {
	background: linear-gradient(to bottom, #231d13, #b43326);
}

#bc .item.yuno h2 {
	background: linear-gradient(to bottom, #231d13, #2d7a45);
}

#bc .item.noell h2 {
	background: linear-gradient(to bottom, #231d13, #b0468e);
}

#bc .item.black h2 {
	margin-bottom: 1rem;
	background: linear-gradient(to bottom, #231d13, #584b3d);
}

#bc .item.gold h2 {
	margin-bottom: 1rem;
	background: linear-gradient(to bottom, #231d13, #f2d358);
}

#bc .item h3 {
	color: #0ca29a;
	font-size: 1rem;
	border-bottom: solid 1px;
	margin-bottom: 2rem;
}

#bc .item p.text {
	width: 95%;
	margin: 0 auto 1rem;
	font-size: 1.1rem;
	font-family: serif;
	font-weight: bold;
}

#bc .item_flex {
	padding: 2rem 1rem 1rem;
	align-items: center;
	font-size: 1.2rem;
	font-family: serif;
	font-weight: bold;
}

#bc .item_flex .text {
	width: 65%;
	line-height: 2;
	padding-right: 1rem;
	box-sizing: border-box;
}

#bc .item_flex .pic {
	width: 35%;
}

@media screen and (max-width: 640px) {
	#bc .item img.bottle {
		width: 80% !important;
		margin: 1rem 10%;
	}

	#bc .item h2 {
		text-align: center;
	}

	#bc .buyBtn {
		margin-top: 2rem;
	}

	#bc .item_flex {
		font-size: 1rem;
	}

	#bc .item_flex .text,
	#bc .item_flex .pic {
		width: 100%;
	}

	#bc .item_flex .text {
		margin-bottom: 1rem;
		line-height: 1.5;
	}
}

/*　サムライトルーパー
--------------------------------------*/
#trooper .item_top {
	padding-bottom: 2rem;
}

#trooper .item_top h3 {
	font-weight: normal;
	margin-top: 1rem;
}

#trooper .item {
	padding: 1rem;
	margin-bottom: 2.5rem;
	background: url(../img/trooper_bk.png);
}

#trooper .item .f-item {
	width: 50%;
}

#trooper .item h2 {
	font-size: 1rem;
	font-family: serif;
	color: #fff;
	padding: 1rem;
	background: #000;
	text-align: center;
	margin-bottom: 1rem;
}

#trooper .item h2 span {
	font-size: 1.6rem;
}

#trooper .item p.text {
	font-size: 1rem;
	font-family: serif;
	font-weight: bold;
	margin-bottom: 1rem;
}

#trooper .buyBtn {
	width: 100%;
	margin-top: 1rem;
}

#trooper .mainImage,
#trooper .mainImage2,
#trooper .mainImage3,
#trooper .mainImage4,
#trooper .mainImage5,
#trooper .mainImage6,
#trooper .mainImage7,
#trooper .mainImage8,
#trooper .mainImage9 {
	width: 90%;
	margin: 0 auto 1rem;
}

#trooper .thumbnails,
#trooper .thumbnails2,
#trooper .thumbnails3,
#trooper .thumbnails4,
#trooper .thumbnails5,
#trooper .thumbnails6,
#trooper .thumbnails7,
#trooper .thumbnails8,
#trooper .thumbnails9 {
	width: 80%;
	text-align: center;
	margin: 10px auto;
}

#trooper .thumbnails img,
#trooper .thumbnails2 img,
#trooper .thumbnails3 img,
#trooper .thumbnails4 img,
#trooper .thumbnails5 img,
#trooper .thumbnails6 img,
#trooper .thumbnails7 img,
#trooper .thumbnails8 img,
#trooper .thumbnails9 img {
	width: 32%;
	border: 1px solid #ccc;
	background: #fff;
}

@media screen and (max-width: 640px) {
	#trooper .item .f-item {
		width: 100%;
	}

	#trooper .item_flex {
		width: 100%;
	}

	#trooper .item h2 span {
		font-size: 1.3rem;
	}

	#trooper .buyBtn {
		margin-bottom: 1rem;
	}
}

/*　ヤッターマン ドロンジョ
--------------------------------------*/
#ym_dronjo .item {
	background-image: url(../img/ym_dronjo_bk.png), url(../img/ym_dronjo_bk2.png);
	padding: 5% 2% 5% 40%;
	background-repeat: no-repeat, repeat;
	background-position: left -60px top 75px, left top;
	background-size: 100%, 100%;
}

#ym_dronjo .item h2 {
	background: #000;
	padding: 1rem;
	color: #fff;
	text-align: center;
	font-family: serif;
}

#ym_dronjo .item h2 span {
	color: #ff3e64;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: -1px;
}

#ym_dronjo .item p.bottle {
	text-align: center;
	width: 75%;
	margin: 0 auto;
}

#ym_dronjo p.text {
	background: #000;
	padding: 1rem;
	font-family: serif;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}

#ym_dronjo p.note {
	padding: 1rem;
	color: #fff;
}

#ym_dronjo p.note span {
	background: #ba3023;
}

#ym_dronjo .buyBtn {
	width: 100%;
}

#ym_dronjo p.left {
	width: 35%;
}

#ym_dronjo p.right {
	width: 65%;
	color: #fff;
	font-family: serif;
	font-weight: bold;
	font-size: 1rem;
}

#ym_dronjo .thumbnails img:hover {
	background: #ba3023;
}

@media screen and (max-width: 640px) {
	#ym_dronjo .item {
		background-position: left -50px top -25px, left top;
		background-size: 150%, 100%;
		padding: 50% 2% 5%;
	}

	#ym_dronjo .item h2 span {
		font-size: 1.3rem;
	}
}

/*　天空のエスカフローネ
--------------------------------------*/
#esca .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
	background: linear-gradient(to bottom, #000, #213152);
}

#esca .item_flex {
	align-items: center;
}

#esca .item .f-item.pic {
	width: 40%;
}

#esca .item .f-item.text {
	width: 60%;
	margin: 1rem;
	background: url(../img/escaflowne_bk.png) no-repeat right bottom / 250px;
}

#esca .item h2 {
	font-size: 1rem;
	font-family: serif;
	color: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
}

#esca .item h2 span {
	font-size: 1.6rem;
	letter-spacing: 2.5px;
}

#esca .item.van h2 {
	background: linear-gradient(45deg, #c11831, transparent);
}

#esca .item.allen h2 {
	background: linear-gradient(45deg, #3361f1, transparent);
}

#esca .item h3 {
	font-size: 1rem;
	text-align: right;
	border-bottom: 1px solid;
	margin-bottom: 1rem;
}

#esca .item.van h3 {
	color: #c11831;
}

#esca .item.allen h3 {
	color: #3361f1;
}

#esca .item p {
	color: #fff;
	margin-bottom: 1rem;
}

#esca .item p.text {
	font-size: 1rem;
	font-family: serif;
	font-weight: 700;
}

@media screen and (max-width: 640px) {
	#esca .item_flex {
		width: 100%;
	}

	#esca .item .f-item.pic {
		width: 80%;
	}

	#esca .item .f-item.text {
		width: 100%;
		margin: 1rem 0;
	}
}

/* スレイヤーズ
--------------------------------------*/
#slayers .item h2 {
	font-size: 1.2rem;
	font-family: serif;
	color: #fff;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 1rem;
	background: linear-gradient(45deg, #2f0c13, #ea1619);
}

#slayers .item h2 span {
	font-size: 1.8rem;
}

#slayers .mainImage {
	width: 70%;
	margin: 0 auto;
}

#slayers .thumbnails img {
	width: 24%;
	border: 1px solid #ea1619;
	box-sizing: border-box;
}

#slayers p {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
}

#slayers p.none {
	font-family: initial;
	font-weight: normal;
	font-size: 0.8rem;
}

#slayers .text02 {
	background-image: url(../img/slayers_parfum_pop.jpg), url(../img/slayers_bk.png);
	background-repeat: no-repeat, repeat;
	background-position: center right 1rem, left top;
	background-size: 36%, 100%;
	margin: 2rem 0;
	padding: 1rem 40% 1rem 1rem;
}

@media screen and (max-width: 640px) {
	#slayers .item h2 span {
		font-size: 1.4rem;
		letter-spacing: -1px;
	}

	#slayers .mainImage {
		width: 90%;
	}

	#slayers .text01 {
		width: 95%;
		margin: 0 auto;
	}

	#slayers .text02 {
		padding: 1rem;
		background: url(../img/slayers_bk.png);
	}
}

/* コードギアス ハンドジェル
--------------------------------------*/
#geass2 .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
}

#geass2 .item.lelouch {
	background: url(../img/geass_handgel_bk01.jpg);
}

#geass2 .item.suzaku {
	background: url(../img/geass_handgel_bk02.jpg);
}

#geass2 .item.cc {
	background: url(../img/geass_handgel_bk03.jpg);
}

#geass2 .item_flex {
	align-items: center;
}

#geass2 .item_flex .pic {
	width: 40%;
	padding: 1rem;
}

#geass2 .item_flex .text {
	width: 60%;
}

#geass2 h2 {
	padding: 1rem;
	font-family: serif;
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
}

#geass2 h2 span {
	font-size: 1.8rem;
}

#geass2 .item.lelouch h2 {
	background: linear-gradient(to bottom, #7b32aa, rgba(123, 50, 170, 0.1));
}

#geass2 .item.suzaku h2 {
	background: linear-gradient(to bottom, #196dce, rgba(25, 109, 206, 0.1));
}

#geass2 .item.cc h2 {
	background: linear-gradient(to bottom, #14a712, rgba(20, 167, 18, 0.1));
}

#geass2 h3 {
	text-align: right;
	color: #0ca29a;
	border-bottom: 1px solid #0ca29a;
	margin-bottom: 1rem;
}

#geass2 p {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

#geass2 .buyBtn {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#geass2 .item_flex {
		width: 100%;
	}

	#geass2 .item_flex .pic {
		width: 80%;
	}

	#geass2 .item_flex .text {
		width: 100%;
	}
}

/* BNA 香水
--------------------------------------*/
#bna .item_flex {
	align-items: center;
}

@media screen and (max-width: 640px) {
	#bna .item_flex {
		width: 100%;
	}
}

#bna .item {
	padding: 1rem;
	margin-bottom: 2.5rem;
}

#bna .item.michiru {
	background: url(../img/bna_parfum_michirubk.png);
}

#bna .item.shirou {
	background: url(../img/bna_parfum_shiroubk.png);
}

#bna .item.nazuna {
	background: url(../img/bna_parfum_nazunabk.png);
}

#bna .item .img {
	width: 45%;
}

#bna .item .stc {
	width: 55%;
	padding: 1rem;
}

@media screen and (max-width: 640px) {
	#bna .item .img {
		width: 80%;
	}

	#bna .item .stc {
		width: 100%;
	}
}

#bna h2 {
	padding: 0.8rem 0;
	font-family: serif;
	font-weight: 700;
	text-align: center;
	background: #0ca29a;
	color: #fff;
	margin-bottom: 1rem;
}

#bna h2 span {
	font-size: 1.8rem;
}

#bna h3 {
	text-align: right;
	border-bottom: 1px solid;
	margin-bottom: 1rem;
}

#bna p {
	margin-bottom: 1rem;
}

#bna p.text {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
}

#bna .buyBtn {
	width: 100%;
}

#bna .mainImage,
#bna .mainImage2,
#bna .mainImage3 {
	width: 90%;
	margin: 1rem auto;
	border: 1px solid #0ca29a;
}

#bna .thumbnails,
#bna .thumbnails2,
#bna .thumbnails3 {
	width: 90%;
	text-align: center;
	margin: 10px auto;
}

#bna .thumbnails img,
#bna .thumbnails2 img,
#bna .thumbnails3 img {
	width: 30%;
	border: 1px solid #0ca29a;
}

/* 邪神ちゃん ハンドジェル
--------------------------------------*/
#jyashin .item {
	padding: 1rem;
	background: url(../img/jyashin_handgel_bk01.png) no-repeat center top, url(../img/jyashin_handgel_bk.png);
	margin-bottom: 2rem;
}

#jyashin .item_flex div {
	padding: 1rem;
	padding-top: 0;
}

#jyashin .item h2.jyashin {
	background: linear-gradient(to top, #0ca29a, #f0cc00);
}

#jyashin .item h2.yurine {
	background: linear-gradient(to top, #0ca29a, #db2ead);
}

#jyashin .item h2 {
	background: #0ca29a;
	text-align: center;
	font-size: 1rem;
	padding: 1rem;
	font-family: serif;
	color: #fff;
	margin-bottom: 1rem
}

#jyashin .item h2 span {
	display: block;
	font-size: 1.8rem;
}

#jyashin .item p {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.5)
}

#jyashin .buyBtn {
	width: 100%;
	padding: 0 !important;
	justify-content: space-between;
}

#jyashin .buyBtn a {
	width: 48%;
	margin: 0;
}

@media screen and (max-width: 640px) {

	#jyashin .item_flex,
	#jyashin .buyBtn {
		width: 100%;
		text-align: center;
	}

	#jyashin .item_flex img {
		width: 80%;
	}
}

/* ゾロリ ハンドジェル
--------------------------------------*/
#zorori .item {
	padding: 2rem;
	background: url(../img/zorori_handgel_bk.png) no-repeat;
}

#zorori .item h2 {
	font-size: 1.5rem;
	font-family: serif;
	color: #fff;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 1rem;
	background: #0ca29a;
}

#zorori .item h2 span {
	font-size: 1rem;
}

#zorori .mainImage {
	width: 70%;
	margin: 0 auto;
}

#zorori .thumbnails img {
	width: 18%;
	border: 1px solid #0ca29a;
	box-sizing: border-box;
}

#zorori p {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
}

#zorori .buyBtn {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#zorori .item {
		padding: 1rem;
	}

	#zorori .mainImage {
		width: 100%;
	}
}

/* ナギナミ ハンドジェル
--------------------------------------*/
#naginami .item {
	padding: 2rem;
	background: url(../img/naginami_handgel_bk03.png), url(../img/naginami_handgel_bk01.png)no-repeat left top / contain, url(../img/naginami_handgel_bk02.png) no-repeat right bottom / contain;
}

#naginami .item h2 {
	width: 85%;
	font-size: 1.8rem;
	font-family: serif;
	line-height: 1.4;
	text-align: center;
	padding: 1rem 0;
	margin: 0 auto 1rem;
	background: linear-gradient(-45deg, #0158fd, #38bde8, rgba(56, 189, 232, 0));
}

#naginami .item h2 span {
	font-size: 1rem;
}

#naginami .mainImage {
	width: 65%;
	margin: 0 auto;
}

#naginami .thumbnails img {
	width: 25%;
	border: 1px solid #0ca29a;
	box-sizing: border-box;
}

#naginami .text01 {
	margin-top: 2rem;
	background: rgba(255, 255, 255, 0.7);
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
	font-size: 1rem;
	font-family: serif;
	font-weight: 700;
}

#naginami .buyBtn {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#naginami .item {
		padding: 1rem;
	}

	#naginami .item h2,
	#naginami .mainImage {
		width: 100%;
	}

	#naginami .thumbnails img {
		width: 32%;
	}
}

/* ランウェイで笑って
--------------------------------------*/
#runway .item {
	padding: 2rem;
	margin-bottom: 2.5rem;
}

#runway .item.chiyuki {
	background: linear-gradient(to top, #d5f7eb 0, rgba(40, 193, 142, 0) 30%), url(../img/runway_parfum_bk.png) no-repeat center top / contain;
}

#runway .item.ikuto,
#runway .item.toh,
#runway .item.kokoro {
	background-size: 50px 50px;
	background-position: 0 0, 25px 25px;
}

#runway .item.ikuto {
	background-image: radial-gradient(#f7f6d9 6px, transparent 6px), radial-gradient(#f7f6d9 6px, transparent 6px);
}

#runway .item.toh {
	background-image: radial-gradient(#ebf5f5 6px, transparent 6px), radial-gradient(#ebf5f5 6px, transparent 6px);
}

#runway .item.kokoro {
	background-image: radial-gradient(#f9eaf4 6px, transparent 6px), radial-gradient(#f9eaf4 6px, transparent 6px);
}

#runway .item.chiyuki .img {
	width: 65%;
	margin: 0 auto 1rem;
}

#runway h2 {
	padding: 1rem;
	font-family: serif;
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
}

#runway .chiyuki h2 {
	background: linear-gradient(to bottom, #28c18f, rgba(40, 193, 143, 0));
	text-shadow: 0.5px 0.5px 2px #228a68;
}

#runway .ikuto h2 {
	background: #d5ce51;
}

#runway .toh h2 {
	background: #7eaaab;
}

#runway .kokoro h2 {
	background: #a54e8c;
}

#runway h2 span {
	font-size: 2rem;
}

#runway h3 {
	text-align: right;
	color: #0ca29a;
	border-bottom: 1px solid #0ca29a;
	margin-bottom: 1rem;
}

#runway p {
	font-family: serif;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
	letter-spacing: 1px;
}

#runway p.note {
	font-family: intial;
	font-weight: normal;
	font-size: .8rem;
}

#runway .item_flex {
	align-items: center;
}

#runway .item_flex .pic {
	width: 45%
}

#runway .item_flex .text {
	width: 55%;
}

#runway .buyBtn {
	width: 100%;
}

@media screen and (max-width: 640px) {
	#runway .item {
		padding: 1rem;
	}

	#runway .item.chiyuki .img,
	#runway .item_flex .pic {
		width: 85%;
	}

	#runway .item_flex {
		width: 100%;
	}

	#runway .item_flex .text {
		width: 100%;
	}
}

.hibiki {
}
.kimikage {
}

/*　冴えカノ(修正)
--------------------------------------*/
.saekano .text h3 {
	font-size: 1rem;
	text-align: center;
	background: linear-gradient(135deg, #e2a5b1, #f1afab 65%, #fce6e3);
}
.saekano .text h3 span:first-child {
	font-size: 1.2rem;
}


/*啄木鳥探偵處ページ
--------------------------------------*/
#kitutuki .item.takuboku {
	background-color: #9079ad
}
#kitutuki .item_top img {
	width: 70%;
}

#kitutuki .item {
	padding: 1rem 1rem 2rem;
	margin-bottom: 2.5rem;
}

#kitutuki .item.seri {
	background: url(../img/bokuhaka_bk01.png);
}

#kitutuki .item.kabuto {
	background: url(../img/bokuhaka_bk02.png);
}
#kitutuki .item.utugi {
	background: url(../img/bokuhaka_bk03.png);
}
#kitutuki .item.hibiki {
	background: url(../img/bokuhaka_bk04.png);
}
#kitutuki .item.kimikage {
	background: url(../img/bokuhaka_bk05.png);
}
#kitutuki .item.takuboku {
	background-color: #9079ad
}
#kitutuki .item.kyosuke {
	background-color: #64bcc7
}
#kitutuki .item.kodo {
	background-color: #f8b400
}
#kitutuki .item.isamu {
	background-color: #a3c17b
}
#kitutuki .item.syotaro {
	background-color: #a3c17b
}
#kitutuki .item.syotaro {
	background-color: #68a5da
}
#kitutuki .item.bokusui {
	background-color: #d91594
}
#kitutuki .item.taro {
	background-color: #ffe200
}
#kitutuki .item.ryunosuke {
	background-color: #e73443
}




#kitutuki .item_flex {
	align-items: center;
}

#kitutuki .item .f-item {
	width: 50%;
	margin: 1rem;
}

#kitutuki .f-item h2 {
	background: #0ca29a;
	font-size: 1rem;
	font-family: serif;
	color: #ffffff;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}

#kitutuki .f-item h2 span {
	font-size: 1.6rem;
}

#kitutuki .f-item h3 {
	text-align: right;
	border-bottom: 1px solid;
	color: #ffff;
	margin-bottom: 1rem;
}

#kitutuki .f-item p {
	font-size: 1rem;
	font-family: serif;
}

@media screen and (max-width: 640px) {
	#kitutuki .item .f-item {
		width: 100%;
	}
}


.seri {
}
.kabuto {
}
.takuboku {
}
.kyosuke {
}
.kodo {
}
.isamu {
}
.syotaro {
}
.bokusui {
}
.ryunosuke {
}



/*20230216修正
--------------------------------------*/
#index #mainContent dt {
    border-right: 1px dotted #dfdddd;
    margin: 13px 5px 0 5px;
    padding: 0;
	background: none;
}

/*共通部分*/
body {
    border-top: solid 4px #0a0a0a;
}

#header {
    background: url(../img/fairytail_logo.png) 50% 50% no-repeat;
}

h1.midashi {
	color: #0a0a0a;
	border-bottom: solid 2px #0a0a0a;
}

hr {
	border-top: 3px double #0a0a0a;
}

.wataru_footer img.logo {
	margin-right: 16px;
}

.ham_logo img {
	float: none;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 20px;
}

#nav-open span, #nav-open span:before, #nav-open span:after {
	background: #0a0a0a;
}

#nav-content {
	background: #0a0a0a;
}

.ham_acc label {
	color: #0a0a0a;
	border-bottom: solid 1px #0a0a0a;
}

.ham_cssacc:checked + .ham_show {
	background: #0a0a0a;
}

.ham_acc label:hover {
	color: #0a0a0a;
}

.buyBtn a {
	background: #0a0a0a;
    border: solid 1px rgb(255 255 255 / 50%);
}

.buyBtn a:hover {
	color: #0a0a0a;
    border: solid 1px #0a0a0a;
}

.item_fitem p span {
	color: #0a0a0a;
}

a.syosai_btn {
	background: #0a0a0a;
    border: solid 1px rgb(255 255 255 / 50%);
}

a.syosai_btn:hover {
	color: #0a0a0a;
    border: solid 1px #0a0a0a;
}

/*NEWSページ*/
.news h1 {
	background-color: #0a0a0a;
}

.newsbox .newstext h2,
.newsbox .newstext a {
	color: #0a0a0a;
}

/*OEMページ*/
.oem .belt {
	background-color: #ddd;
	color: #0a0a0a;
}

.oem .oem_box h2 {
	color: #0a0a0a;
}

/*お問い合わせ*/
span.hissu {
	background-color: #d71b00;
}

span.nini {
	color: #666;
	border: 1px solid #666;
}

input#mail_submit_button {
	background-color: #0a0a0a;
}

.form_privacy {
	background-color: #0a0a0a;
}

/*PRODUCTS選択時ドロップダウンメニュー*/
#dropmenu li ul li a {
	background: #0a0a0a;
}

#index #gmenu #dropmenu li ul li a:hover {
	background: #ddd;
    color: #0a0a0a;
}

/*5等分の花嫁*/
#hanayome .slick-active button:before {
	color: #ddd !important;
}

/*ワタル*/
h2.midashi {
	color: #0a0a0a;
	border-bottom: solid 2px #0a0a0a;
}

a.konyulink {
	background-color: #0a0a0a;
    border: solid 1px rgb(255 255 255 / 50%);
}

a.konyulink:hover {
	color: #0a0a0a;
    border: solid 1px #0a0a0a;
}

/*20240522 form*/
.form a {
	display: contents;
}

table th {
	border-bottom: 1px solid #ddd;
	text-align: center;
}