@charset "UTF-8";
/* CSS Document */

/*--------------------------*/
@import url("./new-style.css");
/*--------------------------*/

* {
margin:0; padding:0;
box-sizing:border-box;
-webkit-text-size-adjust: 100%;
word-break: break-all;

}

html {height:100%;}
body {
	background-color:#fafafa;
	height:100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;

	}

body.fix {
  overflow: hidden;
  height: 100%;
}

h1{}
h2{ font-size:160%; font-weight:bold; margin-bottom:0.5em}
h3{ font-size:120%; font-weight:bold; margin-bottom:0.5em; display:inline-block; width:100%; position:relative;}
	
h3 .title{
	line-height:1.4em;
	font-size:120%;
	background-color:#fff;
	display:inline-block;
	clear:both;
	margin:0;
	padding:0.2em 1em 0.2em 2.2em;
	color:#333;
	border-radius:1em;
	font-weight:bold;
	box-shadow:0px 5px 15px -5px rgba(0,0,0,0.3);
	text-indent:-2em;
}

h3 .title span{
	width:1.6em;
	height:1.6em;
	text-align:center;
	line-height:1.6em;
	font-size:100%;
	background-color:#ccc;
	background-color:#FC3;
	display:inline-block;
	margin:0 0.5em 0 0;
	padding:0; color:#fff;
	border-radius:0.8em;
	position:relative;
	left:0;
	text-indent:0;
	}

h3 .title + .hissu{
	width:37px;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:60%;
	background-color:#d00;
	display:inline-block;
	margin:0;
	padding:0.1em 0em; 
	color:#fff;
	text-indent:0;
	position:absolute;
	top:-25px;
	left:0.4em;
	transform: rotate(-0deg);
	border-radius:4px;
	}

h3 .title + .nini{
	width:37px;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:60%;
	background-color:#b0b0b0;
	display:inline-block;
	margin:0;
	padding:0.1em 0em; 
	color:#fff;
	text-indent:0;
	position:absolute;
	top:-25px;
	left:0.4em;
	transform: rotate(-0deg);
	border-radius:4px;
	}

h3 .mini {
	display:inline-block;
	vertical-align:bottom;
	margin-top:1em;
}

h4{ font-size:110%; font-weight:bold; margin-bottom:0.1em}

h5{
	line-height:1.4em;
	font-size:120%;
	background-color:#fff;
	display:inline-block;
	clear:both;
	margin:0;
	padding:0.2em 1em 0.2em 2.2em;
	color:#333;
	border-radius:1em;
	font-weight:bold;
	box-shadow:0px 5px 15px -5px rgba(0,0,0,0.3);
	text-indent:-2em;
}

h5:first-letter{
  	width:1.6em;
	height:1.6em;
	width:20px;
	height:20px;
	display:block;
	
	text-align:center;
	line-height:1.6em;
	font-size:100%;
	background-color:#ccc;
	display:inline-block;
	margin:0 0.5em 0 0;
	padding:0; color:#fff;
	border-radius:0.8em;
	
	position:relative;
	left:0;
	text-indent:0;
 }
 
h3 > span { font-size:70%; font-weight:normal; margin:0 0 0 1em;}
h3 + h4 {margin-top:0.5em;}

.error {
	background-color:#ffe5ed;
}



label{
	width:100%;
	display:block;
	padding:0.5em 0.5em;
	transition: all .3s ease;
	font-size:120%;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
	
th .checkbox {float:left; display:block; width:100%;}

th label{
	font-size:100%;
	text-align:left;
	}
	
label:hover{ color:#FC6;}

input,
textarea,
select {
	-webkit-appearance: none;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
    background: none;
    box-shadow: none;
	outline:none;
	border-radius: 3px;
	
	border:1px solid #0C9;
}


textarea{
	border:1px solid #0C9;
}



/*----------*/

@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.select-box{
	margin:10px 0;
}


.select-box span{
    position: relative;
	display:inline-block;
}

.select-wrap {
    position: relative;
	display:inline-block;
	/*float:left;*/
	
	text-align:center !important;
}
span +.select-wrap {
	margin-left:0.1em;
}

.select-wrap + span {
	margin-left:0em;
}

/*セレクトの三角矢印
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 63px;
    color: #7F878C;
    pointer-events: none;
}
*/
.select-wrap select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: 130%;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*color:#828c9a;*/
	
	
	width:100%;
	height:auto !important;
	display:block;
	border:1px solid #0C9;
	margin: 0;
	padding:0.2em 1.7em 0.2em 0.5em;
	padding:0.2em 0.4em 0.2em 0.4em;
}
.select-wrap select option{
  background-color: #fff;
  color: #333;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

.select-wrap .date {
	width:2.2em !important;
	padding:0.2em 0.4em 0.2em 0.4em !important;
	margin:0 !important;
	display:block !important;
	text-align:left;
}

/*----------*/





input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
#confirm td p,
#confirm .before-col1 > div,
#confirm .col1 div,
#confirm .col2 div,
#confirm .col1-block div,
#confirm .col2-block div,
#confirm ul p{
	margin:0;
	padding:0.5em 0.5em;
	width:100%;
	height:100% !important;
	display:block;
	border:none;
	font-size:130%;
	background-color:transparent;
	}



#confirm .before-col1 + h4 {margin-top:1em;}

input[type="checkbox"],
input[type="radio"]{
	margin:0 0.5em 0 1em;
	margin:0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
	display:block;
	}



input[type="checkbox"] + label,
input[type="radio"] + label {
    display: block;
    background-image: url(../img/bg_checkbox_off.svg);
    background-size: 24px;
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 0 0 0 40px;
	margin:10px 0;
	/*
	inline-block;
	width:auto;
	margin:0;
	vertical-align:bottom;
	*/
}
 
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
    background-image: url(../img/bg_checkbox_on.svg);
}

a,
input,
button{
	outline:none;
	text-decoration:none;
	color:inherit;
	}

