@charset "utf-8";

* {
    outline: none!important;
	box-sizing: content-box!important;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}

@media only screen and 
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

html, body {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #FFF;
}

html {
	font-size: 10px;
    line-height: 1.5;
	background: #EF8100;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.5rem;
	color: #756960;
	background: #FFF;
}

body.showOverlayScreen {
	min-height: 100%;
	overflow: hidden;
}

h4, h5, h6, p,
:not(p) span, :not(p) a,
:not(p) small, :not(p) strong, :not(p) time, :not(p) aside { transform: rotate(-0.05deg); }
a, span, small, strong, time, aside { display: inline-block; }

a { color: #EA6000; }

a:hover {
	color: #EF8100;
	text-decoration: none;
}

a.textLink,
#pankuzu a {
	position: relative;
	color: #EA6000;
	white-space: nowrap;
	text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1);
	transition: all 250ms 0s ease-in;
	cursor: pointer;
}

a.textLink:hover:after,
#pankuzu a:hover:after {
	width: 100%;
	height: 1px;
	background: #EA6000;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-animation: displayBottomBorder 0.25s ease-in-out 0s;
	animation: displayBottomBorder 0.25s ease-in-out 0s;
}

.buttonBox a, a.buttonTypeLink,
#designDetail .overlayInner a.control {
	display: inline-block;
	margin: 0 0.5rem;
	color: #FFF;
	color: rgba(255, 255, 255, 0.95);
	background: #F7B52C;
	border-bottom: 3px solid rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	line-height: 1.0;
	text-decoration: none;
	transform: rotate(0.1deg);
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.buttonBox a:active, a.buttonTypeLink:active,
#designDetail .overlayInner a.control:active {
	margin-bottom: calc(2.5% + 1px);
	border-bottom-width: 2px;
	position: relative;
	top: 1px;
}

hr {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 1.0rem auto;
	background: #B3AEA2;
	border: none;
}

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

.buttonBox {
	clear: both;
	width: 85%!important;
	margin: 3.0rem auto!important;
	padding: 1.5rem 0.5rem; 
	background: #FFF;
	overflow: hidden;
	text-align: center;
}

#photoEditBox .buttonBox { background: none; }

.buttonBox a {
	margin: 2.5% 5%;
	line-height: 1.5;
	letter-spacing: -0.05rem;
	vertical-align: top;
}

.buttonBox .red, .buttonTypeLink.red { background: #BA1B1B; }
.buttonBox .green, .buttonTypeLink.green { background: #1A8047; }
.buttonBox .gray, .buttonTypeLink.gray { background: #B3ADA2; }
.buttonBox .orange, .buttonTypeLink.orange { background: #FF9B20; }
.buttonBox .lightGreen, .buttonTypeLink.lightGreen { background: #93BA1B; }
.buttonBox .lightBlue, .buttonTypeLink.lightBlue { background: #0FA7D9; }

.buttonBox .small {
	padding: 0.5rem 1.0rem;
    font-size: 1.4rem;
}

.buttonBox .medium {
	min-width: 80px;
	padding: 0.75rem 1.5rem;
    font-size: 1.6rem;
}

.buttonBox .large {
	min-width: 120px;
	padding: 1.0rem 2.0rem;
    font-size: 2.0rem;
	font-weight: normal;
}

.buttonBox a small {
	display: block;
	margin: 0 auto;
	font-weight: normal;
}

.forPC { display: block; }
.forSP { display: none; }

.chuki {
	display: inline-block;
	margin-top: 0.25rem;
	padding-right: 1.0em;
	padding-left: 1.1em;
	line-height: 1.25;
	position: relative;
}
.chuki:before {
	content: "※";
	color: #C00;
	position: absolute;
	top: 0;
	left: -0.1em;
}

.chuki.small { font-size: small; }

.red { color: #C00; }

.noticeBox {
	display: none;
	width: 90%;
	margin: 2.5rem auto 2.0rem;
	padding: 1.5rem 2.5%;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 2px 3px rgba(134, 120, 19, 0.25);
	box-shadow: 0 2px 3px rgba(134, 120, 19, 0.25);
	opacity: 0;
	transition: all 0.25s ease-out;
}

.noticeBox.show {
	display: block;
    color: #867813;
    background: #FAF9EF;
    border-color: #BFAF40;
	opacity: 1.0;
}

.noticeBox.show.alert {
	color: #BB113C;
    background: #FAEFF4;
    border-color: #BF4060;
	-webkit-box-shadow: 0 2px 3px rgba(187, 17, 60, 0.25);
	box-shadow: 0 2px 3px rgba(187, 17, 60, 0.25);
}

.noticeBox ul {
	margin: 1.5rem;
	padding-left: 1.5rem;
	font-size: 1.4rem;
}

.noticeBox ul li {
	margin: 0.75rem 0;
	line-height: 1.2;
	position: relative;
}

.noticeBox ul li:before {
	display: block;
	width: 10px;
	height: 10px;
	content: "";
	background: #867813;
	border-radius: 5px;
	position: absolute;
	top: 2px;
	left: -1.5rem;
}

.noticeBox.alert ul li:before { background: #BB113C; }

.alignCenter { text-align: center; }
.smaller { font-size: 0.8em; }
.larger { font-size: 1.1em!important; }
.bgNone { background: none; }
.redBox {
	width: 75%!important;
	margin: 1.5rem auto!important;
	padding: 0.5rem 0;
	color: #C00;
	border: 1px solid #C00;
	text-align: center;
}

img.fullSizeImg {
	display: block;
	width: 98%!important;
	max-width: 98%!important;
	height: auto!important;
	margin: 2.0rem auto 3.0rem!important;
}

.hide { display: none; }

/* header */

header {
	width: 100%;
	padding: 0.1px 0;
	border-bottom: 2px solid #F7B52C;
}

header > div {
	width: 100%;
	max-width: 1330px;
	min-height: 87px;
	margin-left: calc(50% - 665px);
}

header > div > h1 {
	width: 65%;
	max-width: 320px;
	margin: 8px 0 0;
	padding: 0;
	float: left;
}

header > div > h1 a {
    display: block;
    padding: 0;
    transform: rotate(0deg);
    line-height: 0;
}

header > div > h1 img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

header > div ul {
	margin: 0;
	padding: 0;
}

header > div nav#pcMenu li { float: left; }

header > div a {
	color: #f29907;
	text-decoration: none;
}

header > div a span { margin: 0 -0.3rem 0 -0.25rem; }

header nav#pcMenu > ul:first-child {
	width: 840px;
	margin: 27px 0 0 30px;
	position: relative;
	float: left;
}

header nav#pcMenu > ul:first-child > li {
	width: calc(20.0% - 4px);
	height: 60px;
	margin: 0 2px;
	color: #f29907;
	background: #FBDB9E;
	text-align: center;
	line-height: 60px;
	border-radius: 12px 12px 0 0;
	cursor: pointer;
	transition: all 0.15s ease-in;
	position: relative;
	z-index: 2;
}

header nav#pcMenu > ul:first-child > li > a {
	width: 100%;
	line-height: 60px;
	transition: all 0.15s ease-in; 
	position: relative;
}

header nav#pcMenu > ul:first-child > li:nth-of-type(4) > a {
	padding: 1.2rem 0;
	line-height: 1.2;
}

header nav#pcMenu > ul:first-child > li.now {
	color: #FFF;
	background: #F7B52C;
}

header nav#pcMenu > ul:first-child > li.now a { color: #FFF; }

header nav#pcMenu > ul:first-child li:hover {
	color: #FFFFFF;
	background: #F29600;
}

header nav#pcMenu > ul:first-child > li:hover > a { color: #FFFFFF; }

header nav#pcMenu > ul:first-child li ul {
	display: block;
	width: 100%;
	padding-left: 0;
	position: absolute;
	z-index: 1;
	top: -9999px;
	opacity: 0;
}

header nav#pcMenu > ul:first-child li:hover ul {
	border-top: 2px solid #F7B52C;
	opacity: 1.0;
	top: 60px;
	transition: opacity 0.25s ease-in;
	z-index: 1;
}

header nav#pcMenu > ul:first-child li ul li {
	display: block;
	text-align: left;
	line-height: 50px;
	float: none;
}

header nav#pcMenu > ul:first-child li ul li a {
	width: 19.5em;
	padding: 0 calc(50% - 3em);
	color: #F29907!important;
	background: #FFD9AA;
	border-bottom: 1px solid #FFFFFF;
	line-height: 50px;
	white-space: nowrap;
	transition: all 0.25s ease-in;
}

header nav#pcMenu > ul:first-child li ul li a:hover {
	color: #FFF!important;
	background: #F29600;
}

header nav#pcMenu > ul:last-child {
	padding: 0;
	float: right;
}

header nav#pcMenu > ul:last-child > li a {
	display: block;
	width: 6.5em;
	margin-top: 30px;
	padding: 0.5rem 0.5rem 0.6rem 1.5rem;
	color: #5F4B3E;
	font-size: 1.5rem;
	line-height: 1;
	border: 1px solid #DDD2CC;
	border-radius: 3px;
	position: relative;
	text-align: center;
}

header nav#pcMenu > ul:last-child > li a:before {
	width: 10px;
    height: 10px;
    content: '';
    box-sizing: border-box;
    border-top: 6.5px solid transparent;
    border-left: 11px solid #ffb355;
    border-bottom: 6.5px solid transparent;
    position: absolute;
    top: 6px;
    left: 12px;
}

header nav#pcMenu > ul:last-child > li a:hover {
	color: #FFF;
	background: #EF8100;
	border-color: #FFF;
}

header nav#pcMenu > ul:last-child > li a:hover:after {
	display: none;
}

header nav#spMenu { display: none; }

header nav#spMenu {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 20;
}

header nav#spMenu > a {
	display: block;
	height: 55px;
	width: calc(20% - 1.1px);
	padding-top: 5px;
	color: #FFF;
	background: #FFF;
	border-left: 1px #F29600 solid;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1;
	letter-spacing: -0.1rem;
	text-decoration: none;
	vertical-align: bottom;
	transform: rotate(0deg);
	position: relative;
	float: left;
}

header nav#spMenu.scroll > a {
	color: #FFFFFF;
	background: #FFFFFF;
}

header nav#spMenu > a:nth-child(1),
header nav#spMenu > a:nth-child(2) {
	width: 56px;
	height: 50px;
	color:  #EF8100;
	background: #EF8100;
	font-size: 1.25rem;
	opacity: 1;
	position: absolute;
	top: -62px;
	right: 3px;
}

header nav#spMenu > a:nth-child(2).logout {
	color: #359F78;
	background: #359F78;
}

header nav#spMenu.scroll > a:nth-child(1),
header nav#spMenu.scroll > a:nth-child(2) {
	opacity: 0;
}

header nav#spMenu > a:nth-child(1) { right: 61px; }

header nav#spMenu > a:nth-child(3) {
	color:  #FBDB9E;
	background: #FBDB9E;
}

header nav#spMenu.scroll > a:nth-child(3) {
	color:  #FBDB9E;
	background: #FBDB9E;
}

header nav#spMenu > a:before {
	display: block;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	content: "";
	background-size: 100%;
	position: absolute;
	top: 6px;
	left: 50%;
}

header nav#spMenu > a:nth-child(1):before,
header nav#spMenu > a:nth-child(2):before {
	width: 24px;
	height: 24px;
}

header nav#spMenu > a:nth-child(1):before {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-16%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2296px%22%20height%3D%2296px%22%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M40.685%2C51h-4.287C44.866%2C48%2C51%2C40.095%2C51%2C30.879c0-11.406-9.401-20.878-21-20.878%20c-11.599%2C0-21%2C9.584-21%2C20.992C9%2C40.208%2C15.134%2C48%2C23.602%2C51h-3.248C10.399%2C51%2C2%2C61.671%2C2%2C72.113V94h56V72.113%20C58%2C61.671%2C50.641%2C51%2C40.685%2C51z%20M52%2C89H8V72.113C8%2C64.532%2C14.235%2C57%2C20.354%2C57h3.248c2.921%2C0%2C5.418-2.164%2C5.913-4.996%20c0.495-2.832-1.156-5.653-3.91-6.615C19.262%2C43.181%2C15%2C37.366%2C15%2C30.957c0-8.301%2C6.729-15.064%2C15-15.064s15%2C6.702%2C15%2C14.946%20c0%2C6.469-4.262%2C12.297-10.606%2C14.507c-2.753%2C0.959-4.404%2C3.829-3.909%2C6.659C30.979%2C54.837%2C33.477%2C57%2C36.398%2C57h4.287%20C47.058%2C57%2C52%2C65.034%2C52%2C72.113V89z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M75.625%2C26.25c-11.254%2C0-20.375%2C9.123-20.375%2C20.375C55.25%2C57.879%2C64.371%2C67%2C75.625%2C67S96%2C57.879%2C96%2C46.625%20C96%2C35.373%2C86.879%2C26.25%2C75.625%2C26.25z%20M75.625%2C63.18c-9.143%2C0-16.555-7.412-16.555-16.555S66.482%2C30.07%2C75.625%2C30.07%20S92.18%2C37.482%2C92.18%2C46.625S84.768%2C63.18%2C75.625%2C63.18z%22%2F%3E%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2286%2C43%2079%2C43%2079%2C36%2072%2C36%2072%2C43%2065%2C43%2065%2C50%2072%2C50%2072%2C57%2079%2C57%2079%2C50%2086%2C50%20%22%2F%3E%3C%2Fsvg%3E');
	margin-top: -2px;
	margin-left: -7px;
}

