@charset "UTF-8";
.ttl {
 background-image: url("../img/member/ttl-bg.png");
}
/*.page-travel {
background-image: url("../img/travel/ttl-bg.png");
}*/
.content_txt01 {
 margin-bottom: 40px;
}
.page-picture h2 {
 font-size: 1.6rem;
 font-weight: 700;
 line-height: 100%;
 letter-spacing: 0.2em;
 padding-bottom: 13px;
 padding-left: 5px;
 border-bottom: dotted 1px #ccc;
 margin-bottom: 30px;
 display: block;
 width: 100%;
}
.page-picture h3 {
 background-color: #F3F3F3;
 padding: 10px 0 10px 15px;
 border: solid 1px #E1E1E1;
 margin-bottom: 20px;
 width: 100%;
 font-weight: 700;
 letter-spacing: 0.2em;
}
.content_txt02 {
 line-height: 180%;
 padding: 0 20px;
 display: block;
 margin-bottom: 30px;
}
.clor_red {
 color: #cc0000;
}
.ban_list {
 margin-bottom: 30px;
 padding: 0 20px 0 10px;
}
.ban_list li {
 padding-left: 20px;
 background-image: url("../img/common/icon_nakaguro.svg");
 background-repeat: no-repeat;
 background-position: left 2px;
 margin-bottom: 15px;
}
@media all and (max-width : 767px) {}
/*travel member news
------------------------------*/
#tm-news {
 width: 920px;
 margin: 0 auto;
}
#tm-news dl {
 border-top: 1px solid #ddd;
}
#tm-news dt {
 clear: both;
 float: left;
 position: relative;
 width: 7em;
 margin: 0;
 padding: 20px 0;
 font-size: 12px;
 font-size: 1.2rem;
}
#tm-news dd {
 padding: 20px 0 20px 8em;
 border-bottom: 1px solid #ddd;
}
#tm-news dd {
 border-bottom: 1px solid #ddd;
}
#tm-news dd a.new::after {
 content: "NEW";
 display: inline-block;
 padding: 1px 5px;
 background-color: #FD5B8F;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-size: 1rem;
 color: #fff;
}
@media screen and (max-width: 940px) {
 #tm-news {
  width: 94%;
 }
}
@media screen and (max-width: 900px) {
 #tm-news dt {
  float: none;
  width: 100%;
  padding: 10px 0 5px;
 }
 #tm-news dd {
  padding: 0 0 10px 0;
 }
}
/*
------------------------------*/
#tm-news-dtl {
 width: 980px;
 margin: 0 auto;
}
#news-dtl-left {
 float: left;
 width: 71%;
}
#news-dtl-left h3#news-ttl {
 padding: 10px;
 font-family: 'F+UD TsukuMin R';
 font-size: 22px;
 font-size: 2.2rem;
 letter-spacing: .2em;
 border-bottom: 1px dotted #ccc;
}
#news-dtl-left span#news-date {
 display: block;
 padding: 10px 10px 15px;
 font-size: 12px;
 font-size: 1.2rem;
 color: #7AA516;
}
#news-dtl-right {
 float: right;
 width: 25%;
 margin-top: 60px;
}
#news-dtl-right h4 {
 padding: 10px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font-family: 'F+UD TsukuMin R';
 font-size: 14px;
 font-size: 1.4rem;
 letter-spacing: .2em;
}
#news-dtl-right ul + h4 {
 margin-top: 40px;
}
#news-dtl-right ul.news-entry-list li, #news-dtl-right ul.news-archive-list li {
 position: relative;
 margin-top: 20px;
 padding-left: 15px;
}
#news-dtl-right ul.news-entry-list li::after, #news-dtl-right ul.news-archive-list li::after {
 display: block;
 content: "";
 position: absolute;
 top: .5em;
 left: 0;
 width: 5px;
 height: 5px;
 background-color: #fff;
 border: 3px solid #7AA516;
 border-radius: 100%;
}
#news-dtl-right ul.news-entry-list li span {
 display: block;
 font-size: 10px;
 font-size: 1rem;
 color: #79A515;
}
@media screen and (max-width:1020px) {
 #tm-news-dtl {
  width: 94%;
 }
 #news-dtl-left, #news-dtl-right {
  float: none;
  width: 100%;
 }
 #news-dtl-right {
  margin-top: 30px;
 }
}
#page-tm {
 max-width: 1280px;
 margin: 0 auto;
}
#page-tm-inner {
 max-width: 980px;
 margin: 0 auto;
}
@media screen and (max-width:1300px) {
 #page-tm {
  max-width: 94%;
  margin: 0 auto;
 }
}
@media screen and (max-width:1020px) {
 #page-tm-inner {
  max-width: 100%;
  margin: 0 auto;
 }
}
#page-tm #sub-nav {
 margin-bottom: 50px;
}
@media screen and (max-width:767px) {
 #page-tm #sub-nav {
  margin-bottom: 15px;
 }
}
#page-tm #sub-nav ul {
 max-width: 980px;
 margin: 0 auto;
 border-top: 1px solid #e4e4e4;
 border-bottom: 1px solid #e4e4e4;
 border-right: 1px solid #e4e4e4;
}
#page-tm #sub-nav ul li {
 position: relative;
 float: left;
 text-align: center;
 width: 16.6666666667%;
 border: 1px solid #fff;
 background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
 background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
 background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
 background-size: 4px 4px;
}
#page-tm #sub-nav ul.member-sub-nav li {
 width: 25%;
}
#page-tm #sub-nav ul li::before {
 content: "";
 border-left: 1px solid #e4e4e4;
 position: absolute;
 top: 0;
 left: -1px;
 height: 100%;
}
#page-tm #sub-nav ul li a {
 display: block;
 height: 65px;
 padding: 10px 0;
 font-size: 13px;
 font-size: 1.3rem;
 background: url(../img/travel/sub-nav-bg.png) repeat-x 0 0;
}
#page-tm #sub-nav ul li a::after {
 content: attr(data-text);
 display: block;
 font-size: 8px;
 font-size: .8rem;
 font-weight: normal;
 color: #aaa;
}
#page-tm #sub-nav ul li a span {
 display: block;
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 2px;
 background-color: #ccc;
}
#page-tm #sub-nav ul li a span::after {
 content: "";
 position: absolute;
 bottom: 2px;
 left: 0;
 width: 100%;
 border-top: 1px solid #b3b3b3;
}
#page-tm #sub-nav ul li a {
 opacity: 1;
}
#page-tm #sub-nav ul li a:hover {
 color: #111;
}
#page-tm #sub-nav ul li a:hover span {
 display: block;
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 2px;
 background-color: #3E737A;
}
#page-tm #sub-nav ul li a:hover span::after {
 content: "";
 position: absolute;
 bottom: 2px;
 left: 0;
 width: 100%;
 border-top: 1px solid #30595D;
}
@media screen and (max-width:1200px) {
 #page-tm #sub-nav ul {
  max-width: 100%;
 }
}
@media screen and (max-width:920px) {
 #page-tm #sub-nav ul li {
  width: 33.33333%;
 }
 #page-tm #sub-nav ul li a::after {
  content: none;
 }
 #page-tm #sub-nav ul li a {
  height: inherit;
  padding: 15px 0;
 }
}
@media screen and (max-width:767px) {
 #page-tm #sub-nav ul li, #page-tm #sub-nav ul.member-sub-nav li {
  width: 50%;
 }
 #page-tm #sub-nav ul li a {
  padding: 10px 0;
 }
}
#page-tm #info-box, #page-tm #tourism-box {
 margin-top: 50px;
}
#page-tm .terms-box {
 margin: 50px auto 0;
}
#page-tm #page-tm-inner p.lead {
 text-align: center;
 display: block !important;
}
@media screen and (max-width: 900px) {
 #page-tm #page-tm-inner p.lead {
  text-align: left;
  display: block !important;
 }
}
#page-tm .terms-box h3 {
 margin-top: 50px;
 padding-bottom: 5px;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: 700;
 border-bottom: 1px dotted #e4e4e4;
}
#page-tm .terms-box h4 {
 margin: 30px 0 10px;
 font-size: 14px;
 font-size: 1.4rem;
 font-weight: 700;
}
#page-tm .terms-box p, #page-tm .terms-box ul {
 padding-left: 15px;
}
@media screen and (max-width: 767px) {
 #page-tm .terms-box p, #page-tm .terms-box ul {
  padding-left: 0;
 }
}