.tal {text-align:left;} 
.tac {text-align:center;} 
.tar {text-align:right;} 


td .checkbox,
li .checkbox {
	display:inline-block;
	margin:0 2em 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	vertical-align:bottom;
	
}


td .checkbox:hover,
li .checkbox:hover{
	color:#09F;
	}

td .checkbox input,
li .checkbox input{
	margin:0;
	padding:0;
	
}


td .checkbox:first-child,
li .checkbox:first-child{
	margin-right:1em;
}
td .checkbox:first-child + .checkbox{
	margin-left:2em;
}

/*注意表記赤文字*/
.caution {color:#e00;}

/*インプット、テキストエリア初期薄表示*/
textarea::placeholder,
input::placeholder {
  color: #CCC;
}


#content {
	width: calc(100% - 60px);
	max-width:1280px;
	min-width:320px;
	margin:0 auto;
	padding:110px 10px 30px;
}


header#admin + a + #content {
	padding:170px 10px 30px !important;
}


section {
	width:100%;
	/*max-width:1800px;*/
	margin:0 auto 3em;
	padding:0;
	border-bottom:1px dashed #ccc;
}

section::after {
  content: "";
  display: block;
  clear: both;
}

section + p.caution {
	width:100%;
	/*max-width:1800px;*/
	margin:-2em auto 3em;
	padding:0 1em;
}

table {
	width:100%;
	border-collapse:  collapse;/* セルの線を重ねる */
	margin-bottom:60px;
	}

th,td {
    border: solid 1px #888;/* 枠線指定 */
}

th {
	padding:0 1em;
	white-space:nowrap;
}
td {
	/*padding:0 !important;*/
	position:relative;
	/*background-color:#fff;*/
}

th span {
	display:inline-block;
}

table.red th {
	background-color:#edbebe;
	padding:0.5em 0;
}
table.glay th {
	background-color:#f0f0f0;
	padding:0.5em 0.5em;
}
table.glay th p{
	font-size:80%;
	font-weight:normal;
}
table.glay th p span{
	display:inline-block;
	font-weight:normal;
	line-height:1.4em;
	text-align:left;
}




ul.responsive {
	width:100%;
	overflow:hidden;
}

td ul.responsive {
	width:100%;
	border:none;
	overflow:hidden;
	display:block;
	position:relative;
	/*top:1px;*/
}

ul.responsive li{
	float:left;
	display:table-cell;
	list-style:none;
	margin:0;
	/*border:1px solid #888;*/
	border-right:1px solid #888;
	position:relative;
}

.col3-block ul.responsive li,
.col2-block ul.responsive li{
	float:left;
	display:table-cell;
	list-style:none;
	margin:0;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	position:relative;
}


.col2-block ul.responsive li{width:50%;}
.col3-block ul.responsive li{width:33.3%;}

/*１カラム内のtdに入る２カラム*/
.col1-block td ul.responsive li, .after-col1 td ul.responsive li{width:50%; border:none;}
.col1-block td ul li:nth-of-type(odd), .after-col1 td ul li:nth-of-type(odd){
	border:none;
	border-right:1px solid #888;
}

ul.responsive li .checkbox,
ul.responsive li .radio{
	min-height:50px;
	display:block;
}





/*文字数に合わせた級数*/
ul.responsive li label{
	line-height:50px;
	margin:0;
}

ul.responsive li .letters10 label{font-size:60%;}
ul.responsive li .letters10 label{font-size:60%;}






td.table{
	overflow:hidden;
}

td.table ul.responsive{
	position:relative;
	top:1px;
}


td.table ul.responsive li{
	float:left;
	display:table-cell;
	list-style:none;
	margin:0;
	border:none;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	position:relative;
}


/*-----------------------
三種からの画像選択
------------------------*/

ul.imgchoice {
	width:100%;
	overflow:hidden;
	display:flex;
}


td ul.imgchoice {
	width:100%;
	border:none;
	overflow:hidden;
	display:block;
	position:relative;
	/*top:1px;*/
}

ul.imgchoice li{
	width:32%;
	float:left;
	display:table-cell;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}


ul.imgchoice li:nth-child(1){
	margin-right:2%;
}
ul.imgchoice li:nth-child(2){
	margin-right:2%;
}

ul.imgchoice li .check{
	width:100%;
	height:50px;
	display:block;
	margin:0;
	background-color:#ccc;
	position:relative;
}

ul.imgchoice li .check input{
	width:100%;
	height:50px;
	margin:0;
	background-color:#F69;
}


ul.imgchoice li .check label{
	margin:0;
	padding:10px 0 10px 40px;
}

/*エラー時*/
ul.imgchoice.error {
	background-color:transparent;
}

ul.imgchoice.error .uploadFile {
	background-color:#ffe5ed;
}

/*コメントテーブル*/

.comment {
	padding:0.5em 0;
	border-radius:0.5em;
}
.comment p{
	font-size:90%;
	font-weight:bold;
	margin-bottom:0.2em;
}

.comment p::before {
	content: "●";
}

.comment table {
	border:none;
	width:auto;
	font-size:90%;
	margin-left:1em;
	margin:0;
}

.comment table th,
.comment table td {
	width:33.3%;
	background-color:transparent;
	padding:0.3em 1em !important;
	border:1px solid #888;
	white-space:normal;
	word-break: break-all;
	
}

.comment table th {
	text-align:center;
	padding-right:1em;
	background-color:#f0f0f0;
}


.comment table td {
	background-color:#fff;
}



/*インプットタイプファイル装飾*/


#js-selectFile {
	margin:2em 0;
}


