@charset "utf-8";

#mobile {
  display: block;
}

div#page.takakyu_app {
  width: 100%;
  margin-bottom: 0px;
}

div.takakyu_app header {
  width: 100%;
  z-index: 101;
  height: 66px;
  background-size: 100% 100%;
}
div.takakyu_app header .background {
  background-size: 100% 100%;
}

body.page-template-page_app-php div.takakyu_app header .background{
  background-image : url('../images/headder_00.png');
}

div.takakyu_app header .page_title {
   bottom: 30px;
   font-size: 10px;
}

div.takakyu_app .logo {
   /*width: 103px;*/
   height: 38px;
   /*background-size: 100%;*/
   margin: 8px 16px;
   background-position: 0 -22px;
}

div.takakyu_app nav.main-navigation {
  margin: 0px;
  height: 67px;
}

#tk_navbar {
   height: auto;
}

.navbar_btn{
 padding: 5px 0px 5px 0px;
 margin: 5px 10px 10px;
 width: 60px;
}

#nav_status {
  margin: 15px auto;
}

#nav_status.title {
  margin: 14px auto;
}

#nav_status ul li {
   display:none;
}
#nav_status ul li.current_panel {
   display:block;
}

.total_price_container {
   width: 95%;
   top: 125px;
   left: 1%;
   height: 20px; 
   display: block;
   padding: 5px;
   margin: 0px auto;
}

div.tk_options {
  position: static;
  display: block;
  top:36px;
  width: 95%;
  left: 2%;
  margin: 0px auto;
  height: auto;
  z-index: 2;
}

div.tk_options .option_page_bar {
   padding-bottom: 18px;
}

.option_page_bar.current.selected {
  margin-left: 5px;
}

div.tk_options .option_page_img_container {
  width: 40px;
  height: 40px;
}

div.tk_options .page_status {
  margin: 0px 0px 0px 48px;
}

div.tk_options .page_summary {
   width: 100%;
}

#tk_content {
  display: none;
}

.panel_contents {
  width: 95%;
  margin: 0px auto;
  padding: 0px 5px;
  left: 0px;
  float: none;
  display: block;
  min-height: 500px;
}

.order_content {
 overflow: hidden;
}
.option_page ul li:not(.status) {
   min-height: 0px;
   float: none;
   width: 97%;
}
.option_tile {
  padding : 5px;
}
.option_tile img {
  width: 64px;
  margin-top: -26px;
}


div.tk_details #balancing #kyuryoku {
   padding-top: 5px;
}
div.tk_details #balancing #kyuryoku select {
   width: 90%;
}
div.tk_details #balancing #kyuryoku,
div.tk_details #balancing .option_tile {
   display: block;
}



div.tk_details #feather-selection .option_tile img,
div.tk_details #balancing .option_tile img
 {
     max-width: 100%; 
     margin-top: -45px;
}

div#arrow_twine_color .option_tile img {
  margin-top: 0px;
}

div.tk_details #shafts .option_tile, div.tk_details #shafts .option_tile img, div.tk_details #kebeki .option_tile, div.tk_details #kebeki .option_tile img, div.tk_details #arrow_twine_color .option_tile, div.tk_details #arrow_twine_color .option_tile img,div.tk_details #hagi-washi .option_tile, div.tk_details #hagi-washi .option_tile img, div.tk_details #twine .option_tile, div.tk_details #twine .option_tile img, div.tk_details #feather-selection .option_tile {
  max-width: 100%;
}

#monji ul li:not(.status) {
  min-height: 100%;
  height: 100%;
}
div.tk_details #panel_monji .option_tile {
min-height: 100%; 
max-width: 100%;
}

.option_tile span, .option_tile .obj_data {
  position: relative;
  left: 75px;
}

#arrow_twine_color ul li:not(.status),
#hagi-washi ul li:not(.status), 
#shafts ul li:not(.status),
#feather-selection ul li:not(.status)  {
  min-height: 100%;
  height: 100%;
}

div.tk_details #cinfo_payment .option_tile img {
   margin-top: -11px;
}

.nav_btn {
  width: auto;
}

div.tk_details div.category_description {
   width: 94%;
   margin: 10px auto;
}

div.tk_details .option_tile {
   max-width: 100%;
}

#yajaku select {
  width: 90%;
}


#cinfo input, #cinfo textarea {
   width: 94%;
}

#cinfo input#zip1, #cinfo input#zip2 {
   width:44%
}

.panel_review {
   width: 94%;
   margin: 10px auto;
}

.panel_review .cinfo_section #phoneno, 
.panel_review .cinfo_section #email, 
.panel_review .cinfo_section #street, 
.panel_review .cinfo_section #city {
  width: 95%;
}

#panel_status {
  width: 88%;
  height: 100%;
  margin: 0px auto;
  min-height: 500px;
}

#panel_status #tk_status_loading {
   margin: 75px auto;
}

div.takakyu_app #main {
  width: 100%;
  top: 66px;
}

body.page-template-page_app-php #main {
  height: auto;
  min-height: 0px;
  position: static;
  padding-top: 155px;
}

body.page-template-page_app-php #tk_footer {
  position: static;
}

div.takakyu_app .side-menu {
  top: 66px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

div.takakyu_app .menu-btn {
    right: 0px;
    bottom: 20px;
}

.featureblock {
  display: none;
}

.feature_links {
  display: none;
}

.menu-footer-container {
    position: fixed;
    bottom: 0px;
    clear: both;
    display: none;
}

#tk_footer {
   width: 100%;
   font-size: 10px;
}

.flex-caption {
   font-size: 15px;
   right: 10px;
   bottom: 75px;
   text-shadow: 1px 2px #FFFFFF;
}

div.takakyu_app .flex-control-nav {
   display: none;

}

.featureslider_bar ul.slides {
   width: 150%;
   text-align: center;
   margin-left: -55px;
}

.flex-overview {
   font-size: 12px;
   right: 10px;
   bottom: 50px;
}

.wide-image {
   padding-top:50px;
}