@charset "utf-8";
/* CSS Document */
/*Insert Tomonari Takemasa start 2018/03/27*/
/*
@media print {
    img { display: none !important; }
}
*/
/*Insert Tomonari Takemasa  end  2018/03/27*/
ul, li
 {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

body,
input,
textarea,
select {
  /*font:18px Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic',"メイリオ", Meiryo ,sans-serif;*/
  font-family:Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic',"メイリオ", Meiryo ,sans-serif;
  -webkit-text-size-adjust: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

html{
	width: 100%;
	min-width: 1200px;
	background-color: #eeeeee;
	height: 100%;
	min-height: 100%;
}

/*全体の背景の色*/
body{
	width: 100%;
	background: url(../img/bg.jpg);
	margin: 0px;
	padding: 0px;
}

/*ヘッダー・フッターの背景の色*/
header {
	background-color: #eeeeee;
	width: 100%;
	height: 70px;
}

footer {
	background-color: #eeeeee;
	width: 100%;
	padding-top: 20px;
}

.sub_title {
	border-top: #846450 1px solid;
	border-bottom: #846450 1px solid;
	color: #544033;
	display: inline;
	font-size: 66%;
	padding: 3px 10px;
}

li a{
	color:#000000;
}

li a:hover{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a{
	text-decoration:none;
}
/*サイト名の文字色*/

.logo{
	padding-top: 10px;
}

.site {
	color: #261e1c;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
    text-decoration: none;
}

.site-2 {
	color: #544033;
}

/*メインの幅指定*/
#main {
	margin: auto;
	width: 1000px;
	padding-bottom: 50px;
}

#main-2{
	margin: auto;
	width: 1000px;
	padding-bottom: 50px;
	/*Update Tomonari Takemasa start 2018/03/27*/
	/*min-height: 800px;*/
	/*min-height: 100vh;*/
	min-height: 400px;
	/*Update Tomonari Takemasa start 2018/03/27*/
	overflow: hidden;
}

/* トップスライダー */

 .slider-top {
	max-width: 100%;
	height: 500px;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	 margin: 0 auto 30px!important;
	 position: relative;
	 overflow: hidden;
}

.slider-top .slides li {
	width: 100%;
	height: 500px;
}

.slider-top .slides li img {
	min-width: 100%;
	min-height: 100%;
	width: auto!important;
	height: auto!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.top-txt {
	position: absolute;
	top: 28%;
	left: 0;
	right: 0;
	/*bottom: 0;*/
	margin: auto;
	width: 759px;
	height: 58px;
	z-index: 200;
}

/*利用規約の文字色*/
.iro {
	color: #261e1c;
}

#back{
	text-align: center;
	display: inline-block;
	background-color: #eeeeee;
	width: 100%;
	height: 210px;
	padding-top: 40px;
	background-image: url("../img/1x/m-back.png");
    background-repeat: no-repeat;
    background-position:  5px 5px;
}

#use {
	display: inline-block;
	margin-right: 40px;
}

#reading {
	display: inline-block;
	margin: 0 40px 0 0;
	/*padding: 30px 30px 30px 30px;
   	vertical-align: top;*/
	text-align: center;
	/*color: #eeeeee;*/
	/*background-color: #261e1c;*/
    text-decoration: none;
	vertical-align: top;
}

#reading a {
	width: 100%;
	height: 100%;
	background: #261e1c url(../img/1x/icon_arrow.png) no-repeat 20px center;
	border: #846450 4px solid;
	/*border-right: #846450 4px solid;
	border-bottom: #846450 4px solid;*/
	border-radius: 10px;
	display: block;
	padding: 30px 10px 30px 40px;
}

#reading a:hover {
	background-color: #544033;
	/*border: none;
	border-top: #846450 4px solid;
	border-left: #846450 4px solid;*/
}

.eturan {
	font-size: 30px;
	/*padding-top: 10px;*/
	color: #eeeeee;
}

/*利用方法のデザイン*/
.way {
	margin: auto;
	text-align: center;
	color: #6C2200;
	border: 1px solid #6C2200;
	border-bottom: 3px solid #6C2200;
	width: 150px;
	padding: 0px 30px 0px 30px;
	 text-decoration: none;
	background: url(../img/1x/s-arrow.png) no-repeat center 86%;
}