header nav#spMenu > a:nth-child(2):before {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-16%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2296px%22%20height%3D%2296px%22%20viewBox%3D%220%200%2096%2096%22%20enable-background%3D%22new%200%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M90%2C26c0%2C2.2-1.8%2C4-4%2C4H14c-2.2%2C0-4-1.8-4-4v-4c0-2.2%2C1.8-4%2C4-4h72c2.2%2C0%2C4%2C1.8%2C4%2C4V26z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M90%2C50c0%2C2.2-1.8%2C4-4%2C4H14c-2.2%2C0-4-1.8-4-4v-4c0-2.2%2C1.8-4%2C4-4h72c2.2%2C0%2C4%2C1.8%2C4%2C4V50z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M90%2C74c0%2C2.2-1.8%2C4-4%2C4H14c-2.2%2C0-4-1.8-4-4v-4c0-2.2%2C1.8-4%2C4-4h72c2.2%2C0%2C4%2C1.8%2C4%2C4V74z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	margin-top: -1px;
	margin-left: -8px;
}

header nav#spMenu > a:after {
	display: block;
	width: 100%;
	color: #EA6000;
	text-align: center;
	text-shadow: 0 0 1px rgba(77, 43, 0, 0.15);
	white-space: pre;
	background-repeat: no-repeat;
	background-position: center -26px;
	transform: rotate(0.05deg);
	position: absolute;
	bottom: 4px;
}

header nav#spMenu.scroll > a:after {
	color: #EF8100;
}

header nav#spMenu > a:nth-child(1):after,
header nav#spMenu > a:nth-child(2):after {
	color: #FFF;
}

header nav#spMenu > a:nth-child(1):after { content: "入会ご案内"; }
header nav#spMenu > a:nth-child(2):after { content: "メニュー"; }

header nav#spMenu.scroll a.keep span,
header nav#spMenu.scroll a.cart span { top: 2px; }

body.spMenu {
	position: fixed;
	left: 0;
	transition: left 0.25s ease-in-out;
}

body.spMenu.move { left: -270px; }

body.spMenu a, body.spMenu img, body.spMenu span { pointer-events: none; }
body.spMenu nav#spMenu > ul a { pointer-events: auto; }

header nav#spMenu > ul {
	width: 270px;
	height: 100%;
	color: #4D2B00;
	background: #EF8100;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.35);
	overflow-y: auto;
	transition: left 0.25s ease-in-out;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 10;
}

header nav#spMenu > ul.open { left: calc(100% - 270px); }

header nav#spMenu > ul > li:not(.closeButton) {
	background: #FF9B20;
	margin: 1px 0 0;
	padding: 1px 0;
	position: relative;
}

header nav#spMenu > ul > li:not(.closeButton):before {
	width: 9px;
	height: 1px;
	content: "";
	background: #CC7100;
	border-bottom: 1px #995400 solid;
	position: absolute;
	left: 11px;
	top: 21px;
}

header nav#spMenu > ul > li:first-of-type {
	margin-top: 50px;
	padding-top: 10px;
}

header nav#spMenu > ul > li:first-of-type:before { top: 31px; }
header nav#spMenu > ul > li:nth-last-of-type(2) { padding-bottom: 20px; }

header nav#spMenu > ul > li.childMenuBox:after {
	display: block;
	width: 12px;
	content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20enable-background%3D%22new%200%200%2012%2012%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20fill%3D%22%23995400%22%20width%3D%2212%22%20height%3D%222%22%2F%3E%3Crect%20x%3D%225%22%20fill%3D%22%23995400%22%20width%3D%222%22%20height%3D%2212%22%2F%3E%3C%2Fsvg%3E');
	transform: rotate(0deg);
	position: absolute;
	top: 12px;
	right: 12px;
	transition: all 0.25s ease-in-out;
}

header nav#spMenu > ul > li.childMenuBox.open:after {
	transform: rotate(135deg);
	top: 10px;
}

header nav#spMenu > ul > li ul {
	display: none;
	margin: 9px 0 -1px;
}

header nav#spMenu > ul > li li {
	margin: 1px 0 0;
	padding: 1px 8px 1px 8px;
	background: #FFDFAA;
}

header nav#spMenu > ul li > span,
header nav#spMenu > ul a {
	display: block;
	margin: 10px 15px 10px 28px;
	color: #663800;
	text-decoration: none;
}

header nav#spMenu > ul ul a { color: #884A00; }

header nav#spMenu > ul > li.closeButton {
	color: #FFF;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%2241.001%22%20y%3D%220%22%20transform%3D%22matrix(-0.7071%20-0.7071%200.7071%20-0.7071%2050.0038%20120.7107)%22%20fill%3D%22%23FFFFFF%22%20width%3D%2218%22%20height%3D%22100%22%2F%3E%3Crect%20x%3D%2240.294%22%20y%3D%220.709%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-21.4179%2049.7076)%22%20fill%3D%22%23FFFFFF%22%20width%3D%2217.999%22%20height%3D%2299.998%22%2F%3E%3C%2Fsvg%3E');
	background-size: 20%;
	background-position: 5px 12px;
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	right: 0;	
}

header nav#spMenu > ul > li.closeButton span { color: #FFF; }



/* ページ下部ナビゲーション */
#main + nav {
	max-width: 1330px;
	margin: 0 auto;
}

#main + nav ul {
	margin: 0;
	padding: 0;
}

#main + nav ul li {
	display: inline;
	text-align: left;
	position: relative;
}

#main + nav ul li:before {
    width: 10px;
    height: 10px;
    content: '';
    box-sizing: border-box;
    border-top: 5px solid transparent;
    border-left: 8.2px solid #ffb355;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 5px;
    left: -12px;
}

#main + nav a {
	display: inline-block;
	margin-right: 30px;
	padding-bottom: 1px;
	color: inherit;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
}

#main + nav a:hover:after {
	background: #333;
}

/* フッタ要素 */
footer {
	width: 100%;
	margin-top: 1.5rem;
	padding: 0.1rem 0 0;
	background: #ECECEC;
}

footer > div {
	width: 100%;
	max-width: 1000px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
}

footer > div > * { display: block; }

#goTopBtn {
	display: block;
	width: 48px;
	height: 48px;
	border: #F1E3B8 1px solid;
	border-radius: 8px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23EF8100%22%20d%3D%22M100%2C85c0%2C8.25-6.75%2C15-15%2C15H15c-8.25%2C0-15-6.75-15-15V15C0%2C6.75%2C6.75%2C0%2C15%2C0h70c8.25%2C0%2C15%2C6.75%2C15%2C15V85z%20%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M79.818%2C50.611l-25.002-31.07c-2.649-3.292-6.984-3.292-9.633%2C0L20.182%2C50.609%20c-2.649%2C3.291-1.36%2C5.983%2C2.866%2C5.983h7.181C30.082%2C57.091%2C30%2C57.614%2C30%2C58.157v13.209c0%2C3.059%2C2.503%2C5.562%2C5.562%2C5.562h28.875%20c3.06%2C0%2C5.563-2.503%2C5.563-5.562h0.001V58.157c0-0.542-0.082-1.065-0.229-1.562h7.181C81.177%2C56.596%2C82.467%2C53.902%2C79.818%2C50.611z%22%20%2F%3E%3C%2Fsvg%3E');
	background-size: 80%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0;
	pointer-events: none;
	float: none;
	position: fixed;
	transition: all 500ms 0s ease-in;
	z-index: 10;
}

#goTopBtn.show {
	opacity: 0.5;
	pointer-events: auto;
}

footer aside {
	max-width: 470px;
	margin: 0;
	padding: 0 15px;
	font-size: 13px;
	line-height: 1.5;
	border-right: 1px solid #CCC;
	letter-spacing: -0.1rem;
	overflow: hidden;
	float: left;
}

footer > div > a {
	display: block;
	max-width: 470px;
	padding: 0 2.0rem 0.5rem;
	float: left;
	font-size: 13px;
}

footer > div > a span {
	display: inline-block;
	margin: 0 -0.35rem;
}

footer small {
	display: block;
	padding: 1.0rem 5% 1.5rem;
	color: #FFF;
	background: #f29600;	
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.1;
	transform: rotate(0deg);
}

/* TOPページスライド */
#topImages {
	width: 100%;
	max-height: 650px;
	padding: 0 0 0;
	position: relative;
    border-bottom: 1px solid #F7B52C;
}

#topImages img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#topImages #topSlideBgImages {
	max-height: 500px;
	overflow: hidden;
}

#topImages #topSlideImages {
	width: 100%;
	height: auto;
	max-width: 1000px;
	margin-left: -500px;
	margin-bottom: 0;
	background: none;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
}

#topImages #topSlideImages > div { opacity: 0; }

/* パンくずリスト */
nav#pankuzu {
	margin: 3.0rem auto -2.0rem;
	max-width: 1330px;
	font-size: 1.4rem;
}

nav#pankuzu > a:first-child { margin-left: 15px; }

nav#pankuzu > * {
	display: inline-block;
	margin: 0 0 0 16px;
	padding: 0.1rem 0.25rem;
	text-decoration: none;
	line-height: 1;
	position: relative;
}

nav#pankuzu > *:not(:first-child):before {
	width: 10px;
	height: 10px;
	content: '';
	box-sizing: border-box;
	border-top: 5px solid transparent;
	border-left: 8.6px solid #ffb355;
	border-bottom: 5px solid transparent; 
	position: absolute;
	top: 3px;
	left: -10px;
}

/* メインコンテンツ */
#main {
	width: 95%;
	max-width: 1300px;
	margin: 3.5rem auto 6.0rem;
	padding: 0.1px;
	overflow: hidden;
}

#main h1,
#main h2,
#main h3 {
	height: auto;
	margin: 0 auto 15px;
	padding-left: 2.5rem;
	font-weight: normal;
	line-height: 2.5;
	position: relative;
	overflow: hidden;
}

#main h2 {
	padding: 1.5rem 1.5rem 1.5rem 4.2rem;
	font-size: 2.4rem;
	line-height: 1.2;
	border-bottom: 1px dashed #a38a77;
	background-image: url(../images/title_bg.svg);
	background-repeat: no-repeat;
	background-size: 3.6rem;
	background-position: 0 1.2rem;
}

#main h3 {
	padding: 0.75em 0 0.5em!important;
	color: #ea6000;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px solid #ea6000;
}

/* メインコンテンツ */
.mainContents {
	width: calc( 100% - 330px);
	max-width: 970px;
	float: right;
	overflow: hidden;
}

.mainContents > img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#main .mainContents > h1 {
	padding: 1.0rem 0.5rem 1.0rem 0.25rem;
	margin-top: 0.25rem;
	color: #5F4B3E;
	line-height: 1.2;
	border-bottom: #756960 1px solid;
	position: relative;
}

.mainContents > h1 + p {
	width: 98%;
	margin: 1.5rem auto 3.0rem;
	font-size: 1.7rem;
}

.mainContents > section { margin: 0 0 6.0rem; }

.mainContents > section > div,
.mainContents > section > section {
	margin: 1.5rem 0;
	padding: 5% 0;
	font-size: 1.6rem;
	background: #F4F4F4;
	line-height: 1.5;
	overflow: hidden;
	border-radius: 3px;
}

.mainContents > section > div > *,
.mainContents > section > section > * {
	width: 90%;
	margin: 1.5rem auto;
}

.mainContents section > div > p,
.mainContents section > section > p {
	width: 85%;
	text-align: justify;
}

.mainContents section > * li{
	margin: 1.0rem 1.5rem 1.0rem 3.0rem;
	padding-left: 0.5rem;
	position: relative;
}