/* オリジナルボタン */
.original_btn {
    border: 1px solid #ddd;
    padding: 0.5em 1em;
	margin-bottom:1em;
    cursor: pointer;
    border-radius: 5px;
    color: #666;
    background: linear-gradient(to bottom,#fff 0,#f4f4f4 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	font-size:100%;
	font-weight:bold;
	
	transition: all .3s ease;
}

/* アップロードボタン */


.uploadFile {
	display:block;
	border:1px solid #888;
	background-color:#fff;
	margin-bottom:0.5em;
	padding:0.5em;
	
}
.uploadFile img {
	display:block;
	width:100%;
	margin-bottom:0.5em;
	
}

.uploadFile p::before{

  content: "ファイル名：";/*何も入れない*/
  display: inline;/*忘れずに！*/
  vertical-align:middle;
  font-weight:bold;
  
}

.uploadFile p {
	display:inline-block;
	vertical-align:middle;
	width: calc(100% - 100px);
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}



.uploadFile p + .delete {
	position:relative;
	background-color:#666;
	color:#fff;
	padding:0 7px;
	margin-left:1em;
	border-radius:5px;
	height:2em;
	display:inline-block;
	line-height:2em;
	vertical-align:middle;
	}


.uploadFile p + .delete::before{

  content: "";/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 1.6em;/*画像の幅*/
  height: 2em;/*画像の高さ*/
  background-image: url(../img/delete.svg);
  background-repeat:no-repeat;
  background-size: auto 1.4em;
  background-position:0 0.1em;
  vertical-align:middle;
  
}

.uploadFile p .delete:hover {

	background-color:#69F;
	}


.upload_btn,
.upload_btn2,
.upload_btn3 {
	display:none;
	text-decoration:none;
}

.upload_btn.select,
.upload_btn2.select,
.upload_btn3.select  {
	font-size: 100%;
    margin: 0 10px 0 15px;
    padding: 3px 20px;
    border-radius: 15px;
    background: #ff5050;
    color: #fff;
    display: inline-block;
	
}


.original_btn:hover {
    border: 1px solid #F90;
}

/* 未選択時のアイコン */
a.icon {
    font-size: 100%;
    margin: 0 10px 0 15px;
    padding: 3px 20px;
    border-radius: 15px;
    background: #666;
    color: #fff;
    display: inline-block;
	pointer-events:none;
}
a.icon {
	pointer-events:none;
	text-decoration:none;
}
/* 選択時のアイコン */
a.icon.select {
    background: #ff5050;
    color: #fff;
	pointer-events:auto;
}
a.icon.select:hover {
	background-color:#ffa250;
}
/* ファイル名 */
.filename,
.filename-2 {
    display: inline-block;
    font-size: 80%;
	word-break: break-all;
}

#btn {
    background: #888;
    color: #fff;
    cursor: pointer;
    padding: 15px 30px;
    display: inline-block;
}
input {
    background: none;
    box-shadow: none;
    border: none;
}




/*可変表組*/



.col2-block,
.col3-block,
.col4-block {
	display:block;
	overflow:hidden;
	margin-bottom:2em;
}

.before-col1,
.after-col1 {
	display:block;
	overflow:hidden;
	margin-bottom:2em;
}

.col2-block .responsive,
.col3-block .responsive,
.col4-block .responsive{
	border-top:1px solid #888;
	border-left:1px solid #888;
}

.col2-block .responsive li,
.col3-block .responsive li,
.col4-block .responsive li {
	border:none !important;
	border-right:1px solid #888 !important;
	border-bottom:1px solid #888 !important;
}

.col2-block table th,
.col2-block table td{
	border:none !important;
	border-right:1px solid #888 !important;
	border-bottom:1px solid #888 !important;
}

.before-col1 + .col2-block,
.col2-block + .after-col1,
#confirm .before-col1 .col1{ margin-bottom:0;}

#confirm .before-col1 + .after-col1{ margin-top:-2em;}



#confirm .before-col1 .col1,
#confirm .before-col1 .col1 th,
#confirm .before-col1 .col1 td,
#confirm .before-col1 .col1 div{
	border-top:none !important;
	}

#confirm .before-col1 > div{
	border:1px solid #888;
	border-top:none;
	}
#confirm .before-col1 > .col1:first-child th,
#confirm .before-col1 > .col1:first-child td,
#confirm .before-col1 > div:first-child
{
	border-top:1px solid #888 !important;
	}


p.tab {
	background-color:#555;
	color:#fff;
	border-radius: 10px 10px 0 0;
	padding:0.3em 1em;
	margin-bottom:0;
	display:block;
}
p.tab .mini{
	display:inline-block;
	font-size:70%;
	padding:0 0.5em;
}


/*２カラムテーブル*/

.col2-block table{
	border-left:1px solid #888;
	margin:0;
	
}
.col2-block table.col2 {
	width:50%;
	margin:0;
	float:left;
}
col2-block table:nth-of-type(odd){
	border-top:none;
	border-left:1px solid #888;
}

.col2-block table:nth-of-type(even){
	border-top:none;
	border-left:none;
}


.col2-block table:first-of-type,
.col2-block table:nth-of-type(2){
	border-top:1px solid #888;
	
}

.col1 th {
	width:30%;
	min-width:280px;
	min-width:196px;
}

.before-col1 th,
.after-col1 th {
	width:20%;
	min-width:280px;
	min-width:196px;
}




/*1カラム＋２カラムテーブル*/
.before-col1 + .col2-block,
.col2-block + .after-col1 {
	position:relative;
	top:-2em;
}

.before-col1 + .col2-block table {
	border-top:none;
}
.before-col1 + .col2-block table:nth-of-type(odd){
	border-top:none;
	border-left:1px solid #888;
}
.before-col1 + .col2-block table:nth-of-type(even){
	border-top:none;
	border-left:none;
}

.before-col1 + .col2-block table:first-of-type,
.before-col1 + .col2-block table:nth-of-type(2){
	border-top:none;
	
}




.col2-block table,
.before-col1 table,
.after-col1 table {
	margin:0;
}

.after-col1 table th,
.after-col1 table td {
	border-top:none;
}




.col2-block table.col2 th,
.col2-block table.col2 td {
	border-bottom:none;
}