#movie-download ul{
	display: flex;
	flex-wrap: wrap;
}

#movie-download ul li {
 position: relative;
 width: 32%;
 margin-right: 2%;
}
#movie-download ul li:nth-child(3n) {
 margin-right: 0;
}
#movie-download ul li:nth-child(n+4) {
 margin-top: 2%;
}
#movie-download ul li img {
 margin: 0 auto;
}
#movie-download ul li p {
 display: block;
 margin-top: 10px;
 text-align: center;
}
#movie-download ul li a div {
 position: absolute;
 top: 40%;
 left: 50%;
 -webkit-transform: translate(-50%, -40%);
 transform: translate(-50%, -40%);
}
.play {
 position: relative;
 width: 62px;
 height: 62px;
 background: rgba(255, 255, 255, 0.5);
 border-radius: 100%;
 cursor: pointer;
}
.play::before {
 content: "";
 position: absolute;
 top: 26px;
 left: 26px;
 width: 0;
 height: 0;
 border-top: 5px solid transparent;
 border-left: 8px solid #000;
 border-bottom: 5px solid transparent;
}
#movie-download ul li a:hover {
 opacity: 1;
}
#movie-download ul li a:hover div.play {
 background: rgba(143, 109, 72, 1);
}
#movie-download ul li a:hover div.play::before {
 border-left: 8px solid #fff;
}
@media screen and (max-width: 767px) {
 #movie-download ul li {
  width: 48%;
  margin-right: 4%;
 }
 #movie-download ul li:nth-child(3n) {
  margin-right: 4%;
 }
 #movie-download ul li:nth-child(even) {
  margin-right: 0;
 }
 #movie-download ul li:nth-child(n+3) {
  margin-top: 2%;
 }
}
#picture-download h2 {
 margin-top: 50px;
 padding-bottom: 5px;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: 700;
 border-bottom: 1px dotted #e4e4e4;
}
#picture-download ul {
 margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
