
/* index */
.oshinagaki {
    width:100%;
    margin-top:-90px;
}

.osn_box {
    background-color:var(--main_clr);
    color:var(--white);
    padding:3px;
    margin-bottom:10px;
    border-radius:10px;
}

.osn_gif {
    width:100%;
}

.osn_gif img {
    border-radius:10px;
    max-width:100%;
}

.osn_text {
    padding:5px;
    width:100%;
    font-size:0.9rem;
    line-height:1.5rem;
    text-align: center;
}

a.ind_enquete {
    display:block;
}

.te_box {
    margin-top:10px;
}

aside.ind_tab {
    margin-top:70px;
}

.tab-container {
    display: flex;
}

.tab {
    position: relative;
    width:48%;
    text-align:center;
    font-size:1.8rem;
    display: block;
    line-height:2.0rem;
    border-radius:10px;
    color: var(--main_clr);
}
.tab:not(:last-of-type) {
    margin-right: 1em;
}
.tab1 {
    padding:32px 0;
}
.tab2 {
    padding:15px 0;
}

.current {
    color:#ffffff !important;
    background-color:var(--main_clr);
}

.menu-box {
    width: 100%;
}

.ind_tab_contents {
    margin-top:40px;
}

li.top_sche_contents {
    width:100%;
}

#top_items {
    padding-top:100px;
    margin-top:-100px;
}

.tpsc_days div, .tpsc_days a {
    display:block;
    width:calc(100% / 6 + 1%);
    border:1px solid var(--main_clr);
    text-align: center;
    padding:15px 0;
    font-size:1.3rem;
    line-height:26px;
}
.tpsc_days a:hover {
    background-color:var(--main_ll_clr);
}

