@charset "utf-8";

/* ========================================================================== */
/* YA-MAN common RWD CSS by mniwa at ya-man.com
/* ========================================================================== */



/* -------------------------------------------------------------------------- */
/* default settings */
/* 2013-02 mniwa at ya-man.com */
/* 2014-06 mniwa at ya-man.com */
/* 2014-10 mniwa at ya-man.com */
/* 2015-01 mniwa at ya-man.com */
/* 2015-08 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* 2015-11 mniwa at ya-man.com */
/* 2015-12 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
	line-height: 1.38;
}
body {
	margin: 0;
	padding: 0;
	color: #222;
	font-family: -apple-system, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Helvetica, '游ゴシック', Meiryo, sans-serif;
	font-weight: 300;
	background-color: #fff;
		-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
	body {
		word-wrap: break-word;
	}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	body {
		font-weight: 200;
	}
}

section {
	/* margin-bottom: 0.5em; */
}

.yd-copy,
.yd-logo-wrapper,
.global-nav #nav,
#wrapper,
.side-of-footer,
.footer {
	max-width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#wrapper {
		max-width: 98%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.yd-copy,
	.doormat {
		display: none;
	}
}

#contents {
	margin-bottom: 4em;
}

a {
	color: #008eb3;
	text-decoration: underline;
}
a:visited {
	color: #005266;
}
a:hover {
	color: #006680;
}
a:active {
	color: #003e4d;
}

