@charset "UTF-8";









/*-----------color---------------------------------------------------*/

body {
    background-image:  url('../img/a.png');
    background-size: cover;
    background-attachment:  fixed;
    background-position:  bottom;
}

a {
    color: #ff7800;
    font-weight:  800;
}

.header a {
    color: #fffcea;
}

.all-container {
    background: #ffffff9e;
}
.naka h1,.naka h2 {
    color: #ff7800;
    background: #ffffff42;
    padding: 6px;
    border: 3px inset #ff7800;
}

/*------------style---------------------------------------------------*/

.all-box {
    padding-top: 63px;
}

.header {
    text-align:  center;
    padding: 60px 0;
}

.all-box {
    margin: 0 auto;
    width: 95%;
}

.text-text h2 {
    background: #ff7800;
    padding: 13px 0;
    margin: 0;
    color: white;
}

.text-text {
    text-align:  center;
    border: 1px solid;
    margin: 14px 0;
    background: white;
}

.text-text p {
    padding: 8px 25px;
}



/*------------grovar-menu---------------------------------------------------*/

.navi li {
    display: inline;
    margin-left: 6px;
    font-size:  14px;
}

.navi {
    text-align:  center;
    padding: 30px 0;
}


/*------------moto---------------------------------------------------*/

      .pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #38c1a8;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}




/*--------------------btn-------------------------------------------------------*/


p.btn a {
    background: #ff7800;
    padding: 7px;
    color: white;
    border-radius:  10px;
    border: outset #ff7800;
}

p.btn :hover {
    border: inset;
    background: #ffffff00;
    color: #ff7800;
}







/*------------defort---------------------------------------------------*/


.naka img {
    width: 40%;
    float: left;
    margin: 10px;
}

.header {
    font-size: 15px;
    background: #ff7800;
}

p.h1 {
    font-size:  25px;
}

footer#footer {
    padding: 50px 0;
    text-align:  center;
    width: 100%;
    display:  table;
}

.sub-container {
    width: 23%;
    float: left;
}

.main-container {
    width: 76%;
    float: right;
}

.text-text img {
    width: 100%;
}
.all-container {
    display:  table;
    width: 100%;
}


.topman {
    margin: 0 auto;
    width: 94%;
}

.sub-container h2 {
    font-size: 15px;
}

.kiji {
    margin: 0 auto;
    width: 78%;
    padding-top: 30px;
}

.kiji.osu{
display: table;
}
/*------------none---------------------------------------------------*/


a#btn {
    display:  none;
}

.osu{clear: both;}


.rou4.osu {
    display:  table;
    width: 100%;
}

h2{font-size: 20px;}

h3{font-size: 18px;}

.kiji h1 {
    font-size: 20px;
}

a {
    text-decoration:  none;
}





/*respon
---------------------------------------------------------------------------*/
@media screen and (max-width : 1024px) {



.naka img {
    width: 100%;
    float: none;
    margin: 0;
}


h2{font-size: 18px;}


h3{font-size: 17px;}


p.h1 {
    font-size: 17px;
}
.kiji h1 {
    font-size: 18px;
}
.header {
    font-size: 9px;
}

.kiji {
    margin: 0 auto;
    width: 100%;
    padding-top: 10px;
}

/*------------grovar-menu---------------------------------------------------*/


a#btn {
    display:  table;
}

.navi {
    display:  none;
}



ul#menu {
    margin: 0;
    padding:  0;
    text-align:  center;
    list-style:  none;
    border-top: white 1px solid;
}

ul#menu li {
    background:  black;
    border-bottom: white 1px solid;
    border-left:  white 1px solid;
    border-right:  white 1px solid;
}

ul#menu a {
    color: white;
}

a#btn {
    width: 100%;
    text-align:  center;
    color: white;
    background:  black;
}



/*------------moto---------------------------------------------------*/


.sub-container {
    width: 100%;
    float: none;
}

.main-container {
    width: 100%;
    float: none;
}

.text-text img {
    width: 100%;
}


.topman {
    margin: 0 auto;
    width: 94%;
}

.sub-container h2 {
    font-size: 17px;
}



}