.table_red {color:#cc0000 !important;}
.table_blue {color:var(--blue) !important;}

.sche_tenponame {
    width:100%;
    padding:15px 10px;
    font-size:1.3rem;
}

.sche_sort_title {
    font-size:1.3rem;
}

.sche_sort>a {
    color:var(--blue) !important;
}

.sche_cell {
    width:calc(100% / 2 - 1%);
    margin-top:10px;
    margin-left:2%;
    border:1px solid #000;
}
.sche_cell:nth-child(2n + 1){
    margin-left:0;
}

.sche_off {
    opacity:0.5 !important;
}

.sche_cell>a {
    display:block;
    width:100%;
    margin:0 auto;
    text-align: center;
}
.sche_cell>a:hover {
    opacity:0.6;
}

.sche_img {
    width:100%;
    overflow: hidden;
    margin:0 auto;
}

.sche_icons {
    width:100%;
    position:absolute;
    bottom:8px;
    left:0;
}
.sche_icons>div:nth-child(2n) {
    margin-left:5%;
}

.sche_icon_machi {
    color:var(--white);
    background-color:#00a2ff;
    border:1px solid var(--white)
}

.sche_icon_sen {
    color:var(--brown) !important;
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #fff 70%, #DAAF08 85%, #B67B03 90% 100%);
    border:1px solid var(--brown);
}

.sche_icon_machi,
.sche_icon_sen {
    font-size:0.9rem;
    line-height:0.9rem;
    padding:5px;
    border-radius:5px;
}

.sche_texts {
    padding:10px 0;
    border-top:1px solid var(--white);
}

.sche_new {
    display: inline-block;
    font-size:13px;
    background-color:var(--white);
    padding:2px;
    line-height: 14px;
    border-radius:30px;
    color:var(--black);
    border:1px solid #000000;
}

.sche_name {
    display:inline-block;
    padding:5px 0;
    font-size:1.2rem;
}

.sche_wtext {
    font-size:0.7rem;
    margin-top:10px;
}

.tpsc_shukin {
    margin-top:10px;
    font-size:1.1rem;
}

.sche_at {
    font-size:0.8rem;
}

.sche_empty {
    width:100%;
    text-align:center;
    padding:100px 0;
}

/* Infomation */
.top_informations {
    margin-top:50px;
}

.top_news {
    width:100%;
}

.ti_news_contents {
    width:100%;
    background-color:var(--white);
}

.diary_line {
    border-top:1px dashed var(--black);
    padding-top:30px;
}

.diary_title {
    font-size:1.6rem;
    line-height:3.5rem;
    color:var(--main_clr);
}
.diary_title::before {
    content:"◆";
}

.diary_date {
    width:100%;
    text-align:right;
    font-size:0.9rem;
    position:relative;
    top:-10px;
    right:15px;
}

.diary_text {
    margin:5px 0;
    margin-bottom:50px;
    color:var(--black);
    font-size:1.3rem;
    font-weight:normal;
    line-height:2.1rem;
}

.diary_text p {
    margin:15px 0;
}

h2.ti_title {
    font-size:2rem;
    background-position:left center;
    background-size:60px;
    padding:30px 0 30px 75px;
}

h2.ti_d_news {
    background-image:url(/img/news.png);
}
h2.ti_d_tw {
    background-image:url(/img/tw.png);

}

.top_twitter {
    width:100%;
}

/* companion */
.cp_comp {
    width:100%;
    margin-top:30px;
}

a.cp_cell {
    display:block;
    width:49%;
    text-align: center;
}
a.cp_cell:nth-child(n + 3) {
    margin-top:20px;
}

.cp_cellImg img {
    width:49vw;
    object-fit: cover;
}

.cp_cellName {
    margin-top:0px;
}

.cp_name {
    display:inline-block;
    font-size:1.2rem;
    padding:5px 0;
}

.cp_three {
}

/* profile */
.pr_top {
    margin-top:30px;
}

.pr_mainImg {
    text-align:center;
}

.pr_mainImg img {
    width:90vw;
    border-radius:5px;
    object-fit: cover;
}

.navimg {
    margin-top:10px;
}

.navimg {
    width:16vw;
    border-radius:5px;
    object-fit: cover;
}

.navimg {
    display:block;
}
.navimg:not(:first-child) {
    margin-left:10px;
}

.pr_thumb {
    margin-bottom:30px;
}

.pr_branch_name {
    font-size:1.5rem;
}

.pr_smoke {
    font-size:1.3rem;
    margin-top:20px;
    text-align: center;
}

.pr_three {
    margin-top:30px;
    font-size:1.2rem;
    line-height:2.3rem;
}

.pr_icons {
    width:100%;
}
.pr_icons>div:nth-child(2n) {
    margin-left:5%;
}

.pr_icon_machi {
    color:var(--white);
    background-color:#00a2ff;
    border:1px solid var(--white)
}

.pr_icon_sen {
    color:var(--brown);
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #fff 70%, #DAAF08 85%, #B67B03 90% 100%);
    border:1px solid var(--brown);
}

.pr_icon_machi,
.pr_icon_sen {
    font-size:1.5rem;
    line-height: 1rem;
    padding:10px 20px;
    border-radius:5px;
}

.pr_params {
    margin-top:30px;
    text-align:center;
}

.pr_paramTitle {
    display:inline-block;
    padding:5px 25%;
    font-size:1.2rem;
    border-radius:30px;
}

.pr_paramBox {
    margin-top:30px;
    padding-left:20px;
}
.pr_paramBox:not(:first-child) {
    margin-top:20px;
    padding-top:20px;
    border-top:1px dashed var(--black);
}

.pr_paramItem {
    width:150px;
    font-size:1.2rem;
    text-align: left;
    line-height:2.0rem;
}

.pr_star img {
    width:30px;
}

.pr_ques {
    width:100%;
    margin-top:50px;
}

.pr_quesBox {
    width:100%;
}
.pr_quesBox {
    margin-top:30px;
}
.pr_quesbox1 {
    font-size:1.2rem;
}

.pr_quesbox2 {
    padding:10px 15px;
    border:1px solid var(--ash);
    background-color:var(--white);
    margin-top:5px;
    border-radius:20px;
    font-size:1.3rem;
    line-height:2.1rem;
}

.pr_commebox {
    margin-top:30px;
    font-size:1.3rem;
    line-height:2.1rem;
    word-break: break-all;
}

a.pr_url_a {
    display:block;
    margin:10px;
    text-decoration: underline;
}

/* system  */
.sys_price {
    margin-top:30px;
}

.sys_price_top {
    font-size:1.5rem;
    line-height:2.3rem;
}

h3.spt_h3 {
    text-align: center;
    font-size:1.5rem;
}

.sys_price_top p {
    width:48%;
}

.sys_price_top p:first-child {
    text-align:right;
}

.sys_priceTime {
    background-color:var(--main_clr);
    color:var(--white);
    text-align:center;
    font-size:1.5rem;
    padding:10px 0;
    border-radius:50px;
}

.sys_priceCourse,
.sys_priceCourse60,
.sys_priceCourseMachi {
    width:100%;
    font-size:1.3rem;
    line-height: 2.3rem;
    text-align:center;
    padding:10px 0;
}

.sys_priceCourse p:nth-child(n + 3),
.sys_priceCourse60 p:nth-child(n + 3),
.sys_priceCourseMachi p:nth-child(n + 3){
    margin-top:10px;
}

.sys_priceCourse p:nth-child(2n + 1) {
    background-color:var(--main_ll_clr);
}

.sys_priceCourseMachi p:nth-child(2n + 1) {
    background-color:var(--ll_green);
}

.sys_priceCourse60 p:nth-child(2n + 1) {
    background-color:var(--ll_orange);
}

.sys_priceCourseTime, 
.sys_priceCourseTime60,
.sys_priceCourseTimeMachi {
    width:50%;
}

.sys_priceCoursePrice, 
.sys_priceCoursePrice60,
.sys_priceCoursePriceMachi {
    width:50%;
}

.spt_caption,
.spt_caption_machi {
    width:100%;
    padding:10px 0;
    margin:0px auto;
    text-align:center;
}

.spt_caption {
    font-size:1.3rem;
    border-radius:20px;
    background-color:var(--orange);
}
.spt_caption_machi {
    font-size:1rem;
    line-height:1.8rem;
    border-radius:5px;
    background-color:var(--machi_green);
}

span.spt_caption_machi_span {
    font-size:1.3rem;
}

.sys_priceCaution {
    margin-top:20px;
    text-align: center;
}

.sys_howto {
    background-color:var(--white);
    border:2px solid var(--black);
    border-radius:10px;
    padding:20px;
}
.sys_howto:not(:first-child) {
    margin-top:30px;
}

.sys_howtoNumber {
    font-size:3rem;
    line-height:4rem;
    text-align:center;
}

.sys_howtoText {
    margin-top:10px;
    font-size:1.1rem;
    line-height:2rem;
}

.sys_optionBox {
    border:1px solid var(--black);
    padding:30px;
    background-color:var(--white);
    margin-top:50px;
    font-size:1.4rem;
    line-height:2.2rem;
}

.sys_opt {
    width:100%;
}
.sys_opt:nth-child(n + 2) {
    margin-top:30px;
}

.kinshi_mark {
    background-image:url(/img/caution.png);
    background-position:center center;
    background-size:contain;
    width:150px;
    height:150px;
    margin:50px auto 0 auto;
}

.sys_kinshiBox {
    margin-top:50px;
}
.sys_kinshiText {
    line-height:26px;
}
.sys_kinshiText::before {
    content:"▶︎";
}
.sys_kinshiText:not(:first-child) {
    margin-top:30px;
}

/* koiwa */
.kiwtext {
    margin-top:30px;
}

ul#kiwmap {
    margin-top:30px;
}