#picture-download ul li {
 width: 18.4%;
 margin-right: 2%;
}
#picture-download ul li:nth-child(5n) {
 margin-right: 0;
}
#picture-download ul li:nth-child(n+6) {
 margin-top: 2%;
}
#picture-download ul li img {
 margin: 0 auto;
}
#picture-download ul li span {
 display: block;
 margin-top: 10px;
 text-align: center;
}
@media screen and (max-width: 767px) {
 #picture-download ul li {
  width: 48%;
  margin-right: 4%;
 }
 #picture-download ul li:nth-child(5n) {
  margin-right: 2%;
 }
 #picture-download ul li:nth-child(even) {
  margin-right: 0;
 }
 #picture-download ul li:nth-child(n+3) {
  margin-top: 2%;
 }
}
#picture-download ul li input[type="checkbox"], #movie-download ul li input[type="checkbox"] {
 display: none;
}
#picture-download ul li label, #movie-download ul li label {
 position: relative;
 display: inline-block;
 padding: 3px 3px 3px 22px;
 cursor: pointer;
 -webkit-transition: all .2s;
 transition: all .2s;
}
#picture-download ul li label::before, #picture-download ul li label::after, #movie-download ul li label::before, #movie-download ul li label::after {
 position: absolute;
 content: "";
 -webkit-transition: all .2s;
 transition: all .2s;
}
#picture-download ul li label::before, #movie-download ul li label::before {
 top: 50%;
 left: 0;
 width: 14px;
 height: 14px;
 margin-top: -8px;
 background: #fff;
 border: 1px solid #ccc;
 border-radius: 3px;
}
#picture-download ul li label::after, #movie-download ul li label::after {
 opacity: 0;
 top: 50%;
 left: 3px;
 width: 8px;
 height: 4px;
 margin-top: -4px;
 border-left: 2px solid #8F6D48;
 border-bottom: 2px solid #8F6D48;
 -webkit-transform: rotate(-45deg) scale(.5);
 transform: rotate(-45deg) scale(.5);
}
#picture-download ul li label:hover::before, #movie-download ul li label:hover::before {
 background: #fff;
}
#picture-download ul li input[type="checkbox"]:checked + label::before, #movie-download ul li input[type="checkbox"]:checked + label::before {
 background: #8F6D48;
 border: 1px solid #8F6D48;
}
#picture-download ul li input[type="checkbox"]:checked + label::after, #movie-download ul li input[type="checkbox"]:checked + label::after {
 opacity: 1;
 -webkit-transform: rotate(-45deg) scale(1);
 transform: rotate(-45deg) scale(1);
 border-left: 2px solid #fff;
 border-bottom: 2px solid #fff;
}
table.form-table {
 border-collapse: collapse;
 width: 100%;
 margin-top: 30px;
}
table.form-table th, table.form-table td {
 padding: 10px;
 border: solid 1px #ddd;
 box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1);
}
table.form-table th {
 width: 24%;
 background-color: #eee;
 text-align: left;
 vertical-align: middle;
}
table.form-table th div {
 position: relative;
}
table.form-table th div p::after {
 content: attr(data-text);
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
 font-weight: normal;
 color: #aaa;
}
table.form-table th span {
 position: absolute;
 top: 20%;
 right: 0;
 color: #aaa;
}
table.form-table th span.required {
 color: #8F6D48;
}
table.form-table ul.by-bus li:first-child, table.form-table ul.by-train li:first-child, table.form-table ul.by-car li:first-child {
 float: left;
 width: 14%;
 margin-right: 2%;
 background-color: #eee;
 text-align: center;
}
table.form-table ul.by-bus li:last-child, table.form-table ul.by-train li:last-child, table.form-table ul.by-car li:last-child {
 float: left;
 width: 84%;
}
table.form-table ul:nth-child(n+2) {
 margin-top: 10px;
 padding-top: 10px;
 border-top: 1px dotted #ccc;
}
table.form-table .ex-txt {
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
 color: #aaa;
}
@media screen and (max-width:767px) {
 table.form-table td, table.form-table th {
  width: 100%;
  display: block;
  border: none;
 }
 table.form-table th div p::after {
  content: none;
 }
 table.form-table th span {
  top: 0;
 }
 table.form-table th {
  margin-top: 10px;
 }
}
table.form-table input[type="text"] {
 width: 100%;
 padding: 10px;
 background-color: #fff;
 border: 1px solid #E1DDCC;
 border-radius: 3px;
}
table.form-table textarea {
 width: 100%;
 padding: 10px;
 background-color: #fff;
 border: 1px solid #E1DDCC;
 border-radius: 3px;
 height: 190px;
}
table.form-table input[type="checkbox"], table.form-table input[type=radio] {
 display: none;
}
table.form-table label {
 position: relative;
 display: inline-block;
 padding: 3px 3px 3px 22px;
 cursor: pointer;
 -webkit-transition: all .2s;
 transition: all .2s;
}
table.form-table label::before, table.form-table label::after {
 position: absolute;
 content: "";
 -webkit-transition: all .2s;
 transition: all .2s;
}
table.form-table li label::before {
 top: 50%;
 left: 0;
 width: 14px;
 height: 14px;
 margin-top: -8px;
 background: #fff;
 border: 1px solid #ccc;
 border-radius: 3px;
}
table.form-table li label::after {
 opacity: 0;
 top: 50%;
 left: 3px;
 width: 8px;
 height: 4px;
 margin-top: -4px;
 border-left: 2px solid #8F6D48;
 border-bottom: 2px solid #8F6D48;
 -webkit-transform: rotate(-45deg) scale(.5);
 transform: rotate(-45deg) scale(.5);
}
table.form-table label:hover::before {
 background: #fff;
}
table.form-table input[type="checkbox"]:checked + label::before {
 background: #8F6D48;
 border: 1px solid #8F6D48;
}
table.form-table input[type="checkbox"]:checked + label::after {
 opacity: 1;
 -webkit-transform: rotate(-45deg) scale(1);
 transform: rotate(-45deg) scale(1);
 border-left: 2px solid #fff;
 border-bottom: 2px solid #fff;
}
table.form-table .radio {
 position: relative;
 margin: 0;
 padding: 0 20px 0 25px;
 border-radius: 3px;
 font-weight: normal;
 vertical-align: middle;
 cursor: pointer;
 -webkit-transition: background-color 0.2s linear;
 transition: background-color 0.2s linear;
}
table.form-table .radio:after {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 display: block;
 margin-top: -9px;
 width: 16px;
 height: 16px;
 border: 1px solid #dcdcdc;
 border-radius: 3px;
 -webkit-transition: border-color 0.2s linear;
 transition: border-color 0.2s linear;
}
table.form-table .radio:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 4px;
 display: block;
 margin-top: -5px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background-color: #8F6D48;
 opacity: 0;
 -webkit-transition: opacity 0.2s linear;
 transition: opacity 0.2s linear;
}
table.form-table input[type=radio]:checked + .radio:before {
 opacity: 1;
}
.form-error {
 color: #CC0000;
}


