@charset "UTF-8";

/* ------------------------------------- */
/* リンク
/* ------------------------------------- */

a {
color: #582700;
text-decoration: none;
}
a:hover {
color: #ec6c00;
text-decoration: underline;
}

hr {
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted; /* 線種 */
border-color: #ff6c00; /* 線色 */
height: 1px; /* 高さ */
max-width: 100%;
clear:both;
margin: 15px 0;
}
/* title */
#title{
padding: 0;
background: url(../img/page/title.jpg) no-repeat  bottom;
-moz-background-size: 100% auto;
background-size: 100% auto;
text-align: left;
width: 100%;
height: auto;
}
.title_box{
margin: 0 0 0 10px;
}
#title h2{
padding: 17px 0;
margin: 0 0 0 0;
font-size: 130%;
line-height: 1.2;
font-weight: normal;
color: #0083ce;
text-shadow: #fff 1px 1px 12px, #fff -1px 1px 12px, #fff 1px -1px 12px,#fff -1px -1px 12px;
}
/* pan */
.pan {
display: none;
}
/* text */
.text {
font-size: 100%;
color: #333;
margin: 20px 0;
text-align: justify;
}
.text a{
text-decoration: underline;
}
* html .text {
/* no ie mac ¥*/
line-height: 185%;
/* */
}
*:first-child+html .text {
line-height: 185%;
}
.text p {
margin: 0;
padding: 0;
}
.text img {
border:0;max-width:100%;height:auto;
margin-bottom: 2px;
}
* html .text img {
/* no ie mac ¥*/
margin-top: 7px;
margin-bottom: 5px;
/* */
}
*:first-child+html .text img {
margin-top: 7px;
margin-bottom: 5px;
}

.text img a {
border: 0;
}
.text a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* info */
.info_box1 {
margin: 20px 0 0 0;
}
.info_box {
width: 100%;
float: left;
font-weight: normal;
display: block;
border-bottom: #582700 dotted 1px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.i_box {
float: left;
width: 75%;
}
.i_date {
color: #333;
margin: 0 10px 0 0;
}
.i_text {
margin: 0 0 0 0;
}
.i_m {
color: #582700;
margin: 0 10px 0 0;
clear: both;
}
.i_text a {
color: #582700;
text-decoration: underline;
}
.i_text a:visited {
color: #582700;
text-decoration: underline;
}
.i_text a:hover {
color: #ec6c00;
text-decoration: underline;
}
.i_date2 {
color: #582700;
}
.i_title {
color: #582700;
font-size: 130%;
line-height: 170%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: #582700 dotted 1px;
font-weight: normal;
}
.i_title a {
color: #582700;
font-weight: normal;
}
.i_title a:hover {
color: #582700;
font-weight: normal;
}
.i_m2 {
color: #582700;
font-size: 110%;
line-height: 170%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
font-weight: normal;
border-bottom: #582700 dotted 1px;
}
.i_text_box {
border-bottom: #582700 dotted 1px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
clear: both;
}
.edit-link{
margin: 0 0 10px 0;
clear: both;
}
.back {
color: #888;
max-width: 100%;
font-size: 12px;
line-height: 14px;
margin: 0 0 20px 0;
float: left;
clear: both;
}
.back a {
text-decoration: none;
color: #888;
}
.back a:visited {
color: #888;
text-decoration: underline;
}
.back a:hover {
color: #999;
text-decoration: underline;
}

h4.midasi {
width: 100%;
font-weight: normal;
padding: .7em .75em;
font-size: 1.2em;
color: #fff;
margin: 20px 0;
background: url(../img/page/h4midasi.jpg) repeat;
text-align: left;
}
h4.midasi:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
h5.midasi5 {
font-size: 1.1em;
margin: 8px 0;
color: #ff6c00;
font-weight: normal;
padding: .5em 0;
}