ul#kiwmap li {
    width:30%;
}
ul#kiwmap li:not(:first-child) {
    margin-left:10px;
}

ul#kiwmap li img {
    width:100%;;
}

.kw_nomiya {
    margin-top:50px;
    text-align: center;
}

/* access */
.ac_contText {
    margin-top:30px;
    line-height:30px;
    font-size:1.3rem;
}

.ac_hotel_box {
    margin-top:30px;
}

.ac_hotels {
    margin-top:20px;
}

.ac_hotel_box>div,
.ac_car_box>div {
    width:100%;
}

.ac_hotel_detail:not(:first-child) {
    margin-top:30px;
}

.ac_hotel_detail a {
    display: inline-block;
    padding:3px 20px;
    border-radius:50px;
    background-color:var(--green);
    color:var(--white);
    font-size:0.9rem;
    margin-left:10px;
}
 
.ac_car_detail:not(:first-child) {
    margin-top:50px;
}

.ac_hotel_detail>h4,
.ac_car_detail>h4 {
    font-size:1.2rem;
    margin-bottom:5px;
}

.ac_hotel_detail span {
    font-size:0.8rem;
}

.ac_yobo {
    margin-top:30px;
    border:3px solid var(--blue);
    background-color:var(--white);
    padding:20px;
}