.mainContents section > * > h3 {
	width: 90%;
	margin: 1.5rem auto 0!important;
}

.mainContents section > * > h3:nth-of-type(1) { margin-top: 0!important; }

.mainContents section > * > h3 span {
	color: #756960;
	font-weight: normal;
}

.mainContents section > * ul,
.mainContents section > * ol {
	margin: 0 auto;
	padding: 1.5rem 0;
}

.mainContents section > * ul li:before{
	display: block;
	width: 1.0rem;
	height: 1.0rem;
	background: #f29907;
	content: "";
	border-radius: 0.5rem;
	position: absolute;
	top: 0.7rem;
	left: -1.2rem;
}

.mainContents section > * ol li {
	margin: 1.0rem 1.5rem 1.0rem 5.0rem;
	padding-left: 0.5rem;
	list-style-type: decimal;
}

.mainContents section > * table {
	background: #FFF;
	box-shadow: 0 0 0 5px #FFF;
	border-collapse: collapse;
	border-radius: 3px;
	border: none;
}

.mainContents section > * table tr > th {
	color: #FFF;
	font-weight: normal;
}

.mainContents section > * table thead th { background: #F29907; }
.mainContents section > * table tbody th { background: #F7B52C; }

.mainContents section > * table tr > * {
	padding: 0.75rem 1.5rem;
	border: 1px solid #A28976;
}

.mainContents section > * table tr:nth-child(2n) > td { background: #F7F4F2; }

.mainContents section > * table td.sankahi span { white-space: nowrap }
.mainContents section > * table td.sankahi span small {
	display: inline-block;
	margin-right: 0.3rem;
	padding: 0.15rem 0.25rem 0.25rem;
	color: #FFF;
	background: #EA6000;
	line-height: 1;
	position: relative;
	top: -0.25rem;
}

.mainContents section > * p.signature {
	margin: 3.0rem auto 1.5rem;
	text-align: right;
}

.mainContents section > div ol.mokuteki {
	margin-top: 3.0rem;
	background: #FFF;
	font-weight: bold;
}

.mainContents section > div.kisoku { padding: 4.5rem 0; }

.mainContents section > div.kisoku h4 {
	margin-bottom: 0;
	text-align: center;
}

.mainContents section > div.kisoku > ul {
	margin: 1.5rem auto;
	background: #FFF;
}

.mainContents section > div.kisoku > ul > li {
	margin: 1.5rem;
	padding-left: 7.0rem;
	position: relative;
}

.mainContents section > div.kisoku li:before { display: none; }

.mainContents section > div.kisoku > ul > li span {
	display: block;
	width: 3.5em;
	text-align: right;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.mainContents section > div.kisoku > ul ol {
	margin: 0;
	padding: 0;
}

.mainContents section > div.kisoku > ul ol li {
	margin: 1.0rem 1.5rem;
	padding-left: 0.5rem;
}

.mainContents section > div.kanji dl { overflow: hidden; }

.mainContents section > div.kanji dt {
	display: block;
	margin: 2.0rem 0 0;
	padding-bottom: 0.25rem;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #756960;
}

.mainContents section > div.kanji dd {
	display: block;
	margin: 1.0rem 0.5rem 2.0rem;
	text-align: justify;
}

.mainContents section > div.link { padding: 3.0rem; }

.mainContents section > div.link a {
	display: inline-block;
	width: calc(47% - 3.0rem);
	margin: 0.75rem 1.5%;
	padding: 0.75rem 1.5rem;
	color: inherit;
	background: #FFF;
	float: left;
	text-align: center;
	transition: all 0.25s ease-in;
}

.mainContents section > div.link a:hover {
	color: #FFF;
	background: #F29600;
}

.mainContents section > div.ppolicy{ padding: 3% 5% 5%; }

.mainContents section > div.laboratory img.thumbnail{
	float: left;
	width: 38%;
	max-width: 200px;
	height: auto;
	margin: 2.0rem 2.0rem 1.0rem 5%;
}

.mainContents section > div.laboratory a{
	width: auto;
	margin: 1.5rem 5%;
	padding: 1.0rem 1.5rem 1.0rem 2.5rem;
	color: #F29600;
	background: #FFF;
	border-radius: 0.5rem;
	line-height: 1;
	text-decoration: none;
	float: right;
	transition: all 0.25s ease-in;
	position: relative;
}

.mainContents section > div.laboratory a:hover{
	color: #FFF;
	background: #F29600;
}

.mainContents section > div.laboratory a:before{
    width: 10px;
    height: 10px;
    content: '';
    box-sizing: border-box;
    border-top: 6px solid transparent;
    border-left: 10px solid #756960;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
}

.mainContents section > .research hr { margin: 3.0rem auto; }

#main .mainContents > h1.gakujutu {
	margin: 0 0 3.0rem;
	padding: 0;
	border-bottom: none;
	border-radius: 5px;
	line-height: 0;
}

#main .mainContents > h1.gakujutu img {
	width: 100%;
	height: auto;
}

.mainContents section > div.gakujutu_endai p { color: #756960; }

.mainContents section > div.gakujutu_endai p .person {
	display: block;
	color: #5F4B3E;
	text-align: left;
}

.mainContents section > div.gakujutu_endai p .person small { font-size: 90%; }

.mainContents section > * > form table { width: 100%; }
.mainContents section > * > form table tbody th { width: 35%; }

.mainContents section > * > form table span.red {
	margin: 0 0.5rem;
	font-size: 90%;
}


.mainContents #topOshirase {
	padding: 1.5rem 0 0;
	max-height: 50rem;
	border-bottom: 5px solid #F2F2F2;
	overflow-y: scroll;
}

.mainContents #topOshirase > div {
	margin: 1.5rem auto;
	padding-bottom: 1.5rem;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
}

.mainContents #topOshirase > div:last-child { border: none; }

.mainContents #topOshirase time {
	display: inline-block;
	width: 10rem;
	color: #FFF;
	background: #A28976;
	text-align: center;
	float: left;
}

.mainContents #topOshirase p {
	margin: 0 1.5rem;
	width: calc(100% - 13rem);
	float: left;
}



#main .mainContents article > img {
	display: block;
	width: auto;
	height: auto;
	max-width: 90%;
	margin: 30px 0 0;
}

#main .mainContents article img.center {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 15px auto;
}

#main .mainContents article img.left {
	display: block;
	margin: 5px auto 30px 0;
	width: 100%;
	max-width: none;
	height: auto;
}

#main .mainContents article ul,
#main .mainContents div.article ul,
#main .orderContents article ul {
	width: 96%;
	margin: 0 auto;
	padding: 0 0 1.5rem;
	list-style: none;
}

#main .mainContents article ul li,
#main .mainContents div.article ul li,
#main .orderContents article ul li {
	margin: 25px 0 0 18px;
	font-size: 1.5rem;
	transform: rotate(0.05deg);
	line-height: 1.5;
	position: relative;
}

#main .mainContents article ul li:before,
#main .mainContents div.article ul li:before,
#main .orderContents article ul li:before {
	display: block;
	width: 14px;
	height: 14px;
	content: "";
	background: #EF8100;
	transform: rotate(-0.05deg);
	position: absolute;
	top: 3px;
	left: -22px;
}

#main.mochu .mainContents article ul li:before,
#main.mochu .mainContents div.article ul li:before,
#main.mochu .orderContents article ul li:before { background: #756B94; }

#main .mainContents article ul li strong,
#main .mainContents div.article ul li strong,
#main .orderContents article ul li strong {
	display: block;
	margin-bottom: 0.25rem;
	color: #EF8100;
}

#main.mochu .mainContents article ul li strong,
#main.mochu .mainContents div.article ul li strong,
#main.mochu .orderContents article ul li strong { color: #968FAD; }

#main .mainContents article ul ul,
#main .mainContents article ul ol,
#main .mainContents div.article ul ul,
#main .mainContents div.article ul ol {
	margin: 1.0rem 0;
	padding: 0;
}

#main .mainContents article ul ul li,
#main .mainContents article ul ol li,
#main .mainContents div.article ul ul li,
#main .mainContents div.article ul ol li { margin: 0.5rem 0 0.5rem 1.5rem; }

#main .mainContents article ul ol li,
#main .mainContents div.article ul ol li { list-style-type: decimal; }

#main .mainContents article ul ul li,
#main .mainContents div.article ul ul li { list-style-type: disc; }

#main .mainContents article ul ul li:before,
#main .mainContents article ul ol li:before,
#main .mainContents div.article ul ul li:before,
#main .mainContents div.article ul ol li:before {
	display: none;
}

#main .mainContents:not(.orderContents) article table,
#main .mainContents:not(.orderContents) div.article table {
	margin: 15px 0;
	width: auto;
}

#main .mainContents:not(.orderContents) article table th,
#main .mainContents:not(.orderContents) article table td,
#main .mainContents:not(.orderContents) div.article table th,
#main .mainContents:not(.orderContents) div.article table td {
	padding: 0.5rem 1.5rem;
	text-align: center;
	border: 1px solid #B3AEA2;
	line-height: 1.2;
}

#main .mainContents:not(.orderContents) article table th,
#main .mainContents:not(.orderContents) div.article table th { background: #EDEBE9; }

#main .mainContents article table tr td:first-child,
#main .mainContents div.article table tr td:first-child {
	background: #FBDB9E;
	text-align: left;
}

#main .mainContents article p,
#main .mainContents div.article p {
	width: 97%;
	margin: 1.5rem auto;
}

/* 左部コンテンツ */
.subContents {
	float: left;
	width: 280px;
	transition: all 0.5s ease-out;
}

.subContents > section { margin: 1.0rem auto 2.0rem; }
html.sp .subContents #pageLink { display: none; }

.subContents > section a img:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25)	;
	transition: all 0.25s ease-in;
}

.subContents > section a img:active {
	position: relative;
	top: 1px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15)	;
}

.subContents #pageLink ul {
	margin: 1.5rem 0;
	padding: 0;
}

.subContents #pageLink li {
	margin: 0.5rem 0.5rem 1.0rem 0.5rem;
	padding: 0 0.5rem 0.5rem 1.8rem;
	border-bottom: 1px dashed #DDD2CC;
	position: relative;
}

.subContents #pageLink li:before {
    width: 10px;
    height: 10px;
    content: '';
    box-sizing: border-box;
    border-top: 7px solid transparent;
    border-left: 10px solid #ffb355;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 7px;
    left: 5px;
}

.subContents #pageLink a {
	display: block;
	color: #5F4B3E;
	text-decoration: none;
	padding: 0.5rem 0.75rem;
	border-radius: 0.2rem;
	line-height: 1.2;
	transition: all 0.25s ease-in;
}

.subContents #pageLink a:hover {
	color: #FFF;
	background: #F29600;
}

.subContents #pageLink a.now {
	color: #FFF;
	background: #F7B52C;
}


.subContents > section .otoiawase {
	padding: 1.0rem 1.5rem;
	background: #EEE9E6;
}

.subContents > section .otoiawase span {
	margin-right: 0.5rem;
	white-space: nowrap;
}

.subContents > section .otoiawase span.withIcon {
	margin-left: 0.5rem;
	display: block;
	line-height: 1.5;
}

.subContents > section .otoiawase span.withIcon img {
	width: 20px;
	height: 20px;
	margin: 0 0.5rem 0 0;
	vertical-align: middle;
}

/* 写真の編集 */
html.photoEdit body.photoPreview #photoEditBox { display: none; }
html.photoEdit body.photoEdit #photoPreviewBox { display: none; }

html.photoEdit { background: #000; }
html.photoEdit #main { margin-bottom: 0; }

html.photoEdit body.photoEdit {
	padding: 1px 0;
	color: #FFF;
	background: #000;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

html.photoEdit.pc body.photoEdit #main {
	width:1000px;
	margin: 0 auto;
}

html.photoEdit body.photoEdit #main h1 { margin: 1.5%;	}

html.photoEdit body.photoEdit #main p {
	width: 95%;
	margin: 1.5rem auto;	
}

#photoEditStage {
	height: 97%;
	margin: 0.5% 1.5%;
	padding: 1%;
	border: none;
	background: #0F0E0B;
	border: 1px solid #333;
	position: relative;
	border-radius: 8px;
}

#photoEditStage #imageBox { 
	position: relative;
	height: auto;
	margin: 2.5% auto;
	padding: 0;
	border: none;
	overflow: hidden;
}

#photoEditStage.tate #imageBox { width: 67.5675%; }

#photoEditStage.yoko #imageBox {
	width: 100%;
	height: 67.5675%;
}

