@charset "utf-8";

li.odd.first.last {
    list-style: none;
    color: #b50606;
}

@media screen and (min-width: 768px) {

/* header
------------------------------------------*/
.sp_head{
    display: none;
    }    

.site-description{
	display: none;
	position: absolute;
	top: 13px;
	left: 0;
	color: #aaa;
	font-size: 77%;
}
.logo{
	position: absolute;
	top: 42px;
	left: 0;
}
.gnav{
	position: absolute;
	top: 68px;
	right: -29px;
}
.gnav a,
.gnav img{
	display: block;
}

/* droppy */
.gnav-ul { position: relative; text-align: left; zoom: 1; }
.gnav-ul li { float: left; display: block; position: relative; z-index: 1000; }
.gnav-ul ul { display: none; position: absolute; top: 41px; left: 0; width: 100%; background: #444; }
.gnav-ul ul li { float: none; }
.gnav-ul ul li a { display: block; padding: 5px 10px; color: #fff; font-size: 11px; zoom: 1; }
.gnav-ul ul li a:hover { text-decoration: none; background: #222; }
.gnav-ul ul ul { top: 0; left: 100%; width: 100%; }#header-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 117px;
	z-index: 1000;
}

/* header_end
------------------------------------------*/
    
.entry-body.clearfix {
    width:980px;
    margin: 0 auto;
    min-height: 250px;
}
    
h1 img {
    width: 330px;
    padding-left: 65px;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    font-size: 30px;
}

.toggle-btn .fa {
    margin: 17px 100px 0 0;
}    
.toggle-menu {
    display: none;
    position: absolute;
    top: 61px;
    left:auto;
    right: 90px;
    width: 330px;
    background: #ffffff;
    z-index: 100;
    border-top: none;
    border-bottom: none;
    word-wrap: normal;
    word-break: normal;
    white-space: normal;
}    

toggle-menu-inner {
    padding: 10px 15px;
    width: 300px;
}

.page-title {
    font-weight: normal !important;
    margin: 0 0 20px 0;
    padding:0 100px;
    height: 120px;
    color: #1f1f1f;
    font-size: 167%;
    line-height: 120px;
    font-weight: normal !important;
    font-family: 'Montserrat', sans-serif;
}
    
div#txt_explain {
    /* padding-top: 50px; */
}

table {
 text-align: left;
 width: 100%;
 padding: 0px 90px 15px;
}
th {
 padding: 5px 20px 0;
 font-weight: normal !important;
 text-align: left;
 border-bottom: solid 1px #E3E3E3;
 vertical-align: top;
}

td {
 padding: 5px 20px 20px;
 border-bottom: solid 1px #E3E3E3;
}

table th, table td {
    display: block;
    width: 800px;
    margin: 0 auto;
    border-bottom: none;
  }
    
.section__body {/* margin: 0 auto; */text-align: center;}

input,select,textarea {
    width: 100%;
    border: solid 1px #E3E3E3;
    height: 30px;
    color: #666666;
    font-size: 13px;
    padding: 0 10px;
}
    
select {
    width: 822px;
}

textarea {min-height: 150px;}

input[type="submit"] {
    margin-top: 20px;
    color: #ffffff;
    font-size: 12px;
    width: 300px;
    background: #3c3c3c;
    padding: 12px;
    height: 45px;
}

.button_box {
    font-size: 11px;
    text-align: center;
    height: 90px;
}

.button_box a {
    text-align: right;
}
} 

table.table.confirm_content td {
    border-bottom: dotted 1px #E3E3E3;
}

.footer-about {
    min-height: 150px;
}

@media screen and (max-width: 767px) {
    
.pc_head{
    display: none;
    } 
    
.entry-body.clearfix {
    min-height: 400px;
}
    table th, table td {
    display: block;
    width: 100%;
    border-bottom: none;
  }

div#txt_explain {
    padding-top: 50px;
}

 table {
 text-align: left;
 border-collapse: collapse;
 width: 100%;
 padding: 0px 10px
}
th {
 width:80%;

 text-align: left;
 border-bottom: solid 1px #E3E3E3;
 vertical-align: top;
}

td {
 border-bottom: solid 1px #E3E3E3;
    padding-bottom: 15px;
}

.section__body {text-align: center;}

input,select,textarea {
    border: solid 1px #E3E3E3;
    height: 26px;
    color: #666666;
}

select {
    width: 100%;
}
    
textarea {min-height: 150px;}

input[type="text"],textarea {
    width: 96%;
}
    
input[type="submit"] {
    width: 99%;
    color: #ffffff;
    font-size: 11px;
    background: #3c3c3c;
    padding: 12px;
    margin-bottom: 5px;
    height: 40px;
}

.button_box {
    text-align: center;
    height: 90px;
    margin-top: 20px;
}

.button_box a {
    text-align: center;
}
    
.footer-about {
    padding: 10px;
}
    
}