@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */

header#global_header ,#contents_wrap ,#contents ,footer#global_footer{
    width: 100%;
    min-width: 100%;
}
#main {width: 100%;margin: auto;}
#copyright {padding: 30px 0;}
.imgC {display: block;}


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

        RESET CSS

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

/** START ARCHORLINK **/
.archorlink {
    background: no-repeat 10px 5px;
    cursor: pointer;
}
.archorlink a { font-weight: bold; font-size:20px; color:#81cbc5; display: block;text-decoration: none;}
/** END ARCHORLINK

/** START YOUTUBE **/
.youtube {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.youtube iframe {width:100% !important ; height: 27vw !important;min-height: 430px; }

/** END YOUTUBE **/

/** START BG WRAP **/
.bgwrap {
    position:relative;
}
.bgwrap .bg_img {
    background:#EEF7FF;
    height:100%;
    left:50%;
    margin:0 0 0 -500%;
    position:absolute;
    top:0;
    width:1000%;
    z-index:1;
}
.bgwrap .bg_text {
    position:relative;
    z-index:2;
}
.bgwrap .bg_text h3 {
    font-size:20px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 35px;
    margin-bottom: 10px;
    background: url(https://nanas-wonderland.com/images/common/icon.png) no-repeat left center;
}

/** END BG WRAP **/


.imgR {margin-left: 25px;}
.imgL {margin-right: 25px;}

.txt_1 {
    font-size:12px;
}
.txt_1 label{
    font-size:14px;
    font-weight: bold;
    text-align: center;
    padding: 0 0;
    display: block;
    margin-bottom: -10px;
}
.txt_1 img {
    margin-right: 20px;    
}
.before_tb {
    float:left;
    width: 40%;
}
.before_tb td { font-size:25px;font-weight: bold;color:#4473c5;}
/* ----------------------------------------------------------

        RESET CSS

---------------------------------------------------------- */
#main #col_main {float:none;width: 100%;margin: 0 auto;}

.tel img{
    opacity: 1!important;
}
.tel:hover {
    text-decoration: none !important;
}

.hover_txt td{
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    z-index: 2;
}
.hover_txt {width: 960px;}
.hover_txt td:hover > a {display: block !important;}
.hover_txt td a {
    display: none !important;
    position: absolute;
    background: rgba(153, 108, 51, 0.8);
    top:0px;
    color:white;
    display: block;
    padding: 8.3%;
    text-align: left;
    text-decoration: none;
}
.hover_txt td img {
    float: none !important;
    margin: 0 !important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}
.hover_txt td:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
/** START H TAG **/
.h2_index {
    display: block;
    background: no-repeat center bottom;
}
.h2_index h2 {
    font-size:26px;
    font-weight: bold;
    color:#4473c5;
}
.h2_index2 {

}
.h2_index3 {

}
.h2_index2 h2 {
    font-size:24px;
    font-weight: bold;
    color:#fff;
    background: url(https://nanas-wonderland.com/images/home/icon.png) no-repeat 15px center;
    padding-left: 60px;
}
.h2_index3 h2 {
    font-size:24px;
    font-weight: bold;
    color:#fff;
    background: url(https://nanas-wonderland.com/images/home/icon2.png) no-repeat 15px center;
    padding-left: 60px;
}
.h2_line h2 {
    font-size:22px;
    font-weight: bold;
    color:#81cbc5;
}
.h3_line h3 {
    /*font-size:22px;
    font-weight: bold;
    color:#81cbc5;*/
    padding: 15px;
}
.h3_line1 h3 {
    font-size:20px;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0 0 35px;
    margin-bottom: 10px;
    background: url(https://nanas-wonderland.com/images/common/icon.png) no-repeat left center;
}
.h4_line h4 {
    font-size:16px;
    color:#fff;
}
/** END H TAG **/

/** START BREADCRUMB **/
.breadcrumb {
    color:#434343;
    font-size:11px;
    min-width: 1000px;
}
.breadcrumb a {
    color:#81cbc5;
    font-size:11px;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
    color:#81cbc5;
}
/** END BREADCRUMB **/

/** START Short Css **/
.green_box      { border:1px solid #81cbc5 ;}
.green_box img  { display: block; margin: auto; }
.blue_box       { border:2px solid #5c9cd5 !important }
.blue_box  img  { display: block; margin: auto; }

.rad5  ,.rad5  img    { border-radius: 5px !important;}
.rad10 ,.rad10 img    { border-radius: 10px !important;}
.rad15 ,.rad15 img    { border-radius: 15px !important;}
.rad20 ,.rad20 img    { border-radius: 20px !important;}

.bg_white {background: white !important;}

b ,.b     { font-weight: bold !important;}
.bold i   { color:#5c9cd5 !important}

.bor_bot {border-bottom:1px solid #edeff4 !important;}

.bold_tb  td:first-child     { font-weight: bold !important;}
.bold_tb  tr:first-child td  { font-weight: bold !important;}
.bold_tb2 td:first-child     { font-weight: bold !important;}

.bold_tb3 tr:nth-of-type(1) td:first-child     { padding: 0 20px 0 0!important;border:none !important}
.bold_tb3 tr:first-child td:nth-of-type(2)     { font-weight: bold !important;}
.bold_tb3 td:nth-of-type(1)                    { font-weight: bold !important;}
.bold_tb3 tr:nth-of-type(4) td:first-child     { border-bottom:1px solid #5c9cd5 !important}

.fs12 ,.fs12 td     {font-size:12px !important} 
.fs13               {font-size:13px !important;}
.dis_inb  {display: inline-block !important;}

.fl       {float:left !important;} 
.fr       {float:right !important;}
  
.w100     {width: 100% !important;}
.w70      {width: 70% !important;}
.w60      {width: 60% !important;}
.w55      {width: 55% !important;}
.w50      {width: 50% !important;}
.w48      {width: 48% !important;}
.w40      {width: 40% !important;}
.w20      {width: 20% !important;}
.w10      {width: 10% !important;}

.lh1      {line-height: 1 !important;}
.lh2      {line-height: 2 !important;}
.lh3      {line-height: 3 !important;}

.txt_allbreak   {word-break: break-all !important;} 
.txt_blue       {color:#4473c5 !important; }
.txt_left       {text-align: left !important;}
.txt_center     {text-align: center !important;}
.txt_right      {text-align: right !important;}

.sp_block   {display: none !important;}
.no_hover   {opacity:1!important;}
.no_color a {color:#333 ; text-decoration: none ;}
.no_color a:hover {color:#81cbc5; text-decoration: underline;}
/** End Short Css **/

/** Start Header **/
#header {
    /* border-top:3px solid #4473c5; */
}
#header .inner { text-align: left; }

.h_intro {
    text-align: center;
    color:#aaaaaa;
    margin: 5px 0;
    font-size:11px;
}
.h_logo {
    margin: 10px 0 10px;
}
.h_logo li  { text-align: center; }
.h_logo img {opacity: 1 !important;width: 34%;}

.h_contact {
   
}

.h_info {
    text-align: right;
    width: 100%;
    max-width: 1600px;
    padding: 5px 10px;
    display: block;
    margin: auto;
}
.h_info li      { display: inline-block; text-align: right; padding-left:20px; font-size:13px;}
.h_info a       { color:#434343;text-decoration: none;}
.h_info a:hover { color:#81cbc5;text-decoration: underline;}

.h_menubar ul {
    margin: 0 auto;
    text-align: left;
} 

.h_menubar li                   {display: inline-block;padding: 0px 50px 10px;vertical-align: middle;font-size:13px;}
.h_menubar li a                 { display: block; text-decoration: none; color:#434343;}
.h_menubar li a:hover           { text-decoration: underline; color:#81cbc5; }
.h_menubar li:nth-of-type(4),.h_menubar li:nth-of-type(5)    { display: inline-block !important; position: relative;text-align: center;}
.h_menubar li:nth-of-type(4):hover > #sub_menubar,.h_menubar li:nth-of-type(5):hover > #sub_menubar  { display: block;}




.h_menubar li #sub_menubar                { width: 360px; height:180px; position: absolute; top:50px; left:0px; z-index: 9999;border:none;text-align: center;display: none;}
.h_menubar li #sub_menubar li             { width: 180px; display: block; padding: 0;position: relative;z-index: 999;border:1px solid #bbc9c8;border-bottom:none;}
.h_menubar li #sub_menubar li:last-child  { border-bottom:1px solid #bbc9c8;}
.h_menubar li #sub_menubar li a           { display: block; padding: 5px 10px; background: #fff; color:#434343;}
.h_menubar li #sub_menubar li a:hover     { background:#81cbc5 ;text-decoration: none;}

.h_menubar li #sub_menubar li:nth-of-type(1):hover > #sub_menubar1 { display: block;}
.h_menubar li #sub_menubar li:nth-of-type(2):hover > #sub_menubar2 { display: block;}

.h_menubar li #sub_menubar #sub_menubar1                { display:  none; position: absolute;width: 180px;height:100px;left:178px;top:-1px}
.h_menubar li #sub_menubar #sub_menubar1 li             {}
.h_menubar li #sub_menubar #sub_menubar1 li a           { background: #e7e7e7;display: block;}
.h_menubar li #sub_menubar #sub_menubar1 li a:hover     { background: #81cbc5;}
.h_menubar li #sub_menubar #sub_menubar2                { display:  none; position: absolute;width: 180px;height:100px;left:178px;top:-1px}
.h_menubar li #sub_menubar #sub_menubar2 li             {}
.h_menubar li #sub_menubar #sub_menubar2 li a           { background: #e7e7e7;display: block;}
.h_menubar li #sub_menubar #sub_menubar2 li a:hover     { background: #81cbc5;}
/** End header **/

/** Start BX Slider **/
.slide_show {
    margin: 0;
    padding: 0px 0;

}
.slide_show img {
    display: block !important;
    margin: 0 auto !important;
}
/** End BX Slider **/

/** Start Footer **/
#footer {
    margin-top: 90px;
    color:white;
    text-decoration: none;
}
#footer a               { text-decoration: none; }
#footer a:hover         { text-decoration: underline;}
#footer .inner          { padding-top: 20px; border-top: 2px solid #4473c5; text-align: left; position: relative; }

.f_copy {
    text-align: center;
    padding: 5px 0 5px;
    background:#4473c5;
}
.f_copy small {color:#fff;}

.f_menu {
    color:#4473c5;
    text-align: center;
}
.f_menu li          { display: inline-block;color:#0006ff}
.f_menu a           { color:#4473c5; }

.f_menu table {
    line-height: 1.7;
}
.f_menu table td:first-child{
    padding-left: 20px;
}
.f_menu table td{
    border:none;
    padding: 25px 0px 20px 0px;
}

.footer a:hover{
    text-decoration: underline;
}

.f_logo {
    text-align: center;
    margin: 20px 0;
}

.f_info {
    display: block;
    text-align: center;
    color:#666666;
    font-size:12px;
    margin-bottom: 20px;
}

.f_pagetop {
    display: inline-table;
    vertical-align: top;
    position: absolute;
    top:-50px;
    right: 0px;
}

footer a:link,
footer a:visited {
    color: #474646;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}

/** End Footer **/

/** Start Policy **/
.policy h3 {
    font-size:18px;
    border-bottom:2px solid #28baa7;
    font-weight: bold;
    float:left;
    width: 100%;
    margin-bottom: 10px;
}
.policy p {
    display: block;
    margin: 10px 0 30px;
}
/** End Policy **/

/** Start Scroll **/
.scroll {
    overflow-y: scroll;
    height: 147px;
    border:2px solid #92d5b8;
}
.scroll_txt {
    font-weight: bold;
    border-bottom:1px dashed #ddd;
    font-size:13px;
}
/** End Scroll **/

/** START TABLE **/
.tb_news table{
    border:1px solid #81cbc5;
    display: inline-block;
    padding: 10px;
    border-radius:5px;
}
.tb_news a              {font-weight: bold;text-decoration: none;}
.tb_news td             {border:none;}
.tb_news tr             {border-bottom: 1px dotted #ddd;width: 100%;display: inline-table;}
.tb_news tr:last-child  {border-bottom:none}

.tb_pdf {
    
}
.tb_pdf a               {color:#333; text-decoration: none;}
.tb_pdf a:hover         {color:#81cbc5; text-decoration: underline;}
.tb_pdf td              {font-size:12px;}

.tb_h3 {
    
}
.tb_h3 h3                   {font-weight: bold;font-size:22px;color:#81cbc5}
.tb_h3 tr:nth-of-type(2) td {padding: 0 0 10px!important;} 

.tb_55 table          {width: 55% !important;display: block;margin: auto;background:#58adaa;}
.tb_55 td             {padding: 20px !important;}
.tb_55 img            {width: 100% !important;} 
/** END TABLE **/


/** Start FAQ **/
.faq_q {
    font-size:14px;
    font-weight: bold;
}
.faq_q i {
    background: url(https://nanas-wonderland.com/images/home/q_icon.png) no-repeat left center;
    background-size: contain;
    padding: 15px 26px 15px 11px;
    margin-right: 14px;
    margin-left: -75px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.faq_q_1 i{
    background: url(https://nanas-wonderland.com/images/home/q_icon.png) no-repeat left center;
    background-size: contain;
    padding: 15px 20px 15px 5px;
    margin-right: 15px;
    margin-left: -75px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.faq_a i{
    background: url(https://nanas-wonderland.com/images/home/a_icon.png) no-repeat left center;
    background-size: contain;
    padding: 15px 10px 15px 10px;
    margin-right: 33px;
    margin-left: -75px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.faq_a_1 i{
    background: url(https://nanas-wonderland.com/images/home/a_icon.png) no-repeat left center;
    background-size: contain;
    padding: 15px 5px 15px 5px;
    margin-right: 31px;
    margin-left: -75px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
/**END FAQ **/


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
body {
    background: #FFFFFF;
    color: #434343;
    font-family: メイリオ, Meiryo, "Open Sans", Helvetica, Arial;
    font-size: 14px;
}
table {
    table-layout: fixed;
}
table td img {
    max-width: 100% !important;
    height: auto !important;
}
pre {
    margin: 0;
    padding: 0;
    white-space: pre-line;
}
b,strong {
    font-weight: bold;
}
u {
    text-decoration: line-through;
    text-decoration: underline;
}
img {
    height: auto;
}
small {
    font-size: 80%;
}
hr {
    border: none;
    height: 0;
    border-bottom: 1px dashed #B3B3B3;
}
span {
    font-weight: inherit;
}
.youtube iframe{
  width: 100%;
}

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

        Bxi Reset

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

/* sitemap */
.map {
    margin: 56px 20px 0;
}
.map li {
    border-left: 5px solid #051D82;
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    text-align: left;
}

/* input */
input[type="button"] {
    cursor: pointer;
    padding: 5px 10px;
}

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

        Layout Structure

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

.inner {
    margin: 0 auto;
    max-width: 1100px;
}
#contents_wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#contents {
    padding: 20px 10px 20px;
    width: 100%;
    min-height: 870px;
}
#contents #main {
    max-width: 1600px;
    margin: 0 auto;
}
.ColLeft {
    float: left;
}
.ColRight {
    float: right;
}


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

        Header

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


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

        Footer

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


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

        Sidemenu

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


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

        COMMON COSTOM STYLE

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

/* anchor */
.anc li {
    float: left;
    margin-left: 10px;
    white-space: nowrap;
}
.anc a {
    background: #FEA31C;
    border-radius: 0 0 3px 3px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
}
.anc a:hover {
    background: #FEC21F;
}

/* a block button */
.btn a {
    background: #051D82;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
}
.btn a:hover {
    background: #4C60A9;
}

/* table list */
.tablelist td {
    background: url(https://nanas-wonderland.com/images/common/icon_circle_blue.png) no-repeat left 5px;
    padding: 0 15px 10px 15px !important;
}

/* bread list */
#bread {
    float: right;
}
#bread li {
    background: url(https://nanas-wonderland.com/images/common/icon_arrow_bread.png) no-repeat 4px center;
    float: left;
    font-size: 11px;
    line-height: 1.2;
    padding: 0 0 0 15px;
    text-align: left;
}
#bread li.home {
    background: none;
    padding: 0;
}

/* box design */
.box01 {
    border: 3px double #465cb5;
}
.box02 {
    border: 1px solid #D4D4D4;
}
.box03 {
  background-image: -moz-linear-gradient( 90deg, rgb(228,211,133) 0%, rgb(238,231,197) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(228,211,133) 0%, rgb(238,231,197) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(228,211,133) 0%, rgb(238,231,197) 100%);
  border: 2px solid #C3AF50;
}


/* table td design */
.tdbb01 td {
    padding: 10px 0 !important;
    border-bottom: 1px dotted #9FA974 !important;
}
.tdbb02 td {
    padding: 10px 0 !important;
}

/* border style */
/* border-left */
.bl01 {
    border-left: 2px solid #FFFFFF !important;
}
/* border-bottom */
.bb01 {
    border-bottom: 1px dotted #9FA974 !important;
}

/* img border */
.border01 img {
    border: 1px solid #9E876C;
    padding: 3px;
}
.border02 img {
    border: 3px solid #FFFFFF !important;
    box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
    -webkit-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
    -moz-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.6 );
}

/* box shadow */
.boxshadow01 {
    box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
    -webkit-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
    -moz-box-shadow: 0px 0px 4px 0px rgba( 0, 0, 0, 0.3 );
}

/* text shadow */
.textshadow01 {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1),1px 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1);
}

.imgW100 img {
    width: 100% !important;
}

.max500 {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 10px;
}


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

        Shop Style

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

h2.title_h2 {
    background: none !important;
    border-top: 3px solid #051D82;
    border-bottom: 1px solid #051D82;
    color: #051D82;
    font-size: 20px !important;
    line-height: 1.3;
    margin: 0 0 20px !important;
    padding: 10px !important;
}
h2.title_h2 span {
    border: none !important;
    padding: 0 !important;
}
ul.item_list li {
    margin-bottom: 10px !important;
}
ul.item_list li h3.title_h3 {
    font-size: 18px !important;
}
.btn_cart a {
    background: url(https://nanas-wonderland.com/images/common/ico_cart_w.png) no-repeat 10px 12px #051D82 !important;
    background-size: 30px auto !important;
    color: #FFFFFF !important;
    display: block !important;
    padding: 10px 10px 10px 50px !important;
    width: 100% !important;
    border: 1px solid #ffffff;
}
.btn_cart a:hover {
    background: url(https://nanas-wonderland.com/images/common/ico_cart_w.png) no-repeat 10px 12px #4C60A9 !important;
    background-size: 30px auto !important;
}
.sort_catalog {
    overflow: hidden;
}
.sort_catalog ul {
    margin: 0 -4.16% 20px 0 !important;
    width: auto !important;
}
.sort_catalog ul li {
    padding: 0 !important;
    margin-right: 4.16% !important;
    width: 29.16% !important;
}

.sort_catalog_box:nth-child(3n+1) {
    clear: both;
}

.item_title,
.wishlist {
    margin: 0 !important;
}
.shop_cont,
.item_info {
    color: #ffffff;
}
.shop_cont h2.title_h2,
.item_info h2.title_h2 {
    color: #ffffff;
    border-top: 2px solid #ffffff;
}
.shop_cont a,
.item_info a {
    color: #ffffff;
}
.shop_cont a:hover,
.item_info a:hover {
    color: #dce9f5;
}
.item_title h2 {
    color: #ffffff;
    border-top: 2px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.number {
    color: #ffffff;
}
.number input {
    color: #000000;
}

@media screen and (max-width: 834px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */

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

        Layout Structure

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

.inner {
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}
#contents {
    width: 100%;
	max-width: 1600px;
    padding: 25px 10px;
}
#col_main {
    padding-bottom: 45px;
    width:96%!important;
}

.txt_1 img {margin-right: 0;}
.mean-nav .inner {padding: 0;}
.green_box      { float:none !important }
.h_info li {font-size:14px}
.h_logo {margin: 30px 0;}
.h_info {width: 100%;text-align: center;}
header#global_header ,#contents_wrap ,#contents ,footer#global_footer{
    min-width: 100% !important;
}
.slide_show {padding-top: 0;}
.tb_pdf td{width: 30% !important;}
.w48,.w50, .w70, .w80 {width:100% !important}
.sp_center td {text-align: center !important;}
.img_center img {display: block;margin: auto;}
.tb_55 table ,.tb_55 img{width: 100% !important;}


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

        BXI reset

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

.tb_tbl_block table td {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
}


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

        Header

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


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

        Footer

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


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

        Side menu

---------------------------------------------------------- */
/* タブレット表示時100％にする場合、コメントアウトを外して下さい
#main #col_main,
#main #col_side1 {
    float: none;
    width: 100%;
}
#main #col_main {
    padding: 0 0 30px;
}
*/

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

        COMMON COSTOM STYLE

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

/* img Width */
.tbImgW47p div {
    width: 47% !important;
}
.tbImgW47p div img {
    width: 100% !important;
}

/* anchor */
.anc li {
    margin: 0 10px 10px 0;
}
.anc a {
    border-radius: 0;
}

.youtube iframe {height: 52vw !important;min-height: auto;}


/* tablet END ###################################################### */
}
@media screen and (max-width: 640px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */

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

        Layout Structure

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

body {
    font-size: 15px;
}


.h_logo img {opacity: 1 !important;width: 90%;}
#contents {
    padding: 20px 10px;
}
#col_main {
    padding-bottom: 20px;
    text-align: left;
}
.ColLeft,
.ColRight {
    float: none;
    width: 100% !important;
}
.spnone {
    display: none;
}

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

        BXI reset

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

.tbl_scroll table {
    width: auto !important;
}
.tbl_block td {
    width: 100% !important;
    margin-top: -1px;
}
.style_form th,
.style_form td {
    margin-top: -1px;
}


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

        Header

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


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

        Footer

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


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

        Side menu

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


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

        Shop style

---------------------------------------------------------- */
.sort_catalog {
    margin: 0 !important;
    width: auto !important;
}
.sort_catalog_box {
    padding: 0 !important;
    margin: 0 0 30px !important;
    width: 100% !important;
}


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

        COMMON COSTOM STYLE

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

/* tablet img Width reset */
.tbImgW47p div {
    width: 100% !important;
}
.spW100 img {
    width: 100% !important;
}

/* anchor */
.anc li {
    border-bottom: 1px solid #FEFADC;
    float: none;
    margin: 0;
}
.anc a {
    border-radius: 0;
    text-align: center;
}

/* image hidden */
.spimgnone img {
    display: none;
}

.spImgNone img {
    display: none;
}
.spTdCenter td {
    text-align: center !important;
}

/* smartphone END ################################################## */
}


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

        COMMON COSTOM STYLE

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

/* text-align */
.taR { text-align: right; }

/* font-weight */
.fwN{font-weight:normal !important;}.fwB{font-weight:bold !important;}

/* margin */
.mgAuto{margin:0 auto !important;}

/* table td padding */
.tdpd0 td{padding:0 !important;}.tdpd05 td{padding:5px !important;}.tdpd10 td{padding:10px !important;}.tdpd15 td{padding:15px !important;}.tdpd20 td{padding:20px !important;}.tdpd25 td{padding:25px !important;}.tdpd30 td{padding:30px !important;}.tdpd35 td{padding:35px !important;}.tdpd40 td{padding:40px !important;}.tdpd45 td{padding:45px !important;}.tdpd50 td{padding:50px !important;}
td.pdT10 {  padding-top: 10px !important; }

/* font-family */
.mincho {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.shop_cont form,
.shop_cont a.btn_type01,
.shop_cont a.btn_purchase {
color: #000000;
}
.shop_cont a.btn_type01:hover,
.shop_cont a.btn_purchase:hover {
color: #636363;
}
#shop_flow .sf_text {
color: #000000;
}
.shop_cont h3.title_h3 {
color: #ffffff;
}
.shop_cont table {
color: #000000;
}