#photoEditStage #photoBox img { position: absolute; }

#photoEditStage #photoBox.premium:before {
	display: block;
	width: 96%;
	height: 97.9729%;
	content: "";
	border: 1px solid #F00;
	position: absolute;
	top: 1.0135%;
	left: 2%;
	z-index: 9;
}

#photoEditStage.yoko #photoBox.premium:before {
	width: 97.9729%;
	height: 96%;
	top: 2%;
	left: 1.0135%;
}

#photoEditStage #photoBox.premium:after {
	display: block;
	width: 10rem;
	content: "断裁位置の目安";
	color: #FFF;
	background: #F00;
	font-size: 1.3rem;
	border-radius: 0.5rem 0 0 0;
	text-align: center;
	line-height: 2.1rem;
	transform: rotate(0.05deg);
	position: absolute;
	bottom: calc(1.0135% - 1px);
	right: calc(2% - 1px);
	z-index: 10;
}

#photoEditStage.yoko #photoBox.premium:after {
	bottom: calc(2% - 1px);
	right: calc(1.0135% - 1px);
}


#photoEditStage #imageBox img.editBaseImage {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}

#photoEditStage #imageBox > .photoBoxRayer {
	position: absolute;
	border: 2px dotted #FFF;
	border-radius: 6px;
	cursor: pointer;
	z-index: 990;
	box-shadow: 0 1px 2px rgba(98, 63, 4, 0.75);
	opacity: 0.75;
}

#photoEditStage #imageBox > .photoBoxRayer span {
	display: block;
	width: 45px;
	padding: 4px 2px 3px 2px;
	color: #EF8100;
	background: #FFF;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	border-radius: 2px 0 8px 0;
	position: absolute;
	top: -1px;
	left: -1px;
}

html.pc #photoEditStage #imageBox > .photoBoxRayer:hover { opacity: 1.0; }
#photoEditStage #imageBox > .photoBoxRayer.selected.ui-draggable { cursor: move; }

#photoEditStage #imageBox > .photoBoxRayer.selected {
	background: rgba(250, 239, 244, 0.50);
	border-color: #EF8100;
	opacity: 1.0;
	border-style: solid;
	box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00);
    -webkit-animation: photoBoxRayerSelected 0.50s 1 forwards;
    animation: photoBoxRayerSelected 0.50s 1 forwards;
}

@keyframes photoBoxRayerSelected {
	0% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	20% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	100% { background: rgba(255, 255, 255, 0.25); box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00); }
}

@-webkit-keyframes photoBoxRayerSelected {
	0% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	20% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	100% { background: rgba(255, 255, 255, 0.25); box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00); }
}

#photoEditStage #imageBox > .photoBoxRayer.selected span {
	color: #FFF;
	background: #EF8100;
	z-index: 990;
}

#photoEditStage #imageBox > .photoBoxRayer .editIcon { display: none; }

#photoEditStage #imageBox > .photoBoxRayer.selected .editIcon {
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	opacity: 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20d%3D%22M37%2C0H3C1.35%2C0%2C0%2C1.35%2C0%2C3v34c0%2C1.65%2C1.35%2C3%2C3%2C3h34%20c1.65%2C0%2C3-1.35%2C3-3V3C40%2C1.35%2C38.65%2C0%2C37%2C0z%20M38%2C36c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V4c0-1.1%2C0.9-2%2C2-2h32c1.1%2C0%2C2%2C0.9%2C2%2C2V36z%22%20%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20d%3D%22M27.834%2C7.304c-0.673-0.674-1.76-0.674-2.434%2C0l-0.607%2C0.607%20L10.627%2C22.082l-0.269%2C0.269c0%2C0-0.854%2C0.862-2.786%2C7.094l-0.04%2C0.132l-0.105%2C0.339l-0.093%2C0.309l-0.079%2C0.269l-0.189%2C0.624%20c-0.137%2C0.472-0.475%2C1.532-0.092%2C1.915c0.37%2C0.369%2C1.439%2C0.044%2C1.91-0.093l0.621-0.189l0.277-0.083l0.295-0.088l0.356-0.11%20l0.101-0.031c5.932-1.848%2C6.997-2.715%2C7.085-2.794l0.009-0.005l0.273-0.277l0.022%2C0.018L32.09%2C15.212l0.607-0.611%20c0.673-0.669%2C0.673-1.761%2C0-2.434L27.834%2C7.304z%20M16.652%2C28.538l-0.031%2C0.018l-0.018%2C0.013l-0.026%2C0.014l-0.022%2C0.013%20c-0.282%2C0.172-1.114%2C0.607-3.129%2C1.339l-0.765%2C0.268l-2.866-2.869c0.093-0.269%2C0.186-0.528%2C0.269-0.766%20c0.73-2.024%2C1.166-2.856%2C1.333-3.143l0.013-0.018l0.017-0.026l0.009-0.018l0.022-0.03l0.207-0.212l5.198%2C5.202L16.652%2C28.538z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
    -webkit-animation: photoBoxRayerEditIcon 0.35s 1 forwards;
    animation: photoBoxRayerEditIcon 0.35s 1 forwards;
}

@keyframes photoBoxRayerEditIcon {
	0% { 
		display: none;
		width: 40px;
		height: 40px;
		margin: -20px 0 0 -20px;
		opacity: 1.0;

	}
	100% {
		display: block;
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
		opacity: 0;
		z-index: 0;
	}
}

@-webkit-keyframes photoBoxRayerEditIcon {
	0% { 
		display: none;
		width: 40px;
		height: 40px;
		margin: -20px 0 0 -20px;
		opacity: 1.0;

	}
	100% {
		display: block;
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
		opacity: 0;
		z-index: 0;
	}
}

#photoEditStage #editButtonBox {
	display: none;
	width: 32px;
	height: 176px;
	background: #EF8100;
	border-radius: 2px;
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 990;
}

html.mobile #photoEditStage #editButtonBox {
	top: 2px;
	right: 2px;
}