sup,
span.sup {
	font-size: 0.75em;
	font-weight: 200;
	vertical-align: top;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clear-both {
	clear: both;
}

@media screen and (max-width: 480px) {
	.max480-dn {
		display: none;
	}
}


/* -------------------------------------------------------------------------- */
/* form  */
/* 2013-09 mniwa at ya-man.com */
/* 2015-05 mniwa at ya-man.com */
/* 2015-11 mniwa at ya-man.com */
/* 2015-12 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.spacer {
	margin: 0;
	padding: 0;
}

fieldset {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
}
legend {
	padding: 0 0.2em;
}
input,
select {
	margin-bottom: 0.5em;
	font-family: -apple-system, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Helvetica, '游ゴシック', Meiryo, sans-serif;
	font-weight: 300;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	input,
	select {
		font-weight: 200;
	}
}

input[type="submit"] {
	padding: 0.4em 0.8em;
	font-size: 1.1em;
	background-color: #e6e6e6;
	border: none;
	border-radius: 0.2em;
}
input[type="submit"]:hover {
	background-color: #ccc;
}
input[type="submit"]:active {
	background-color: #999;
}

input[type="search"] {
	width: 100%;
	margin: 0;
	padding: 0.4em 0.2em;
	font-size: 1em;
	line-height: 1.2;
	background-color: #f4f4f4;
	border: none;
	border-radius: 0.2rem;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
	font-size: 1.5em;
}
input[type="number"] {
	width: 2.5em;
}
select {
	font-size: 1.1em;
}
@media only screen and (max-width: 480px) {
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="password"],
	input[type="number"] {
		width: 90%;
	}
}
@media only screen and (min-width: 769px) {
	input {
		margin-left: 0.5em;
	}
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="password"],
	input[type="number"] {
		font-size: 2em;
	}
}



/* -------------------------------------------------------------------------- */
/* table */
/* 2013-10 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

table {
	width: auto;
	max-width: 100%;
}



/* -------------------------------------------------------------------------- */
/* header */
/* 2013-10 mniwa at ya-man.com */
/* 2014-03 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.header a,
.yd-logo-wrapper a {
	color: #ff6ea7;
	text-decoration: none;
}
.header a:visited,
.yd-logo-wrapper a:visited {
	color: #ff6ea7;
}
.header a:hover,
.yd-logo-wrapper a:hover {
	color: #ff086b;
}
.header a:active,
.yd-logo-wrapper a:active {
	color: #e60760;
}



/* -------------------------------------------------------------------------- */
/* yd-copy */
/* 2013-06 mniwa at ya-man.com */
/* 2014-03 mniwa at ya-man.com */
/* 2014-04 mniwa at ya-man.com */
/* 2015-05 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.yd-copy {
	margin: 0.5em auto;
	margin-bottom: 0.5em;
	font-size: 0.7em;
	color: #ff6ea7;
}
.yd-copy h1 {
	width: 70%;
	float: left;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	border: none;
}
ul.corporate-link {
	float: right;
	display: block;
	text-align: right;
}
.corporate-link img {
	margin-right: 0.2em;
	vertical-align: baseline;
}
.corporate-link li {
	display: inline;
	float: left;
	height: 1.2em;
	padding: 0 0.5em;
	font-weight: 500;
	line-height: 1.2em;
	border-left: 1px solid #ccc;
	overflow: hidden;
		overflow: visible;
}
.corporate-link li:first-child {
	padding-left: 0;
	border-left: none;
}
.corporate-link li:last-child {
	padding-right: 0;
}
.corporate-link a {
	display: block;
	color: #1e1e89;
	text-decoration: none;
}



/* -------------------------------------------------------------------------- */
/* logo, menu button, cart button */
/* 2013-06 mniwa at ya-man.com */
/* 2014-03 mniwa at ya-man.com */
/* 2014-10 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* 2015-11 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.yd-logo-wrapper {
	margin-bottom: 1em;
	padding: 0;
	left: 0;
	font-size: 0.5em;
	font-weight: 400;
	line-height: 1.1;
}
@media screen and (min-width: 481px) {
	.yd-logo-wrapper {
		margin-bottom: 2em;
		font-size: 0.6em;
	}
}

.yd-logo a,
.cart-button a,
.yd-logo-wrapper .menu-trigger {
	display: block;
	padding: 1em 0;
	text-align: center;
}
.cart-button a,
.yd-logo-wrapper .menu-trigger {
	padding: 1em 0.2em;
}

.yd-logo {
	margin-bottom: 0.5em;
}
.yd-logo a {
	background-color: transparent;
}

.logo {
	margin: 0 5.5em;
}
.yd-logo img {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.cart-button {
	float: right;
	width: 5.5em;
}
.menu-trigger br,
.cart-button br {
	display: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.menu-trigger img,
.cart-button img {
	margin-bottom: 0.3em;
}

.inform {
	display: none;
}

@media screen and (min-width: 769px) {
	.yd-logo-wrapper {
		position: relative;
	}
	.yd-logo a,
	.cart-button a,
	.yd-logo-wrapper .menu-trigger {
		display: inherit;
		padding: 0;
	}

	.logo {
		width: 174px;
		margin: 0 auto;
		padding-top: 0.8em;
		text-align: center;
	}
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.cart-button {
		padding: 0.8em 1% 0 0;
	}
	.menu-trigger a,
	.cart-button a {
		display: block;
		text-align: center;
		white-space: nowrap;
	}
	.inform {
		display: inherit;
		float: right;
	}

	.shortcut-menu {
		position: absolute;
		top: 0;
		max-width: 40%;
	}
}

.shortcut-menu ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	text-align: center;
}

.shortcut-menu ul img {
	display: block;
	margin: 0 auto 0.3em;
}
.shortcut-menu li {
	display: table-cell;
	vertical-align: top;
	width: 25%;
}
.shortcut-menu li a {
	display: block;
	height: 4.5em;
	padding: 0.8em 0;
	text-align: center;
	background: #f4f4f4;
		background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f4f4f4));
		background: -moz-linear-gradient(top, #f0f0f0, #f4f4f4);
		background: -ms-linear-gradient(top, #f0f0f0, #f4f4f4);
	background: linear-gradient(to bottom, #f0f0f0, #f4f4f4);
}

.shortcut-menu li.yd-search {
	display: none;
}
.shortcut-menu li.regist {
	border-left: none;
}
@media screen and (min-width: 769px) {
	.shortcut-menu li a {
		background: none;
	}
	.shortcut-menu li a:hover {
		border: 1px solid #ffdbe9;
		border-radius: 0.2rem;
	}
	li.yd-search {
		display: table-cell;
		vertical-align: middle;
	}
	.shortcut-menu li.yd-search input {
		width: 90%;
		margin: 0 auto;
		font-size: 1em;
	}
}

.yd-logo-wrapper .menu-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.5em;
	color: #ff6ea7;
	text-align: center;
}
@media screen and (min-width: 769px) {
	.yd-logo-wrapper .menu-trigger {
		display: none;
	}
}



/* -------------------------------------------------------------------------- */
/* global navigation */
/* 2013-02 mniwa at ya-man.com */
/* 2014-11 mniwa at ya-man.com */
/* 2014-12 mniwa at ya-man.com */
/* 2015-05 mniwa at ya-man.com */
/* 2015-08 mniwa at ya-man.com */
/* 2015-10 mniwa at ya-man.com */
/* 2015-11 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.bg-grey {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 5;
}

.global-nav .close {
	display: none;
}
.global-nav .open {
	display: block;
}

.global-nav {
	width: 100%;
}

.global-nav #nav {
	position: absolute;
	top: 0.5em;
	left: 2%;
	width: 96%;
	height: 95%;
	overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	padding: 0.4em 1em 1em;
	background-color: rgba(230, 230, 230, 0.97);
	border-radius: 0.3rem;
	box-shadow: 2px 2px 5px 0 rgba(204,204,204,0.6);
	box-sizing: border-box;
	z-index: 10;
}
.global-nav #nav > li {
	margin-bottom: 1em;
}
.global-nav #nav > li > a,
.global-nav #nav >li span.no-link {
	display: block;
	margin-bottom: 0.4em;
	padding: 0.4em;
	font-size: 0.8em;
	font-weight: 600;
	text-decoration: none;
	background-color: #fff;
	border-radius: 0.2rem;
}
.global-nav #nav li.sp-only {
	margin-bottom: 0.4em;
}
.global-nav #nav li.sp-only .close-button {
	display: block;
	padding: 0.6em 0;
	color: #ff6ea7;
	font-size: 0.8em;
	font-weight: 400;
}

@media screen and (min-width: 769px) {
	.global-nav {
		margin-bottom: 1em;
	}
	.global-nav .close {
		display: inherit;
	}

	.global-nav #nav {
		position: relative;
		top: inherit;
		left: inherit;
		display: block;
		width: 100%;
		height: inherit;
		overflow-y: inherit;
			-webkit-overflow-scrolling: inherit;
		padding: inherit;
		background-color: inherit;
		border-radius: inherit;
		box-shadow: inherit;
		box-sizing: inherit;
		z-index: inherit;
	}

	.global-nav ul {
		/* display: block; */
		/* width: 100%; */
	}
	.global-nav #nav > li {
		float: left;
		height: 3em;
		width: 20%;
		margin-bottom: inherit;
		line-height: 3em;
		overflow: hidden;
			overflow: visible;
		box-sizing: border-box;
	}
	.global-nav ul#nav li.yd-search {
		width: 40%;
		padding-right: 1em;
	}
	ul li.currentdir,
	ul span.currentdir,
	ul a.current-directory {
		text-align: center;
		border-bottom: 4px solid #ff6ea7;
		box-sizing: border-box;
	}
	.global-nav ul span.currentdir {
		display: block;
	}

	.global-nav #nav > li > a,
	.global-nav #nav > li span.no-link {
		margin-bottom: inherit;
		padding: 0;
		color: #5c5c5c;
		font-size: 0.95em;
		font-weight: inherit;
		text-align: center;
		border-radius: inherit;
		white-space: nowrap;
		overflow: hidden;
	}
	.global-nav #nav .sub-menu a,
	.global-nav #nav .sub-menu .no-link {
		color: #5c5c5c;
	}
	.global-nav #nav a:hover,
	.global-nav #nav > li > a:hover,
	.global-nav #nav .no-link:hover {
		color: #fff;
		background: #ff5599;
			background: -webkit-gradient(linear, left top, left bottom, from(#ff6ea7), to(#ff5599));
			background: -moz-linear-gradient(top, #ff6ea7, #ff5599);
			background: -ms-linear-gradient(top, #ff6ea7, #ff5599);
		background: linear-gradient(to bottom, #ff6ea7, #ff5599);
	}
}
.list-all {
	display: none;
}
@media screen and (min-width: 769px) {
	.list-all {
		display: inherit;
	}
}

@media screen and (min-width: 481px) {
	.global-nav li.sp-only {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	li.pc-only {
		display: none;
	}
}



/* -------------------------------------------------------------------------- */
/* mega menu (global nav.) */
/* 2015-10 mniwa at ya-man.com */
/* 2015-11 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.sub-menu-2 > li > a > span {
	/* display: none; */
}
.global-nav #nav .sub-menu-2 li {
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
}
.global-nav #nav .sub-menu-2 li a {
	display: block;
	padding: 0.4em;
	font-size: 0.6em;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.1;
	box-sizing: border-box;
}
.global-nav #nav .sub-menu a,
.global-nav #nav .sub-menu .no-link {
	padding: 1em 1.5em;
	text-align: center;
	line-height: 1;
	border: none;
	border-radius: 0.2rem;
}
.global-nav #nav .sub-menu a img {
	display: block;
	margin: 0 auto 0.5em;
}


