/*
Theme Name: english
Template: responsive
*/
 
@import url('../responsive/style.css');


.p1 { width: 1%; }
.p2 { width: 2%; }
.p3 { width: 3%; }
.p4 { width: 4%; }
.p5 { width: 5%; }
.p6 { width: 6%; }
.p7 { width: 7%; }
.p8 { width: 8%; }
.p9 { width: 9%; }
.p10 { width: 10%; }
.p11 { width: 11%; }
.p12 { width: 12%; }
.p13 { width: 13%; }
.p14 { width: 14%; }
.p15 { width: 15%; }
.p16 { width: 16%; }
.p17 { width: 17%; }
.p18 { width: 18%; }
.p19 { width: 19%; }
.p20 { width: 20%; }
.p21 { width: 21%; }
.p22 { width: 22%; }
.p23 { width: 23%; }
.p24 { width: 24%; }
.p25 { width: 25%; }
.p26 { width: 26%; }
.p27 { width: 27%; }
.p28 { width: 28%; }
.p29 { width: 29%; }
.p30 { width: 30%; }
.p31 { width: 31%; }
.p32 { width: 32%; }
.p33 { width: 33%; }
.p34 { width: 34%; }
.p35 { width: 35%; }
.p36 { width: 36%; }
.p37 { width: 37%; }
.p38 { width: 38%; }
.p39 { width: 39%; }
.p40 { width: 40%; }
.p41 { width: 41%; }
.p42 { width: 42%; }
.p43 { width: 43%; }
.p44 { width: 44%; }
.p45 { width: 45%; }
.p46 { width: 46%; }
.p47 { width: 47%; }
.p48 { width: 48%; }
.p49 { width: 49%; }
.p50 { width: 50%; }
.p51 { width: 51%; }
.p52 { width: 52%; }
.p53 { width: 53%; }
.p54 { width: 54%; }
.p55 { width: 55%; }
.p56 { width: 56%; }
.p57 { width: 57%; }
.p58 { width: 58%; }
.p59 { width: 59%; }
.p60 { width: 60%; }
.p61 { width: 61%; }
.p62 { width: 62%; }
.p63 { width: 63%; }
.p64 { width: 64%; }
.p65 { width: 65%; }
.p66 { width: 66%; }
.p67 { width: 67%; }
.p68 { width: 68%; }
.p69 { width: 69%; }
.p70 { width: 70%; }
.p71 { width: 71%; }
.p72 { width: 72%; }
.p73 { width: 73%; }
.p74 { width: 74%; }
.p75 { width: 75%; }
.p76 { width: 76%; }
.p77 { width: 77%; }
.p78 { width: 78%; }
.p79 { width: 79%; }
.p80 { width: 80%; }
.p81 { width: 81%; }
.p82 { width: 82%; }
.p83 { width: 83%; }
.p84 { width: 84%; }
.p85 { width: 85%; }
.p86 { width: 86%; }
.p87 { width: 87%; }
.p88 { width: 88%; }
.p89 { width: 89%; }
.p90 { width: 90%; }
.p91 { width: 91%; }
.p92 { width: 92%; }
.p93 { width: 93%; }
.p94 { width: 94%; }
.p95 { width: 95%; }
.p96 { width: 96%; }
.p97 { width: 97%; }
.p98 { width: 98%; }
.p99 { width: 99%; }
.p100 { width: 100%; }


#container {
  max-width: 100%;
  padding: 0;
}



/* --------------------------------------------------------------

 Header

-------------------------------------------------------------- */
#header {
  background: url(/en/images/top_header.jpg) no-repeat;
  background-size: cover;
}

#header-wrapper {
  max-width: 960px;
  margin: 0 auto;
}

#logo {
  padding: 36px 0;
}


#top-widget a {
  color: #ffffff;
  font-size: 14px;
  text-shadow: 0 -1px 0 #cac6ad;
  margin: 0 1.0em 0 0;
}

#top-widget a:last-child {
  margin: 0;
}

#top-widget a:hover {
  text-decoration: underline;
}


/* --------------------------------------------------------------

 Header_home

-------------------------------------------------------------- */
#header_home1 {
  background: url(/en/images/top_header_home1.jpg) 0 25% no-repeat;
  background-size: cover;
}

#header_home2 {
  background: url(/en/images/top_header_home2.jpg) no-repeat;
  background-size: cover;
}

#header_home3 {
  background: url(/en/images/top_header_home3.jpg) no-repeat;
  background-size: cover;
}

#header_home4 {
  background: url(/en/images/top_header_home4.jpg) no-repeat;
  background-size: cover;
}

#header_home-wrapper {
  max-width: 960px;
  margin: 0 auto;
}