#photoEditStage #editButtonBox > a {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226px%22%20height%3D%22156px%22%20viewBox%3D%220%200%2026%20156%22%20enable-background%3D%22new%200%200%2026%20156%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Crect%20y%3D%22130%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%20%3Crect%20y%3D%22104%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%20%3Crect%20y%3D%2278%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%20%3Crect%20y%3D%2252%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%20%3Crect%20y%3D%2226%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%20%3Crect%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%2226%22%20height%3D%2226%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M23.548%2C46.8l-5.483-5.483c0.761-1.258%2C1.177-2.707%2C1.178-4.229c0.002-2.287-0.9-4.45-2.541-6.091%20c-1.642-1.642-3.807-2.546-6.096-2.546c-2.196%2C0-4.249%2C0.844-5.781%2C2.376c-3.228%2C3.228-3.151%2C8.556%2C0.17%2C11.877%20c1.639%2C1.639%2C3.799%2C2.541%2C6.084%2C2.541c1.525%2C0%2C2.977-0.416%2C4.236-1.178l5.483%2C5.483L23.548%2C46.8z%20M5.701%2C41.996%20c-2.932-2.932-3.008-7.625-0.17-10.463c1.343-1.343%2C3.146-2.083%2C5.074-2.083c2.021%2C0%2C3.936%2C0.8%2C5.389%2C2.253%20c1.451%2C1.451%2C2.249%2C3.363%2C2.248%2C5.383c-0.002%2C1.929-0.743%2C3.729-2.089%2C5.071c-1.342%2C1.346-3.145%2C2.087-5.075%2C2.087%20C9.061%2C44.244%2C7.15%2C43.446%2C5.701%2C41.996z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M16.178%2C35.68c0-0.276-0.224-0.5-0.5-0.5h-10c-0.276%2C0-0.5%2C0.224-0.5%2C0.5v2c0%2C0.276%2C0.224%2C0.5%2C0.5%2C0.5h10%20c0.276%2C0%2C0.5-0.224%2C0.5-0.5V35.68z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M23.548%2C20.8l-5.483-5.483c0.761-1.258%2C1.177-2.707%2C1.178-4.229c0.002-2.287-0.9-4.45-2.541-6.091%20C15.06%2C3.354%2C12.895%2C2.45%2C10.605%2C2.45c-2.196%2C0-4.249%2C0.844-5.781%2C2.376c-3.228%2C3.228-3.151%2C8.556%2C0.17%2C11.877%20c1.639%2C1.639%2C3.799%2C2.541%2C6.084%2C2.541c1.525%2C0%2C2.977-0.416%2C4.236-1.178l5.483%2C5.483L23.548%2C20.8z%20M5.701%2C15.996%20C2.77%2C13.064%2C2.693%2C8.371%2C5.531%2C5.533C6.874%2C4.19%2C8.677%2C3.45%2C10.605%2C3.45c2.021%2C0%2C3.936%2C0.8%2C5.389%2C2.253%20c1.451%2C1.451%2C2.249%2C3.363%2C2.248%2C5.383c-0.002%2C1.929-0.743%2C3.729-2.089%2C5.071c-1.342%2C1.346-3.145%2C2.087-5.075%2C2.087%20C9.061%2C18.244%2C7.15%2C17.446%2C5.701%2C15.996z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M16.178%2C9.68c0-0.276-0.224-0.5-0.5-0.5h-3.5v-3.5c0-0.276-0.224-0.5-0.5-0.5h-2%20c-0.276%2C0-0.5%2C0.224-0.5%2C0.5v3.5h-3.5c-0.276%2C0-0.5%2C0.224-0.5%2C0.5v2c0%2C0.276%2C0.224%2C0.5%2C0.5%2C0.5h3.5v3.5c0%2C0.276%2C0.224%2C0.5%2C0.5%2C0.5%20h2c0.276%2C0%2C0.5-0.224%2C0.5-0.5v-3.5h3.5c0.276%2C0%2C0.5-0.224%2C0.5-0.5V9.68z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M15.59%2C71.27c-2.45%2C1.01-5.37%2C0.53-7.36-1.45c-1.1-1.1-1.73-2.48-1.92-3.91l1.73%2C0.53%20c0.25%2C0.19%2C0.59%2C0.18%2C0.83-0.01c0.24-0.18%2C0.34-0.51%2C0.23-0.8l-2.93-5.04c-0.09-0.22-0.27-0.38-0.51-0.43%20c-0.23-0.05-0.46%2C0.02-0.63%2C0.19L1.2%2C64.17C0.99%2C64.39%2C0.94%2C64.73%2C1.08%2C65c0.15%2C0.27%2C0.45%2C0.41%2C0.76%2C0.35l1.19-0.24%20c0.03%2C2.53%2C1.01%2C5.06%2C2.94%2C6.98c2.93%2C2.92%2C7.23%2C3.64%2C10.83%2C2.16c0.5-0.2%2C0.86-0.64%2C0.96-1.17c0.11-0.53-0.06-1.08-0.439-1.46%20C16.859%2C71.16%2C16.18%2C71.03%2C15.59%2C71.27z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M24.92%2C65c-0.15-0.27-0.449-0.41-0.76-0.35l-1.189%2C0.24c-0.031-2.53-1.011-5.06-2.941-6.98%20C17.1%2C54.99%2C12.8%2C54.27%2C9.2%2C55.75c-0.5%2C0.2-0.86%2C0.64-0.96%2C1.17C8.13%2C57.45%2C8.3%2C58%2C8.68%2C58.38c0.46%2C0.46%2C1.14%2C0.59%2C1.73%2C0.35%20c2.45-1.01%2C5.369-0.53%2C7.359%2C1.45c1.101%2C1.1%2C1.73%2C2.48%2C1.92%2C3.91l-1.729-0.53c-0.25-0.19-0.59-0.18-0.83%2C0.01%20c-0.239%2C0.18-0.34%2C0.51-0.229%2C0.8l2.93%2C5.04c0.08%2C0.22%2C0.27%2C0.38%2C0.51%2C0.43c0.23%2C0.05%2C0.46-0.02%2C0.631-0.19l3.829-3.82%20C25.01%2C65.61%2C25.061%2C65.27%2C24.92%2C65z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M24.8%2C90.17l-3.829-3.82c-0.171-0.17-0.4-0.24-0.631-0.189c-0.24%2C0.05-0.42%2C0.21-0.51%2C0.43l-2.93%2C5.04%20c-0.11%2C0.29-0.01%2C0.62%2C0.229%2C0.8c0.24%2C0.19%2C0.58%2C0.2%2C0.83%2C0.01l1.729-0.529c-0.189%2C1.43-0.819%2C2.811-1.92%2C3.91%20c-1.99%2C1.979-4.91%2C2.459-7.359%2C1.449c-0.59-0.24-1.27-0.109-1.73%2C0.351C8.3%2C98%2C8.13%2C98.55%2C8.24%2C99.08%20c0.1%2C0.529%2C0.46%2C0.97%2C0.96%2C1.17c3.6%2C1.48%2C7.899%2C0.76%2C10.829-2.16c1.931-1.92%2C2.91-4.449%2C2.941-6.98l1.189%2C0.24%20c0.311%2C0.061%2C0.609-0.08%2C0.76-0.35C25.061%2C90.73%2C25.01%2C90.391%2C24.8%2C90.17z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M8.87%2C89.57c-0.24-0.19-0.58-0.2-0.83-0.01L6.31%2C90.09c0.19-1.43%2C0.82-2.811%2C1.92-3.91%20c1.99-1.979%2C4.91-2.459%2C7.36-1.449c0.59%2C0.24%2C1.27%2C0.109%2C1.73-0.351c0.38-0.38%2C0.55-0.93%2C0.439-1.46%20c-0.1-0.529-0.46-0.97-0.96-1.17c-3.6-1.48-7.9-0.76-10.83%2C2.16c-1.93%2C1.92-2.91%2C4.449-2.94%2C6.98l-1.19-0.24%20C1.53%2C90.59%2C1.23%2C90.73%2C1.08%2C91c-0.14%2C0.27-0.09%2C0.609%2C0.12%2C0.83l3.83%2C3.82c0.17%2C0.17%2C0.4%2C0.24%2C0.63%2C0.189%20c0.24-0.05%2C0.43-0.21%2C0.51-0.43l2.93-5.04C9.21%2C90.08%2C9.11%2C89.75%2C8.87%2C89.57z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M22.48%2C111.05c-0.34-0.78-0.811-1.489-1.42-2.1c-0.601-0.61-1.311-1.091-2.09-1.421%20C18.15%2C107.18%2C17.29%2C107%2C16.4%2C107H4.95c-1.03%2C0-1.86%2C0.84-1.86%2C1.87s0.83%2C1.87%2C1.86%2C1.87H16.4c0.77%2C0%2C1.49%2C0.3%2C2.029%2C0.85%20c0.551%2C0.551%2C0.85%2C1.27%2C0.85%2C2.04v2.42c0%2C0.771-0.299%2C1.49-0.85%2C2.04c-0.539%2C0.551-1.26%2C0.86-2.029%2C0.86H11v-2.479%20c-0.02-0.461-0.2-0.921-0.55-1.271c-0.72-0.729-1.9-0.729-2.63%2C0l-4.28%2C4.31c-0.72%2C0.73-0.72%2C1.91%2C0%2C2.641l4.28%2C4.3%20c0.37%2C0.37%2C0.84%2C0.55%2C1.32%2C0.55c0.47%2C0%2C0.95-0.18%2C1.31-0.55c0.36-0.36%2C0.54-0.83%2C0.55-1.3v-2.471h5.4c0.89%2C0%2C1.75-0.17%2C2.57-0.52%20c0.779-0.34%2C1.489-0.82%2C2.09-1.42c0.609-0.61%2C1.08-1.32%2C1.42-2.11c0.34-0.819%2C0.52-1.69%2C0.52-2.58v-2.409%20C23%2C112.74%2C22.82%2C111.87%2C22.48%2C111.05z%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%22149%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%2221%22%20height%3D%225%22%2F%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22133%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%224%22%20y%3D%22133%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22133%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22153%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%224%22%20y%3D%22153%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22153%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22135%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22137%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22139%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22135%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22137%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22139%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22141%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22143%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22145%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22141%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22143%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22145%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22147%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22149%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%222%22%20y%3D%22151%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22147%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22149%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Crect%20x%3D%226%22%20y%3D%22151%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF8C00%22%20d%3D%22M8.592%2C139.453c2.144-0.897%2C4.704-0.461%2C6.449%2C1.309%20c1.149%2C1.163%2C1.732%2C2.696%2C1.751%2C4.229l0.708-0.146c0.186-0.037%2C0.363%2C0.049%2C0.453%2C0.212c0.083%2C0.163%2C0.053%2C0.37-0.072%2C0.503%20l-2.28%2C2.314c-0.102%2C0.104-0.238%2C0.146-0.375%2C0.115c-0.143-0.029-0.25-0.127-0.304-0.26l-1.745-3.055%20c-0.065-0.176-0.006-0.376%2C0.137-0.484c0.144-0.115%2C0.346-0.121%2C0.495-0.006l1.029%2C0.32c-0.112-0.865-0.488-1.702-1.143-2.369%20c-1.186-1.199-2.924-1.49-4.384-0.879c-0.351%2C0.146-0.756%2C0.066-1.029-0.211c-0.228-0.23-0.328-0.564-0.263-0.886%20C8.079%2C139.84%2C8.294%2C139.574%2C8.592%2C139.453z%22%2F%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M15.695%2C133.402c0%2C0.674-0.4%2C1.629-1.199%2C2.865l-0.049%2C0.078l-1.002%2C1.547h-1.881l1.639-2.368%20c-0.123%2C0.035-0.243%2C0.062-0.36%2C0.077s-0.231%2C0.023-0.343%2C0.023c-0.598%2C0-1.083-0.213-1.455-0.639s-0.558-0.951-0.558-1.576%20c0-0.732%2C0.24-1.322%2C0.718-1.773c0.479-0.449%2C1.113-0.674%2C1.901-0.674s1.417%2C0.223%2C1.885%2C0.668S15.695%2C132.666%2C15.695%2C133.402z%20M14.14%2C133.332c0-0.275-0.093-0.502-0.277-0.68c-0.185-0.177-0.431-0.266-0.738-0.266s-0.555%2C0.085-0.741%2C0.255%20s-0.279%2C0.399-0.279%2C0.69c0%2C0.311%2C0.095%2C0.561%2C0.286%2C0.748c0.19%2C0.189%2C0.435%2C0.284%2C0.734%2C0.284c0.302%2C0%2C0.546-0.097%2C0.734-0.29%20S14.14%2C133.633%2C14.14%2C133.332z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M21.415%2C134.553c0%2C1.043-0.251%2C1.885-0.753%2C2.525c-0.504%2C0.641-1.157%2C0.96-1.963%2C0.96%20c-0.814%2C0-1.475-0.325-1.98-0.976c-0.504-0.65-0.758-1.508-0.758-2.57c0-1.061%2C0.254-1.914%2C0.758-2.561%20c0.506-0.646%2C1.166-0.969%2C1.98-0.969c0.823%2C0%2C1.481%2C0.324%2C1.975%2C0.971C21.168%2C132.582%2C21.415%2C133.455%2C21.415%2C134.553z%20M19.662%2C134.492c0-0.666-0.08-1.16-0.238-1.486c-0.158-0.324-0.399-0.487-0.725-0.487c-0.337%2C0-0.586%2C0.161-0.744%2C0.483%20c-0.16%2C0.322-0.24%2C0.818-0.24%2C1.49c0%2C0.664%2C0.082%2C1.162%2C0.244%2C1.492c0.162%2C0.328%2C0.409%2C0.494%2C0.74%2C0.494%20c0.322%2C0%2C0.563-0.164%2C0.723-0.492S19.662%2C135.16%2C19.662%2C134.492z%22%2F%3E%20%3Cpath%20fill%3D%22%23FF8C00%22%20d%3D%22M25.006%2C132.396c0%2C0.393-0.141%2C0.729-0.422%2C1.009s-0.62%2C0.42-1.016%2C0.42c-0.398%2C0-0.735-0.139-1.011-0.416%20s-0.413-0.614-0.413-1.013c0-0.401%2C0.139-0.741%2C0.415-1.017c0.277-0.277%2C0.616-0.416%2C1.018-0.416c0.396%2C0%2C0.732%2C0.139%2C1.011%2C0.418%20C24.866%2C131.658%2C25.006%2C131.997%2C25.006%2C132.396z%20M24.333%2C132.387c0-0.211-0.074-0.39-0.222-0.536%20c-0.148-0.146-0.326-0.22-0.534-0.22c-0.211%2C0-0.392%2C0.073-0.54%2C0.22c-0.15%2C0.146-0.225%2C0.325-0.225%2C0.536s0.074%2C0.391%2C0.222%2C0.541%20c0.147%2C0.148%2C0.329%2C0.224%2C0.543%2C0.224c0.208%2C0%2C0.386-0.075%2C0.534-0.226C24.259%2C132.774%2C24.333%2C132.595%2C24.333%2C132.387z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: 0 0;
	position: absolute;
	left: 3px;
	outline: none;
}

#photoEditStage #editButtonBox > a:hover { opacity: 0.75; }

#photoEditStage #editButtonBox > a:active {
	margin-top: 1px;
	opacity: 0.85;
}

#photoEditStage #editButtonBox > a img {
	width: 100%;
	height: 100%;
}


html.mobile #photoEditStage #editButtonBox { height: 32px; }
html.mobile #photoEditStage #editButtonBox > a.pc {	display: none; }

#photoEditStage #editButtonBox a#editZoomIn { top: 3px; }
#photoEditStage #editButtonBox a#editZoomOut { top: 31px; background-position: 0 -26px; }
#photoEditStage #editButtonBox a#editRotateR { top: 61px; background-position: 0 -52px; }
#photoEditStage #editButtonBox a#editRotateL { top: 89px; background-position: 0 -78px; }
#photoEditStage #editButtonBox a#edit90DegRotate { top: 117px; background-position: 0 -130px; }
#photoEditStage #editButtonBox a#backDefault { top: 147px; background-position: 0 -104px; }
html.mobile #photoEditStage #editButtonBox a#backDefault { top: 3px; background-position: 0 -104px; }

#photoEditStage .bgOverFlow #editButtonBox {
	right: 6px;
	top: 5px;
}

#photoEditStage #imageBox > .photoBoxRayer.bgOverFlow {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#photoEditStage #imageBox > .photoBoxRayer.bgOverFlow span {
	top: 2px;
	left: 3px;	
}

#photoEditStage #imageBox > .photoBoxRayer.bgOverFlow.selected {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
    -webkit-animation: none;
    animation: none;
	background: none;
}

#photoEditStage #imageBox > .photoBoxRayer.bgOverFlow .borderInner {
	background: none;
	border: 2px dotted #FFF;
	box-shadow: 0 1px 2px rgba(98, 63, 4, 0.75);
	box-sizing: border-box!important;
}

#photoEditStage #imageBox > .photoBoxRayer.bgOverFlow.selected .borderInner {
	border-color: #EF8100;
	opacity: 1.0;
	border-style: solid;
	box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00);
    -webkit-animation: photoBoxRayerSelected2 0.50s 1 forwards;
    animation: photoBoxRayerSelected2 0.50s 1 forwards;
}

@keyframes photoBoxRayerSelected2 {
	0% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	20% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	100% { background: rgba(255, 255, 255, 0.25); box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00); }
}

@-webkit-keyframes photoBoxRayerSelected2 {
	0% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	20% { background: none; box-shadow: 0 1px 2px rgba(98, 63, 4, 0.50); }
	100% { background: rgba(255, 255, 255, 0.25); box-shadow: 0 2px 4px rgba(98, 63, 4, 1.00); }
}

html.mobile body {
    width: 100%;
	min-width: 0;
	margin: 0 auto;
	background: #000;
}

html.mobile body #main {
    width: 100%;
	margin: 0 auto 3.0rem;
	background: #000;
}

html.photoEdit body.photoPreview #main {
	margin-bottom: 0;
	padding-bottom: 3.0rem;
	background: #FFF;
}

html.mobile #photoEditStage {
	width: 97%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: 0;
}

html.mobile #photoEditStage #imageBox {
	width: 95%!important;
	height: auto!important;
	margin: 2.5%!important;
	border-radius: 0!important;
}

/* 画質調整 */

#imageQualityAdjustBox > h2 {
	width: 97%;
	max-width: 640px;
	margin: 7.0rem auto 0;
	margin-top: 7.0rem;
}

#imageQualityAdjustBox form {
	max-width: 640px;
	margin: 2.5rem auto 0;
}

#imageQualityAdjustBox form div {
	margin: 13px 0 12px 20px;
	width: 270px;
	height: 60px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	position: relative;
	float: left;
}

#imageQualityAdjustBox form div h3 {
	margin: 0;
	font-size: 1.4rem;
	position: absolute;
	top: -20px;
	left: 0;
}

#imageQualityAdjustBox form div > span {
	display: block;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: center;
	float: left;
}

#imageQualityAdjustBox form div label {
	display: inline-block;
	margin-left: 8px;
	float: left;
	line-height: 60px;
}

