@charset "utf-8";
/* ==========================================================

title : 東建多度・塩河メルマガGOLF倶楽部「タントン君」
scope : /golf/member/mailmagazine/

last modify : 2017/07/14 306_kondo
memo  : 

========================================================== */

/* ==========================================================
 * common の設定漏れを追加
========================================================== */
input, textarea, select, button {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  vertical-align:middle;
}

/* ----------------------------------------------------------
	top-lead
---------------------------------------------------------- */
#main-contents .top-lead {
	margin: 1em auto 2.5em;
	width: 95%;
	clear: both;
}

#main-contents .top-lead .top-lead-txt {
	float: left;
	width: 600px;
}

#main-contents .top-lead .btn {
	float: right;
	width: 248px;
	margin: 0 11px 0 0;
}

#main-contents .top-lead-txt{
	margin: 1em auto 2.5em;
	clear: both;
	width: 95%;
}

/* ----------------------------------------------------------
	[id$="_area"]
---------------------------------------------------------- */

#main-contents section[id$="_area"] {
	width: 1000px;
	margin: 0 0 70px;
	overflow: hidden;
}

#main-contents section[id$="_area"] h2 {
	margin-bottom: 28px;
}

#main-contents section[id$="_area"] .ttl_green_txt2 {
	margin-top:18px;
	margin-bottom:18px;
}


/*----- イメージなし -----*/
#main-contents section[id$="_area"] .area_inner_box,
#main-contents section[id$="_area"] .form_box {
	clear: both;
	width: 95%;
	margin: 0 auto 50px;
	padding: 0px;
}

#main-contents section[id$="_area"] .area_inner_box:last-of-type,
#main-contents section[id$="_area"] .form_box:last-of-type {
	margin: 0 auto;
}

/*----- width -----*/
.w100p{
	width:100% !important;
}
.w90p{
	width:90% !important;
}
.w80p{
	width:80% !important;
}
.w50p{
	width:50% !important;
}
.w30p{
	width:30% !important;
}
.w20p{
	width:20% !important;
}
.mA{
	margin:auto;
}

.innerP {
	padding-left : 1em;
	padding-right : 1em;
}

/* ----------------------------------------------------------
	form_box
---------------------------------------------------------- */
/* parts */
.form_box select::-ms-expand {
    display: none;
}
.form_box fieldset {
  border: 1px solid #c7e2c4;
  border-radius: 4px;
  margin: 0 2px;
  padding: 0.35em 0.625em;
}
.form_box input,
.form_box textarea {
  border: 1px solid #4a4a4a;
}
.form_box input:focus,
.form_box textarea:focus {
  border: 1px solid #2c8898;
}
.form_box textarea {
  width: 100%;
}
.form_box textarea,
.form_box select,
.form_box input[type]{
  background-color: #fafafa;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  padding: 8px;
  font-size: 1.02rem;
  box-shadow: none;
  box-sizing: border-box;
}
.form_box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:block;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0.3em 2.75em 0.3em 0.75em;
  z-index: 1rem;
  background: url(/golf/member/mailmagazine/image/ico_select01.png) right center no-repeat #FFF;
  background-size: contain;
}
/* parts:focus */
.form_box textarea:focus,
.form_box select:focus,
.form_box input[type]:focus {
  border: 1px solid #2fbd4a;
  outline: 0;
}
.form_box label, .form_box legend, .form_box fieldset {
  display: block;
  margin-bottom: .5rem;
}