#footer_widget {
  background: none;
  border: 0;
  padding: 30px 0 0;
  text-align: right;
}

#footer_widget .widget-wrapper {
  background: none;
  border: 0;
  padding: 0;
}

#footer_widget .col-300 {
  width: 100%;
}

#footer_widget .grid {
  float: none;
}

#footer_widget a {
  color: #555555;
  font-size: 14px;
  margin: 0 1.0em 0 0;
}

#footer_widget a:last-child {
  margin: 0;
}

#footer_widget a:hover {
  text-decoration: underline;
}



/* Menu
-------------------------------------------------------------- */
.menu {
  clear: both;
  margin: 0 auto;
  background-color: transparent;
  background-image: none;

  filter: none;
}

.menu a {
  color: #fff;
  font-size: 22px;
  border-left: none;
  text-shadow: 0 -1px 0 #cac6ad;
}

.menu a:hover {
  color: #fff;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e2c557), to(#dbbd4f));
  background-image: -webkit-linear-gradient(top, #e2c557, #dbbd4f);
  background-image: -moz-linear-gradient(top, #e2c557, #dbbd4f);
  background-image: -ms-linear-gradient(top, #e2c557, #dbbd4f);
  background-image: -o-linear-gradient(top, #e2c557, #dbbd4f);
  background-image: linear-gradient(top, #e2c557, #dbbd4f);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2c557, endColorstr=#dbbd4f);
}

ul.menu > li:hover {
  color: #fff;
  background-color: #e2c557;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #e2c557;
}

.header_text {
  color: #ffffff;
  font-size: 50px;
  text-shadow: 0 -1px 0 #cac6ad,
               1px 1px 5px #8C0000;
  line-height: 125%;
  padding: 1.0em 0 3.0em;
}



/* --------------------------------------------------------------

 Wrapper

-------------------------------------------------------------- */
#wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.front-page #wrapper {
  margin: 0;
}

.single #wrapper,
.page #wrapper {
  max-width: 960px;
  margin: 0 auto;
}


/* Featured
-------------------------------------------------------------- */
#featured {
  width: 100%;
  color: #ffffff;
  border: none;
  border-radius: 0;
  background: #000000;
  padding-top: 3.0em;
  padding-bottom: 2.0em;
}

#featured-wrapper {
  max-width: 960px;
  margin: 0 auto;
}

#featured-content {
  padding: 0 0.5em;
  background: rgba(0, 0, 0, 0.5);
}

.featured-title {
  font-size: 30px;
  text-shadow: 0 -1px 0 #585858;
  letter-spacing: 0;
  text-align: left;
}

#featured p {
  font-size: 18px;
  font-weight: 200;
  text-shadow: 0 -1px 0 #585858;
  line-height: 150%;
  padding: 0;
  text-align: left;
}



/* Content Blog
-------------------------------------------------------------- */
#tour_top {
  max-width: 960px;
  border-bottom: #bababa 2px solid;
  margin: 0 auto;
  padding: 0 0 3.0em;
  position: relative;
}

#tour_top .tour_top_text {
  max-width: 360px;
  min-height: 6.0em;
  text-shadow: 1px 1px 0 #ffffff;
  padding: 1.0em;
  display: inline-block;
  vertical-align: top;
  z-index: 10;
  position: relative;
}

#tour_top .tour_top_text .tour_top_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 150%;
}

#tour_top .tour_top_text .tour_top_body {
  font-size: 18px;
}

#tour_top .tour_top_image {
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
}

#tour_top .tour_top_image .tour_top_table {
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
  display: table;
}

#tour_top .tour_top_image .tour_top_image01,
#tour_top .tour_top_image .tour_top_image02,
#tour_top .tour_top_image .tour_top_image03,
#tour_top .tour_top_image .tour_top_image04 {
  width: 50%;
  display: table-cell;
  position: relative;
  text-align: cneter;
  vertical-align: top;
}

#tour_top .tour_top_image .point {
  display: table;
  vertical-align: top;
  position: absolute;
  top: -15px;
  left: 15px;
}

#tour_top .tour_top_image .point .point_title {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 1px 0 1px #feb5c9,
               0 1px 1px #feb5c9,
               -1px 0 1px #feb5c9,
               0 -1px 1px #feb5c9;
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
}

#tour_top .tour_top_image .point .point_no {
  width: 74px;
  height: 74px;
  color: #ffffff;
  font-size: 72px;
  font-weight: bold;
  background: #feb5c9;
  border-radius: 1.0em;
  padding: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}

#tour_top .tour_top_image .point_text {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 1px 0 1px #121212,
               0 1px 1px #121212,
               -1px 0 1px #121212,
               0 -1px 1px #121212;
  line-height: 125% !important;
  text-align: left;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#tour_top .tour_top_image .tour_top_image01 img,