#imageQualityAdjustBox form div label span {
	display: inline-block;
	margin: 0 3px;
	font-size: 1.4rem;
	float: left;
}

#imageQualityAdjustBox form div label select {
	display: inline-block;
	margin: 13px 3px 0;
	float: left;	
}

#imageQualityAdjustBox form div:last-of-type { margin-bottom: 20px; }

#imageQualityAdjustBox form p {
	clear: both;
	display: block;
	margin: 2.0rem auto 0;
	max-width: 560px;
	font-size: 1.4rem;
}

#imageQualityAdjustBox hr {
	clear: both;
	margin-top: 2.0rem;
	background: rgba(255, 255, 255, 0.5);
	float: none;
}

#imageQualityAdjustBox hr + label.checkbox {
	margin: 1.5rem;
	padding-right: 1.0rem;
	border-radius: 6px;
}

#imageQualityAdjustBox hr + label span {
	display: inline-block;
	font-size: 1.6rem;
}

#imageQualityAdjustBox hr + label small {
	display: block;
	font-size: 1.3rem;
}


#imageQualityAdjustBox hr + label.checked { color: #241B0F; }

html.mobile #imageQualityAdjustBox form div {
	width: 260px;
	margin: 30px auto 12px;
	float: none;
}

html.mobile #imageQualityAdjustBox form p { margin-left: 1.5rem; }


/* フォームオブジェクト */
label {
	width: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

label.gaiji { display: inline-block; }

input:not([type='radio']):not([type='file']):not([type='checkbox']), textarea, select {
    padding: 0.375rem 0.5rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #28313b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D5D6D7;
    border-radius: 3px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {  -moz-appearance:textfield; }

label.focus input:not([type='radio']):not([type='file']):not([type='checkbox']), textarea:focus, select:focus, label.file.focus {
    color: #364752;
    background-color: #fff;
    border-color: #EF8100;
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px #EF8100;
    box-shadow: 0 0 0 1px #EF8100;
}

input:not([type='radio']):not([type='file']):not([type='checkbox']) { margin: 0  0.25rem; }

input.error:not([type='radio']):not([type='file']):not([type='checkbox']) {
	background: #FCEDED;
	border-color: #CC0000;
}

input.size1 { width: 3.5rem; }
input.size2 { width: 7rem; }
input.size3 { width: 10rem; }
input.size4 { width: 50%; }
input.size5 { width: 90%; }

label.file {
	display: inline-block;
	width: 90%;
	min-width: 270px;
    height: 30px;
	padding-left: 10px;
	background: #FFF;
    border: 1px solid #D5D6D7;
    border-radius: 3px;
	line-height: 30px;
	position: relative;
    z-index: 1;
}

label.file:after {
    display: block;
	width: 60px;
    height: 30px;
    content: '選択';
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
	background: linear-gradient(180deg,#fff,#f5f5f5);
	text-align: center;
	line-height: 30px;
    border-left: 1px solid #D5D6D7;
    border-radius: 0 3px 3px 0;
	cursor: pointer;
	position: absolute;
    bottom: 0;
	right: 0;
    z-index: 2;
}

label.file span {
	display: inline-block;
	width: calc(100% - 60px - 1.2rem);
	max-height: 32px;
	padding-left: 1.2rem;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;	
}

label.file.focus:after { border-left: 1px solid #EF8100; }
label.file input[type='file'] { opacity: 0 }

label[data-error] input:not([type='radio']):not([type='checkbox']), label[data-error] textarea, label[data-error] select {
	color: #BB113C;
    background: #FAEFF4;
	border-color: #BB113C;
}

select {
	margin: 0 0.25rem 0.25rem;
	padding: 0.25rem;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
	background: linear-gradient(180deg,#fff,#f5f5f5);
}

label.checkbox, label.radio {
	display: inline-block;
	margin: 0 0.25rem 0.25rem;
	padding: 3px 5px 3px 24px;
	position: relative;
	border: 1px dotted transparent;
	border-radius: 8px;
	line-height: 1.2;
	pointer-events: auto;
	cursor: pointer;
	float: left;
}

label.checkbox {
	padding-left: 28px;
}

label.checkbox:before, label.radio:before {
	display: block;
	content: "";
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
	background: linear-gradient(180deg,#fff,#f5f5f5);
	position: absolute;
	border: 1px solid #D5D6D7;
	-webkit-box-shadow: 0 1px 0 0 rgba(61,70,79,.05);
	box-shadow: 0 1px 0 0 rgba(61,70,79,.05);
}

label.checkbox:before {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	top: 0.3rem;
	left: 5px;
}

label.radio:before {
	width: 14px;
	height: 14px;
	border-radius: 9px;
	top: 3px;
	left: 5px;
}

label.checkbox:hover, label.radio:hover { border-color: #C0B394; }

label.checkbox.checked, label.checked {
	background: #FFEAAA;
	border-color: #FFBB55;
}

label.checkbox.checked:before, label.radio.checked:before {
	background: #FFF;
	border: 1px solid #D0C6AE;
}

label.checkbox:after, label.radio:after {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
	position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
}

label.checkbox:after {
    width: 18px;
    height: 18px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22check-mark-9%22%20fill%3D%22%239CCD07%22%20d%3D%22M0%2C12.116l2.053-1.897c2.401%2C1.162%2C3.924%2C2.045%2C6.622%2C3.971%20c5.073-5.758%2C8.427-8.68%2C14.657-12.557L24%2C3.169c-5.139%2C4.484-8.902%2C9.479-14.321%2C19.198C6.336%2C18.432%2C4.105%2C15.922%2C0%2C12.116z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 70%;
    top: 0.3rem;
    left: 5px;
}

label.radio:after {
    width: 20px;
    height: 20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%238FBC07%22%20cx%3D%2212.028%22%20cy%3D%2212.028%22%20r%3D%2212.028%22%2F%3E%3C%2Fsvg%3E');
    background-size: 50%;
    top: 1px;
    left: 3px;
}

label.checkbox.checked:after, label.radio.checked:after { transform: scale(1) }

label.focus:before {
	border: 1px solid #9ED009;
	-webkit-box-shadow: 0 0 1px 1px #9ED009;
	box-shadow: 0 0 1px 1px #9ED009;
}

input[type='checkbox'], input[type='radio'] {
	display: none;
	width: 0;
	opacity: 0;
	transform: scale(0.01);
}

/* フォームオブジェクト（外字入力） */
label small.gaijiInput {
	display: block;
	width: 40px;
	padding-top: 1px;
	color: #FFF;
	background: rgba(0, 12, 24, 0.9);
	border-radius: 6px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	top: 0px;
	right: -5px;
    transition: all 0.2s ease 0s;
	z-index: 10;
}

label small.gaijiInput.ready {
	top: -10px;
	opacity: 1;
}

#gaijiScreen p {
	margin: 15px 1.5%;
	text-align: left;
}

#gaijiScreen ul {
	margin: 15px 1.5% 30px;
	padding: 1.0rem;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(0, 12, 24, 0.9);
	border-radius: 8px;
	text-align: left;
	overflow: hidden;
}

#gaijiScreen ul li { margin-left: 20px; }

#gaijiScreen ul li:not(.noList) {
	display: block;
	margin: 2%;
	width: 21%;
	color: #000D19;
	background: #FFF;
	font-size: 4.5rem;
	text-align: center;
	line-height: 2.0;
	border-radius: 2px;
	cursor: pointer;
	float: left;
}

#gaijiScreen ul li:not(.noList):hover { background: #D5EBFF; }

#gaijiScreen ul li:not(.noList):active {
	position: relative;
	top: 1px;
}

/* オーバーレイスクリーン */
.overlayScreen {
	display: none;
	width: 100%;
	min-height: 100%;
	background: rgba(0, 12, 24, 0.7);
	position: fixed;
	top: 0;
	z-index: 998;
	overflow-y: auto;
}

.overlayInner {
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #F3F4F5;
	background: rgba(0, 12, 24, 0.75);
	box-shadow: 0 2px 5px rgba(0, 12, 24, 0.5);
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	position: fixed;
	top: -100%;
	z-index: 999;
	overflow-y: auto;
}

.overlayScreen.show {
	display: block!important;
	top: 0;
	-webkit-animation: showScreen 0.2s ease-in-out 0s;
	animation: showScreen 0.2s ease-in-out 0s;
}

.overlayScreen.show .overlayInner {
	display: block;
	top: 0;
	-webkit-animation: dropDownScreen 0.5s ease-in 0s;
	animation: dropDownScreen 0.5s ease-in-out 0s;
}

.overlayInner > div {
	width: 90%;
	max-width: 720px;
	height: auto;
	margin: 80px auto 30px;
	text-align: center;
}

.overlayInner h2 {
	margin: 15px 1.5%;
	pading-bottom: 5px;
	position: relative;
	text-align: left;
}

.overlayInner h2:after {
	width: 100%;
	content: '';
	border-bottom: 1px solid #FFF;
	transform: rotate(-0.05deg);
	position: absolute;
	bottom: 0;
	left: 0;
}

.overlayInner > div > img:only-child {
	width: auto;
	max-width: 90%;
	height: auto;
	margin: 10% auto;
}

.overlayScreen.show .screenCloseBtn {
	padding: 0 12px 0 30px;
	display: inline-block;
	color: #FFF;
	font-size: 1.6rem;
	border-left: 1px solid #333;
	line-height: 4.5rem;
	text-decoration: none;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%2241.001%22%20y%3D%220%22%20transform%3D%22matrix(-0.7071%20-0.7071%200.7071%20-0.7071%2050.0038%20120.7107)%22%20fill%3D%22%23FFFFFF%22%20width%3D%2218%22%20height%3D%22100%22%2F%3E%3Crect%20x%3D%2240.294%22%20y%3D%220.709%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-21.4179%2049.7076)%22%20fill%3D%22%23FFFFFF%22%20width%3D%2217.999%22%20height%3D%2299.998%22%2F%3E%3C%2Fsvg%3E');
	background-size: 22%;
	background-position: 6px 50%;
	background-repeat: no-repeat;
	opacity: 0.75;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.overlayScreen.show .scrollNotice .screenCloseBtn {
	display: inline-block;
	background: none;
	font-size: 1.6rem;
	opacity: 0.75;
	position: relative;
	top: auto;
	right: auto;
}

.overlayScreen .buttonBox { background: none; }

.overlayScreen.show .screenCloseBtn:hover { opacity: 1; }

@-webkit-keyframes showScreen{ from{ opacity: 0; } to{ opacity: 1.0; } }
@keyframes showScreen{ from{ opacity: 0; } to{ opacity: 1.0; } }

@-webkit-keyframes dropDownScreen{ from{ top: -100%; } 	to{ top: 0; } }
@keyframes dropDownScreen{ from{ top: -100%; } to{ top: 0; } }

/* オーバーレイスクリーン デザイン詳細 */
#designDetail .overlayInner { text-align: center; }

#designDetail .overlayInner > div {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	position: relative;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23fff%22%3E%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20attributeName%3D%22r%22%20begin%3D%220s%22%20dur%3D%221.8s%22%20values%3D%221%3B%2020%22%20calcMode%3D%22spline%22%20keyTimes%3D%220%3B%201%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%220s%22%20dur%3D%221.8s%22%20values%3D%221%3B%200%22%20calcMode%3D%22spline%22%20keyTimes%3D%220%3B%201%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fcircle%3E%20%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%20%3Canimate%20attributeName%3D%22r%22%20begin%3D%22-0.9s%22%20dur%3D%221.8s%22%20values%3D%221%3B%2020%22%20calcMode%3D%22spline%22%20keyTimes%3D%220%3B%201%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%22-0.9s%22%20dur%3D%221.8s%22%20values%3D%221%3B%200%22%20calcMode%3D%22spline%22%20keyTimes%3D%220%3B%201%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: 50% 40%;
}

#designDetail .overlayInner.scrollNotice > div { margin-top: 25px; }

#designDetail .overlayInner h3 {
	margin: 0;
	background: #000;
	font-weight: normal;
	border-bottom: 1px solid #333;
	font-size: 2.0rem;
	line-height: 4.5rem;
}

#designDetail .overlayInner p {
	margin: 1.5rem auto 0;
	color: rgba(255, 255, 255, 0.85);
	font-size: 1.6rem;
	line-height: 1;
}

#designDetail .overlayInner aside {
	display: none;
	width: 80%;
	max-width: 380px;
	margin: 2.5rem auto 1.0rem;
	padding: 1.5rem 2.0rem;
	text-align: center;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transition: all 0.25s ease-out;
}