@media screen and (min-width: 769px) {
	.global-nav .sub-menu {
		position: absolute;
		left: 0;
		width: 100%;
		visibility: hidden;
		border: 1px solid #f4f4f4;
		border-top: none;
		border-radius: 0 0 0.3rem 0.3rem;
		background-color: rgba(244, 244, 244, 0.97);
		box-sizing: border-box;
		box-shadow: 2px 2px 5px 0 rgba(204,204,204,0.6);
		z-index: 100;
	}
	li.mega:hover .sub-menu {
		visibility: visible;
	}

	.global-nav #nav .sub-menu-2 li {
		display: inline-block;
		padding: 0;
		width: 20%;
	}
	.global-nav #nav .sub-menu li a,
	.global-nav #nav .sub-menu li .no-link {
		padding: 0.6em;
		font-size: 0.7em;
		line-height: 1;
		border-radius: 0.2rem;
	}
	.global-nav #nav .sub-menu a img {
		display: block;
		margin: 0 auto 0.5em;
	}
	.global-nav #nav .sub-menu a:hover img {
		opacity: 0.85;
	}

	.global-nav #nav li.mega:hover > a,
	.global-nav #nav li.mega:hover > span {
		color: #ff5599;
		font-weight: 400;
	}
	.global-nav #nav li.mega:hover > a:hover,
	.global-nav #nav li.mega:hover > span:hover {
		color: #fff;
	}

	.sub-menu-2 > li > a > span {
		display: inherit;
	}
}