.way:hover{
	background: #EDEDED url(../img/1x/s-arrow.png) no-repeat center 86%;
}

.riyou{
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	color: #6C2200;
}

.mozi{
	color: #000000;
}

.waku-1,
.waku-w{
	text-align: center;
	vertical-align: text-top;
	background-color: #eeeeee;
	width:  110px;
	height: 80px;
	padding-top: 20px;
	font-size: 15px;
	font-weight: bolder;
	background-image: url("../img/1x/arrow.png");
    background-repeat: no-repeat;
    background-position: center 80%;
	 text-decoration: none;
	}

.waku-w{
	height: auto;
	font-size: 13px;
	padding-top: 0;
	text-align: left;
	}

table .waku-1 a{
	text-decoration: none;
	display: block;
	width: 100%;
    height: 100%;
}

table .waku-w a{
	color: #261e1c;
	margin: 10px 2px 15px;
}



table td a{
    text-decoration: none;
}

.koutuu-logo{
	border: 1px solid #261e1c;
	background-color: #eeeeee;
}

.koutuu-logo-2{
	text-align: center;
	width: 100px;
	height: auto;
	padding-left: 3px;
	padding-top: 3px;
}

.yohaku{
	border-spacing: 15px;
}

#image{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin-left: 18px;
	margin-right: 20px;
	padding-right: 20px;
}

#news{
	display: inline-block;
	width: 45%;
	padding-right: 20px;
}

.new{
	color: #544033;
	background-color: #E1DACB;
	border-bottom: 3px solid #544033;
    margin-top: 0px;
	width: 470px;
	padding-left: 5px;
	margin-bottom: 7px;
}


.notice{
	color: #544033;
	background-color: #E1DACB;
	border-bottom: 3px solid #544033;
	margin: 0px;
	width: 470px;
	padding-left: 5px;
}

.new-2{
	width: 470px;
}

.notice-2{
	background-color: #eeeeee;
	width: 470px;
}

.waku-2{
	background-color: #eeeeee;
	width: 130px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}

.waku-2 a{
	color: #000000;
	text-decoration: none;
	display: block;
    width: 100%;
    height: 100%;
}

.yohaku-2{
	width: 100%;
	border-spacing: 10px;
}

.datd{
width: 475px;
background-color: #eeeeee;
}

dt{
width: 100px;
font-size: 15px;
text-align: center;
padding: 30px 0px 30px 10px;
clear: left;
float: left;
color: #000000;
}

dd{
	padding: 30px 80px 30px 120px;
	margin: 0;
	color: #000000;
	background-image: url("../img/1x/s-arrow.png");
    background-repeat: no-repeat;
    background-position: 430px center;
	text-decoration: none;
	border-bottom: #E1DACB solid 1px;
}

/*Insert Tomonari Takemasa start 2018/03/06*/
.nonews {
	padding: 30px 80px 30px 20px;
	background-image: none;
}
/*Insert Tomonari Takemasa  end  2018/03/06*/

.sen-no{
	border-bottom: none;
}

.datd a:hover{
  background-color: #d6eefe;
  display: block;
}

.site-3{
	text-align: center;
	width: 30%;
	margin-left: 50px;
	vertical-align: top;
	display: inline-block;
}

.menu{
	width: 40%;
	margin-left: 50px;
	display: inline-block;
}

.menu-1 {
	list-style: none;
}

.menu-4 :before{
	content: "・";
    color: #261e1c;
}

.menu-4{
	padding-bottom: 15px;
}

.menu-2{
	display: inline-block;
	margin-right: 60px;
}

.menu-3{
	display: inline-block;
	vertical-align: top;
}

.photo{
	vertical-align: top;
	width: 20%;
	padding-top: 20px;
	display: inline-block;
}

.search{
	width: 100%;
	 border-spacing: 1px 5px;
	margin-top: 40px;
}

#freeword,#age-search{
	background-color: #eeeeee;
	height: 50px;
}

#chronicle_start,#chronicle_finish{
	padding: 4px 10px;
}

#genre, #squeeze{
	background-color: #eeeeee;
	height: 50px;
}

.kensaku{
   text-align: center;
   padding: 10px 10px;

}

