@charset "utf-8";

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .mb-top-conten h3 {
        font-size: 17px;
        color: #eaff00;
    }

    .mb-top-conten p {
        -webkit-text-size-adjust: 80%;
    }

    .mb-top-conten h3 span {
        top: 1px;
    }
}

.mb-top-conten h3 {
    font-size: 15px;
    color: #eaff00;
    -webkit-text-fill-color: #eaff00;
    -webkit-text-size-adjust: 80%;
}

.mb-top-conten p {
    -webkit-text-size-adjust: 80%;
}

.mb-top-conten h3 span {
    top: 1px;
}

html {
    font-size: 16px;
}

body {
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    color: #000;
    margin: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}

.w-100 {
    width: 100%;
}

.w250 {
    width: 280px;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.flex-end {
    justify-content: flex-end;
}

.flex-ceter {
    justify-content: center;
}

.space-around {
    justify-content: space-around;
}

.space-between {
    justify-content: space-between;
}

.flex-column {
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
}

.container {
    width: calc(100% - 30px);
    max-width: 994px;
    margin: auto;
    position: relative;
}

.flex-column {
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
}

.top-head-right {
    float: right;
    font-size: 16px;
	position: relative;
	z-index: 10;
	width: calc(100% - 456px);
}

.top-head .container {
    position: relative;
	overflow:hidden;
}

.top-head-left {
    position: absolute;
    top: 15px;
    left: 0px;
    font-size: 16px;
}
.top-head-left h1,
.mb-top-head h1 {
    font-size: 1em;
}

.top-head-end {
    width: 994px;
    margin:0 auto;
}

.top-head-end a {
	display:block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

.top-head-end .space-around > img,
.instead_img {
    width: 500px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1000px) {
    .top-head-end .space-around > img,
    .instead_img {
        width: 350px;
    }
}


.top-head-end .space-around {
    font-size: 16px;
}

.top-head-menu {
    display: flex;
    list-style: none;
	justify-content: flex-end;
}

.top-head-menu li:not(:last-child) a {
    border-right: 1px solid #000;
    padding: 0px 10px;
}

.top-head-menu li a {
    padding-left: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.top-head-size {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-head-search {
    display: flex;
    justify-content: flex-end;
}

.top-main {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    margin-bottom: 35px;
}
.top-main .content{
	width: calc(100% - 313px);
	}
.top-main.lower-page {
    margin-bottom: 140px;
}
.top-main .content-1 {
    width: 100%;
    border: 1px solid #f5713a;
    border-radius:10px;
    padding: 20px;
    background: #fdf7dd;
}
.top-main .content-1-text a{
	text-decoration:none;
	}
.top-main .content-1-text a.news-title{
	text-decoration:underline;
	}

.top-main .content-2 {
    width: 100%;
    border: 1px solid #58b071;
    border-radius:10px;
    padding: 20px;
}
#home .content-2 p img {
    vertical-align: inherit;
}

.top-main .sidebar {
    width: 280px;
}

.top-dynamic {
    border: 1px solid #58b071;
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
}

.top-dynamic-title {
    background: #58b071;
    font-size: 150%;
    color: #fff;
    padding: 5px 10px 2px 10px;

}

.top-dynamic-item {
    margin-top: 5px;
}

.top-dynamic-item li {
    position: relative;
    padding: 3px 0px;
    padding-left: 12px;
}

.top-dynamic-item li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 17px;
    background: #58b071;
    top: 8px;
    left: 0px;
}

.top-dynamic-item li a {
    font-weight: bold;
    font-size: 112.5%;
	text-decoration:none;
}

.top-dynamic-img {
    text-align: center;
}

.top-dynamic-img img {
    max-width: 100%;
}

.trademark {
    display: flex;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 42px;
}

.trademark > div {
    width: calc(100% / 3 - 92px);
}

.trademark > div img {
    width: 100%;
}

.top-footer {
    position: relative;
    background: #e9efad;
}

.top-footer-bg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.top-footer-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 95px;
    padding-top: 25px;
}

.top-footer-thumb {
    width: 490px;
    justify-content: space-around;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1000px) {
    .top-footer-thumb {
        width: 360px;
    }
}

.top-footer-thumb img {
    width: 100%;
}

.coppy-right p {
    text-align: center;
    font-weight: bold;
    font-size: 87.5%;
    color: #000;
}

.top-footer-main .left p {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, sans-serif;
    font-size: 100%;
    color: #000;
    margin-top: 10px;
}

.top-footer-main .left p a {
    color: #1400ab;
    text-decoration: underline;
}

.top-footer-main .left p span.tel a {
    color: inherit;
    text-decoration: inherit;
}

.coppy-right {
    margin-top: 25px;
}

.top-head-search input {
    padding: 7px;
    border: 0px;
    background: inherit;
    background-image: url(https://demo.uwajima-shakyo.or.jp/search_03.png);
    background-repeat: no-repeat;
    width: 210px;
}

.top-head-search button {
    border-radius: 3px;
    border: 0px;
    font-size: 13.47pt;
    font-family: "メイリオ", Meiryo, sans-serif;
    color: #fff;
    background: #4e9e1d;
    height: 32px;
}

.top-head-left p {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, sans-serif;
    font-weight: bold;
    font-size: 11pt;
    letter-spacing:0.25pt;
    color: #000;
    line-height: 19px;
    text-shadow: #fff -2px -2px 20px;
    margin-top: 7px;
    padding-left: 57px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .top-head-left p {
        max-width: 390px;
    }
}

.top-dynamic-flex {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
}

.content-1-text li {
    border-top: 1px dotted #f5713a;
    padding: 17px 0px;
}

.content-1-text li:last-child {
    border-bottom: 1px dotted #f5713a;
}

.content-1-text li span {
    border-radius: 18px;
    font-family: "メイリオ", Meiryo, sans-serif;
    color: #fff;
    font-size: 100%;
    /* font-weight: bold; */
    display: inline-block;
    min-height: 26px;
    padding: 2px 8px;
    padding-bottom: 1px;
    line-height: 26px;
}

.content-1-text li span.date {
    border-radius: 8px;
}

.content-1-text li span.small {
    font-size: 93.75%;
    font-weight: 400;
    /*padding: 0 50px;*/
    display: inline-block;
    margin-left: 10px;
    width:132px;
    min-width: 60px;
    text-align: center;
    min-height: 24.5px;
    padding-top: 2px;
    line-height: 25px;
}

.content-1-text li strong {
    font-size: 128.25%;
    letter-spacing: 0px;
    display: inline-block;
    margin-top: 5px;
}

.content-1 h2 + p,
.content-1-title1 {
    font-weight: bold;
    font-size: 125%;
    color: #000;
    padding: 15px 0px;
}

.top-commen-link {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.top-commen-link a {
    background: #fff;
    border: 1px solid #b3b3aa;
    color: #000;
    text-align: center;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 100%;
    text-decoration:none !important;
}

.content-2 p {
    font-weight: bold;
    font-size: 143.75%;
    margin-top: 10px;
}
.top-tel h3.big:nth-child(1){
    margin-right:30px;
}
@media (max-width: 480px) {
.top-tel h3.big:nth-child(1){
	    margin-right:0;
}
}
.top-tel h3 span:nth-child(1) {
    font-weight: bold;
    font-size: 13px;
    /*font-size: 81.25%;*/
    background: #e40664;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    position: relative;
    top: -8px;
    margin-right:5px;
}

.top-tel h3 span:nth-child(2){
    font-weight: bold;
    font-size: 172%;
    color: #e40664;
    line-height: 119%;
}

.top-tel h3 span:nth-child(2) a {
    color: #e40664;
}

.top-dynamic-text {
    font-size: 112.5%;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
}

.top-dynamic-tel {
    font-weight: bold;
    font-size: 200%;
    color: #e40664;
    line-height: 90%;
}

.top-dynamic-tel span {
    font-weight: bold;
    font-size: 11px;
    /*font-size: 68.75%;*/
    background: #e40664;
    color: #fff;
    padding: 3px 5px;
    border-radius: 4px;
    position: relative;
    top: -8px;
}

.tpl-link {
    width: 100%;
}

.tpl-link-more {
    position: relative;
    /*top: -10px;*/
    flex-direction: row;
    flex-wrap: wrap;
}

.tpl-link-more a {
    font-size: 112.5%;
    font-weight: bold;
}

.tpl-link-more a.active {
    color: #3c82be;
    text-transform: uppercase;
}

.tpl-link-more a span {
    padding-left: 7px;
    position: relative;
    top: -2px;
}

.tpl-about-partner li {
    margin: 20px 0px;
    padding: 7px;
    border: 2px solid #58b071;
    border-left: 20px solid #58b071;
    border-radius: 8px;
}

.tpl-about-partner li:hover {
    background: #ffef6f;
}

.tpl-about-partner li a {
    font-size: 140%;
    font-weight: bold;
    color: #58b071;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tpl-big-title {
    font-size: 181%;
}

.tpl-big-title1 {
    font-size: 190%;
}

.tpl-text-content {
    font-size: 112.5%;
}

.tpl-text-content2 {
    font-size: 125%;
    letter-spacing: 0.5px;
}

.tpl-text-content span {
    color: #fff;
    background: #58b071;
    border-radius: 50%;
    padding: 0px 5px;
    line-height: 21px;
    display: inline-block;
    font-weight: bold;
}

.list-detail-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-detail-block .left {
    width: calc(100% - 160px);
}

.list-detail-block .right {
    width: 160px;
}

.list-detail-block .right img {
    width: 100%;
    height: 140px;
    object-fit: contain;
}

.tpl-small-title {
    font-size: 138%;
    color: #58b071;
}

.tpl-small-title.whats-text span {
	margin-left:10px;
    font-size: 130%;
	color: #e88e3f;
}

.tpl-paging {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.tpl-paging li {
    margin-left: 8px;
    margin-right: 8px;

}

.tpl-paging li:last-child {
    margin-left: 0px;
}

.tpl-paging li:first-child {
    margin-right: 0px;
}

.tpl-paging li:last-child a {
    background: inherit;
    border: 0px;
}

.tpl-paging li:first-child a {
    background: inherit;
    border: 0px;
}

.tpl-paging li a {
    background: #58b071;
    font-size: 28.85px;
    font-size: 180%;
    color: #fff;
    border-radius: 50%;
    padding: 2px 11px;
    font-weight: bold;
    border: 1px solid #58b071;
}
.tpl-paging li:not(:first-child):not(:last-child) a:hover{
    background: #fff !important;
    color: #58b071 !important;
    border: 1px solid #58b071;
}
.tpl-paging-active {
    background: #fff !important;
    color: #58b071 !important;
    border: 1px solid #58b071;
}

.tpl-paging li a img {
    position: relative;
    top: 7px;
}

.tpl-step li {
    width: calc(100% / 3);
    background: url("https://demo.uwajima-shakyo.or.jp/step_05.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tpl-step li.active {
    background: url("https://demo.uwajima-shakyo.or.jp/step_03.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.tpl-step li a {
    font-size: 24px;
    font-size: 150%;
    color: #fff;
    font-weight: bold;
}

.tpl-registration {
    border-collapse: collapse;
    width: 100%;
}

.tpl-registration tr {
    border-top: 1px solid #000;
}

.tpl-registration tr td:nth-child(1) {
    width: 240px;
    font-size: 20px;
    font-size: 125%;
    font-weight: bold;
    color: #000;
    padding: 10px 0;
}

.tpl-registration tr td:nth-child(2) {
    width: calc(100% - 250px);
    /*font-size: 20px;*/
    /*font-size: 125%;*/
    font-weight: bold;
    color: #000;
    padding: 10px 0;
}
.check .tpl-registration tr td:nth-child(2){
    font-size: 20px;
    font-size: 125%;
}
.tpl-registration tr td:nth-child(2) span {
    font-size: 125%;
}
@media (max-width: 480px) {
.check .tpl-registration tr td:nth-child(2){
    font-size:  inherit;
}
.tpl-registration tr td:nth-child(2) span {
    font-size: inherit;
}
}
.registration-search {
    width: 95%;
    border: 1px solid #000;
    border-radius: 3px;
    background: #e6e6e6;
    height: 40px;
    margin-top: 12px;
    margin-bottom: 12px;
    /*font-size: 112%;*/
    font-size: 125%;
    padding: 0px 10px;
    padding-top: 3px;
    font-weight: bold;
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.registration-search::placeholder {
  color: #a9a8a8;
}

/* IE */
.registration-search:-ms-input-placeholder {
  color: #a9a8a8;
}

/* Edge */
.registration-search::-ms-input-placeholder {
  color: #a9a8a8;
}

.tpl-registration-right {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tpl-registration-right span {
    display: inline-block;
    width: 110px;
    font-size:125%;
}

.tpl-registration-right input {
    margin-top: 0px;
    margin-bottom: 0px;
    width: calc(100% - 130px);
    font-size: 18px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 112%;
    padding: 0px 10px;
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.registration-select {
    width: 40%;
    border: 1px solid #000;
    border-radius: 3px;
    background: #e6e6e6;
    height: 43px;
    position: relative;
}

.registration-select:before {
    content: '';
    position: absolute;
    background: url("https://demo.uwajima-shakyo.or.jp/arrow-up_03.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 14px;
}

.registration-select-tiem {
    width: 100%;
    border: 0px;
    border-radius: 3px;
    background: #e6e6e6;
    height: 40px;
    font-size: 20px;
    font-size: 125%;
    font-weight: bold;
    padding-top: 3px;
    font-size: 112%;
    padding: 0px 10px;
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

select.registration-select-tiem {
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
appearance: none;	/* 標準のスタイルを無効にする */ 
}
::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
display: none;
}

textarea {
    width: 95%;
    border: 1px solid #000;
    border-radius: 3px;
    background: #e6e6e6;
    margin-top: 10px;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.tpl-button-r {
    justify-content: center;
}

.tpl-button-r button {
    min-width: 190px;
    border-radius: 4px;
    background: #58b071;
    font-size: 24px;
    font-size: 150%;
    font-weight: bold;
    color: #fff;
    border: 0px;
    margin: 10px 10px;
    padding: 5px 0px;
    text-align: center;
    font-family:  "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.tpl-registration-text1 {
    font-size: 18px;
    font-size: 112.5%;
    font-weight: 600;
}

.tpl-registration-text1 span {
    font-size: 18px;
    font-size: 117.5%;
    font-weight: bold;
    color: #58b071;
}

.tpl-registration.text tr td {
    padding-top: 15px;

    padding-bottom: 15px;
    height: 60px;
}

.tpl-registration.text tr td:nth-child(2) {
    position: relative;
    padding-left: 20px;
}

.tpl-registration.text tr td:nth-child(2):before {
    content: '';
    position: absolute;
    width: 1px;
    height: 84%;
    background: #000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}

.tpl-text-note {
    line-height: 24px;
    display: inline-block;
    font-size: 17px;
}

/*custom check-box and radio button*/
.tpl-input, .tpl-input__radio, .tpl-input__checkbox {
    -webkit-appearance: none;
}

.tpl-input:focus, .tpl-input__radio:focus, .tpl-input__checkbox:focus {
    outline: 0 !important;
}

.tpl-input__radio {
    width: 23px;
    height: 23px;
    vertical-align: baseline;
    border-radius: 50%;
    border: 1px solid #000;
    background: #e6e6e6;
    position: relative;
    top: 3px;
}

.tpl-input__radio:checked {
    position: relative;
    background-color: #000;
    border: none;
}

.tpl-input__radio:checked::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* style scroll-top*/

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

.scrollup {
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index:100;
    background-image: url("https://demo.uwajima-shakyo.or.jp/common/parts/btn_pagetop.png");
    cursor: pointer;
}

.mb-top-conten h3 {
    color: #eaff00;
}


.br-l {
    border-left: 0px !important;
}

.br-r {
    border-right: 0px !important;
}

.br-t {
    border-top: 0px !important;
}

.br-b {
    border-bottom: 0px !important;
}

.fs-130 {
    font-size: 130%;
}

.fs-18 {
    font-size: 18px;
}

.fs-112 {
    font-size: 112.5%;
}

.hr-blue {
    width: 100%;
    height: 0px;
    border-top: 1px solid #58b071;
}

.hr-black {
    width: 100%;
    height: 0px;
    border-top: 1px solid #000;
}

.pc-hide {
    display: none;
}

.br-green {
    border: 1px solid #f5713a;
}

.br-left-orange li:before {
    background: #f5713a;
}

.bg-orange {
    background: #f5713a;
}

.bg-gray {
    background: #69514f;
}

.bg-pink {
    background: #e84e9a;
}

.bg-green {
    background: #28c930;
}

.bg-dark-green {
    background: #58b071;
}

.bg-light-blue {
    background: #49bee9;
}

.bg-saiyou {
    background: #49bee9;
}

.bg-ushioni-red {
  background-color: #cd594e;
}

.tpl-color-red {
    color: #ff0000;
    font-size: 20px;
    font-size: 125%;
    font-weight: bold;
}

.tpl-color-green {
    color: #58b071;
}

.tpl-color-black {
    font-size: 22px;
    font-size: 137.5%;
    font-weight: bold;
    color: #000;
}

.w-100 {
    width: 100%;
}

.mt0 {
    margin-top: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m7 {
    margin: 7px !important;
}

.m10 {
    margin: 10px !important;
}

.m13 {
    margin: 13px !important;
}

.m15 {
    margin: 15px !important;
}

.m17 {
    margin: 17px !important;
}

.m20 {
    margin: 20px !important;
}

.m23 {
    margin: 23px !important;
}

.m25 {
    margin: 25px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt13 {
    margin-top: 13px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt17 {
    margin-top: 17px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt23 {
    margin-top: 23px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb13 {
    margin-bottom: 13px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb17 {
    margin-bottom: 17px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb23 {
    margin-bottom: 23px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr13 {
    margin-right: 13px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr17 {
    margin-right: 17px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr23 {
    margin-right: 23px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.ml0 {
    margin-left: 0 !important;;
}

.ml3 {
    margin-left: 3px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml13 {
    margin-left: 13px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml17 {
    margin-left: 17px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml23 {
    margin-left: 23px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.p5 {
    padding: 5px !important;
}

.p7 {
    padding: 7px !important;
}

.p10 {
    padding: 10px !important;
}

.p13 {
    padding: 13px !important;
}

.p15 {
    padding: 15px !important;
}

.p17 {
    padding: 17px !important;
}

.p20 {
    padding: 20px !important;
}

.p23 {
    padding: 23px !important;
}

.p25 {
    padding: 25px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt13 {
    padding-top: 13px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt17 {
    padding-top: 17px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt23 {
    padding-top: 23px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb13 {
    padding-bottom: 13px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb17 {
    padding-bottom: 17px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb23 {
    padding-bottom: 23px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}


.pr5 {
    padding-right: 5px !important;
}

.pr7 {
    padding-right: 7px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr13 {
    padding-right: 13px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr17 {
    padding-right: 17px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr23 {
    padding-right: 23px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr55 {
    padding-right: 55px !important;
}


.pl5 {
    padding-left: 5px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl13 {
    padding-left: 13px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl17 {
    padding-left: 17px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl23 {
    padding-left: 23px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.news-title {
	font-size: 128.25%;
    letter-spacing: 0px;
    display: inline-block;
    margin-top: 5px;
    /*font-weight: bold;*/
}
.mobile-dis {
	display:none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) {

}

@media (max-width: 1024px) {
    .top-dynamic-tel {
        font-size: 160%;
    }
    .top-tel {
        display: block;
    }
}

@media (max-width: 768px) {
    .top-dynamic-tel {
        font-size: 130%;
    }
}

@media (max-width: 750px) {
    body {
        margin: 0px;
    }

    .mb-hide {
        display: none;
    }

    .mb-show {
        display: block;
    }

    .mb-flex-column {
        -webkit-flex-direction: column; /* Safari */
        flex-direction: column;
    }

    .top-footer-main {
        flex-direction: column;
    }

    .mb-top-head {
        background-image: url(https://demo.uwajima-shakyo.or.jp/common/parts/mb-bg_01.png);
        background-position: center;
        height: 224px;
        display: block;
        padding: 20px;
    }

    .mb-top-head-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mb-top-head-nav .logo img {
        width: 85%;
    }

    .mb-top-head-nav .icon {
        width: 44px;
    }

    .mb-top-head-img img {
        width: 100%;
    }

    .content-1-text li strong {
        word-break: break-word;
    }

    .top-main {
        flex-direction: column;
        margin-bottom: 24px;
    }

    .top-main .content {
        width: 100%;
    }

    .top-main .sidebar {
        width: 100%;
        margin-top: 22px;
    }

    .top-footer-thumb {
        width: 100%;
    }

    .top-main .content-1 {
        width: calc(100% - 32px);
        padding: 15px;
    }

    .top-main .content-2 {
        width: calc(100% - 32px);
        padding: 15px;
    }

    .mb-top-head-img {
        margin-top: 2px;
    }

    .content-2 p {
        font-size: 100%;
    }

    .top-tel {
        flex-direction: column;
    }

    .top-tel h3 {
        line-height: 35px;
    }

    .content-2 p {
        margin-bottom: 10px;
    }

    .top-dynamic-flex {
        flex-direction: column;
    }

    .top-dynamic-img img {
        width: 100%;
    }

    .mb-pl25 {
        padding-left: 25px;
    }

    .mb-pr25 {
        padding-right: 26px;
    }

    .mb-pl15 {
        padding-left: 15px !important;
    }

    .mb-pr15 {
        padding-right: 15px !important;
    }

    .trademark {
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .trademark > div {
        width: calc(100% / 3 + 48px);
        margin-bottom: 14px;
    }

    .top-footer-main .left img {
        width: 90%;
    }

    .top-footer-main {
        padding-bottom: 47px;
    }

    .coppy-right {

        margin-top: 10px;
        margin-bottom: 20px;
    }

    .mb-show {
        display: block;

    }
/*
    .top-footer-thumb {
        width: calc(100% - 20px);
    }
*/
    .mb-top-future {
        position: relative;
        top: 14px;
    }

    .mb-top-future-img {
        display: flex;
        justify-content: space-between;
        padding-left: 12px;
        padding-right: 12px;
    }

    .mb-top-future-img div {
        width: calc(100% / 3 - 10px);
    }

    .mb-top-future-img a img {
        width: 100%;
    }

    .mb-top-tel {
        flex-direction: row;
    }

    .top-tel h3 {
        line-height: 26px;
        font-size: 150%;
    }

    .top-tel h3 span {
        /*font-size: 62.5%;*/
        font-size: 10px;
        padding: 2px 3px;
        top: -6px;
    }

    .top-tel h3.big {
        font-weight: bold;
        font-size: 200%;
        color: #e40664;
        line-height: 90%;
        margin-right:0;
    }

    /*
    .top-tel h3.big span {
        font-weight: bold;
        font-size: 11px;
        background: #e40664;
        color: #fff;
        padding: 3px 5px;
        border-radius: 4px;
        position: relative;
        top: -8px;
        margin-right: 5px;
    }
    */

    .mb-top-future-tel {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mb-top-future-tel {
        font-weight: bold;
        position: relative;
        top: 8px;
    }

	.mb-top-future-tel p {
		font-size: 3.5vw;
	    text-align: center;
	}

    .tpl-link-more {
        position: relative;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .tpl-link-more a {
        font-size: 100%;
    }

    .tpl-step li a {
        font-size: 80%;
    }

    .tpl-registration tr td:nth-child(1) {
        font-size: 93%;
        width: 35%;
    }

    .tpl-registration tr td:nth-child(2) {
        font-size: 93%;
    }

    .tpl-color-black {
        font-size: 100%;
    }

    .tpl-big-title {
        font-size: 120%;
    }

    .top-dynamic-item {
        margin-top: 0px;
    }

    .tpl-text-content {
        font-weight: 500;
    }

    .mb-top-auto {
        position: relative;
    }

    .mb-top-conten {
        position: absolute;
        top: 60px;
        right: 0px;
        background: #88b768;
        z-index: 999;
        padding: 15px;
        display: none;
    }

    .mb-nav-sub2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 2px solid #fff;
        border-radius: 10px;
        padding: 0px 7px;
        margin: 10px 0px;
        min-height: 50px;
    }

    .mb-nav-sub2 > li > div {
        width: 40px;
        margin: auto;
    }

    .mb-nav-sub2 > li > div > img {
        width: 80%;
        margin: auto;
        position: relative;
        top: 3px;
    }

    .mb-nav-sub2 > li:last-child > div {
        text-align: center;
        width: 25px;
        position: relative;
    }

    /*.mb-nav-sub2>li:last-child>div:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*background: red;*/
    /*width: 300px;*/
    /*height: 50px;*/
    /*right: 0px;*/
    /*top: 0px;*/
    /*}*/
    .mb-nav-sub2 > li:last-child > div > img {
        width: 100%;
        margin: auto;
        position: relative;
        top: 3px;
    }

    .mb-nav-sub2 > li > h5 {
        font-size: 24px;
        color: #ffffff;
        font-weight: bold;
    }

    .mb-block-sub3 {
        position: relative;
    }

    .mb-nav-sub3 {
        position: absolute;
        display: none;
        right: -9px;
        width: 250px;
    }

    .mb-nav-sub3 li {
        border: 2px solid #fff;
        border-radius: 10px;
        margin: 10px 0px;
        text-align: center;
        min-height: 46px;
        padding-top: 5px;
    }

    .mb-nav-sub3 > li:hover {
        background: #005752;
        border-radius: 10px;
    }

    .mb-nav-sub3 li a {
        font-size: 24px;
        color: #ffffff;
        font-weight: bold;
    }

    .mb-nav-sub2-1 {
        /*margin-bottom: 345px;*/
    }

    .mb-nav-sub2-1 .mb-nav-sub3 {
        top: 38px;
    }

    .mb-nav-sub2-2 {
        /*margin-bottom: 310px;*/
        position: relative;
    }

    .mb-nav-sub2-2 .mb-nav-sub3 {
        top: 56px;
        right: -2px;
    }

    .mb-nav-sub2-3 {
        /*margin-bottom: 150px;*/
        position: relative;
    }

    .mb-nav-sub2-3 .mb-nav-sub3 {
        top: 56px;
        right: -2px;
    }

    .mb-nav-sub2-4 {
        /*margin-bottom: 150px;*/
        position: relative;
    }

    .mb-nav-sub2-4 .mb-nav-sub3 {
        top: 57px;
        right: -2px;
    }

    .mb-nav-sub2-5 {
        /*margin-bottom: 144px;*/
        position: relative;
    }

    .mb-nav-sub2-5 .mb-nav-sub3 {
        top: 60px;
        right: -2px;
    }

    .mb-nav-sub1 > li:hover {
        background: #005752;
        border-radius: 10px;
    }

    .mb-top-conten p {
        font-weight: bold;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    .mb-top-conten h3 {
        color: #eaff00;
        font-size: 22px;
    }

    .mb-top-conten h3 span:nth-child(1) {
        font-size: 10px;
        color: #fff;
        background: #005752;
        border-radius: 4px;
        padding: 2px 2px;
        position: relative;
        top: -4px;
    }

    .mb-top-button {
        display: flex;
        justify-content: space-between;
    }

    .mb-top-button button {
        width: calc(100% / 2 - 5px);
        color: #005752;
        background: #eaff00;
        border-radius: 8px;
        padding: 8px 0px;
        border: 0px;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
    }

    .mb-top-button button:hover {
        color: #eaff00;
        background: #005752;
    }

    .see-more {
        display: none;
    }

    .display-b {
        display: block;
    }

    .display-n {
        display: none;
    }

    .top-main {
        display: flex;
        justify-content: space-between;
        margin-top: 35px;
        margin-bottom: 24px;
    }

    .mb345 {
        margin-bottom: 345px;
    }

    .mb310 {
        margin-bottom: 310px;
    }

    .mb150 {
        margin-bottom: 150px;
    }

    .mb144 {
        margin-bottom: 144px;
    }
    
    .top-dynamic-title.bg-orange {
        font-size: 4vw;
    }
    
    .content-1 p, .content-1-title1 {
    	font-size: 3.5vw;
    }
    
    .content-1-text li span {
        font-size: 3vw;
    }
    
    .content-1-text li span.small {
        font-size: 3vw;
        padding: 0 25px;
    }
    
	.content-1-text li strong {
    	font-size: 3.5vw;
	}
	.scrollup {
		display: block !important;
	    position: relative !important;
	    margin: 0 auto 21px !important;
	    bottom: 0 !important;
	    opacity: 1 !important;
    }
	.news-title {
    	font-size: 3.5vw;
	}
	.top-main.lower-page {
	    margin-bottom: 24px;
	}
	.registration-search {
	    font-size: 93%;
	}
	.registration-select-tiem {
	    font-size: 93%;
	}
	.tpl-registration-right input {
	    font-size: 93%;
	}
	textarea {
	    font-size: 93%;
	}
    .tpl-registration.text tr td {
        height: initial;
    }
    .tpl-registration tr td:nth-child(1) .fs-18 {
	    font-size: 93%;
    }
    .tpl-button-r button {
        width: 40%;
        min-width: initial;
        font-size: 100%;
    }
    .pc-dis {
    	display:none;
    }
    .mobile-dis {
    	display:block;
    }
    .top-tel h3 span:nth-child(2) {
        font-size: 90%;
    }
}

@media (max-width: 480px) {
    .mb-top-conten {
        width: 342px;
    }
}

@media (max-width: 375px) {
    .content-2 p {
        font-size: 85.5%;
    }

    .top-tel h3 {
        font-size: 131.25%;
    }

    .top-tel h3 span:nth-child(1) {
        top: -3px;
    }

    .mb-top-conten {
        width: 307px;
    }

    .mb-top-conten p {
        font-size: 13px;
    }

    .mb-top-conten h3 {
        font-size: 19px;
    }

    .mb-nav-sub2 > li > div {
        width: 40px;
    }

    .mb-nav-sub2 > li > h5 {
        font-size: 20px;
    }

    .mb-nav-sub2 > li:last-child > div {
        width: 20px;
    }

    .mb-nav-sub3 li a {
        font-size: 20px;
    }

    .mb-nav-sub2-3 .mb-nav-sub3 {
        top: 56px;
    }

    .mb-nav-sub2-4 .mb-nav-sub3 {
        top: 59px;
    }

    .mb-nav-sub2-5 .mb-nav-sub3 {
        top: 61px;
    }

    .mb-nav-sub3 {
        width: 220px;
    }

    .mb-nav-sub3 li {
        min-height: 41px;
        padding-top: 9px;
    }
}

@media (max-width: 360px) {
    .content-2 p {
        font-size: 81.25%;
    }

    .top-tel h3 {
        font-size: 118.75%;
    }

    .mb-top-conten {
        width: 290px;
    }

    .mb-top-conten h3 {
        font-size: 18px;
    }

    .mb-top-button button {
        font-size: 18px;
    }

    .mb-top-conten p {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .content-2 p {
        font-size: 81.25%;
    }

    .top-tel h3 {
        font-size: 100%;
    }

    .mb-top-conten {
        width: 252px;
    }

    .mb-top-conten p {
        font-size: 11px;
    }

    .mb-top-conten h3 span {
        font-size: 8px;
        padding: 2px 1px;
        top: -3px;
    }

    .mb-top-conten h3 {
        font-size: 16px;
    }

    .mb-top-button button {
        font-size: 16px;
    }
}

.switch-font li:not(:first-child) {
    cursor: pointer;
}

.switch-font li:first-child {
    font-size: 16px;
    font-weight: 600;
}

.switch-font li:last-child span {
    margin-right: 0px;
}

.switch-font li.size-active span{
    background: #f8ab47;
    color: #fff;
}

.switch-font li span {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    background: #f8ebc5;
    border: 1px solid #000;
    border-radius: 9px;
    width: 25px;
    display: inline-block;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin: 0px 3px;
}

.switch-font li span:hover {
    background: #f8ab47;
    color: #fff;
}

.has-error {
    border-color: red;
    color: red;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .has-error {
    white-space: normal;
}
}

.tpl-paging li a.current-page {
    border: 2px solid #58b071;
    padding: 0px 9px;
    background-color: white;
    color: #58b071;
}


.c_emergency{
	border: 2px solid #f91313;
	text-align: center;
	margin-bottom: 30px;
	
}
.c_emergency a{
	color: #333 !important;
	text-decoration: none !important;
}
.c_emergency h2{
	background-color: #f91313;
	color: #fff;
	padding: 6px 10px;
}
.c_emergency p{
	text-align: center;
	padding: 6px 12px;
}
#home .c_emergency p{
	font-size: 112.5%;
	
}
.sidebar .c_emergency p{
	text-align: left;
	padding: 4px 12px;
}
@media (max-width: 480px) {
    .c_emergency p{
	text-align: left;
}
}