#tour_top .tour_top_image .tour_top_image02 img,
#tour_top .tour_top_image .tour_top_image03 img,
#tour_top .tour_top_image .tour_top_image04 img {
  margin: 5px;
}



/* example
-------------------------------------------------------------- */
#example {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

#example .example_image img {
  width: 100%;
}

#example .example_wrapper {
  background: #ffd0dc;
  padding: 1.0em;
}

#example .example_wrapper .example_title {
  color: #444444;
  font-size: 28px;
  font-weight: bold;
  margin: 0.5em 0;
}

#example .example_wrapper dl {
  color: #444444;
  font-size: 18px;
  margin: 0;
  padding: 1.0em;
  text-align: left;
}

#example .example_wrapper dl dt {
  font-weight: bold;
  margin: 0;
}

#example .example_wrapper dl dd {
  margin: 0 0 2.0em;
}



/* flow
-------------------------------------------------------------- */
#flow {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

#flow .flow_image img {
  width: 100%;
}

#flow .flow_wrapper {
  background: #bbd0ee;
  padding: 1.0em;
  text-align: center;
  position: relative;
}

#flow .flow_wrapper .flow_title {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  margin: 0.5em 0;
}

#flow .flow_wrapper .flow_icon {
  width: 200px;
  margin: 20px auto;
}

#flow .flow_wrapper .flow_icon img {
  width: 100%;
  border-radius: 50%;
}

.flow_text .step_icon {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
}

.flow_text .step_txt {
  font-size: 18px;
  line-height: 200%;
}

.flow_arrow {
  position: relative;
  display: inline-block;
  margin: 40px 0;
  padding-left: 20px;
}

.flow_arrow::before{
  content: '';
  width: 18px;
  height: 18px;
  border: 0px;
  border-top: solid 4px #333333;
  border-right: solid 4px #333333;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

.flow_after {
  width: 80%;
  background: #ffffff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 1.0em 2.0em;
}

.flow_after .step_txt {
  text-align: left;
}

.flow_after .step_txt dt {
  font-weight: bold;
}

.flow_after .step_txt dd {
  padding: 0 0 0 2.0em;
}



/* message
-------------------------------------------------------------- */
#message {
  color: #ffffff;
  font-size: 24px;
  max-width: 960px;
  background: #000000;
  margin: 0 auto 2.0em;
  padding: 1.5em 0;
  text-align: center;
}





/* Post
-------------------------------------------------------------- */
.post_wrapper {
  max-width: 960px;
  font-size: 0;
  margin: 0 auto;
}

.post_wrapper .post_type {
  width: 7%;
  min-width: 56px;
  font-size: 18px;
  padding: 1.0em 0;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .post_body {
  width: 93%;
  font-size: 12px;
  padding: 1.0em 0;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .voice_type {
  width: 25%;
  min-width: 200px;
  font-size: 18px;
  padding: 1.0em 0;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .voice_type .departure_date {
  padding: 0 0 0 2.0em;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .voice_body {
  width: 75%;
  font-size: 12px;
  padding: 1.0em 0;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .post_body h2,
.post_wrapper .voice_body h2 {
  font-size: 18px;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

.post_wrapper .post_body .post-entry,
.post_wrapper .voice_body .post-entry {
  line-height: 120%;
  margin: 0;
  padding: 0;
}

.post_wrapper .post_body .post-entry .post-image {
  width: 20%;
  padding: 0 5px 5px 0;
  float: left;
}

.post_wrapper .post_body .post-entry .post-image img {
  width: 100%;
  border: #95cafe 5px solid;
  box-sizing: border-box;
}

.post_wrapper .post_body .post-entry .read-more,
.post_wrapper .voice_body .post-entry .read-more {
  text-align: right;
  margin: 0;
  padding: 0;
}

.post_wrapper .post_body ul.post_images {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.post_wrapper .post_body ul.post_images li {
  font-size: 12px;
  background: url(/en/images/post_image.png) right 45% no-repeat;
  margin: 5px 0;
  display: inline-block;
  vertical-align: top;
}

.post_wrapper .post_body ul.list4 li {
  padding: 0 66px 0 0;
}

.post_wrapper .post_body ul.list5 li {
  padding: 0 26px 0 0;
}

.post_wrapper .post_body ul.post_images li img {
  border: #95cafe 5px solid;
  margin: 0;
  padding: 0;
}

.post_wrapper .post_body ul.post_images li:last-child {
  background: none;
  padding: 0;
}


.last_child .post_type,
.last_child .post_body,
.last_child .voice_type,
.last_child .voice_body,
.last_child h2 a,
.last_child .read-more a {
  color: #ffffff;
  text-shadow: 0 -1px 0 #cccccc;
}

.last_child .post_body .post_images {
  padding: 200px 0 0 !important;
}


.post_more {
  max-width: 960px;
  margin: 2.0em  auto;
  text-align: right;
}

.navigation {
  max-width: 960px;
  margin: 0 auto;
}



/* Single
-------------------------------------------------------------- */
/* tour plan */
.single #wrapper .tour_top_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 150%;
  border-bottom: #777777 1px solid;
  margin: 0.5em 0;
}

.single #wrapper .social4i {
  margin: 0;
  padding: 10px 0 0 5px;
}

#content {
  margin: 40px auto 0;
  padding: 0;
  clear: both;
}

#content .breadcrumb-list {
  margin: 0;
  padding: 0;
}

#content h1 {
  font-size: 18px;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

#content h2 {
  font-size: 16px;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

#content .post-head {
  font-size: 0;
}

#content .post-head .post-image {
  max-width: 200px;
  width: 20%;
  margin: 0 2% 10px 0;
  display: inline-block;
  vertical-align: top;
}

#content .post-head .post-image img {
  width: 100%;
}