.col2-block table.col1 {
	width:100%;
	margin:0;
	border:none;
	float:left;
}

.col2-block table.col2 th {
	/*line-height:50px;*/
	width:40%;
	padding: 0.5em 0;
}

.col2-block table.col1 th {
	width:40% !important;
}


@media screen and (min-width:1025px){/*画面幅が480pxまでの時*/
	.col2-block .un480 {display:table-row;}
	.col2-block .ov480 {display:none;}
	.col2-block table:nth-child(2) th,.col2-block table:nth-child(2) td {border-right:1px solid #888;}
	
	.before-col1 + .col2-block table.col2:first-child th,
	.before-col1 + .col2-block table.col2:nth-child(2) th,
	
	.before-col1 > table.col1 + table.col1:nth-child(2) th,
	.before-col1 > table.col1 + table.col1:nth-child(2) td
	 {
		border-top:none;
	}

}

@media screen and (max-width:1024px){/*画面幅が480pxまでの時*/
	.col2-block table.col2 .un480 {display:table-row;}
	.col2-block table.col2 .ov480 {display:none;}
	
	.col2-block table:nth-child(2) th,.col2-block table:nth-child(2) td {border-right:1px solid #888;}
	
	.before-col1 + .col2-block table.col2:first-child th,
	.before-col1 + .col2-block table.col2:nth-child(2) th,
	
	.before-col1 > table.col1 + table.col1:nth-child(2) th,
	.before-col1 > table.col1 + table.col1:nth-child(2) td{
		border-top:none;
	
	}
	
	.before-col1 + .col2-block table.col2:first-child td,
	.before-col1 + .col2-block table.col2:nth-child(2) td{
		border-top:1px solid #888;
	}

}

@media screen and (max-width:800px){/*画面幅が480pxまでの時*/
	.col2-block {float:none;}
	.col2-block table.col2 { width:100%;}
	
	.col2-block table.col2:first-child th {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}
.col2-block table.col2:first-child td {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}

.col2-block table.col2:nth-child(2) th {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}

.col2-block table.col2:nth-child(2) td {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}

.col2-block table.col2:nth-child(3) th {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}

.col2-block table.col2:nth-child(3) td {
	border:none;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-top:1px solid #888;
	
}


.before-col1 + .col2-block table.col2:first-child th{
	border-top:none;

}

.before-col1 + .col2-block table.col2:first-child td,
.before-col1 + .col2-block table.col2:nth-child(2) th,
.before-col1 + .col2-block table.col2:nth-child(2) td{
	border-top:1px solid #888;
}



/*-----------------------
三種からの画像選択
------------------------*/

ul.imgchoice{
	width:100%;
	display: block;
}

ul.imgchoice li{
	width:100%;
	float: none;
	display: block;
	list-style:none;
	margin:0 0 30px;
	padding:0;
	clear:both;
}


ul.imgchoice li:nth-child(1){
	margin-right:0%;
}
ul.imgchoice li:nth-child(2){
	margin-right:0%;
}

}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
送信ボタン
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#submit{
	text-align:center;
	margin-bottom:2em;
}

#submit a{
	display:inline-block;
	background-color:#5077e9;
	width:260px;
	padding:1em 1em;
	margin:0 10px 1em;
	border-radius:10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	transition: all .3s ease;
}

#submit a:hover{
	background-color:#F63;
}


#submit a.off{
	
	background-color:#ccc;
	pointer-events: none;
	
}

/*
input{
	
	pointer-events: none;
	
}
*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
エラーメッセージ
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#error_msg{
	width:100%;
	max-width:1800px;
	border: solid 3px #c10;
	color:#c10;
	font-size:120%;
	margin:0 auto 1em;
	padding:1em;
	border-radius:10px;
	text-align:center;
}

#error_msg span{
	display:inline-block;
}

.balloon {
	width:auto;
	position:relative;
	top:-0em;
	left:5px;
	display:block;
	padding:0;
	background-color:#fff;
	border-radius:5px;
	font-size:100%;
	line-height:1.4em;
	color:#c10;
	border: solid 3px #c10;
	z-index:10;
	box-shadow:0px 5px 10px 5px rgba(0,0,0,0.1);
	display:inline-block;
}

.balloon .inner{
	margin:0;
	padding:0.5em 1em;
	display:block;
}

.balloon:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 30px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 30px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #c10;
  z-index: 1;
}

.balloon .inner p{
	display:block;
	clear:both;
	text-indent:-1em;
	margin-left:0.5em;
}

.balloon .inner p:before{
  content: "・";
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
確認画面
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.confirm {
	display:block;
	overflow:hidden;
	width:100%;
}

.confirm dt,
.confirm dd {
	float:left;
	padding:0.5em 0.5em 0 0.5em;
}

.confirm dt {
	min-width:20%;
	padding-right:1em;
	clear:both;
	font-weight:bold;
	white-space:nowrap;
	text-align:right;
}

.confirm dd {
	margin-bottom:1em;
}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ログイン
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#login {
	display:block;
	width:90%;
	max-width:500px;
	min-width:280px;
	margin:0 auto;
}

#login p{
	margin-bottom:1em;
}

#login table{
	border: 4px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 20px;
  overflow: hidden;
}

#login table th{
	border:none;
	border-right:1px dashed #888;

}

#login table td{
	border:none;

}


#login table tr:last-child th,
#login table tr:last-child td{
	border-top:1px solid #999;

}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
マイページ
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#mypage #left {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}

#mypage #left > section {
	float:left;
	width:75%;
	margin-bottom:1em;
}

#mypage #left::after{
  content: "";
  display: block;
  clear: both;
}



#mypage #right {
	float:right;
	top:0;
	right:0;
	min-width:240px;
	width:22%;
	margin:0 auto 2em;
	overflow:hidden;
	
}
#mypage #right h3{
	margin-bottom:1em;
	
}

#mypage #right ul{
	display:block;
	margin-bottom:1em;
}

#mypage #right ul li{
	list-style:none;
	margin-bottom:20px;
}

#mypage #right ul li p{
	width:100%;
	display:inline-block;
	background-color:#333;
	color:#fff;
	padding:0.3em 0.5em 0.3em 3.5em;
	border-radius:3px;
	font-size:90%;
	transition: all .3s ease;
	position:relative;
}

#mypage #right ul li a:hover p{
	background-color:#ccc;
}

#mypage #right ul li p span.zip,
#mypage #right ul li p span.xlsx,
#mypage #right ul li p span.pdf{
	display:block;
	width:40px;
	height:40px;
	background-size:cover;
	position:absolute;
	left:0px;
	top:-5px;
	margin:0;
}

#mypage #right ul li p span.zip{
	background-image:url(../img/icon-zip.png);
}

#mypage #right ul li p span.xlsx{
	background-image:url(../img/icon-xlsx.png);
}

#mypage #right ul li p span.pdf{
	background-image:url(../img/icon-pdf.png);
}

#mypage #right ul li span{
	display:inline-block;
	font-size:70%;
	padding:0;
	margin-left:0.5em;
	display:block;
	clear:both;
}



@media (min-width:400px) and (max-width:820px){/*画面幅が400px以上820以下の時*/
	#mypage #right ul li p span.zip,
	#mypage #right ul li p span.xlsx,
	#mypage #right ul li p span.pdf{
		display:block;
		width:34px;
		height:34px;
		background-size:cover;
		position:absolute;
		left:0px;
		top:-5px;
		margin:0;
	}
	#mypage #right ul li p{
		width:100%;
		display:inline-block;
		background-color:#333;
		color:#fff;
		padding:0.5em 0.5em 0.5em 3em;
		border-radius:3px;
		font-size:90%;
		transition: all .3s ease;
		position:relative;
	}
	
	#mypage #right ul li span{
		display:inline-block;
		font-size:70%;
		padding:0;
		margin-left:0.5em;
		clear:none;
	}
}