/* green */
.button,
.form_box button,
.form_box input[type="submit"],
.form_box input[type="reset"],
.form_box input[type="button"] {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  font-size: 1.02rem;
  text-decoration: none;
  color: #FFF !important;
  background-color: #2fbd4a;
  background: linear-gradient(#2fbd4a, #006f15);
  border: 1px solid #199113;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 0 1px rgba(0,0,0,0.15);
}
.button{
  font-size: 1.27rem;
  font-weight:bold;
}
/* disabled */
.button[disabled],
.form_box button[disabled],
.form_box input[type="submit"][disabled],
.form_box input[type="reset"][disabled],
.form_box input[type="button"][disabled] {
  border: 1px solid #666;
  background-color: #a5a5a5;
  background: linear-gradient(#a5a5a5, #787878);
}
.form_style input[type][disabled] + label{
  opacity: .5;
}

/* :focus */
.button:focus,
.button:hover,
.form_box button:focus,
.form_box button:hover,
.form_box input[type="submit"]:focus,
.form_box input[type="submit"]:hover,
.form_box input[type="reset"]:focus,
.form_box input[type="reset"]:hover,
.form_box input[type="button"]:focus,
.form_box input[type="button"]:hover {
  background: linear-gradient(#006f15, #2fbd4a);
  outline: 0;
}

/* grey */
.button.btn_grey{
  border: 1px solid #666;
  background-color: #a5a5a5;
  background: linear-gradient(#a5a5a5, #787878);
}
/* grey[disabled] */
.button.btn_grey:focus,
.button.btn_grey:hover,
.form_box button[disabled]:focus,
.form_box button[disabled]:hover,
.form_box input[type="submit"]:focus[disabled],
.form_box input[type="submit"]:hover[disabled],
.form_box input[type="reset"]:focus[disabled],
.form_box input[type="reset"]:hover[disabled],
.form_box input[type="button"]:focus[disabled],
.form_box input[type="button"]:hover[disabled] {
  background: linear-gradient(#787878, #a5a5a5);
  outline: 0;
}

.form_box input[type="checkbox"] {
  display: none;
}
.form_box input[type="checkbox"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/sokusan/image/ico_check01_off.png) left center no-repeat;
  background-size: 1.92em;
}
.form_box input[type="checkbox"]:checked + label {
  background-image: url(/sokusan/image/ico_check01_on.png);
}
.form_box input[type="radio"] {
  display: none;
}
.form_box input[type="radio"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/sokusan/image/ico_radio01_off.png) left center no-repeat;
  background-size: 1.92em;
}
.form_box input[type="radio"]:checked + label {
  background-image: url(/sokusan/image/ico_radio01_on.png);
}


/*-------------------------------------------
 form_block
-------------------------------------------*/
.form_block{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  -webkit-align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding:0.5em 0;
}

.form_block >  * {
  width: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align:bottom;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

/* お客様の選択 */
.form_block.guest > *:nth-child(even) {
  -webkit-flex-basis:25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
.form_block.guest > *:nth-child(3n) {
  -webkit-flex-basis: 13%;
  -ms-flex-preferred-size: 13%;
  flex-basis: 13%;
  padding: 0.3em 0 0.3em 0.75em;
}
.form_block.guest > *:nth-child(3n+1) {
  -webkit-flex-basis: 52%;
  -ms-flex-preferred-size: 52%;
  flex-basis: 52%;
  padding: 0.3em 0;
}

/* ゴルフプレー日の選択 */
.form_block.playgolf > * {
  -webkit-flex-basis: 49%;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
}
.form_block.playgolf > *:nth-child(even) {
  margin-left: 2%;
}

/*-------------------------------------------
 table_block
-------------------------------------------*/
.table_block table{
  width: 700px;
  margin: 28px auto 0;
  border-collapse: collapse;
  border: 2px solid #499840;
}
.table_block th, .table_block td {
  border-style: solid;
  border-width: 0px;
  padding: 0.5em;
  vertical-align: middle;
  border: 1px solid #5ba753;
}
.table_block th {
  border: 1px solid #ccc;
  background:#499840;
  color:#fff;
}
.table_block tbody th {
  background: #f1ffef;
  border: 1px solid #5ba753;
  color:#333;
}
.table_block tbody td, .table_block thead td {
  background: #fff;
}
/*
.table_block tbody tr:nth-of-type(even) td {
  background: #f7f9f6;
}
*/

/* 料金明細 */
.table_block .amount {
  border-top: none;
}
.table_block .amount caption {
  border: 2px solid #499840;
  border-bottom: 1px solid #ccc;
  background:#499840;
  color:#fff;
  font-size:125%;
  font-weight:bold;
  padding: 0.25em 0.5em;
}
.table_block .amount thead th {
  border: none;
  border-right: 1px solid #ccc;
}
.table_block .amount td {
  text-align:right;
}
.table_block .result {
  padding:0.25em;
}
.table_block .result td{
  font-weight:bold;
  font-size:125%;
}

#result_area .table_block dl dt {
  padding:0.1em .5em 0.1em 1.4em;
  text-indent: -1.25em;
}
#result_area .table_block dl dd {
  padding:0.1em .5em 0.1em 1.5em;
}
#result_area .table_block .one:before{
	content: "1. ";
}
#result_area .table_block .two:before{
	content: "2. ";
}
#result_area .table_block .three:before{
	content: "3. ";
}
#result_area .table_block .four:before{
	content: "4. ";
}
#result_area .table_block dl dd{
  margin: 0;
  text-indent: 0;
  font-size:0.92rem;
  color:#e00;
}

.table_block ul li {
  position: relative;
  padding:0.1em 0.5em 0.1em 1.75em;
  text-indent: -1em;
}
.table_block ul li:before {
  position: absolute;
  content: '';
  border-radius: 100%;
  top: .7em;
  left: 0;
  z-index: 2;
  width: 0.25em;
  height: 0.25em;
  background:#333;
}

/*-------------------------------------------
 list_block
-------------------------------------------*/
.list_block ul{
  margin-top: 2em;
}
.list_block ul.list_reference li {
  margin-bottom: .25em;
  padding-left: 1em;
  text-indent: -1em;
}
.list_block ul.list_reference li:before {
  content: "※";
}

.list_block.w45em{
	width:700px !important;
	padding-left:1em;
}

/*-------------------------------------------
 印刷
-------------------------------------------*/
@media print {
.table_block thead {
  display: table-header-group;
  page-break-inside: avoid;
}
.table_block tbody {page-break-inside: avoid;}
}