#content .post-head .post-entry {
  width: 78%;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}

#content .post-head .post-entry p {
  margin: 0;
  padding: 0;
}

#content .post-body {
  font-size: 12px;
}

#content .post-body table.plan th {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  background: #676767;
  border: #676767 1px solid;
}

#content .post-body table.plan td {
  border: #676767 1px solid;
  vertical-align: top;
}

#content .post-body table.plan td.day {
  width: 15px;
}

#content .post-body table.plan .image {
  width: 150px;
  padding: 0 0 0 5px;
  float: right;
}

#content .post-body table.plan td h3 {
  font-size: 14px;
  line-height: 120%;
  margin: 0;
  padding: 1.0em 0;
}

#content .post-body table.plan tr:nth-child(2n) td {
  background: #ffffff;
}

#content .post-body table.plan tr:nth-child(2n+1) td {
  background: #eeeeee;
}

#content .post-body .place {
  margin: 20px 0 0;
}

#content .post-body .place .place_title {
  font-size: 14px;
  font-weight: bold;
}

#content .post-body .place .place_body p {
  margin: 0;;
}

#content .post-body table.price {
  width: auto;
  min-width: 25%;
  border: none;
}

#content .post-body table.price th {
  font-size: 16px;
  font-weight: bold;
  border: none;
  text-align: left;
}

#content .post-body table.price td {
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#content .post-body table.price td.price_value {
  text-align: right;
}

#content .post-footer {
  font-size: 12px;
}

#content .post-footer .spot .title {
  font-size: 15px;
  font-wight: bold;
}

#content .post-footer .spot .body p {
  margin: 0;
  padding: 0;
  display: inline;
}

#content .post-footer .spot .body hr {
  margin: 0;
  padding: 0;
}

#content .post-footer .spot .body br {
  line-height: 0em;
  margin: 0;
  padding: 0;
}



#content .plan-estimate {
  padding: 20px 0 0;
}

#content .plan-estimate .estimate_title {
  width: 100%;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  background: linear-gradient(#ff4000, #ff611d);
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
}

#content .plan-estimate .estimate_title a {
  width: 100%;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 1.0em 0;
  display: block;
}

#content .plan-estimate .estimate_title:hover {
  opacity: 0.85;
}



/* ski */
/* content-blog */
.ski {
  color: #555555;
}

#content-blog .ski h1 {
  background: url(/en/images/ski_logo.png) top right no-repeat;
}

#content-blog .ski .comment {
  font-size: 16px;
  line-height: 125%;
  padding: 0 0 1.0em;
}

.piste_list {
  font-size: 0;
  margin: 30px 0 0;
  list-style: none;
}

.piste_list li {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.piste_list li a {
  width: 300px;
  min-height: 200px;
  font-size: 14px;
  border: #0066cc 1px solid;
  border-radius: 0px;
  box-sizing: border-box;
  margin: 10px;
  padding: 10px;
  display: block;
}

.piste_list li a:hover {
  background: #f3f3f3;
  border: #555555 1px solid;
}

.piste_list li a h2 {
  font-size: 20px;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

.piste_list li a .piste_list_title {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

.piste_list_body .piste_list_image {
  padding: 0 10px 10px 0;
  float: left;
}

.piste_list li a .piste_list_profile {
  color: #555555;
}

.piste_list li a .piste_list_more {
  position: absolute;
  bottom: 20px;
  right: 20px;
}



/* content */
.single #wrapper .ski_top_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 150%;
  border-bottom: #777777 1px solid;
  margin: 0.5em 0;
}

#content .ski h1 {
  font-size: 20px;
  line-height: 100%;
  padding: 0.5em 0;
  position: relative;
}

#content .ski h1 .point {
  color: #ffffff;
  font-size: 16px;
  line-height: 100%;
  background: #f5413d;
  border-radius: 1.0em;
  margin: 0;
  padding: 0.5em 1.0em;
  position: absolute;
  top: 0;
  right: 0;
}