#search-btn{
   padding: 10px 70px 10px 85px;
   font-size: 20px;
   background-color: #261e1c;
   color: #fff;
   border-style: none;
   background-image: url("../img/../img/1x/s-logo.png");
   background-repeat: no-repeat;
   background-position:25% center;
   cursor: pointer;
}

#free_word{
	width: 400px;
	height: 20px;
	padding: 5px;
	/*margin-left: 40px;*/
}

#chronicle_start, #genre-1, #refine-1{
	/*margin-left: 40px;*/
}


label{
	padding-right: 20px;
}

.search label,
.search input[type="checkbox"]{
	cursor: pointer;
}

.search th {
	min-width: 170px;
}

.search td {
	padding: 10px 10px 10px 40px;
	vertical-align: middle;
}

.search td label {
	display: block;
	float: left;
}

.word{
	color: #888888;
	padding-right: 50px;
}

.login-gamen{
	width: 70%;
    border-spacing: 0px 5px;
	margin-top: 40px;
}

.user-pass{
	background-color: #eeeeee;
	height: 50px;
}

.login{
  text-align: center;
  padding: 10px 10px;

}

.login-2{
   padding: 10px 50px 10px 50px;
   font-size: 20px;
   background-color: #261e1c;
   color: #fff;
   border-style: none;
}

.user-pass2{
	color: #888888;
	padding-left: 40px;
}

.user-pass3{
	width: 400px;
	height: 20px;
	padding: 5px;
	margin-left: 40px;
}

.kekka{
	text-align: center;
	margin-bottom: 30px;
}

.yohaku-3{
	width: 100%;
	border-spacing: 10px;
}

.waku-3{
	background-color: #eeeeee;
	width: 100px;
	height: 130px;
    padding: 40px 0px 10px 0px;
	text-align: center;
}

.waku-3 a{
	color: #000000;
	text-decoration: none;
	display: block;
    width: 100%;
    height: 100%;
}

.zengo{
	margin-left: 830px;
}

.zengo-2{
	border-spacing: 0px;
	display: inline-block;
}

.kakko{
	text-align: center;
	background-color: #eeeeee;
	width: 25px;
	height: 40px;
	margin-right: 20px;
}

.kakko-2{
	text-align: center;
	background-color: #eeeeee;
	width: 25px;
	height: 40px;
}

.namber{
	text-align: center;
	background-color:#E1DACB;
	border-bottom: 1px solid #544033;
	border-spacing: 100px 10px;
	width: 25px;
	height: 40px;
}

.namber-2{
	text-align: center;
	background-color: #eeeeee;
	width: 25px;
	height: 40px;
}

.archive{
	width: 100%;
	 border-spacing: 0px 5px;
	margin: 40px auto 0;
}

.archive td {
	padding: 10px;
	text-align: center;
}

.supporter{
	background-color: #eeeeee;
	height: 50px;
}

.name{
	background-color: #eeeeee;
	/*height: 600px;*/
}

.supporter-2{
	font-size: 25px;
}

.name-2{
	text-align: left;
	vertical-align: text-top;
}

.name-3{
	width: 100%;
	table-layout: fixed;
}

.name-3 td{
	padding-top: 20px;
	padding-bottom: 20px;
}

.sent{
	text-align: center;
    padding: 10px 10px;
}

.sent-2{
	padding: 10px 80px 10px 80px;
   font-size: 20px;
   background-color: #421F05;
   color: #fff;
   border-style: none;
	 cursor: pointer;
}

.donor-1{
	width: 70%;
	 border-spacing: 0px 5px;
	margin-top: 30px;
}

.donor-2{
	background-color: #eeeeee;
   height: 50px;
}

.donor-3{
	background-color: #eeeeee;
	height: 250px;

}

.donor-4{
	width: 70%;
	border-spacing: 0px 0px;
	height: 150px;
}

.donor-5{
	width: 70%;
	border-spacing: 0px 5px;
}

.full-name,
.mail
{
	width: 450px;
	padding: 5px;
	margin-left: 40px;
}



.postalcode{
	width: 210px;
	height: 20px;
	padding: 5px;
	margin-left: 98px;
}

.postalcode-2{
	width: 210px;
	height: 35px;
	padding: 5px;
	margin-left: 20px;
	background-color: #E1DACB;
	color: #544033;
    font-size: 15px;
	 cursor: pointer;
}