/* -------------------------------------------------------------------------- */
/* breadcrumbs */
/* 2013-09 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.breadcrumbs {
	margin-bottom: 1em;
	padding: 0.6em 1em;
	font-size: 75%;
	/* background: #f4f4f4; */
	border: 1px solid #ccc;
	/* border-radius: 0.8em; */
	border-radius: 0.6em;
}
@media only screen and (min-width: 481px) {
	.breadcrumbs {
		margin-bottom: 2em;
	}
}



/* -------------------------------------------------------------------------- */
/* footer */
/* 2013-09 mniwa at ya-man.com */
/* 2014-07 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.side-of-footer {

}

.footer-logo {
	margin-bottom: 2em;
	text-align: center;
}
.ya-man-corp-logo {
	display: none;
}
@media only screen and (min-width: 481px) {
	.footer-logo {
		float: left;
		width: 70%;
		margin-bottom: 0.4em;
		text-align: inherit;
	}
	.footer-logo img {
		margin-left: 1em;
	}
	.ya-man-corp-logo {
		display: inline;
	}
}

.footer-top {
	display: none;
}
@media only screen and (min-width: 481px) {
	.footer-top {
		display: inherit;
		margin-top: 0.2em;
		padding: 1em 0 0;
		font-size: 0.8em;
		border-top: 2px solid #f4f4f4;
	}
	.footer-top .page-list .grid-1,
	.footer-top .page-list .grid-2,
	.footer-top .page-list .grid-3,
	.footer-top .page-list .grid-4 {
		width: 22.75%;
		float: left;
		padding-left: 3%;
	}
	.footer-top .page-list div:first-child {
		padding-left: 0;
	}
	.footer-top .page-list dl {
		margin-bottom: 1em;
	}
	.footer-top .page-list dl dt {
		font-weight: 400;
	}
	.footer-top .page-list dl dd a {
		display: block;
		padding: 0.3em;
		margin-left: 1em;
	}
	.footer-top .page-list dl dd a:hover {
		background-color: #ecf6f8;
		text-decoration: none;
	}
}
@media only screen and (min-width: 769px) {
	.footer-top {
		padding: 1em 1em 0;
	}
}

.footer-bottom {
	margin: 0;	
	padding: 1em;
	font-size: 0.8em;
	background-color: #f4f4f4;
	border-radius: 0.6rem 0 0 0;
}
.footer-link a {
	color: #4d4d4d;
	text-decoration: none;
}
.footer-link ul li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
.footer-link ul li:first-child {
	border-top: none;
}
.footer-link ul li a {
	display: block;
	padding: 0.8em 0 0.8em 1.5em;
	/* background-color: #f4f4f4; */
}