#content .ski h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 0.5em 0;
}

#content .ski h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

#content .ski .ski_header {
  border-bottom: #777777 1px solid;
  margin: 1.0em 0 2.0em;
  padding: 0 0 1.0em;
}

#content .ski .main_image {
  padding: 0 0 10px 10px;
  float: right;
}

#content .ski .subtitle {
  font-size: 16px;
  font-weight: bold;
}

#content .ski .profile {
  font-size: 14px;
  line-height: 125%;
  padding: 0.5em 0 2.0em;
}


/* comment */
#content .ski .comment_title {
  font-size: 16px;
  font-weight: bold;
}

#content .ski .comment_body {
  font-size: 14px;
  padding: 0 0 1.0em;
}


/* access */
#content .ski .access {
  width: 100%;
  border-top: #777777 1px solid;
  padding: 2.0em 0;
  display: table;
}

#content .ski .access .access_body {
  padding: 0 10px 0 0;
  display: table-cell;
}

#content .ski .access .map {
  width: 400px;
  display: table-cell;
}

#content .ski .access .access_body .piste_season {
  margin: 0 0 1.0em;
}

#content .ski .access .access_body .piste_season .date {
  font-size: 16px;
  line-height: 200%;
}

#content .ski .access .access_body .piste_season .hour {
  font-size: 14px;
  line-height: 125%;
}

#content .ski .access .access_body .piste_route {
  margin: 0 0 1.0em;
  padding: 0;
  list-style: none;
}

#content .ski .access .access_body .piste_route li {
  height: 46px;
  margin: 0 0 15px;
  display: table;
}

#content .ski .access .access_body .piste_route li .to {
  width: 380px;
  box-sizing: border-box;
  padding: 0 0 0 30px;
  display: table-cell;
  vertical-align: middle;
}

#content .ski .access .access_body .piste_route li.by_car .to {
  background: url(/en/images/map_icon_s1.png) left center no-repeat;
}

#content .ski .access .access_body .piste_route li.on_the_train .to {
  background: url(/en/images/map_icon_s2.png) left center no-repeat;
}

#content .ski .access .access_body .piste_route li .to .stopover {
  font-size: 16px;
}

#content .ski .access .access_body .piste_route li .to .to_stopover {
  font-size: 12px;
}

#content .ski .access .access_body .piste_route li .to .station {
  font-size: 16px;
  line-height: 30px;
}

#content .ski .access .access_body .piste_route li .from {
  background: url(/en/images/ski_route.png) left center no-repeat;
  box-sizing: border-box;
  padding: 0 0 0 40px;
  display: table-cell;
  vertical-align: middle;
}

#content .ski .access .access_body .piste_route li .from .from_stopover {
  font-size: 16px;
}

#content .ski .access .access_body .piste_route li .from .from_stopover_howto {
  font-size: 12px;
}

#content .ski .access .access_body .piste_route li .from .from_station {
  font-size: 16px;
}

#content .ski .access .access_body .parking_info {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1.0em;
}

#content .ski .access .access_body .parking_info th {
  width: 25%;
  background: #f0f0f0;
  padding: 0.5em 0.2em;
  text-align: center;
  vertical-align: middle;
}

#content .ski .access .access_body .parking_info td {
  width: 25%;
  background: #ffffff;
  padding: 0.5em 0.2em;
  text-align: center;
  vertical-align: middle;
}

#content .ski .access .access_body .piste_info {
  font-size: 16px;
  line-height: 125%;
}

#content .ski .access .access_body .piste_info .address {
  color: #555555;
  font-weight: normal;
  background: none;
  border: 0;
}

#content .ski .access .access_body .piste_info .sns a {
  color: #555555;
  border-bottom: #555555 1px dotted;
  margin: 0 10px 0 0;
}

#content .ski .access .access_body .piste_info .sns .twitter {
  min-width: 100px;
  background: url(/en/images/icon_twitter.png) no-repeat;
  padding: 0 0 2px 30px;
  display: inline-block;
}

#content .ski .access .access_body .piste_info .sns .facebook {
  min-width: 100px;
  background: url(/en/images/icon_facebook.png) no-repeat;
  padding: 0 0 2px 30px;
  display: inline-block;
}



/* piste_data */
#content .ski .piste_data {
  padding: 0 0 2.0em;
  display: table;
}