.rei{
	font-size: 15px;
	margin-left: 98px;
	margin-top: 3px;

}

.apartment{
	width: 450px;
	padding: 5px;
	margin-left: 98px;
}

.document{
	width: 400px;
	height: 150px;
	padding-left: 100px;
	padding-right: 100px;
	font-size: 30px;
}

.document-2{
	text-align: left;
	margin-left: 30px;
	margin-top: -20px;
}

.required{
	text-align:left;
	vertical-align:middle;
	padding-left: 20px;

}

.modoru{
   padding: 5px 15px 5px 15px;
   font-size: 15px;
   background-color: #261e1c;
   color: #fff;
   border-style: none;
   cursor: pointer;
}

.details-name{
	width: 100%;
}

.details-name-layout {
	width: 100%;
	margin: 20px 0;
	text-align: left;
}

.details-name-layout td {
	vertical-align: top;
}

.details-name-layout td:nth-of-type(1) {
	width: 0;
}

.details-name-layout td:nth-of-type(3) {
	width: 20%;
}

.details-name-2{
	width: 100%;
	text-align: left;
	font-size: 20px;
	padding: 0 10px 0 0;
	margin: 0 20px 0 0;
	box-sizing: border-box;
}

.kanmen{
	width: 200px;
	margin: auto;
	text-align: center;
	color: #6C2200;
	border: 1px solid #6C2200;
	padding: 5px 10px 5px 10px;
	background-color: #eeeeee;

}

.haikei{
	background-color: #eeeeee;
	padding: 0px 10px;
	overflow: hidden;
}

.vehicle{
	padding-left: 800px;
	padding-top: 10px;

}

.vehicle-logo{
	text-align: center;
	vertical-align: middle;
	border: 1px dotted #3B3B3E;
	border-spacing: 0px;
	width: 30px;
	height: 30px;
}

.vehicle-logo-2{
	border-spacing: 0px;
	margin: 0 20px;
}

.more{
	width: 100%;
	margin-top: 40px;
}

.more-2{
	width: 65%;
	border-spacing: 5px 0px;
	}

.more-3{
	width: 20%;
	border-bottom: #000000 1px solid;
	background-color: #eeeeee;
	padding: 5px 5px 5px 10px;
}

.more-4{
	border-bottom: #000000 1px solid;
	background-color: #eeeeee;
	padding-left: 10px;
	padding: 5px 5px 5px 10px;
}


.more-5{
	vertical-align: top;
	border-bottom: #000000 1px solid;
	background-color: #eeeeee;
	padding-left: 10px;
	padding: 10px 5px 30px 10px;
}

.more-6{
	background-color: #eeeeee;
	padding-left: 10px;
	padding: 5px 5px 5px 10px;
}

.modoru-2{
   padding: 10px 80px 10px 80px;
   font-size: 25px;
   background-color: #E1DACB;
   color: #544033;
   border-style: none;
   cursor: pointer;
}

.modoru-3{
	margin-top: 30px;
}

li{
	list-style: none;
}

.notice-3{
	width: 70%;
    border-spacing: 0px 5px;
	margin-top: 40px;
}

.notice-4{
	background-color: #eeeeee;
	height: 50px;
}

.content{
	background-color: #eeeeee;
	min-height: 200px;
	/*Delete Tomonari Takemasa start 2018/03/27*/
	/*height: 600px;*/
	/*Delete Tomonari Takemasa  end  2018/03/27*/
	/*Insert Tomonari Takemasa start 2018/03/15*/
	text-align: left;
	/*Insert Tomonari Takemasa  end  2018/03/15*/
}

.notice-5{
	font-size: 25px;
}

.content-2{
	min-height: 200px;
	vertical-align: text-top;
	text-align: left;
	font-weight: normal;
	padding: 15px;
}

.way-2{
	width: 70%;
	border-spacing: 0px 5px;
	margin-top: 40px;
}

.way-3{
	background-color: #eeeeee;
	height: 600px;
}

.way-4 {
	vertical-align: text-top;
	text-align: left;
	padding: 15px;
	font-weight: normal;
}

/*Insert Tomonari Takemasa start 2018/03/15*/
.h2-title {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	line-height: 200%;
}

.p-text {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 200%;
}