#mypage #right > p{
	font-size:80%;
	display:block;
}


#mypage #notice,
#mypage #info {
	margin-bottom:2em;
	border:1px solid #ccc;
	border-radius:10px;
	padding:1.5em 20px 0;
	position:relative;
	background-color:#fafafa;
	
}
#mypage #info {
	padding:1.5em 20px 0.5em;
	
}

#mypage #notice h3,
#mypage #info h3 {
	position:absolute;
	top:-0.8em;
	left:1em;
	background-color:#fafafa;
	padding:0 0.5em;
	display:inline-block;
	width:auto;
	
}

#mypage #notice p {
	text-indent:-1em;
	margin-left:1em;
	margin-bottom:1em;
}
#mypage #info p {
	margin-bottom:0.5em;
}

#mypage #notice p::before {
	content: "●";
}




#mypage-btn{
	margin-bottom:2em;
	width:100%;
}

#mypage-btn ul{
	display: flex;
	align-items: center;  /* 上下中央揃え */
	width:100%;
	margin:0 0 1em;
	padding:0;
	flex-wrap: wrap;


}

#mypage-btn ul li {
	list-style:none;
	width: calc(25% - 10px);
	margin: 5px;
	display:block;

}

#mypage-btn ul li a{
	text-align:center;
	display:table;
	
	
	vertical-align:middle;
	width:100%;
	height:140px;
	padding:0;
	margin:0;
	border-radius:10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	transition: all .3s ease;
	/*line-height:60px;*/
	position:relative;
}
#mypage-btn ul li a > div{
	display:table;
	height:96px;
	width:100%;
	padding:0 5px;
}

#mypage-btn ul li a > div p{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:center;
	margin:0;
	padding:0;
	line-height:1.2em;
	font-size:150%;
}
#mypage-btn ul li a > div p span{
	display:inline-block;
	line-height:1.2em !important;
}

#mypage-btn ul li.nodate a{
	line-height:75px;
}
#mypage-btn ul li.nodate a span.date{
	display:none;
}

#mypage-btn ul li.on a{
	background-color:#f73e6e;
	border:5px solid #f73e6e;
	
	background-color:#ff7200;
	border:5px solid #ff7200;
	
}

/*
 #mypage-btn ul li:nth-child(3n) a,
*/
#mypage-btn ul li.blue a{
	background-color:#5077e9;
	border:5px solid #5077e9;
	
	
}

#mypage-btn ul li.off a{
	
	background-color:#ccc;
	border:5px solid #ccc;
	pointer-events: none;
	
}

#mypage-btn ul li.on a:hover{
	background-color:#F63;
	border:5px solid #F63;
	background-color:#f9789a;
	border:5px solid #f9789a;
	background-color:#ffab67;
	border:5px solid #ffab67;
}

#mypage-btn ul li:nth-child(3n) a:hover,
#mypage-btn ul li.blue a:hover{
	background-color:#ff7200;
	border:5px solid #ff7200;;
/*
	background-color:#85a0f0;
	border:5px solid #85a0f0;
*/
}

#mypage-btn ul li a span.date{
	display:block;
	clear:both;
	font-size:140%;
	margin:0;
	padding:2px 0.2em;
	background-color:rgba(255, 255, 255, 0.5);
	color:#333;
	border-radius:0 0 0.5em 0.5em;
	position:absolute;
	left:0;
	bottom:0;
	height:33px;
	line-height:33px;
	letter-spacing:0.1em;
	width:100%;
}



#mypage-btn ul li a span.hissu{
	background-color:#c10;
	background-color:#F00;
	color:#fff;
	padding:5px 5px;
	display:inline-block !important;
	width:auto !important;
	height:auto;
	border-radius:3px;
	font-size:80%;
	line-height:1em;
	position:absolute;
	margin-left:0.5em;
	top:-10px;
	right:3px;
	border:2px solid #c10;
	border-left:none;
	border-top:none;

}