#content .ski .piste_data .piste_map {
  width: 500px;
  padding: 0 30px 0 0;
  display: table-cell;
  vertical-align: top;
}

#content .ski .piste_data .course_map {
  width: 500px;
  margin: 0 0 1.0em;
}

#content .ski .piste_data .course_map img {
  width: 100%;
}

/* course */

#content .ski .course_comment {
  font-size: 14px;
  word-wrap: break-word;
  padding: 0 0 1.0em;
}

#content .ski .course_title {
  font-size: 16px;
  font-weight: bold;
}

#content .ski .course_body {
  font-size: 14px;
  word-wrap: break-word;
  padding: 0 0 1.0em;
}

#content .ski .course_b {
  background: url(/en/images/ski_beginners.png) 0 0.4em no-repeat;
  padding: 0 0 0 15px;
}

#content .ski .course_i {
  background: url(/en/images/ski_intermediates.png) 0 0.4em no-repeat;
  padding: 0 0 0 15px;
}

#content .ski .course_a {
  background: url(/en/images/ski_advanced.png) 0 0.4em no-repeat;
  padding: 0 0 0 15px;
}

#content .ski .course_bi {
  background: url(/en/images/ski_beginners.png) 0 0.4em no-repeat, url(/en/images/ski_intermediates.png) 12px 0.4em no-repeat;
  padding: 0 0 0 27px;
}

#content .ski .course_ba {
  background: url(/en/images/ski_beginners.png) 0 0.4em no-repeat, url(/en/images/ski_advanced.png) 12px 0.4em no-repeat;
  padding: 0 0 0 27px;
}

#content .ski .course_ia {
  background: url(/en/images/ski_intermediates.png) 0 0.4em no-repeat, url(/en/images/ski_advanced.png) 12px 0.4em no-repeat;
  padding: 0 0 0 27px;
}

#content .ski .course_bia {
  background: url(/en/images/ski_beginners.png) 0 0.4em no-repeat, url(/en/images/ski_intermediates.png) 12px 0.4em no-repeat, url(/en/images/ski_advanced.png) 24px 0.4em no-repeat;
  padding: 0 0 0 39px;
}



#content .ski .piste_data .piste_guide {
  display: table-cell;
  vertical-align: top;
}

#content .ski .piste_data .piste_guide dt {
  width: 300px;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  margin: 0 0 10px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

#content .ski .piste_data .piste_guide dt.long {
  width: 100%;
  display: block;
}

#content .ski .piste_data .piste_guide dd {
  width: 100px;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

#content .ski .piste_data .piste_guide dd.long {
  width: 100%;
  font-size: 0;
  display: block;
}

#content .ski .piste_data .piste_guide dd.long div {
  color: #ffffff;
  font-size: 14px;
  padding: 0.2em 0;
  display: inline-block;
  text-align: center;
}

#content .ski .piste_data .piste_guide dd.long div:nth-child(2n+1) {
  background: #d91e51;
}

#content .ski .piste_data .piste_guide dd.long div:nth-child(2n) {
  background: #1f64d8;
}

#content .ski .piste_data .piste_guide .lift_info {
  margin: 0;
}

#content .ski .piste_data .piste_guide .lift_info dt {
  padding: 0 0 0 100px;
}


/* lift_data */
#content .ski .lift_data {
  margin: 0 0 2.0em;
}

#content .ski .lift_data .fee {
  width: 100%;
  font-size: 14px;
  border: 0;
  margin: 0 0 1.0em;
  padding: 0;
}

#content .ski .lift_data .fee thead td {
  border: 0;
  text-align: center;
  vertical-align: bottom;
}

#content .ski .lift_data .fee thead td:first-child {
  padding-left: 0;
  text-align: left;
}

#content .ski .lift_data .fee tbody th {
  background: #f0f0f0;
  text-align: left;
  vertical-align: middle;
}

#content .ski .lift_data .fee tbody td {
  vertical-align: middle;
}


/* credit_card */
#content .ski .credit_card {
  padding: 0 0 1.0em;
}

/* remarks */
#content .ski .remarks {
  word-wrap: break-word;
  padding: 0 0 1.0em;
}



/* Voice
-------------------------------------------------------------- */
.single #wrapper .voice_top_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 150%;
  border-bottom: #777777 1px solid;
  margin: 0.5em 0;
}

#content .voice h1 {
  width: 100%;
  display: table;
}

#content .voice h1 .title {
  min-width: 220px;
  font-size: 20px;
  line-height: 100%;
  margin: 0;
  display: table-cell;
}

#content .voice h1 .departure {
  width: 220px;
  color: #ffffff;
  font-size: 16px;
  line-height: 100%;
  background: #f5413d;
  border-radius: 1.0em;
  margin: 0;
  padding: 0.5em;
  display: table-cell;
  text-align: center;
}

