/* Theme Name: nory */

/* tables still need 'cellspacing="0"' in the markup */
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 margin: 0;
 padding: 0;
 table-layout:auto;
 margin-top: 0px;
 margin-bottom: 0px;
}

/* Main Body */
body {
 margin: 0 auto;
/* max-width:900px;  */ 
 color: #000000;
 font-size: 12px;
 -webkit-text-size-adjust: 100%;	
 font-family: sans-serif; 
 line-height: 17px;
 position:static;
}

/* header for robot */
#header {
 color: #fff;
 font-size: 4px;
 font-family: sans-serif;
 line-height: 16px;
 margin: 10px auto;
 line-height: 16px;
    width:100%;
    position:relative;
}

/* footer */
#footer {
 color: #696969;
 font-size: 10px;
 font-family: sans-serif;
 line-height: 16px;
 margin:20px auto 0px auto;
 padding:10px 0;
 text-align:center;
 background-color:#fdf5e6;
    
}
#footer a {
	padding: 0 5px;
	color: #696969;
}

#footer .menu-hheader,
div.address {
	font-size: 12px;
	font-weight: bold;
}

/* Common design */
input,
textarea {
	font-size: 12px;
	line-height: 12px;
}

a {
 color: #696969;
 text-decoration:none;
}

a:hover {
 color: red;
 text-decoration:none;
}

ul, li {
  list-style: none;
}

.items div {
    float:left;
    width:900px;
}

div.textbox {
	display: table;
	border-spacing: 10px;
	margin: 0px;
	padding: 0px;
	width: 100%;
    font-size: 12px;
}

