body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif;
}

.bold { font-weight: bold; }
.red { color: #ff0000; }
.center { text-align: center; }

.w100 { max-width: 100%; }

header {
	background: rgba(207,225,234,0.8);
	padding: 5px 20px 10px 20px;
}

h1 {
	text-align: center;
	color: #f29205;
	margin-bottom: 0;
}

.h1_sub {
	text-align: center;
	color: #999;
	margin-top: 0;
	line-height: 1.5;
}

h2, h3 {
	text-align: center;
	color: #f29205;
	margin-top: 2em;
}

h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; }

table {
	margin-top: 2em;
}

td p {
	margin: 0 0 1em 0;
}

td p:last-child {
	margin: 0;
}

td ul {
	margin: 0;
	padding-left: 1.5em;
}

td ul li ol {
	padding-left: 1.5em;
}

footer {
	background: #000;
	text-align: center;
	color: #fff;
	padding: 1em;
}

footer p {
	margin: 0;
}

footer a {
	color: #fff;
	text-decoration: none;
}

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

.copyright {
	font-size: 80%;
}

a {
	color: #55afda;
	text-decoration: none;
}

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

.wrapper > ol > li,
.wrapper > ul > li > ol > li {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1em;
	padding-left: 2em;
}

.wrapper > ol > li:before,
.wrapper > ul > li > ol > li:before {
	content: "(" counter(cnt)")";
	width: 1em;
	display: inline-block;
}

.wrapper > ul > li > ol > li > ol > li {
	text-indent: 0;
}


/* PC */