#content .voice .voice_body .voice_image {
  padding: 0 10px 10px;
}

#content .voice .voice_body .left {
  float: left;
}

#content .voice .voice_body .center {
  text-align: center;
}

#content .voice .voice_body .right {
  float: right;
}

#content .voice .voice_image_box {
  margin: 20px 0 0;
  text-align: center;
  clear: both;
}

#content .voice .voice_image_box .voice_image_list {
  padding: 10px;
  display: inline-block;
}






/* Content Full
-------------------------------------------------------------- */
#content-full {
  max-width: 960px;
  margin: 40px auto 0;
}

#content-full .wpcf7 {
  max-width: 480px;
  margin: 0 auto 0;
}

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}



/* Vacation Rental */
.image {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 20px;
}

.room_spec {
  width: 80%;
  font-size: 0;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  text-align: center;
}

.room_1col {
  width: 20%;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.room_2col {
  width: 40%;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.room_3col {
  width: 40%;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.room_4col {
  width: 80%;
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.room_spec .block {
  padding: 0.3em 0;
  display: inline-block;
}

.room_spec .block .title {
  min-width: 100px;
  display: inline-block;
}

.room_spec .block .detail {
  min-width: 100px;
  display: inline-block;
}

.equipment {
  width: 80%;
  font-size: 0;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  text-align: center;
}

.equipment span {
  display: inline-block;
}

.ski .fee {
  width: 80%;
  font-size: 0;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  text-align: center;
}

.rule {
  width: 80%;
  font-size: 0;
  word-wrap: break-word;
  margin: 0 auto 20px;
  padding: 0 0 20px;
  text-align: center;
}

.map {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 20px;
}

#map_canvas {
  width: 100%;
  height: 500px;
}

.request {
  padding: 20px 0 0;
}

.request .request_title {
  width: 100%;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  background: linear-gradient(#ff4000, #ff611d);
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
}

.request .request_title a {
  width: 100%;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 1.0em 0;
  display: block;
}

.request .request_title:hover {
  opacity: 0.85;
}



/* Press Release */
.pressrelease-set {
  display: table;
}

.pressrelease-set dt {
  width: 120px;
  display: table-cell;
}

.pressrelease-set dd {
  word-wrap: break-word;
  display: table-cell;
}

.pressrelease-set dd .press_pdf {
  padding: 0 20px 0 0;
  background: url(/en/images/icon_pdf.jpg) bottom right no-repeat;
}



/* pr */
.pr_youtube {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.pr_title {
  max-width: 600px;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  margin: 100px auto 0;
}

.pr_galary {
  max-width: 600px;
  width: 100%;
  margin: 10px auto 0;
  display: table;
}

.pr_galary .pr_image {
  width: 50%;
  display: table-cell;
  padding: 0 10px 10px 0;
  vertical-align: top;
}

.pr_galary .pr_image img {
  width: 200px;
}

.pr_galary .pr_body {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.pr_galary .pr_body .pr_name {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 2.0em;
}

.pr_galary .pr_body span {
  min-width: 100px;
  width: 30%;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.pr_galary .pr_body span.block {
  display: block;
}

.pr_galary .pr_body .pr_birthday,
.pr_galary .pr_body .pr_birthplace,
.pr_galary .pr_body .pr_blood,
.pr_galary .pr_body .pr_height,
.pr_galary .pr_body .pr_profile {
  margin: 0.5em 0;
}





/*  */
#colophon-widget {
  width: 160px;
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
}

body.home #colophon-widget {
  top: 900px;
}

body.single #colophon-widget,
body.page #colophon-widget {
  top: 180px;
}

#colophon-widget .colophon-widget {
  border: 0;
  margin: 0;
  padding: 0;
}



/* Estimate
-------------------------------------------------------------- */
#wrapper_estimate {
  max-width: 960px;
  font-size: 17px;
  margin: 0 auto;
  text-align: center;
}

#wrapper_estimate .estimate_button {
  width: 100%;
  background: linear-gradient(#ff4000, #ff611d);
  margin: 10px 0;
  padding: 0;
  display: inline-block;
}

#wrapper_estimate .estimate_button a {
  width: 100%;
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 1.0em 0;
  display: block;
}

#wrapper_estimate .estimate_button:hover {
  opacity: 0.85;
}




/* --------------------------------------------------------------

 Responsive (Mobile) Design

-------------------------------------------------------------- */
@media screen and (max-width: 1300px) {
  #colophon-widget {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .header_text {
    font-size: 36px;
  }

  #featured-wrapper {
    width: 98%;
  }

  #featured-content {
    padding: 0;
  }

  .example-image-link {
    margin: 5px !important;
  }

  .example-image-link img {
    max-width: 140px !important;
    max-height: 140px !important;
  }

  #map_canvas {
    height: 450px;
  }
}