.btn-picture,
.btn-movie{
	display:block;
	margin:70px auto 0;
	padding:10px;
	width:60%;
	background-color:#111;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:.2em;
	text-align:center;
	color: #fff;
}

.btn-picture:hover,
.btn-movie:hover{
	background-color:#8F6D48;
	color:#fff;
}

.btn-picture::before,
.btn-movie::before{
	content:"";
	display:inline-block;
	position:relative;
	top:3px;
	margin-right:10px;
	width:20px;
	height:20px;
 background-size:20px auto;
}

.btn-picture::before{
	background:url("../img/common/icon-picture.png") no-repeat 0 bottom;
    background-size:20px auto;
}

.btn-movie::before{
	background:url("../img/common/icon-movie.png") no-repeat 0 bottom;
    background-size:20px auto;
}

a.btn-picture:hover,
a.btn-movie:hover{
	color:#fff;
	background-color:#8F6D48;
	opacity:1;
}

.btn-formchk{
	display:block;
	margin:40px auto 0;
	padding:10px;
	width:60%;
	background-color:#111;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:.2em;
	text-align:center;
}

.btn-formchkback{
	display:block;
	margin:40px auto 0;
	padding:10px;
	width:40%;
	background-color:#ccc;
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:.2em;
	text-align:center;
	color:#111;
}