.ac_yobo_left {
    background-image:url(/img/access/yobo.jpg);
    background-position: center center;
    background-size:100%;
    width:100%;
    height:140px;
}

.ac_yobo_right {
    color:var(--blue);
    font-size:1.3rem;
    line-height:2.5rem;
    width:100%;
    margin-top:20px;
}

ul.ac_machi_exam {
    width:100%;
    margin-top:50px;
    margin-bottom:80px;
}

ul.ac_machi_exam li {
    width:100%;
}

ul.ac_machi_exam li:nth-child(n + 2) {
    margin-top:50px;
}

ul.ac_machi_exam li strong {
    font-size:1.3rem;
}

.ac_machi_img {
    margin:5px 0;
    width:100%;
}

.ac_machi_img img {
    width: 100%;
}

.ac_hotel_detail_div {
    padding:5px 10px;
    display:inline-block;
    margin-top:5px;
    font-size: 1rem;
    border-radius:50px;
}

#car {
    padding-top:110px;
    margin-top:-110px;
}

/* enquete */
.en_box {
    margin-top:50px;
}

.en_q {
    margin-top:30px;
    font-size:1.1rem;
    line-height:2rem;
}

input.en_inp {
    margin-top:10px;
    padding:5px 10px;
    width:80%;
}

.en_box textarea {
    width:100%;
    margin-top:10px;
    padding:5px 10px;
}
.en_submit {
    text-align:center;
    margin-top:30px;
}

.en_st {
    background-color:var(--green);
    font-size: 1.3rem;
    padding:10px 20px;
    color:var(--white);
    border-radius:10px;
    border:none;
}
.en_st:hover {
    opacity: 0.6;
}


/* entrance */
.e_header_line {
    width:100%;
    height:30px;
    background: rgb(55,50,150);
    background: linear-gradient(358deg, rgba(55,50,150,1) 50%, rgba(204,0,0,1) 50%);
}
header.e_header {
    display: block;
    position: relative;
    text-align:center;
    font-size:3rem;
    line-height:4rem;
    padding:80px 0 30px 0;
    color:#000000;
}

.e_top_p {
    font-size:1.3rem;
    line-height:1.7rem;
    margin-top:50px;
}

.e_top_dnet_div {
    padding:0 2.5%;
    margin-top:10px;
}

a.e_top_dnet_a {
    padding:0 2.5%;
    margin-top:10px;
    display: block;
}
a.e_top_dnet_a:hover {
    opacity:0.7;
}

nav.e_nav {
    margin:50px auto;
}

nav.e_nav a {
    width:100%;
    border:3px solid transparent;
    display:block;
    padding:20px;
    border-radius:15px;
}
nav.e_nav a:not(:first-child) {
    margin-top:30px;
}

nav.e_nav a.e_kiw {
    background-color:var(--main_ll_clr);
    border:5px solid var(--main_clr);
}
nav.e_nav a.e_okb {
    background-color:var(--ll_blue);
    border:5px solid var(--d_blue);
}

