@charset "Shift_JIS";
@import url("../../css/style.css");

/*PC*/
@media screen and (min-width: 760px) {
	h3{
		clear:both;
		font-size:116% !important;
		margin:40px 0 30px 0 !important;
		padding:10px 10px 10px 15px !important;
		border-radius: 3px !important;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		background-color:#e5e5e5;
	}

	#handicap p{
	  font-size: 13px !important;
	  line-height: 2 !important;
	}
	#handicap p{
	  padding: 0 15px;
	}
	#handicap ul,
	#handicap dl{
	  padding: 0 15px 0 30px;
	}
	#handicap p.kome {
	    font-size: 90% !important;
	    padding: 0 15px 0 30px;
	    text-indent: -1.2em;
	    margin: 0 0 3px 0;
	    line-height: 1.6;
	}
	#handicap p.kome.inner {
	    padding: 0 15px 0 45px;

	}
	.kome a{
	      color: #8f8e8e !important;
	      text-decoration: underline !important;
	}
	#handicap .info_list li{
	  line-height: 2;
	  position: relative;
	  padding-left: 1.5em;
	}
	#handicap .info_list li:before{
	  content:"";
	  position: absolute;
	  top: 25%;
	  left: 0;
	  width: 1em;
	  height: 1em;
	  border-radius: 0.5em;
	  background: #bebebe;
	}

	/* 募集要項 */
	#handicap{
		margin:20px 0;
	}
	table.bs{
		clear:both;
		margin:0 0 10px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	table.bs th{
		background-color:#fffae3;
		border:solid 1px #bebebe;
		padding:15px;
		line-height:1.3;
		white-space:nowrap;
		text-align:center;
	}
	table.bs td{
		border:solid 1px #bebebe;
		padding:15px 15px 10px 15px;
		line-height:1.4;
		width:100%;
	}
	table.bs td p{
		line-height:1.4;
		margin:0 0 5px 0;
	}
	table.bs td p.maru{
		text-indent:-1.2em;
		padding:0 0 0 1.2em;
	}
	table.bs td p.maru2{
		text-indent:-1em;
		padding:0 0 0 1em;
		margin-left:1.2em;
	}
	table.bs td p.km{
		margin:20px 0 5px 0;
	}
	table.bs td p.maru span{
		color:#cdcdcd;
		font-size:85%;
		padding:0 3px 0 0;
	}
	table.bs td p.kome{
		margin:10px 0 0 0;
		line-height:1.2;
		text-indent:-1.2em;
		padding:0 0 0 1.2em;
	}

	#handicap dl{
	  width: 100%;
	  margin: 20px 0;
	  line-height: 2;
	}
	#handicap dl dt{
	  display: block;
	  width: 10%;
	  clear: left;
	  float: left;
	}
	#handicap dl dd{
	  display: block;
	  width: 90%;
	  float: left;
	}
	#handicap dl:after{
	  content: ".";
	  display: block;
	  height: 0;
	  font-size:0;
	  clear: both;
	  visibility:hidden;
	}

	/* お問い合せ */
	.contact{
		clear:both;
		margin:50px auto 0;
		width:563px;height:101px;
		background:url(../../img/contact_bg.gif) left top no-repeat;
	}
	.contact table{
		margin:0;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	.contact p.fwb{
		font-size:100%;
		margin:0 0 0 20px;
		padding:0 0 3px 0;
		font-weight:bold;
	}
	.contact p.fwn{
		font-size:100%;
		margin:5px 0 0 20px;
		padding:0;
	}
	.contact p.form{
		font-size:90%;
		margin:10px 0 0 20px;
		padding:0 0 0 15px;
		zoom:1;
		background:url(../img/li.gif) left center no-repeat;
	}
	.indent{
		text-indent: -1em;
	    margin-left: 1em !important;
	}
}


/*SP*/
@media screen and (max-width: 759px) {
	#handicap {
	  margin: 20px 0;
	  width: 100%;
	}

	#handicap > p {
	  text-align: center;
	  padding: 0 10px;
	}

	#handicap p {
	  text-align: left;
	  padding: 0 10px;
	}

	#handicap .info_list{
	  padding: 10px;
	}

	#handicap .info_list li{
	  line-height: 2;
	  position: relative;
	  padding-left: 1.5em;
	}
	#handicap .info_list li:before{
	  content:"";
	  position: absolute;
	  top: 8px;
	  left: 0;
	  width: 1em;
	  height: 1em;
	  border-radius: 0.5em;
	  background: #bebebe;
	}

	p.kome{
	  font-size: 13px;
	  padding: 0 0 0 1.2em !important;
	  text-indent: -1.2em;
	  margin: 0 10px 3px 10px;
	  line-height: 1.6;
	}
	.kome a{
	      color: #8f8e8e !important;
	      text-decoration: underline !important;
	}

	#handicap h3 {
	  font-size: 15px;
	  font-weight: bold;
	  margin: 20px 0 30px 0;
	  padding: 10px 10px 10px 15px;
	  background-color: #e5e5e5;
	}

	/* 蜍滄寔閨ｷ遞ｮ */
	#handicap table.bs{
		margin: 15px 10px 10px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	    width: calc(100% - 20px );
	}
	#handicap table.bs th{
		font-size: 13px;
		background-color:#fffae3;
		border:solid 1px #bebebe;
		padding: 10px;
		line-height:1.3;
		white-space:nowrap;
	}
	#handicap table.bs td{
		font-size: 13px;
		border:solid 1px #bebebe;
		padding: 10px;
		line-height:1.3;
	}

	#handicap dl{
	  width: 100%;
	  margin: 20px 10px;
	  line-height: 2;
	}
	#handicap dl dt{
	  display: block;
	  width: 20%;
	  clear: left;
	  float: left;
	}
	#handicap dl dd{
	  display: block;
	  width: 80%;
	  float: left;
	}
	#handicap dl:after{
	  content: ".";
	  display: block;
	  height: 0;
	  font-size:0;
	  clear: both;
	  visibility:hidden;
	}
}