.btn-formchk:hover,
.btn-formchkback:hover{
	color:#fff;
	background-color:#8F6D48;
}

.lead-first {
  margin-bottom: 50px;
  text-align: center;
}
  @media screen and (max-width: 900px){
.lead-first {
  margin-bottom: 15px;
  text-align: left;
}
}


.picture-download{
	margin-top:40px;
}

.picture-download ul li{
	text-align:center;
	padding:15px;
	font-size:20px;
	font-size:2.0rem;
	border:2px solid #8F6D48;
}

.picture-download ul li:nth-child(n+2){
	margin-top: 20px;
}

.picture-download ul li:first-child{
	border:none;
}

.picture-download ul li a{
	text-decoration:underline;
}


.thanks-message{
	margin:50px 0;
}



.stepbar {
 position: relative;
 width: 100%;
 text-align: center;
}
.stepbar::after {
 content: "";
 display: block;
 clear: both;
}
.stepbar .step {
 position: relative;
 float: left;
 display: inline-block;
 line-height: 40px;
 padding: 0 40px 0 20px;
 background-color: #222;
 color: #fff;
 text-align: center;
}
.stepbar .step:before, .stepbar .step:after {
 position: absolute;
 left: -15px;
 display: block;
 content: "";
 background-color: #222;
 border-left: 4px solid #fff;
 width: 20px;
 height: 20px;
}
.stepbar .step:after {
 top: 0;
 -moz-transform: skew(30deg);
 -ms-transform: skew(30deg);
 -webkit-transform: skew(30deg);
 transform: skew(30deg);
}
.stepbar .step:before {
 bottom: 0;
 -moz-transform: skew(-30deg);
 -ms-transform: skew(-30deg);
 -webkit-transform: skew(-30deg);
 transform: skew(-30deg);
}
.stepbar .step:first-child {
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 border-top-left-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -webkit-border-bottom-left-radius: 4px;
 border-bottom-left-radius: 4px;
}
.stepbar .step:first-child:before, .stepbar .step:first-child:after {
 content: none;
}
.stepbar .step:last-child {
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-right-radius: 4px;
 -moz-border-radius-bottomright: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom-right-radius: 4px;
}
.stepbar .step.current {
 background-color: #74A813;
 font-weight: 700;
}
.stepbar .step.current:before, .stepbar .step.current:after {
 background-color: #74A813;
}
.stepbar.step3 .step {
 width: 33.333%;
}
@media screen and (max-width:767px) {
 .stepbar .step {
  font-size: 10px;
  font-size: 1rem;
 }
}
.btn::after {
 content: "";
 position: absolute;
 top: 50%;
 display: block;
 width: 6px;
 height: 8px;
 margin: -4px 0 0 0;
 -webkit-transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
 transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn {
 position: relative;
 display: inline-block;
 background-color: #74A813;
 border-radius: 2px;
 color: #fff;
 text-align: center;
 cursor: pointer;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
a.btn:hover {
 color: #fff;
}
.btn-formchk {
 display: block;
 margin: 40px auto 0;
 padding: 10px;
 width: 60%;
 background-color: #111;
 font-size: 15px;
 font-size: 1.5rem;
 font-weight: 700;
 letter-spacing: .2em;
 text-align: center;
}
.btn-formchkback {
 display: block;
 margin: 40px auto 0;
 padding: 10px;
 width: 40%;
 background-color: #ccc;
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: .2em;
 text-align: center;
 color: #111;
}
.btn-formchk:hover, .btn-formchkback:hover {
 color: #fff;
 background-color: #74A813;
}