/*-- Scrole to Page Top --*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: -50px;
  background:#708090;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  padding:15px 0;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
	text-align: center;
	text-decoration: none;
}
.style2 {font-size: 10px; line-height: 11px;}
.style3 {font-size: 12px; line-height: 20px; color: #FFFFFF; }
.style4 {color: #800000; font-size: 12px}
.style5 {color: #008000; font-size: 12px; font-weight: bold;}
.style6 {font-size: 12px; border-top: 1px solid #ffffff; line-height: 25px; font-weight: bold;}
.style7 {font-size: 12px; border-top: 1px solid #A2ADBC; line-height: 25px; font-weight: bold;}
.style8 {font-size: 12px; text-align:right;}
.style9 {font-size: 12px; border-top: 1px solid #A2ADBC; line-height: 30px; font-weight: bold;}
.style10 {font-size: 12px; border-top: 1px solid #A2ADBC; line-height: 30px; text-align:right;}
.style11 {font-size: 13px; border-top: 1px solid #A2ADBC; line-height: 30px; font-weight: bold;}
.style12 {font-size: 12px; border-top: 1px solid #A2ADBC; line-height: 20px; font-weight: bold; text-indent:-1.5em;padding-left:1.5em}
.style13 {font-size: 12px; line-height: 20px; font-weight: bold; text-indent:-1.5em;padding-left:1.5em}
.style14 {font-size: 12px; border-top: 1px solid #A2ADBC; line-height: 30px; font-weight: bold; color:#c71585;}

.style15 {font-size: 14px; border-top: 2px solid #2c1f88; line-height: 30px; border-bottom: 2px solid #2c1f88;
  font-weight: bold; color:#2c1f88; margin-bottom: 20px;
  font-family:"Yu Gothic UI Semibold",sans-serif;
}

.style16 {font-size: 14px; border-top: 2px solid #2c1f88; line-height: 30px;
  font-weight: bold; color:#2c1f88;
  font-family:"Yu Gothic UI Semibold",sans-serif; }

.style17 {font-size: 12px; font-weight: bold; color:#2c1f88; margin: 20px 0 20px 0;}

.style18 {font-size: 12px; font-weight: bold; margin: 0; padding:10px 10px;
     background-color:#d1a340;
}

.style19 {font-size: 12px; font-weight: bold; margin: 0; padding:10px 10px;
     background-color:#fdf5e6;
}

.wrap{
    overflow:hidden;
}

/*==== Connection list ===== */
ul {
  padding: 0.5em;
  position: relative;
}
ul li.indent-1 {
  padding: 0.5em 0.5em 0.5em 3.0em;
  text-indent:-1.5em;
  list-style-type: none!important;
  background: -webkit-linear-gradient(top, #whitesmoke 0%, whitesmoke 100%);/*グラデーション*/
  background: linear-gradient(to bottom, whitesmoke 0%, #dadada 100%);/*グラデーション*/
  color: black;
}

/*===========  for table ========= */
table {
 margin-left: auto;
 margin-right: auto;
}

td.center{
    text-align: center;
}

.sample-separate {
 border-collapse: separate;
 border: 1px solid gray;
 margin: 0;
 margin-left: auto;
 margin-right: auto;
}
.sample-separate td {
    border: 1px solid gray;
	padding: 2px 2px 2px 5px;
}

.sample-collapse {
    border-collapse: collapse;
    border: 1px solid gray;
    margin: 0;
	margin-left: auto;
	margin-right: auto;
}

.sample-collapse td {
    border: 1px solid gray;
	padding: 2px 2px 2px 2px;
}

/*===========  for table end ========= */

/*-------------------------------------*/
/*-- button ---------------------------*/
.btn,  .btnimg{
	    display: inline-block;
		background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	    border: 2px solid #DDD;
	    color: #111;
	    border-radius: 4px;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
/* 	    width: 120px;  */
	    padding: 5px 20px;
 		margin:5px;
		line-height: 2em;
		text-align:center;
}
.btn:hover, .btnimg:hover{
    text-decoration:none;
	border: 2px solid #bdb76b;
    background: -moz-linear-gradient(top,#FFF 0%,#bdb76b);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#bdb76b));

}
.btn {
	    padding: 5px 20px;
}
.btnimg {
	    padding: 5px;
}
/*-- button END --*/

/*-------------------------------------*/
/*-- button on image ------------------*/

.btnonimg {/*親div*/
  display: block;
  position: relative;/*相対配置*/
  }

.btnonimg p a {
    position: absolute;
    /*絶対配置*/
bottom: 0;
    left: 100px;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50px;
    display: block;
    width: 150px;
    box-sizing: border-box;
    background: rgba(192,192,192,0.5);
    border: 1px solid #FFF;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    transition: .3s;
}

.btnonimg img {
  width: 100%;
    height:auto;
    display:block;
  }

.btnonimg a:hover{
        background: rgba(255,255,255,1);
    color: #333;
}

/*-- button on image END --------------*/

/*-- Radio Button --*/

.radio-input{
  display: none;
}
.radio-input + label{
  line-height: 23px;
  padding-left: 25px;
  position:relative;
  margin-right: 10px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #ff6347;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #ff6347;
  border-radius: 50%;
}

/*-- Radio Button END --*/

/*-- Checkbox --*/

.checkboxItem {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.checkboxItem:not(:last-of-type) {
  margin-bottom: 18px;
}

.checkbox {
  appearance: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #999;
  border-radius: 4px;
  cursor: pointer;
}

.checkbox:checked {
  background-color: #999;
}

.checkbox:checked::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 17px;
  height: 7px;
  border-bottom: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
  transform: rotate(-45deg);
}

/*-- Checkbox icon END --*/

/*-- Input text style --*/
input[type="text"],input[type="number"],input[type="email"],input[type="tel"],select {
  border: 2px solid #999;
  padding: 5px;
  border-radius: 4px;
  width: 300px;
  font-size:16px;
}
input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus  {
  border: 2px solid #ff6347;
  outline: 0;
  padding: 5px;
  border-radius: 4px;
  width: 300px;
  font-size:16px;
}

textarea {
  border: 2px solid #999;
  padding: 5px;
  border-radius: 4px;
  width: 300px;
  font-size:16px;
}
/*-- Input test style END--*/


/* Common design == END == */