#designDetail .overlayInner aside.show {
	display: block;
    color: #867813;
    background: #FAF9EF;
    border-color: #BFAF40;
	opacity: 1.0;
}

#designDetail .overlayInner aside.show.alert {
	color: #BB113C;
    background: #FAEFF4;
    border-color: #BF4060;
}

#designDetail .overlayInner .imgBox { padding: 30px 0; }

#designDetail .overlayInner div.designs {
	width: 80%;
	height: auto;
	max-width: 430px;
	margin: 0 auto;
	opacity: 100%;
	vertical-align: middle;
	position: relative;
}

#designDetail .overlayInner div.designs.yoko {
	width: 90%;
	max-width: 650px;
}

#designDetail .overlayInner div.designs span.prev {
}

#designDetail .overlayInner div.designs span {
    display: inline-block;
    width: 1000px;
    position: absolute;
    overflow: hidden;
    opacity: 0.8;
}

#designDetail .overlayInner div.designs span.prev {
    text-align: right;
    left: -1010px;
}

#designDetail .overlayInner div.designs span.next {
    text-align: left;
    right: -1010px;
}

#designDetail .overlayInner div.designs span img {
    vertical-align: middle;
}

#designDetail .overlayInner img.design {
	width: 100%;
	height: auto;
	opacity: 100%;
	vertical-align: middle;
	cursor: pointer;
}

#designDetail .overlayInner img.design.blank {
	min-height: 100px;
	opacity: 0;
}

#designDetail .overlayInner .target { margin: 3.0rem auto; }

#designDetail .overlayInner .target input {
	padding:  0.5rem;
	line-height: 1.6rem;
	text-align: center;
}

#designDetail .overlayInner .target .buttonTypeLink {
	margin: 0 0.5rem 0 0.25rem;
	padding: 0.5rem 0.75rem;
	font-size: 1.6rem;
	position: relative;
	top: 1px;
}

#designDetail .overlayInner .target .buttonTypeLink:active { top: 2px; }

#designDetail .overlayInner a.control {
	display: block;
	padding: 0 8px 0 26px;
	font-size: 1.8rem;
	line-height: 3.2rem;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 10px;
}

#designDetail .overlayInner a.control:active {
	position: absolute;
	top: 50%;
	margin-top: 1px;
}

#designDetail .overlayInner a.control.next {
	padding: 0 25px 0 9px;
	right: 10px;
	left: auto;
}

#designDetail .overlayInner a.control.invalid {
	color: #999;
	background: #D0D9D3;
	pointer-events: none;
	opacity: 0.5;
}

#designDetail .overlayInner a.control:before {
	display: block;
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 12px solid #B5D580;
	border-radius: 2px;
	position: absolute;
	top: 8px;
	left: 8px;
}

#designDetail .overlayInner a.control.next:before {
	border-right: none!important;
	border-left: 12px solid #B5D580;
	right: 7px;
	left: auto;
}

#designDetail .overlayInner a.control.invalid:before { border-right: 12px solid #CCC; }
#designDetail .overlayInner a.control.next.invalid:before { border-left: 12px solid #CCC; }

#designDetail .overlayInner .buttonBox {
	margin: 0 auto;
	padding: 2px calc(50% - 300px);
	width: 100%;
	max-width: 600px;
	background: #000;
	border-top: 1px solid #333;
	box-shadow: 0 1000px 0 1000px rgba(0, 0, 0, 0.5);
}

#designDetail .overlayInner .buttonBox a {
	display: inline-block;
	width: calc(50% - 2px);
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1.8rem;
	line-height: 4.5rem;
	border-left: 1px solid #333;
	opacity: 0.75;
}

#designDetail .overlayInner .buttonBox a.order { border-right: 1px solid #333; }

#designDetail .overlayInner .buttonBox a:before {
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.5em;
	content: "";
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2296px%22%20height%3D%2296px%22%20viewBox%3D%220%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M47.481%2C87.932c-1.48-0.089-4.491-0.527-7.996-2.481c-7.049-3.891-19.974-13.84-26.645-23.772%20c-4.826-7.189-6.988-13.832-7.95-18.138C4.153%2C40.24%2C4%2C37.7%2C4%2C36.15C4%2C22.834%2C15.069%2C12%2C28.677%2C12%20c5.614%2C0%2C10.912%2C1.809%2C15.322%2C5.232c1.332%2C1.037%2C2.563%2C2.218%2C3.656%2C3.512l0.37%2C0.438l0.368-0.437%20c0.689-0.812%2C1.45-1.591%2C2.254-2.316c4.626-4.117%2C10.538-6.369%2C16.677-6.369c9.005%2C0%2C17.304%2C4.819%2C21.654%2C12.576%20C90.955%2C28.179%2C92%2C32.185%2C92%2C36.218c0%2C6.003-2.323%2C15.86-8.844%2C25.534c-6.631%2C9.868-19.558%2C19.827-26.617%2C23.747%20c-2.898%2C1.62-5.464%2C2.209-7.105%2C2.418L48.773%2C88L47.481%2C87.932z%20M28.677%2C18.512c-4.794%2C0-9.31%2C1.835-12.711%2C5.169%20c-3.407%2C3.336-5.281%2C7.764-5.281%2C12.468c0%2C1.225%2C0.13%2C3.263%2C0.741%2C6.004c0.845%2C3.771%2C2.746%2C9.601%2C7.009%2C15.967%20c5.99%2C8.914%2C18.07%2C18.198%2C24.349%2C21.667c2.448%2C1.369%2C4.384%2C1.604%2C5.1%2C1.644l0.6%2C0.034c0.941-0.11%2C2.678-0.467%2C4.731-1.616%20c6.295-3.491%2C18.389-12.792%2C24.352-21.66c5.717-8.486%2C7.748-17.137%2C7.748-21.97c0-2.945-0.764-5.879-2.21-8.484%20c-3.177-5.652-9.221-9.161-15.779-9.161c-4.465%2C0-8.774%2C1.646-12.135%2C4.632c-1.818%2C1.64-3.267%2C3.613-4.305%2C5.868l-2.938%2C6.392%20l-2.841-6.426c-1.158-2.609-2.985-4.932-5.285-6.719C36.611%2C19.828%2C32.755%2C18.512%2C28.677%2C18.512z%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100%;
	position: relative;
	top: 0.3rem;
}

#designDetail .overlayInner .buttonBox a.order:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2296px%22%20height%3D%2296px%22%20viewBox%3D%220%200%2096%2096%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2237.999%22%20cy%3D%2290%22%20r%3D%226%22%2F%3E%20%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2269.999%22%20cy%3D%2290%22%20r%3D%226%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M93.518%2C25.225c-2.205-2.975-5.613-4.854-9.334-5.145l-61.081-4.783l-0.598-3.355%20C21.5%2C6.333%2C16.983%2C1.988%2C11.282%2C1.155L3.66%2C0.035C1.842-0.229%2C0.309%2C1.017%2C0.037%2C2.806C-0.232%2C4.606%2C1%2C6.276%2C3%2C6.542V6.541%20l7.467%2C1.116c2.863%2C0.419%2C5.058%2C2.606%2C5.562%2C5.427l10.294%2C57.697C27.292%2C76.214%2C32.024%2C80%2C37.606%2C80h42.459%20c1.839%2C0%2C3.325-1.186%2C3.325-2.999c0-1.815-1.486-3.001-3.325-3.001H37.606c-2.35%2C0-4.363-2.01-4.77-4.299L31.88%2C64h46.841%20c5.977%2C0%2C11.159-3.846%2C12.504-9.604l4.449-18.935C95.893%2C34.515%2C96%2C33.614%2C96%2C32.665C96%2C29.992%2C95.146%2C27.419%2C93.518%2C25.225z%20M30.9%2C59l-6.952-38.114L36%2C21.814V59H30.9z%20M40%2C59V22.122l8%2C0.616V59H40z%20M52%2C59V23.046l8%2C0.616V59H52z%20M64%2C59V23.971l8%2C0.616V59%20H64z%20M90.268%2C34.342l-4.446%2C19.064C85.063%2C56.672%2C82.117%2C59%2C78.722%2C59H76V24.895l7.566%2C0.583c2.111%2C0.165%2C4.139%2C1.264%2C5.39%2C2.954%20c0.925%2C1.245%2C1.457%2C2.756%2C1.457%2C4.273C90.41%2C33.245%2C90.395%2C33.804%2C90.268%2C34.342z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#designDetail .overlayInner .buttonBox a:hover { opacity: 1; }

#designDetail .overlayInner .buttonBox a.order.shuryo { display: none; }
#designDetail .overlayInner .buttonBox a.okiniiri.shuryo { background: #D0D9D3; }
#designDetail .overlayInner .buttonBox a.okiniiri.shuryo:active { top: 0; }


@media all and (min-width: 1330px) {
/*
	.overlayScreen.show .overlayInner {
		width: 970px;
		margin: 1.0% auto 2.0% -485px;
		left: 50%;
	}
*/
	.overlayScreen.show .overlayInner.noWidthLimit {
		width: 90%;
		margin: 1.0% auto 2.0%;
		left: 5%;
	}
	.overlayScreen.show .overlayInner.noWidthLimit > div {
		max-width: none;
	}
}

@media all and (min-width: 1330px) {
	#goTopBtn:hover { opacity: 0.8!important; }
}