/* pagination */
.pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 12px;
line-height: 12px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 8px 10px 8px 10px;
text-decoration: none;
width: auto;
color: #fff;
background: #ec6c00;;
}
.pagination a:hover {
color: #ec6c00;;
background: #582700;
}
.pagination .current {
padding: 8px 10px 8px 10px;
background: #582700;
color: #ec6c00;;
}
.page_box {
float: left;
width: 100%;
margin-top:20px
}
/* table */
table {
width: 100%;
border-collapse: collapse;
margin: 10px 0;
border-style: solid;
border-width: 0;
border-top: 1px solid #777;
font-size:1em;
text-align: left;
}
table th {
background-color:#fffacd;
}
table#otoiawase th {
background-color:#fffacd;
width: 30%;
}
table#otoiawase th,
table#otoiawase td {
font-weight:normal;
padding: 8px 20px;
border-bottom: 1px solid #777;
}
table th,
table td {
font-weight:normal;
padding: 15px 15px;
border-bottom: 1px solid #777;
}
table.usces_calendar th,
table.usces_calendar td {
font-weight:normal;
padding: 4px 0px;
border-bottom: 1px solid #777;
}
table.mobile-block {
border-left: none;
}
table.mobile-block th,
table.mobile-block td {
border-right: none;
}
table.mobile-block th{
color:#777;
}
table td img {
margin: 0 0 10px 0;
margin-bottom:0px;
}
.contactform-width {
max-width: 90%;
}
.red {
color: red;
}
.form_moji {
font-size: 130%;
}
/* 画像用 */
table.topwaku td,
table.topwaku {
font-weight:normal;
padding: 0px 10px;
border: none;
border-top: none;
}
textarea{
width:100%;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
}
input[type="text"] ,input[type="email"] {
width:100%;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
}
/* ------------------------------------- */
/*電話番号リンクをスマホのみIE11〜
/* ------------------------------------- */
a[href^="tel:"] {
text-decoration:none;
}
/* ------------------------------------- */
/*お問い合わせボタン
/* ------------------------------------- */

.buttonContainer {
text-align: center;
padding: 20px 0 0 0;
}
#button {
width: 100%;
display: inline-block;
font: normal normal 300 1.3em '';
text-decoration: none;
color: #ec6c00;
background-color: transparent;
border: 1px solid #ec6c00;
border-radius: 100px;
padding: .2em 1em;
margin: 5px;
background-size: 200% 100%;
background-color: #fff;
transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
#button:hover {
color: rgba(255, 255, 255, 1);
background-color: #ec6c00;
background-position: -100% 100%;
}
.edit-link{
margin: 0;
clear: both;
display: block;
}
/* ------------------------------------- */
/*step_menu
/* ------------------------------------- */
ul.step_menu {
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
margin: 0 0 20px 0;
}
ul.step_menu li {
display: table-cell;
vertical-align: middle;
width : 20% ;
text-align: center;
float: none;
list-style: none;
margin: 0;
padding: 0;

}
ul.step_menu li a {
text-decoration: none;
font-size: 60%;
line-height: 1.4;
color: #fff;
border-right: 1px solid #fff;
background-color: #653400;
display: block;
height: 100%;
padding:15px 0;
}
ul.step_menu li a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
@media (max-width:767px){
.text {
font-size: 90%;
}
table.mobile-block,
table.mobile-block th,
table.mobile-block td{border:none;}
table.mobile-block th,
table.mobile-block td{width:100%;display:block;}
table.mobile-block th{border-bottom:none;}

}
@media screen and (min-width:768px) {
.title_box {
width: 768px;
background: none;
margin: auto;
}
#title h2 {
padding: 30px 0;
margin: 0 0 0 0;
font-size: 150%;
font-weight: normal;
}
i_date, .i_text {
float: left;
}
h4.midasi {
font-size: 1.5em;
}
h5.midasi5 {
font-size: 1.3em;
margin: 10px 0;
}

/* pagination */
.pagination {
font-size: 14px;
line-height: 14px;
}
.pagination span, .pagination a {
padding: 10px 15px 10px 15px;
}
.pagination .current {
padding: 10px 15px 10px 15px;
}
/* pan */
.pan {
color: #582700;
text-align: left;
margin: 20px 0 0 0;
font-size: 80%;
line-height: 180%;
width:100%;
display: block;
}
.pan a {
text-decoration: underline;
color: #653400;
}
.pan a:hover {
color: #c16300;
text-decoration: underline;
}
#button {
width: 240px;}
ul.step_menu li a {
font-size:80%;
}
ul.step_menu li a {padding:20px 0;}
}
@media screen and (min-width: 992px) {
#title {
margin: 0 auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
}
.title_box{
width: 960px;
height: 190px;
overflow:hidden
}

#title h2 {
padding: 80px 0 0 0;
margin: 0 0 0 0;
font-size: 200%;
}
}