.way-4 p {
	padding-left: 10px;
}
.pleft-position {
	text-align: right;
}
/*Insert Tomonari Takemasa  end  2018/03/15*/

.writing-2{
	width: 70%;
	border-spacing: 0px 5px;
	margin-top: 40px;
}

.writing-3{
	background-color: #eeeeee;
	height: 600px;
}

.writing-4{
	vertical-align: text-top;
}

/*Insert Tomonari Takemasa start 2018/03/15*/
.writing-4 p{
	vertical-align: text-top;
	text-align: left;
	font-weight: normal;
	padding: 15px;
}
/*Insert Tomonari Takemasa  end  2018/03/15*/

.main-panel {
	width: 100%;
	border-spacing: 0px 5px;
	margin-top: 40px;
	background-color: #eeeeee;
	vertical-align: text-top;
	padding-bottom: 40px;
}

.main-panel > div {
	width: 95%;
	padding: 0% 20px;
}

/*Insert Tomonari Takemasa start 2018/03/15*/
.num-f {
	counter-reset: cnt 0;
	list-style-type: none;
	list-style-position: outside;
}
.num-f li {
	counter-increment: cnt;
	padding: 10px 0px;
}
.num-f li:before {
	content: counter(cnt) ". ";
	margin-left: -1.1rem;
}
.num-s {
	counter-reset: cnt 0;
	list-style-type: none;
	list-style-position: outside;
}
.num-s li {
	counter-increment: cnt;
}
.num-s li:before {
	content: "(" counter(cnt) ")";
	margin-left: -1.4rem;
}
/*Insert Tomonari Takemasa start 2018/03/15*/

/* Insert Tomonari Takemasa start 2018/03/15 */
.kiyaku-3 p{
	text-align: left;
	font-weight: normal;
	padding: 15px;
}
/* Insert Tomonari Takemasa  end  2018/03/15 */

/* Insert Tomonari Takemasa start 2018/03/09 */
.search-list > li {
	float:left;
	background-color: #eeeeee;
	width: 19%;
	height: 130px;
    padding: 10px 0px 40px 0px;
	text-align: center;
	margin: 10px 0;
}
.search-list > li:nth-child(5n-1),
.search-list > li:nth-child(5n-2),
.search-list > li:nth-child(5n-3),
.search-list > li:nth-child(5n-4) {
	margin: 10px 12px 0 0;
}

.new-arrival-image > li {
	float:left;
	background-color: #eeeeee;
	width: 32%;
	height: 130px;
    padding: 10px 0px 40px 0px;
	text-align: center;
	margin: 5px 0;
}
.new-arrival-image > li:nth-child(3n-1) {
	margin: 5px 8px;
}

/* add180329 start */

.thumb-box {
	position: relative;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.thumb-box img {
	max-width: 100%;
	max-height: 100%;
	width: auto!important;
	height: auto!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* add180329 end */

/* add190131 start */

/*.thumb-box a {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}*/

/* add190131 end */

.holder {
	text-align: right;
	margin: 15px 0;
}

.holder a {
	font-size: 12px;
	cursor: pointer;
	/*margin: 0 5px;*/
	color: #333;
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;
}

.holder a:hover {
	background-color: #f7f7f7;
}

.holder a.jp-first {
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;
}

.holder a.jp-previous {
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;

}
.holder a.jp-next {
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;
}

.holder a.jp-last {
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;
}

.holder a.jp-current,
a.jp-current:hover {
	font-weight: bold;
	text-align: center;
	background-color: #cccccc;
	margin-right: 5px;
	padding: 10px;
}

.holder a.jp-disabled,
a.jp-disabled:hover {
	color: #bbb;
	text-align: center;
	background-color: #eeeeee;
	margin-right: 5px;
	padding: 10px;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default;
	/*background: none;*/
	padding: 10px;
}

.holder span {
	 margin: 0 5px;
}

#load-box {
	width: 100%;
	min-height: 400px;
	text-align: center;
}
/* Insert Tomonari Takemasa  end  2018/03/09 */
/*Insert Tomonari Takemasa start 2018/03/16*/
.required-input {
	background: #cc0000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	clear: right;
	float: right;
	font-size: 75%;
	font-weight: bold;
	padding: 0 5px;
	text-align: center;
}
/*Insert Tomonari Takemasa  end  2018/03/16*/