#mypage-btn ul li a span.nini{
	background-color:#aaa;
	color:#fff;
	padding:5px 5px;
	display:inline-block !important;
	width:auto !important;
	height:auto;
	border-radius:3px;
	font-size:80%;
	line-height:1em;
	position:absolute;
	margin-left:0.5em;
	top:-10px;
	right:3px;
	border:2px solid #333;
	border-left:none;
	border-top:none;

}

#mypage-btn ul li a span.none{
	background-color:rgba(255, 255, 255, 0);
}

@media screen and (max-width:1420px){/*画面幅が1420pxまでの時*/

#mypage-btn ul li {
	width: calc(50% - 10px);
}

}
@media screen and (max-width:1080px){/*画面幅が820pxまでの時*/
	
	#mypage #left {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}

#mypage #left > section {
	float:left;
	width:100%;
}

	#mypage #right {
	position:relative;
	top:0;
	right:0;
	width:100%;
	margin:0 auto 30px;
	clear:both;

}


#mypage-btn ul li {
	width: calc(50% - 10px);
}

}


@media screen and (max-width:620px){/*画面幅が820pxまでの時*/


#mypage-btn ul li {
	width: calc(100% - 10px);
}

}

/************************************************/
/* ライトボックス                            */
/************************************************/
table.fixtures,
table.freefixtures {
	height:100%;
}

table.fixtures th:first-child {
	width:auto;
}
table.fixtures th:nth-child(2) {
	width:auto;
}

table.fixtures td:nth-child(3),
table.freefixtures td:nth-child(3) {
	width:60px;
	text-align:center;
}

table.fixtures th,
table.freefixtures th {
	padding:0.3em 0.3em !important;
	height:100%;
	background-color:#f0f0f0;
}
table.fixtures td,
table.freefixtures td {
	padding:0.3em !important;
	height:100%;
}

table.freefixtures td.vali {
	padding:0 !important;
	height:100%;
}
table.freefixtures td.vali input {
	padding:0.3em !important;
	height:100%;
	font-size:100% !important;
}

table.fixtures th.vali,
table.fixtures td.vali {
	padding:0 !important;
	width:50%;
	height:100%;
	overflow:hidden;
}

table.fixtures th.visi {
	display:none;
}


table.fixtures th div {
	height:100%;
	margin:0 ;
	padding:0.3em 0;
	display:table-cell;
	vertical-align:middle;
	
	border-right:1px solid #888;
	width:40%;
	float:left;
	text-align:center;
	
}

table.fixtures th div:nth-of-type(1) {
	border-right:1px solid #888;
	width:30%;
	float:left;
}
table.fixtures th div:nth-of-type(2) {
	border-right:1px solid #888;
	width:20%;
	float:left;
}
table.fixtures th div:nth-of-type(3) {
	border-right:1px solid #888;
	width:20%;
	float:left;
}
table.fixtures th div:nth-of-type(4) {
	border-right:none;
	width:30%;
	float:left;
}




table.fixtures td dl { padding:0; margin:0; display:block; overflow:hidden; height:100%;}
table.fixtures td dd { margin:0; height:auto; padding:0.3em 0.5em; display:block; float:left; height:100%; }
table.fixtures td dt.title {display:none;  padding:0.3em 0.5em; float:left;  }
table.fixtures td dd:nth-of-type(3)  {padding:0;}

/*在庫切れ表示*/

table.fixtures td dd.nostock {
	background-image:url(../img/nostock.svg);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
 }


table.fixtures td div:nth-of-type(1),
table.fixtures td dd:nth-of-type(1)  {
	border-right:1px solid #888;
	width:30%;
	float:left;
	text-align:right;
}
table.fixtures td div:nth-of-type(2),
table.fixtures td dd:nth-of-type(2)  {
	border-right:1px solid #888;
	width:20%;
	float:left;
	text-align:center;
}
table.fixtures td div:nth-of-type(3),
table.fixtures td dd:nth-of-type(3)  {
	border-right:1px solid #888;
	width:20%;
	float:left;
	text-align:center;
}
table.fixtures td div:nth-of-type(4),
table.fixtures td dd:nth-of-type(4)  {
	border-right:none;
	width:30%;
	float:left;
	text-align:right;
}


table.fixtures td.vali dd div { margin:0; width:100%; height:100%; padding:0.3em 0.5em; display:block; border:none; }

/*詳細ボタン*/

table.fixtures td.icon,
table.freefixtures td.icon {
	padding:0 !important;
	}
	
table.fixtures td .detail,
table.freefixtures td .detail {
	position:relative;
	color:#fff;
	padding:0;
	width:100%;
	height:100%;
	display:inline-block;
	line-height:1.3em;
	vertical-align:middle;
	text-align:center;
  background-image: url(../img/detail.svg);
  background-repeat:no-repeat;
  background-size: auto 1.3em;
  background-position:50% 50%;
	}


table.fixtures td .detail:hover,
table.freefixtures td .detail:hover {

	background-color:#69F;
	}
	

 /* Lightbox で表示させるDIV要素のCSS */
  .lightbox {
  -moz-border-radius: 6px 0 6px 6px;
  background: #fff;
  -webkit-border-radius: 6px 0 6px 6px;
  -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
  width: 90%;
  position:fixed;
  top:10vh;
  left:50%;
  display:none;
  z-index:102;
  padding:15px;
  margin-left:-45%;
  max-height:80vh;
  }

  .lightbox h4{
	  background-color:#333;
	  padding:0.3em 0.5em;
	  color:#fff;
	  margin-bottom:0.5em;
	  width:100%;
  }
  
  .lightbox .scroll{
	  width:100%;
	  max-height: 65vh;
  overflow-y:scroll;
  position:relative;
  margin-bottom:0;
  padding-bottom:5px;
  }
  
  /* Lightbox表示時に背景を黒に */
  #BlackWindow{
  display:none;
  background:#000000;
  opacity:0.7;/*黒地の背景の調整はこの数値で調整*/
  filter:alpha(opacity=70);/*黒地の背景の調整はこの数値で調整*/
  position:absolute;
  position:fixed;
  top:0px;
  left:0px;
  min-width:100%;
  min-height:100%;
  z-index:101;
  }
 