@media screen and (min-width: 641px) {
	.pcnone { display: none; }
	header {
		overflow: hidden;
	}
	header > div:first-child {
		float: left;
	}
	header > div:last-child {
		float: right;
	}
	header img {
		height: 25px;
	}
	.contact_box{width:700px;margin:0;padding:0;display:table;text-align:right;}
	.contact_tel{margin:0;padding:7px 10px 0 0;font-size:12px;line-height:150%;display:table-cell;vertical-align:middle;}
	.contact_tel span{font-size:28px;font-weight:bold;padding-right:8px;font-family:Arial, Helvetica, sans-serif;}
	.contact_mail{width:240px;margin:0;padding:6px 0 0 0;display:table-cell;vertical-align:middle;}
	.contact_mail a:link {color:#fff;text-decoration:none;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
	.contact_mail a:visited {color:#fff;text-decoration:none;}
	.contact_mail a:hover {color:#fff;text-decoration:none;}
	.mail {display:inline-block;line-height:100%;letter-spacing:1px;text-decoration:none;text-align:center;width:100%;margin:0 auto;padding:13px 0;font-size:15px;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f29205;}
	.mail:hover {opacity:0.7;filter:alpha(opacity=70);}
	.wrapper {
		max-width: 900px;
		margin: 0 auto 2em auto;
	}
	th {
	    border-bottom: 1px solid #111;
	    text-align: left;
	    color: #111;
	    padding: 15px 0;
	}
	td {
	    border-bottom: 1px solid #ccc;
	    padding: 15px 0 15px 30px;
	    font-size: 15px;
	}
	.wrapper > ol,
	.wrapper > ul > li > ol {
		padding-left: 1em;
	}
}

@media screen and (min-width: 901px) {
	header img {
		margin-top: 15px;
	}
}

/* SP */

@media screen and (max-width: 640px) {
	.spnone { display: none; }
	header img {
		height: 20px;
	}
	.wrapper {
		padding: 0 1em;
		margin-bottom: 2em;
	}
	h1 {
		font-size: 6.5vw;
	}
	th {
	    display: block;
	    padding: 0 0 2vw 0;
	    border-bottom: 1px solid #111;
	    text-align: left;
	    color: #111;
	}
	td {
	    display: block;
	    padding: 3vw 0 7vw 0;
	}
	.wrapper > ul {
		padding-left: 1em;
	}
	.wrapper > ol,
	.wrapper > ul > li > ol {
		padding-left: 0;
	}
	.wrapper > ul > li > ol > li > ol {
		padding-left: 1em;
	}
	img {
		max-width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.contact_box {
		display: none;
	}
	header img {
		margin-top: 8px;
	}
}

/* キャンセル待ちフォーム */

.contents_sub{
margin:0 20px 45px 20px;
padding:0;
}
.contents_sub p{
font-size:100%;
line-height:180%;
}
.contents_sub table{
width:100%;
border-collapse:separate;
margin:0;
}
.contents_sub table th{
font-size:100%;
line-height:160%;
padding:0;
color:#666;
text-align:left;
display:block;
border-bottom: none;
}
.contents_sub table td{
font-size:100%;
line-height:160%;
padding:5px 0 20px 0;
display:block;
text-align: left;
}
.req{
margin:0;
padding:0;
float:right;
text-align:right;
}
.req span{
margin:0;
padding:2px 5px 2px 5px;
font-size:80%;
font-weight:normal;
line-height:100%;
color:#fff;
background:#e53244;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:100%;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

input[type="submit"],input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border:none;
box-sizing: border-box;
cursor: pointer;
webkit-transition: all .5s;transition:all .5s;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
border:3px solid #009d95;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
color:#fff;
border:3px solid #009d95;
}
input[type=checkbox] {transform: scale(1.5);}
.enter{
margin:0;
padding:0;
text-align:center;
}
.enter a:link {color:#fff;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.enter a:visited {color:#fff;text-decoration:none;}
.enter a:hover {color:#009d95;text-decoration:none;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

.button {
display:inline-block;
margin:0;
padding:20px 0;
font-size:140%;
font-weight:bold;
text-decoration:none;
color:#fff;
background:#009d95;
border:3px solid #009d95;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.button:hover {color:#009d95;background:#fff;}
.size_01{width:100%;}

@media screen and (min-width:769px){
.contents_sub{width:740px;margin:0 auto 100px auto;}
.contents_sub p{font-size:16px;}
.contents_sub table{margin:0 0 30px 0;}
.contents_sub table th{
width:200px;
font-size:16px;
padding:15px 0 15px 0;
border-bottom:solid 1px #111;
display:table-cell;
}
.contents_sub table td{
font-size:16px;
padding:15px 0 15px 30px;
border-bottom:solid 1px #ccc;
display:table-cell;
}
.req span{font-size:12px;}
.size_01{width:620px;}
}

/* PayPal */

.paypal_t {
	margin: 1em auto;
}

@media screen and (max-width: 640px) {
	table.paypal_t {
		width: 70%;
	}
	table.paypal_t td {
		text-align: left;
	}
}
@media screen and (max-width: 380px) {
	table.paypal_t {
		width: 100%;
	}
}

/* 特商法box */

.pp{
margin:0 auto 1.5em auto;
padding:1px 15px 15px 15px;
border:solid 1px #cccccc;
overflow:auto;
height:60px;
text-align: left;
max-width: 700px;
}
.pp p{
font-size:75%;
color:#999;
}
.pp h3{
margin:25px 0 0 0;
padding:0;
font-size:85%;
font-weight:bold;
line-height:150%;
}

@media screen and (min-width:769px){
.pp p{font-size:10px;}
.pp h3{font-size:14px;letter-spacing:1px;}
}


/* お問合せフォーム JCity */

h4.table_form {
	background-color: #F4A460;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgb(178,178,178);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ffb2b2b2,Positive=true)";
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ffb2b2b2,Positive=true);
    padding: 10px 15px;
    margin: 1em 0 0 0;
    font-size: 1.3em;
    font-weight: bold;
}

table.table_form {
	width: 100%;
	border-collapse: collapse;
	margin-top: 0;
}

.inputText_L {
    width: 90%;
}

/* PC */

@media screen and (min-width: 641px) {
	table.table_form th {
		width: 30%;
	    text-align: right;
	    font-weight: normal;
	    padding: 15px 10px;
	    word-break: break-all;
	    border-style: solid solid solid solid;
	    border-width: 1px;
	    border-color: #DAA520;
	    background-color: #FDF5E6;
	    color: #000000;
	}
	table.table_form td {
		font-weight: normal;
		padding: 15px 10px;
		word-break: break-all;
		border-style: solid solid solid solid;
	    border-width: 1px;
	    border-color: #DAA520;
	    background-color: #ffffff;
	    color: #000000;
	}
	table.table_form input {
		font-size: 1.3em;
		vertical-align: middle;
	    padding: 10px;
	    margin: 4px 4px 4px 0;
	}
	.inputText_H {
	    width: 5em;
	}
	.inputText_M {
	    width: 9em;
	}
	table.table_form textarea {
		width: 90%;
	    height: 9em;
	    overflow: hidden;
	    overflow-y: scroll;
	    vertical-align: middle;
	    padding: 3px;
	    margin: 4px 4px 4px 0;
	}
	.table_form .btn_submit {
	    font-size: 1em;
	    cursor: pointer;
	    vertical-align: middle;
	    padding: 3px;
	    margin: 4px 4px 4px 0;
	}
}

/* SP */

@media screen and (max-width: 640px) {
	table.table_form th {
		padding: 10px;
		text-align: left;
	    display: block;
	    margin-bottom: -1px;
	    font-weight: normal;
	    word-break: break-all;
	    border-style: solid solid solid solid;
	    border-width: 1px;
	    border-color: #DAA520;
	    background-color: #FDF5E6;
	    color: #000000;
	}
	table.table_form td {
		padding: 15px 10px;
		text-align: left;
	    display: block;
	    margin-bottom: -1px;
	    font-weight: normal;
	    word-break: break-all;
	    border-style: solid solid solid solid;
	    border-width: 1px;
	    border-color: #DAA520;
	    background-color: #ffffff;
	    color: #000000;
	}
	table.table_form input {
		vertical-align: middle;
	    padding: 10px;
	    margin: 4px 4px 4px 0;
	    font-size: 1.0em;
	}
	.inputText_H {
	    width: 28%;
	}
	.inputText_M {
	    width: 50%;
	}
	table.table_form textarea {
		width: 90%;
	    height: 9em;
	    overflow: hidden;
	    overflow-y: scroll;
	    vertical-align: middle;
	    padding: 10px;
	    margin: 4px 4px 4px 0;
	    font-size: 1.0em;
	}

	.table_form .btn_submit {
	    font-size: 1em;
	    cursor: pointer;
	    vertical-align: middle;
	    padding: 10px;
	    margin: 4px 4px 4px 0;
	}
}