@charset "UTF-8";
/* ------------------------------------------------
 * イベントページ　スマホ用css
 * --------------------------------------------- */

.pconly {
	display:none;
}



/* ------------------------------------------------
 * Layout
 ------------------------------------------------ */


caption, th, td {
        text-align: left;
}

.tt_01 {
        lfont-size: 120%;
        line-height: 1.75;
        font-weight: bold;
        margin-top: 40px;
        margin-bottom: 10px;
}


.secom_txt {
	margin-bottom:20px;
}

.secomarea {
    text-align: center;
}

h2 {
	padding: 10px 0 10px 10px;
	background: #7fd9b5;
	border-bottom: 1px solid #5ba386;
	font-size: 0;
}

ul.select_event li {
	margin-bottom: 10px;
}


::placeholder {
  color: #dddddd;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #dddddd;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #dddddd;
}

.col2 {
    margin-bottom: 80px;
}

.col2 table caption.tt_02 {
    font-size: 110%;
    border-top: 2px dashed #cccccc;
    margin-left:0;
    margin-right:0;
}

.col2 .attention {
    width:92%;
    margin:0 4%;
}

.attention h3 {
    color: #ffffff;
    font-weight: bold;
    background: #dc8787;
    padding: 12px;
    border-radius: 6px 6px 0 0;
}

.attention ul {
	background: #f3f3f3;
	border-radius: 0 0 6px 6px;
	padding: 13px;
}

.attention ul li {
    color: #666;
    padding: 0 0 5px 1em;
    text-indent: -1em;
    line-height: 1.25;
}
.col2 table {
    box-sizing: content-box;
    width: 100%;
}
.col2 table caption {
	font-weight:bold;
	padding:10px 0;
	margin:20px 10px 0 10px;
	display: block;
}

.col2 table caption span {
	color:#c00000;
}

.col2 table th {
    font-weight: bold;
    background:#b7f5db;
    border-bottom: 1px solid #abd5c5;
    display: block;
    padding:8px;
    text-align:left;
	position: relative;
}

.col2 table th span {
    color: #AE0000;
}

.col2 table th.child {
	color: #666;
	font-weight: bold;
	border-radius: 6px;
	background: #e2e2e2;
	display: block;
	margin:10px;
	padding: 4px 7px;
	border:none;
	text-align:left;
}

.col2 table td {
	display: block;
	text-align:left;
	margin: 10px;
}

.col2 table td input.widthA { width:100px; }
.col2 table td input.widthB { width:150px; }
.col2 table td input.widthC { max-width:280px;  width: 75%;}
.col2 table td input.widthD { width:60px; }
.col2 table td input.widthE { max-width:390px;   width: 100%; }
.col2 table td input.widthZipCode { width:80px; margin-right:5px; }

.col2 table td span {
	display: block;
	margin-bottom:10px;
}

.col2 table td p {
	display:inline-block;
	margin-right:5px;
}

.col2 input,
.col2 .box_addinput .box_actab table td input {
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #d4d4d4;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin-right:5px;
 	position: relative;
 	opacity: 1;
}

.col2 select,
.col2 .box_addinput .box_actab table td select {
	font-size: 16px;
    color: #5e5e5e;
    margin: 10px 20px 0 5px;
    padding: 5px 5px 10px 5px;
    border-radius: 4px;
	border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    background: #ffffff;
 	position: relative;
 	opacity: 1;
 	appearance: auto;
}

.col2 textarea {
    width:90%;
    height: 100px;
    padding:5%;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	display: block;
}

.col2 table td span.chusyaku {
    font-size: 85%;
    display: block;
    padding: 5px 0 0 0;
}

.col2 p.commentPrivacy {
    font-size:13px;
    padding: 10px 0 20px 1em;
    text-indent: -1em;
    font-weight: normal;
    margin:10px 20px;
}

.col2 .btn {
    background: #fffde4;
    padding:1px 20px 20px 20px;
    border-radius: 0 0 12px 12px;
    text-align: center;
}

.col2 .btn p {
    margin-top:20px;
}


input.btnNext {
	padding: 15px 40px;
	font-size: 1.2em;
	background-color: #dc471f;
	color: #fff;
	border-style: none;
    border-radius:6px !important;
    -webkit-border-radius:6px !important;
    text-align: center;
}


.mgb4020 {
	margin-bottom: 20px !important;
}


/*********　iOSでのデフォルトスタイルをリセット　*********/

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/*********　セコム　*********/

.secom_img {
    text-align: center;
    margin-top:20px;
}

.secomarea {
    background-color: #f6f6f6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    padding:15px;
}

.secomarea span {
	padding-left:1em;
	text-indent:-1em;
    display: block;
}

.secomarea a {
	padding-left:1em;
    display: block;
}

.secomimg {
    margin-top: 10px;
    text-align: center;
    display: block;
}
.secomimg input {
    border: none;
}


/*********　エラー表示　*********/
.err_fd{
	background-color:red;
	border-radius:3px;
	position:relative;
	display:none;
	color:#FFFFFF;
	padding:5px;
	top:10px;
	

}
 
.err_fd:after {
	border:10px solid transparent;
	border-bottom-color:red;
	border-top-width:0;
	top:-8px;
	content:"";
	display:block;
	left:20px;
	position:absolute;
	width:0;
}
/*********　エラー表示ここまで　*********/