@media screen and (max-width: 768px) {
  #tour_top .tour_top_text {
    max-width: 100%;
  }
  #tour_top .tour_top_image {
    padding: 1.0em;
    display: block;
    position: relative;
    text-align: center;
  }
}

@media screen and (max-width: 650px) {
  #top-widget {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .featured-title {
    font-size: 20px;
  }

  #featured p {
    font-size: 16px;
  }

  #tour_top .tour_top_text .tour_top_title {
    font-size: 20px;
  }

  #tour_top .tour_top_text .tour_top_body {
    font-size: 16px;
  }

  #tour_top .tour_top_image .point .point_title {
    font-size: 16px;
  }

  #tour_top .tour_top_image .point .point_no {
    width: 50px;
    height: 50px;
    font-size: 48px;
  }

  #tour_top .tour_top_image .point_text {
    font-size: 12px;
  }

  #example .example_wrapper .example_title {
    font-size: 20px;
  }

  #example .example_wrapper dl {
    font-size: 16px;
  }

  #flow .flow_wrapper .flow_title {
    font-size: 20px;
  }

  .flow_text .step_icon {
    font-size: 20px;
  }

  .flow_text .step_txt {
    font-size: 16px;
  }

  .last_child .post_body .post_images {
    padding: 100px 0 0 !important;
  }

  #content .post-body table.price {
    min-width: 50%;
  }

  .post_wrapper {
    width: 98%;
  }

  .post_wrapper .post_body {
    width: 100%;
  }

  .post_wrapper .post_body .post-entry .post-image {
    width: 100%;
    padding: 0;
    float: none;
  }

  .post_wrapper .post_body ul.list4 li {
    padding: 0 26px 0 0;
  }

  .single #wrapper .tour_top_title {
    font-size: 16px;
  }

  #content .post-head .post-image {
    width: 100%;
    display: block;
  }

  #content .post-head .post-entry {
    width: 100%;
    display: block;
  }

  #content .plan-estimate .estimate_title {
    font-size: 16px;
  }

  .example-image-link img {
    max-width: 90px !important;
    max-height: 90px !important;
  }

  .room_1col {
    width: 100%;
    display: block;
  }

  .room_2col {
    width: 50%;
  }

  .room_3col {
    width: 50%;
  }

  .room_4col {
    width: 100%;
    display: block;
  }

  #map_canvas {
    height: 300px;
  }

  .request .request_title {
    font-size: 16px;
  }

  #content .ski {
    padding: 0 0.5em;
  }

  #content .ski h1 .point {
    margin: 0.5em 0 0;
    display: inline-block;
    position: static;
  }

  #content .ski .main_image {
    float: none;
  }

  #content .ski .piste_data {
    display: block;
  }

  #content .ski .piste_data .piste_map,
  #content .ski .piste_data .piste_guide {
    display: block;
  }

  #content .ski .piste_data .piste_guide dt {
    width: 240px;
    font-size: 14px;
  }

  #content .ski .piste_data .piste_guide dd {
    width: 100px;
    font-size: 14px;
  }

  #content .ski .lift_data .fee tbody th,
  #content .ski .lift_data .fee tbody td {
    font-size: 12px;
    word-wrap: break-word;
    padding: 0.1em;
  }

  #content .ski .access .access_body {
    padding: 10px;
    display: block;
  }

  #content .ski .access .map {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .featured-title {
    padding: 0
  }

  .single #wrapper .social4i {
    height: 60px !important;
  }

  #content .post-body table.plan .plan_body {
    position: relative;
    padding: 5px 5px 150px 5px;
  }

  #content .post-body table.plan .image {
    width: 98%;
    padding: 0;
    float: none;
    position: absolute;
    bottom: 5px;
  }

  #content .post-body table.plan .image div {
    width: 48%;
    display: inline-block;
  }

  .room_2col {
    width: 100%;
    display: block;
  }

  .room_3col {
    width: 100%;
    display: block;
  }

  #map_canvas {
    height: 250px;
  }

  #content .ski .piste_data .piste_map,
  #content .ski .piste_data .course_map {
    width: 100%;
  }

  #content .voice h1 {
    display: block;
  }

  #content .voice h1 .title {
    display: block;
  }

  #content .voice h1 .departure {
    display: block;
  }

  #footer {
    padding: 0;
  }

  #footer_widget {
    border-top: #555555 1px solid;
  }

}

@media screen and (max-width: 320px) {
}

@media screen and (max-width: 240px) {
}