@media all and (max-width: 1329px) {
	html { font-size: 9.0px; }
	body > * { min-width: 0; }
	
	.forPC { display: none; }
	.forSP { display: block; }
	
	header {
		height: auto;
		overflow: hidden;
	}
	
	header:after { display: none; }
	
	header > h1 {
		padding-left: calc(50% - 510px);
		border-left: #EF8100 5px solid;
	}
	
	header > div {
		width: 95%;
		max-width: 1300px;
		min-height: 0;
		margin: 0 auto;
		position: relative
	}

	header > div > h1 {
		margin: 0.5vw 0;
	}

	header nav#pcMenu { display: none; }
	header nav#spMenu { display: block; }

    header nav#spMenu > a:nth-child(1),
    header nav#spMenu > a:nth-child(2) {
        width: 120px;
        height: 32px;
        font-size: 1.4rem;
        opacity: 1;
        right: 0;
        top: -41px;
        border-left: none;
        border-radius: 0.5rem;
    }

	header nav#spMenu > a:before {
		top: 7px!important;
		left: 18px;
	}

	header nav#spMenu > a:after {
		text-align: left;
		font-size: 1.5rem;
		top: 13px!important;
		left: 38px;
	}

    header nav#spMenu > a:nth-child(1) { right: 125px; }

    nav#pankuzu {
        width: 95%;
        max-width: 1300px;
        margin: 3.0rem auto 0;
    }
    nav#pankuzu > a:first-child { margin-left: 3px; }
    nav#pankuzu > *:not(:first-child):before { top: 2px; }

	#main .mainContents {
		min-height: 0!important;		
	}

	.mainContents #topOshirase time { float: none; }
	.mainContents #topOshirase p {
		width: 100%;
		margin: 0.5rem;
	}
	
	.mainContents #spTopNavi {
		display: block;
		margin: 10px 5px 15px;
		background: #F0F0F0;
		border: 1px solid #DEDEDE;
		overflow: hidden;
	}
	
	.mainContents #spTopNavi a br { display: none; }
	
	.mainContents #spTopNavi a {
		display: inline-block;
		width: calc(23% - 0.2rem);
		margin: 0.1rem;
		padding: 1.3rem 0 1.2rem 2.0%;
		color: inherit;
		background: #FFF;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1;
		letter-spacing: -0.1rem;
		text-decoration: none;
		transition: all 0.15s ease-in;
		float: left;
		position: relative;
		overflow: hidden;
	}
	
	.mainContents #spTopNavi a:hover { background: #F5F4F3; }
	
	.mainContents #spTopNavi a:before {
		display: block;
		width: 0.5rem;
		height: 100%;
		content: "";
		background: #EF8100;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mainContents #spTopNavi a:nth-of-type(2):before { background: #EA535D; }
	.mainContents #spTopNavi a:nth-of-type(3):before { background: #33B371; }
	.mainContents #spTopNavi a:nth-of-type(4):before { background: #2F5CA9; }
	.mainContents #spTopNavi a:nth-of-type(5):before { background: #EF8100; }
	
	.mochu .mainContents #spTopNavi a { width: calc(30.6666% - 0.2rem); }
	.mochu .mainContents #spTopNavi a:before { background: #968FAD; }
	
	.mochu .mainContents #spTopNavi a:nth-of-type(4):before { background: #6E7981; }
	.mochu .mainContents #spTopNavi a:nth-of-type(5):before { background: #9F618B; }
	.mochu .mainContents #spTopNavi a:nth-of-type(6):before { background: #428186; }
	
	.mochu .mainContents #spTopNavi hr { background: none; }
	
	
	.mainContents #spTopNavi a br { display: none; }
	
	.mainContents .topCategory div { width: 100%; }
	
	.mainContents .topCategory div a {
		width: 32%;
		margin: 0.65%;
	}
	
	#main .designList > nav {
		padding-bottom: 0.75rem;
		text-align: center;
	}
	
	#main .designList > nav h4 {
		display: block;
		margin: 0.5rem 0 0.5rem;
		padding-bottom: 0.1rem;
		border-bottom: 1px solid #EF8100;
	}
	
	#main .designList > nav h4 span { display: none; }
	.designList > ul:first-of-type { margin: 0 auto; }
	#goTopBtn { right: 10px; }
	footer > div { margin-bottom: 0; }
	
	footer aside {
		float: none;
		margin: 0 auto 1.5rem;
		border-right: none;
	}
	
	footer > div > a {
		float: none;
		margin: 1.5rem auto 0;
		line-height: 1;
	}
	
	#main { margin-bottom: 3.0rem; }
	
	#main .mainContents article { margin: 1.5rem auto 0; }

	.mainContents {
		width: 96%;
		float: none;
		margin: 0 auto;
	}
	
	.subContents {
		float: none;
		width: 96%;
		margin: 0 auto;
		padding: 1.5rem 0;
		overflow: hidden;
	}
	
	/* ページ下部メニュー */
	
	#main + nav ul li {
		display: block;
		position: relative;
	}
	
	#main + nav li:before,
	#main + nav li:after {
		display: block;
		width: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#main + nav li:before {
		height: 1px;
		background: #B3AEA2;
		z-index: 2;
	}
	
	#main + nav li:hover:after {
		height: 100%;
		background: #E2E1DC;
		z-index: 1;
		-webkit-animation: displayBottomBorder 0.25s ease-in-out 0s;
		animation: displayBottomBorder 0.25s ease-in-out 0s;
	}
	
	#main + nav a {
		display: inline-block;
		width: calc(100% - 64px);
		margin: 0;
		padding: 15px 32px;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.0%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%3Csvg%20version%3D%221.0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20enable-background%3D%22new%200%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23545245%22%20d%3D%22M10%2C0C4.477%2C0%2C0%2C4.477%2C0%2C10s4.477%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10S15.522%2C0%2C10%2C0z%20M8.853%2C18.189%20l-2.114-2.112l5.813-5.813L6.21%2C3.924l2.114-2.113l8.454%2C8.454L8.853%2C18.189z%22%2F%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-position: calc(100% - 32px) 50%;
		background-size: 1.5rem 1.5rem;
		font-size: 1.5rem;
		line-height: 1;
		float: none;
		z-index: 2;
	}
	
	#main + nav a:after { display: none; }
	
	.orderContents table:not(.designAmount):not(.orderPrintInfo) tbody tr > * {
		padding: 5px 3px;
		min-width: 76px;
	}

	.orderContents .atenaManual table:not(.designAmount):not(.orderPrintInfo) tbody tr > * {
		min-width: 0;
	}
	
	.orderContents tbody td a.buttonTypeLink { margin: 0.5rem 0.25rem; }
	
	.orderContents .designAmount tbody tr > *{
		display: block;
		float: right;
	}
	
	.orderContents .designAmount tbody tr > *{
		display: block;
		width: calc(70% - 40px);
		float: right;
	}
	
	.orderContents .designAmount tbody tr > td{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.orderContents .designAmount tbody tr:first-child td:first-of-type {
		width: 30%;
		height: 80%;
		position: absolute;
	}
	
	.orderContents .designAmount tbody tr:first-child td:first-of-type img {
		max-width: 120px;
		margin-top: 10%;
	}
	
	.orderContents .designAmount tr:last-child td {
		margin-top: -1px;
		clear: both;
		width: auto;
		float: none;
		position: relative;
	}
	
	.orderContents .designAmount tr:last-child td:before {
		display: block;
		width: 100%;
		height: 1px;
		content:"";
		background: #998566;
		transform: rotate(0.03deg);
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.orderContents .designAmount tr:last-child td dl:before {
		display: inline-block;
		width: calc(30% + 20px);
		height: 1px;
		content: "";
		background: #998566;
		position: absolute;
		top: -1px;
		left: 0;
	}

	.orderContents .senderInfo tbody.name tr:first-child td { background: #FAF7DA; }
	
	.orderContents .senderInfo tbody.name td span {
		width: 48%;
		max-width: 85px;
		margin: 0 1% 5px;
		padding: 1px 0;
		text-align: left;
	}
	
	.orderContents .senderInfo tbody.name tr:not(:first-of-type) td span:first-child { display: none; }
	.orderContents .atenaManual .senderInfo tbody.name tr td span:first-child { display: block; }
	.orderContents .senderInfo tbody.name td span label { margin-top: 0!important;}
	
	.orderContents .senderInfo tbody.name td span label input {
		margin: 0;
		max-width: 90px!important;
	}
	
	.orderContents .senderInfo tbody.name td span:last-child {
		width: 98%;
		max-width: 240px;
	}
	
	.orderContents .senderInfo tbody.name td span:nth-of-type(3) label small.gaijiInput {
		right: auto;
		left: 65px;
	}
	
	.orderContents .senderInfo tbody.name td span:last-child label { padding-left: 0; }
	.orderContents .senderInfo tbody.name td span:not(:first-child):after { display: none; }
	
	.orderContents .senderInfo tbody.name td span > small {
		display: block;
		margin: 0;
		font-size: 1.4rem
	}
	
	.orderContents .printPreview > p { margin-bottom: 1.0rem; }
	
	.orderContents .printPreview a.buttonTypeLink {
		margin: 0 auto 1.0rem;
		position: relative;
		top: 0;
		right: 0;
	}
	
	.orderContents .printPreview.photo a.buttonTypeLink { margin: 1.5rem 0 0; }
	
	.orderContents .orderKakunin section h3 a.buttonTypeLink:last-of-type { margin: 5px 0; }
	
	.orderContents .orderKakunin section aside {
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	
	.orderContents .orderKakunin section aside + div {
		width: 95%;
		margin: 2.5rem auto 0;
		float: none;
		text-align: center;
	}
	
	.orderContents .orderKakunin section aside + div label:first-child {
		display: inline-block;
		text-align: left;
	}
	
	.orderContents .orderKakunin section aside + div ul,
	.orderContents .orderKakunin section aside + div dl {
		text-align: left;
	}
	
	.orderContents .orderKakunin section aside + div li {
		margin-top: 0.5rem;
		font-weight: bold;
	}
	
	.orderContents .orderKakunin section aside + div li span {
		display: block;
		margin-left: 1.0rem;
		font-weight: normal;
	}
	
	.orderContents a + .senderInfo textarea {
		margin-left: 0.25rem;
	}
	
	.orderContents .orderPrintInfo dl dt { margin-bottom: 0.25rem; }
	.orderContents .orderPrintInfo dl dd { width: 90%; }
	.orderContents .orderPrintInfo tr:last-child dl dd:last-of-type { margin-top: 0.25rem; }
	.orderContents .orderPrintInfo tr:last-child dl dt:last-of-type:before { top: -0.5rem; }
	
	.orderContents .originalData tbody tr:first-child td:first-of-type img {
		display: block;
		width: 100%;
		max-width: 110px;
		height: auto;
		margin: 5px auto;
		border: none;
	}
	
	.orderContents .originalData tbody tr:first-child td:first-of-type {
	}
	
	.orderContents .originalData tbody tr:first-child td:first-of-type p {
		padding: 0 0.25rem;
	}
	
	.orderContents .originalData tbody tr:first-child td:first-of-type label {
		width: 70%;
		margin-left: 5%;
		max-width: 110px;
	}
	
	.orderContents .originalData tbody tr:first-child td:first-of-type label:first-of-type img {
		width: 68.1818%;
	}
	
	.orderContents .atenaManual article > * { max-width: calc(100% - 3.0rem); }
	
	label.radio:before { top: 3px; }
	label.radio:after { top: 1px; }
	
	}

	@media all and (max-width: 621px) {
	
    header div h1 {
		height: 70px;
	}
	
	header > div > h1 a {
		line-height: 62px;
	}

    header nav#spMenu > a:nth-child(1),
    header nav#spMenu > a:nth-child(2) {
        width: 16%;
		max-width: 75px;
        height: 42px;
        font-size: 1.4rem;
        opacity: 1;
        right: 0;
        top: -46px;
        border-left: none;
        border-radius: 0.5rem;
    }

    header nav#spMenu > a:nth-child(1) { right: calc(16% + 3px); }

    header nav#spMenu > a:before { left: calc(50% - 2px); }

    header nav#spMenu > a:after {
		width: 100%;
		left: 0;
		top: 30px!important;
		text-align: center;
	}

    header nav#spMenu > a:nth-child(1):before { margin-top: -3px; }
    header nav#spMenu > a:nth-child(2):before {
		margin-top: -1px;
		margin-left: -9px;
	}

    header nav#spMenu > a:nth-child(1):after { content: "入会案内"; }
	
	.mainContents section > div.link a {
		width: calc(100% - 3.0rem);
		float: none;
	}

}

@media all and (max-width: 419px) {
	.buttonBox a { min-width: 180px!important; }
	
	.photoEdit .buttonBox a {
		min-width: 0!important;
		margin: 0 2% 3%;
	}
	
	header nav#spMenu > a:after {
		font-size: 1.2rem;
		bottom: 6px;
	}
	header nav#spMenu > a:nth-child(3):after { rotate(0.05deg); }
	
	.mainContents #spTopNavi a {
		width: calc(22% - 0.2rem);
		padding: 0.8rem 0 0.7rem 3.0%;
		line-height: 1.1;
	}
	
	.mainContents #spTopNavi a br { display: block; }
	.mainContents #spTopNavi a:nth-of-type(4) { padding: 1.3rem 0 1.3rem 3.0%; }
	
	.mochu .mainContents #spTopNavi a { width: calc(30% - 0.2rem); }
	
	.mochu .mainContents #spTopNavi a:nth-of-type { padding: 0.8rem 0 0.7rem 3.0%; }
	.mochu .mainContents #spTopNavi a:nth-of-type(2) { padding: 0.8rem 0 0.7rem 3.0%; }
	.mochu .mainContents #spTopNavi a:nth-of-type(3) { padding: 1.3rem 0 1.3rem 3.0%; }
	.mochu .mainContents #spTopNavi a:nth-of-type(4) { padding: 1.3rem 0 1.3rem 3.0%; }
	.mochu .mainContents #spTopNavi a:nth-of-type(5) { padding: 1.3rem 0 1.3rem 3.0%; }
	.mochu .mainContents #spTopNavi a:nth-of-type(6) { padding: 1.3rem 0 1.3rem 3.0%; }
	/*.mochu .mainContents #spTopNavi a:nth-of-type(4) { padding: 0.8rem 0 0.7rem 3.0%; }*/
	
	#main.price .mainContents article.priceTableImages nav a {
		padding: 0.5rem 0;
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(1) a:nth-of-type(1),
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(1) a:nth-of-type(3),
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(3) a:nth-of-type(1) { line-height: 3.2rem; }
	
	.orderContents thead th { padding: 0.8rem 0.75rem; }
	
	.orderContents thead th a.buttonTypeLink { margin: -0.5rem -0.5rem -0.45rem 1.0rem; }
	
	.orderContents thead th a.buttonTypeLink span { display: none; }
	
	.orderContents .originalData tbody tr:first-child td:first-of-type label { margin-left: -2.5%; }

}

@media all and (max-width: 359px) {

	html { min-width: 320px; }
	header nav#spMenu > a:after { font-size: 1.1rem; }
	
	#main.delivery .mainContents aside br { display: block; }
	
	#main.price .mainContents article.priceTableImages nav a {
		width: calc(25% - 0.4rem);
		margin: 0.2rem;
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(1) a:nth-of-type(1),
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(1) a:nth-of-type(3),
	#main.price .mainContents article.priceTableImages nav div:nth-of-type(3) a:nth-of-type(1) { line-height: 3.0rem; }
	
	.orderContents table br.narrow {
		display: block;
		line-height: 0;
	}
	
	.orderContents .senderInfo tbody[data-sendTypeKey="business"]:nth-last-of-type(4) tr:first-child label img { width: 95%; }

}