@charset "UTF-8";

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

    media query

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

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

div.tenthLink{ margin-bottom: 300px; }

} /* @media max-width:1023px end */

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

html { min-width: 100%; }

body { padding: 60px 0 0; }

html,
body { min-width: 100%; }

.sp_only { display: block !important; }

/*.container { padding: 60px 0 40px; }

.layout_baseSize { width: 96%; }*/

/*
    header
----------------------------------------------------*/

header {
    width: 100%;
    height: 60px;
    top: 0;
    position: fixed;
    margin-top: 0;
    z-index: 9999;
    border-bottom: 2px solid #274e37;
    /*box-shadow: 0 6px 12px rgba(0, 0, 0, .1);*/
}

header .layout_baseSize {
    width: 100%;
    background: none;
    padding: 0;
}

.header__mobile {
    background: #fff;
    width: 100%;
    height: 60px;
    z-index: 9999;
    position: relative;
}

.header__logo {
    display: block;
    /*width: 50%;*/
    height: 60px;
    overflow: hidden;
    text-align: center;
    /*margin: 12px 0 0 2%;*/
}

.header__logo img {
    height: 90%;
    width: auto;
    /*padding: 5px 60px 0 0;*/
    margin: 5px 60px 0 0;
}

/*.header__logo {
    width: 50%;
    margin: 12px 0 0 2%;
}

.header__utility { display: none; }*/

.header__nav {
    position: absolute;
    width: 100%;
    height: auto;
    float: none;
    background: rgba(39, 78, 55, .95);
    box-sizing: border-box;
    display: none;
}

nav {
    display: inline-block;
    width: 100%;
    text-align: center;
}

nav li {
    float: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #fff;
    background: none;
    color: #fff;
}

nav li a { padding: .5em 0; }

.header__links_lang.sp_only {
    display: block;
    position: absolute;
    top: 12px;
    right: 70px;
}

.header__toggle_wrap {
    display: block;
}

/*.header__toggle { display: block; }*/

.open .header__toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}

.open .header__toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}

.open .header__toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

.bread_crumb { display: none; }

ul.tenthMenu1ja,
ul.tenthMenu1en { margin: 0; } 

ul.tenthMenu1ja li a,
ul.tenthMenu1en li a {
    width: 100% !important;
    background: none;
    text-indent: 0;
    font-size: 14px;
}

/*
    contents
----------------------------------------------------*/

div.tenthImage { margin: 0 0 15px; }

div.tenthImage .sp_only + img { display: none; }

ul.tenthMenu2ja,
ul.tenthMenu2en { display: none; }

ul.sp_tenthMenu2ja,
ul.sp_tenthMenu2en {
    width: 98%;
    margin: 0 auto 20px;
}

ul.sp_tenthMenu2ja li,
ul.sp_tenthMenu2en li {
    list-style: none;
    float: left;
    width: 48%;
    margin: 0 1% 10px;
}

/*ul.tenthMenu2ja,
ul.tenthMenu2en {
    width: 96%;
    margin: 0 auto;
}

ul.tenthMenu2ja li,
ul.tenthMenu2en li { width: 50%; }

ul.tenthMenu2ja li a,
ul.tenthMenu2en li a {
    display: block;
    width: 100%;
    height: 120px;
    font-size: 1px;
    text-indent: -9988px;
    overflow: hidden;
    margin: 0 0 22px 0;
    padding: 0;
}*/

div#contents-single,
.hentry { margin: 0; }

div#contents-single-in,
div.tenthBox1-left,
dl.tenthNews { width: 100%; }

div.tenthBox1-left { float: none; }

dl.tenthNews dt { width: 25%; }

dl.tenthNews dd { width: 75%; }

div.tenthBox1,
div.tenthBox2 {
    width: 96%;
    margin: 0 auto;
}

div.tenthBox1-right { display: none; }

h2.tenth,
h2.tenth { display: none; }

div#contents-single-in h2.tenth_sp,
div#contents-single-in h2.tenth_sp {
    display: block;
    width: 96%;
    height: auto;
    margin: 0 auto 10px !important;
}

ul.tenthMessageMenuja,
ul.tenthMessageMenuen {
  /*display: none;*/ 
  width: 96%;
  margin: 0 auto;
}
  
ul.tenthMessageMenuja li,
ul.tenthMessageMenuen li{
  width: 100%;
}

ul.tenthMessageMenuja_sp,
ul.tenthMessageMenuen_sp {
    /*display: block;*/
    width: 96%;
    margin: 0 auto 2em;
    border-bottom: 1px dotted #b58b6b;
}

ul.tenthMessageMenuja_sp li,
ul.tenthMessageMenuen_sp li { list-style: none; }

div.tenthBox2-left,
div.tenthBox2-right {
    width: 100%;
    float: none;
    display: block;
}

div.tenthBox2-left {
    text-align: center;
}

div.message_tenthBox2 div.tenthBox2-left {
  margin: 2em 0 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
  display: table;
}
  
div.tenthBox2-left img{
  width: 90%;
  display: table-cell;
}
div.tenthBox2-left-text {
  width: 58%;
  display: table-cell;
  vertical-align: middle;
}
div.tenthBox2-left-text span.number {
  position: relative;   
}  


/*div.tenthBox2-left > img:first-child { display: none; }*/

div.toTop { padding-right: 2%; }

div.historySideImage p { width: 100%; }

p.tenthRoMMes { width: 100%; }

p.tenthRoMDate { position: initial; }

div.tenthLink{ margin-bottom: 0; }

/*
    footer
----------------------------------------------------*/

#footer  {
    width: 100%;
    padding: 0 0 30px;
}

#footer .ft_logo,
#footer .copyright {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0 0 1em;
}

#footer .ft_logo {
    width: 86%;
    margin: 0 auto;
}

} /* @media max-width:639px end */