.footer-link ul li.partition {
	display: none;
}
.copyright {
	margin: 1em;
}

@media only screen and (min-width: 641px) {
	.footer-bottom {
		padding: 2em;
		font-size: 0.7em;
		border-radius: 0.6rem 0.6rem 0 0;
	}
	.footer-link {
		float: right;
	}
	.footer-link a {
		color: #4d4d4d;
		text-decoration: underline;
	}
	.footer-link ul li {
		display: inline;
		border-top: inherit;
		border-bottom: inherit;
	}
	.footer-link ul li a {
		display: inherit;
		padding: inherit;
		background-color: inherit;
	}
	.footer-link ul li.partition {
		display: inline;
	}
	.copyright {
		float: left;
		margin: inherit;
	}
}



/* -------------------------------------------------------------------------- */
/* page top arrow  */
/* 2014-07 mniwa at ya-man.com (partly) */
/* -------------------------------------------------------------------------- */

.pagetop {
	position: fixed;
	bottom: -5em;
	right: 1em;
}
.pagetop a {
	display: block;
	width: 2em;
	height: 2em;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	line-height: 2em;
	background-color: rgba(255,110,167,0.85);
	border-radius: 2em;
}



/* -------------------------------------------------------------------------- */
/* error message  */
/* 2013-10 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

#error-msg {
	margin: 1em 0;
	padding: 1em;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	background-color: #ff597a;
	border-radius: 0.3em;
}
#error-msg ul,
#error-msg li {
	margin: 0;
	padding: 0;
}



/* -------------------------------------------------------------------------- */
/* search for smartphone (static pages only) */
/* 2013-11 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.sp-search {
	display: none;
}

@media only screen and (max-width: 480px) {
	.sp-search {
		width: 15%;
		display: inherit;
		position: absolute;
		top: 0;
		padding-top: 0.5em;
	}
	.sp-search dd {
		width: 320px;
		margin-top: 0.4em;
		padding: 0.8em 0.4em;
		background-color: rgba(255,110,167,0.85);
	}
	.sp-search input[type="search"] {
		width: 95%;
		margin: 0;
		padding: 0;
		font-size: 1.5em;
	}
	.sp-search a{
		display: block;
		text-align: center;
		white-space: nowrap;
	}
	.sp-search br {
		display: none;
		margin: 0;
		padding: 0;
		line-height: 0;
	}
}



/* -------------------------------------------------------------------------- */
/* season-logo */
/* 2013-12 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

img.season-logo {
	display: none;
}
@media only screen and (min-width: 481px) {
	img.season-logo {
		display: inline;
		padding-right: 0.6em;
	}
}



/* -------------------------------------------------------------------------- */
/* category list */
/* 2014-02 mniwa at ya-man.com */
/* 2014-07 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.category-list a {
	text-decoration: none;
}

.category-list ul li.primary-cat {
	margin-bottom: 0.5em;
	padding: 0.2em 0;
	border-left: 3px solid #008eb3;
}
.category-list ul li.primary-cat a,
.category-list ul li.primary-cat .no-link {
	display: block;
	padding: 0.2em 1em 0.4em 0.55em;

}
.category-list ul li a:hover {
	background-color: #ecf6f8;
}
.category-list ul li a:active {
	background-color: #d7f1f6;
}

.category-list ul.secondary-cat li a {
	display: block;
	margin-bottom: 0.1em;
	padding: 0.5em 1em 0.5em 0.8em;
	font-size: 0.8em;
	font-weight: 500;
	border: 1px solid #f4f4f4;
	border-left: none;
}

.category-list span.right {
	float: right;
	font-weight: 500;
}

@media only screen and (min-width: 481px) {
	.category-list ul li.primary-cat {
		width: 31%;
		float: left;
		margin-bottom: 1em;
		margin-left: 3.5%;
		box-sizing: border-box;
	}
	.category-list ul .grid-1 li:first-child {
		margin-left: inherit;
	}
}



/* -------------------------------------------------------------------------- */
/* main body (contents) */
/* 2014-03 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.main-body {
	margin-bottom: 2em;
}



/* -------------------------------------------------------------------------- */
/* campaign-banner */
/* 2014-03 mniwa at ya-man.com */
/* 2014-07 mniwa at ya-man.com */
/* 2014-10 mniwa at ya-man.com */
/* 2014-12 mniwa at ya-man.com */
/* 2015-04 mniwa at ya-man.com */
/* 2015-09 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.mb0 {
	margin-bottom: 0;
}

.campaign-banner-wrapper {
	margin-bottom: 1em;
	font-family: -apple-system, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Helvetica, '游ゴシック', Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 300;
	background-color: #7dcbcc;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.campaign-banner-wrapper {
		font-weight: 200;
	}
}

.campaign-banner-wrapper a {
	color: #008eb3;
	text-decoration: underline;
}
.campaign-banner-wrapper a:visited {
	color: #005266;
}
.campaign-banner-wrapper a:hover {
	color: #006680;
}
.campaign-banner-wrapper a:active {
	color: #003e4d;
}

.campaign-banner-wrapper:after {
	content: "";
	display: block;
	clear: both;
}


.campaign-banner {
	max-width: 960px;
	margin: 0 auto;
}
.campaign-banner small {
	font-size: 0.75em;
}
.campaign-banner ul {
	float: left;
	width: 90%;
}
.campaign-banner li {
	display: block;
	margin: 0.4em 0.2em;
	padding: 0.4em 0.2em;
	color: #ff0033;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	background-color: #fff;
	border-radius: 0.3rem;
}
.campaign-banner li a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.campaign-banner .delete {
	float: left;
	width: 10%;
	margin-top: 0.2em;
	cursor: pointer;
}

@media only screen and (min-width: 768px) {
	.campaign-banner-wrapper {
		margin-bottom: inherit;
	}
	.campaign-banner ul {
		width: 95%;
	}
	.campaign-banner li {
		height: 2.5em;
	}
	.campaign-banner li a {
		line-height: 2.5em;
	}
	.campaign-banner .delete {
		width: 5%;
	}
}



/* -------------------------------------------------------------------------- */
/* jQuery UI */
/* 2015-05 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-front {
	z-index: 999999;
}

.ui-menu {
	display: block;
	outline: none;
	background-color: #fff;
	border-radius: 0.3rem;
	opacity: 0.95;
	box-shadow: 2px 2px 5px 0 rgba(204,204,204,0.6);
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
}


.ui-menu li {
	padding: 0 0.4em;
	height: 2em;
	line-height: 2em;
	cursor: pointer;
}
.ui-menu li:hover {
	color: #fff;
	background: #ff5599;
		background: -webkit-gradient(linear, left top, left bottom, from(#ff6ea7), to(#ff5599));
		background: -moz-linear-gradient(top, #ff6ea7, #ff5599);
		background: -ms-linear-gradient(top, #ff6ea7, #ff5599);
	background: linear-gradient(to bottom, #ff6ea7, #ff5599);

}
.ui-menu li:first-child {
	border-radius: 0.3rem 0.3rem 0 0;
}
.ui-menu li:last-child {
	border-radius: 0 0 0.3rem 0.3rem;
}



/* -------------------------------------------------------------------------- */
/* J-STREAM support */
/* 2015-06 mniwa at ya-man.com */
/* -------------------------------------------------------------------------- */

.movie-hd {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}

.movie-sd {
	width: 100%;
	position: relative;
	padding-bottom: 75%;
}