.lightbox div{
	display:block;
	float:left;
	margin-bottom:1em;
	overflow:hidden;
  }

.lightbox .img{
	width:30%;
	transition: all .2s ease;
  }

.lightbox .spec{
	width:70%;
	transition: all .2s ease;
  }
  
 
 .lightbox div img{
	width:100%;
  }
   .lightbox dl{
	   min-width:100%;
	  padding-left:20px;
	  display:block;
	  float:left;
  }
  
  .lightbox div dt{
	  font-weight:bold;
  }
  
  .lightbox div dd{
	  margin-bottom:0.5em;
	  border-bottom:1px solid #ccc;
  }
  
  
  .lightbox div dd:last-child{
	  margin-bottom:0.5em;
	  border-bottom:none;
  }
  
  table.fixtures td.vali input[type="text"],
  table.freefixtures td.vali input[type="text"]{
	  width: 100% !important;
	  font-size:100% !important;
	  padding:0.3em 0.5em !important;
	  height:100% !important;
	  text-align:center;
	  margin:0.3em 0.5em;
	  float:left;
	  box-sizing:border-box;
	  font-weight:normal;
	  border:1px solid #3CF;
  }
  
 
 .lightbox p{
		border:1px solid #ccc;
		padding:1em;
		border-radius:10px;
		clear:both;
  }

  .lightbox .delete{
	  display:block;
	  position:absolute;
	  width:100px;
	  height:30px;
	  background-color:#999;
	  right:0;
	  top:-30px;
	  color:#fff;
	  line-height:30px;
	  text-align:center;
	  border-radius:6px 6px 0 0;
  }
  .lightbox .delete2{
	  display:block;
	  position:absolute;
	  width:100px;
	  height:30px;
	  background-color:#999;
	  right:0;
	  bottom:-30px;
	  color:#fff;
	  line-height:30px;
	  text-align:center;
	  border-radius:0 0 6px 6px;
  }
  

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PCレンタル
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#rental .left {
	float:left;
	width:40%;
	padding:10px;
}
#rental .right {
	float:left;
	width:60%;
	padding:10px;
}



 
 #rental img {
	width:100%;
}

#rental table {
	width:100%;
}

#rental table th, 
#rental table td{
	padding:1em;
}

 
#rental img,
#rental table {
	float:left;
}


/*入力項目*/

.daisu {
	width:100px !important;
}