nav.e_nav h2 {
    text-align: center;
    font-size:1.5rem;
}

.e_logo {
    width:100%;
    height:160px;
    background-size:90%;
    background-position:center center;
    margin-top:20px;
    background-color:var(--white);
}

.e_l_kiw {background-image:url(/img/logo.png);}
.e_l_okb {background-image:url(http://jukujodoraku.com/img/logo.png);}

/** link **/
.li_box1 a {
    margin-bottom:20px;
    width:calc(100% / 3);
    text-align: center;
    display:block;
}


.li_box2 a {
    display:block;
    width:100%;
    text-align: center;
}

.elon_x {
    margin-top:30px;
    display:flex;
    align-items:stretch;
    box-sizing: border-box;
    color:#000000;
    border:2px solid #000;
    padding:10px;
}

.x_img {
    width:20%;
    border:1px solid #000000;
    background-color: #000000;
}
.x_img img {
    max-width:100%;
    
}

.x_text {
    width:80%;
    font-size:1rem;
    padding:15px 10px;
    border:1px solid #000000;
    box-sizing: border-box;
}

/* recruit */
.rr_top_img {
    margin-top:30px;
    width:100%;
    height:calc(100vw * 0.53);
    background-image:url(/img/rr_top_sp.jpg);
    background-position:top center;
    background-size:cover;
}

.rr_tt1 {
    margin-top:80px;
    font-size:1.6rem;
}

.rr_tt2 {
    margin-top:80px;
    font-size:1.5rem;
    line-height:2.3rem;
}
.rr_tt2 .bigred {
    font-size:2rem;
    color:var(--main_clr);
}

.rr_tt3 {
    margin-top:80px;
    font-size:1.6rem;
    line-height:2.6rem;
}
.rr_tt3 .bigred {
    font-size:2.5rem;
    color:var(--main_clr);
}

.rr_tt4 {
    margin-top:80px;
    font-size:1.3rem;
    line-height:2rem;
}

h3.rr_h3 {
    background-color:var(--main_clr);
    color:var(--white);
    padding:20px;
    font-size:1.1rem;
}
h4.rr_h4 {
    background-color:var(--l_ash);
    color:var(--black);
    padding:30px 0;
    font-size:1.6rem;
    text-align:center;
}

.rr_amount {
    width:100%;
    margin-top:30px;
}

.rr_detail {
    width:100%;
    margin-top:10px;
    border:1px solid var(--black);
    background-color:var(--white);
}

.rr_amount_title {
    text-align: center;
    font-size:1.6rem;
    line-height:1.8rem;
}

.rr_amount_item {
    padding:30px 0;
    font-size:1.7rem;
    line-height:2.5rem;
    border:1px solid var(--black);
    background-color:var(--white);
    border-radius:10px;
    margin-top:10px;
}

.rr_amount_item_red {
    color:var(--main_clr);
    font-size:1.3rem;
    line-height:1.7rem;
}

.rr_amount_other {
    margin-top:30px;
}

.rr_amount_other_text {
    margin-top:20px;
    font-size: 1.3rem;
}

.rr_detail_title {
    background-color: var(--main_ll_clr);
    color:var(--main_clr);
    padding:15px 20px;
    font-size:1.3rem;
}

.rr_detail_item {
    padding:20px;
    font-size:1.1rem;
    line-height:2rem;
}

.rr_contact_tel {
    width:90%;
    font-size:1.3rem;
    padding:20px 0;
    border-radius:10px;
    line-height:1.6rem;
    margin:0 auto;
    background-color:var(--blue);
}

.rr_contact_tel_icon {
    margin-top:10px;
    font-size:1.5rem;
}

.rr_contact_line {
    width:90%;
    background-color:#00B900;
    font-size:1.3rem;
    padding:30px 0;
    border-radius:10px;
    margin:0 auto;
}

.line_logo {
    font-size:1.5rem;
    margin:10px auto 0 auto;
    background-position:center center;
    background-size:cover;
}