.daisu::after {
	content: "台";
	display:inline-block;
	position:absolute;
	right:-1.5em;
	bottom:0;
	font-size:24px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
レスポンシブ
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

@media screen and (min-width:1801px){/*画面幅が781px以上の時*/
	.un480 {display:none;}
	.ov480 {display:table-cell;}
	
	
	ul.responsive li{
		width:20%;
	}
	
	.col3-block ul.responsive{
		width:auto !important;
		display:block;
		border:none;
		border-top:1px solid #888;
	}
	
	.col3-block ul.responsive li{
		width:33.3% !important;
		width:calc(100% / 3) !important;
	}
	
	
	ul.responsive li label{font-size:100%;}
	
	
	/*td内に設置した場合*/
	td.table ul.responsive li {
		width:25%;
	}
	td.table ul.responsive li:nth-child(4n) {
		border-right:none;
	}
	


	.col2-block .col2 .un480 {
		display:none;
	}
	 .col2-block .ov480 {
		display:table-cell;
	}
	.before-col1 + .col2-block table.col2:first-child td,
	.before-col1 + .col2-block table.col2:nth-child(2) td {
		border-top:none;
	}
	

}

@media screen and (max-width:1800px){/*画面幅が781px以上の時*/
	.un480 {display:none;}
	.ov480 {display:table-cell;}
	
	.col3-block ul.responsive{
		width:auto !important;
		display:block;
	}
	
	.col3-block ul.responsive li{
		width:33.3% !important;
		width:calc(100% / 3) !important;

	}
	
	.col3-block ul.responsive li label{font-size:120%;}
	
	/*積み重ねtable*/
	.col2-block .col2 .un480 {
		display:none;
	}
	 .col2-block .ov480 {
		display:table-cell;
	}
	.before-col1 + .col2-block table.col2:first-child td,
	.before-col1 + .col2-block table.col2:nth-child(2) td {
		border-top:none;
	}
	/**/
	
	
	ul.responsive li label{font-size:100%;}

	ul.responsive li{
		width:25%;
	}
	
	/*td内に設置した場合*/
	td.table ul.responsive li:nth-child(4n) {
		border-right:none;
	}
}


@media screen and (max-width:1600px){/*画面幅が480pxまでの時*/
	.un480 {display:none;}
	.ov480 {display:table-cell;}
	
	.col3-block ul.responsive li .checkbox label{
		font-size:100% !important;
	}
	
	ul.responsive li:nth-child(even) {
		border-left:none;
	}
	
	
	/*td内に設置した場合*/
	td.table ul.responsive li:nth-child(2n) {
		border-right:none;
	}
}


@media screen and (max-width:1200px){/*画面幅が480pxまでの時*/
	
	.col3-block ul.responsive li .checkbox label{
		font-size:80% !important;
	}
	
}


@media screen and (max-width:1024px){/*画面幅が480pxまでの時*/
	.un480 {display:none;}
	.ov480 {display:table-cell;}
	
	.col3-block ul.responsive li{
		width:100% !important;
	}
	
	.col3-block ul.responsive li .checkbox label{
		font-size:120% !important;
	}
	
	/*積み重ねtable*/
	.col2-block .col2 .un480 {
		display:table-row;
	}
	 .col2-block .ov480 {
		display:none;
	}
	.before-col1 + .col2-block table.col2:first-child td,
	.before-col1 + .col2-block table.col2:nth-child(2) td {
		border-top:none;
		border-top:1px solid #888;
	}
	/**/
	
	ul.responsive li{
		width:50%;
	}
	
	ul.responsive li:nth-child(even) {
		border-left:none;
	}
	
	ul.responsive li:last-child {
		border-right:1px solid #888;
	}
	
	ul.responsive li label{font-size:80%;}
	
	
	/*td内に設置した場合*/
	
	td.table ul.responsive li:nth-child(2n) {
		border-right:none;
	}
}

@media screen and (max-width:820px){/*画面幅が820pxまでの時*/
	
	.col1 .un480 {display:table-row; width:100%;}
	.col1 .ov480 {display:none;}
	
	.lightbox .img{
	width:40%;
  }

	.lightbox .spec{
	width:60%;
  }
}



@media screen and (max-width:800px){/*画面幅が820pxまでの時*/


.before-col1 + .col2-block table {
	border-top:none !important;
}

.col2-block table:nth-of-type(even){
	border-top:none !important;
	border-left:1px solid #888 !important;
}

.col2-block table:nth-of-type(2){
	border-top:none !important;
	
}

	/*ライトボックステーブル詳細ボタン*/
	
	table.fixtures tr:first-child,
	table.fixtures td:nth-of-type(3),
	table.freefixtures th:nth-of-type(3),
	table.freefixtures td:nth-of-type(3) {
		display:none;
	}
	
	table.fixtures td.vali {
		width:40%;
	}
		
	table.fixtures td div {
		width:80%;
		height:auto;
	}
	
	table.fixtures td div .title {
	display:inline-block;
	display:block;
	width:30%;
	text-align:right;
	float:left;
	}
	
	table.fixtures td dd:nth-of-type(1),
	table.fixtures td dd:nth-of-type(2),
	table.fixtures td dd:nth-of-type(3) {
	border-right:none;
	border-bottom:1px solid #888;
	width:100%;
	text-align:right;
}

	table.fixtures td dd:nth-of-type(4) {
	border-right:none;
	width:100%;
	text-align:right;
}

table.fixtures td a,
table.freefixtures td a {
	text-decoration:underline;
	color:#39F;
}
	
	table.fixtures td div .title {
		width:30%;
	}
	table.fixtures td.vali input[type="text"]{
		width: 100% !important;
		text-align:right;
	}

table.fixtures td dt { 
	width:30%;
	height:auto;
	float:left;
	clear:both;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	text-align:right;
	background-color:#f0f0f0;
	font-weight:bold;
}

table.fixtures td dd {
	width:70% !important;
	height:auto;
	display:block;
	float:left;
	border-right:none !important;
	border-bottom:1px solid #888;
	text-align:right;
	}
	
table.fixtures td dt:last-of-type, table.fixtures td dd:last-of-type { border-bottom:none;}
table.fixtures td dt.title {display:block;}
}

@media screen and (max-width:720px){/*画面幅が720pxまでの時*/

	.un480 {display:table-row; width:100%;}
	.ov480 {display:none;}
	.un480 th {padding:1em 0;}
	
	.col1 .un480 {display:table-row; width:100%;}
	.col1 .ov480 {display:none;}
	
	ul.responsive li{
		width:50%;
	}
	
	ul.responsive li label{font-size:100%;}
	
	
	ul.responsive li:nth-child(even) {
		border-left:none;
	}
	
	ul.responsive li {
		border-right:1px solid #888;
	}
	
	/*td内に設置した場合*/
	td.table ul.responsive li {
		border-right:1px solid #888;
	}
	td.table ul.responsive li:nth-child(even) {
		border-left:none;
	}
	
	
	/*１カラム内tdに入る２カラム*/
	.col1-block td ul.responsive li, .after-col1 td ul.responsive li{width:100%;}
	.col1-block td ul.responsive li, .after-col1 td ul.responsive li {
		border:none;
		border-bottom:1px solid #888;
	}
	.col1-block td ul.responsive li:last-of-type, .after-col1 td ul.responsive li:last-of-type{
		border:none;
		border-bottom:none;
	}
	
	#rental .left {
	float:none;
	width:100%;
	padding:10px;
}
#rental .right {
	float:none;
	width:100%;
	padding:10px;
	clear:both;
}
	

}


@media screen and (max-width:620px){/*画面幅が480pxまでの時*/
	.un480 {display:table-row; width:100%;}
	.ov480 {display:none;}
	
	.col3-block ul.responsive li .checkbox label{
		font-size:80% !important;
	}
	
	
	.un480 th {padding:1em 0;}
	
	ul.responsive li{width:100%;}
	.col2-block ul.responsive li{width:100%;}
	.col3-block ul.responsive li{width:100%;}
	
	ul.responsive li label{font-size:100%;}
	ul.responsive li:nth-child(2n) {
		border-right:1px solid #888;
		border-left:1px solid #888;
	}
	
	/*td内に設置した場合*/
	
	td.table ul.responsive {
		border:none;
	}
	
	td.table ul.responsive li {
		border-right:none;
		border-left:none;
	}
	
	
	table.fixtures td.vali {
		width:50%;
	}
	
	table.fixtures td div .title,
	table.fixtures td dt.title {
		width:40%;
	}
	table.fixtures td.vali input[type="text"],
	table.fixtures td.vali dd{
		width: 60% !important;
		float:right;
	}
	
	.lightbox .img,
	.lightbox .spec{
	width:100%;
	float:none;
  }
   .lightbox dl{
	  padding-left:0;
  }
}

@media screen and (max-width:400px){/*画面幅が480pxまでの時*/
	
	table.fixtures td.vali {
		width:65%;
	}
	
	table.fixtures td div .title {
		width:40%;
	}
	table.fixtures td.vali input[type="text"]{
		width: 60% !important;
	}
}