@charset "utf-8";

/* reset
--------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, select, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
/*	font: inherit;*/
	vertical-align: baseline;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

/* general
--------------------------------------------------*/

*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;

    line-height:1.6em;
}
html{

}


body{
	font-size: 12px;
    color:#eee;
    background-color: #000;
    width:100%;
    line-height:1.9em;
/*    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;*/
/*    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;**/
/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/

    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

    font-weight:500;


}

@media screen and (max-width: 750px) {
    .pc_only{
        display: none;
    }
}
@media screen and (min-width: 750px) {
    .sp_only{
        display: none;
    }
}

@media screen and (max-width: 750px) {
    body{
    	font-size: 3.75vw;/* 12px */

    }
}

.m0a{
    margin:0 auto;
}
article{
    width:80%;
    margin:0 auto;

}

.ib{
    display:inline-block;
}
@media screen and (max-width: 750px) {

    .box{
        padding-left:1.55rem;
        padding-right:1.55rem;

    }
    .minbox{
        padding-left:3rem;
        padding-right:3rem;

    }
    .mbox{
        margin-left:1.55rem;
        margin-right:1.55rem;

    }

    .mbox2{
        margin-left:1rem;
        margin-right:1rem;

    }

    .mbox1_5{
        margin-left:1.5rem;
        margin-right:1.5rem;

    }
}
@media screen and (min-width: 750px) {
    .box{
        width:960px;
        min-width:960px;
        margin:0 auto;
    }

    .bxbox{
        width:100%;
        overflow-x:hidden;


    }
    .minbox{
        width:860px;
        min-width:860px;
        margin:0 auto;
    }
}

a{
    text-decoration:none;
}
a:hover{
    opacity:0.5;
}
a:visited,a:link{
    color:#000;
}

.w100{
    width:100%;
}

.tbl{
    display:table;
}
.tbl_cell{
    display:table-cell;

}

.va_m{
    vertical-align:middle;
}

.bld{
    font-weight:bold;
}

.h100v{
    height:100vh;
}

.pd_0_2{
    padding:0.2rem;
}
.pd_0_5{
    padding:0.5em;
}
.pd_1{
    padding:1em;
}
.pr_0_2{
    padding-right:0.2rem;
}
.pr_0_5{
    padding-right:0.5rem;
}

.pr_1{
    padding-right:1rem;
}
.pr_1_5{
    padding-right:1rem;
}
.pr_2{
    padding-right:2rem;
}
.pr_2_5{
    padding-right:2.5rem;
}
.pr_3{
    padding-right:3rem;
}
.pb_0_5{
    padding-bottom:0.5rem;
}
.pl_0_2{
    padding-left:0.2rem;
}
.pl_0_5{
    padding-left:0.5rem !important;
}
.pl_1{
    padding-left:1rem;
}
.pl_1_5{
    padding-left:1.5rem;
}
.pl_2{
    padding-left:2rem;
}
.pl_3{
    padding-left:3rem;
}
.pb_1{
    padding-bottom:1rem;
}
.pb_1_5{
    padding-bottom:1.5rem;
}
.pb_2{
    padding-bottom:2rem;
}
.pb_2_5{
    padding-bottom:2.5rem;
}
.pb_3{
    padding-bottom:3rem;
}
.pb_4{
    padding-bottom:4rem;
}
.pb_4_5{
    padding-bottom:4.5rem;
}
.pb_5{
    padding-bottom:5rem;
}
.pb_8{
    padding-bottom:8rem;
}
.mb_1{
    margin-bottom:1rem;
}
.mb_2{
    margin-bottom:2rem;
}
.ml_0_3{
    margin-left:0.3rem;
}
.ml_0_5{
    margin-left:0.5rem;
}
.ml_1{
    margin-left:1rem;
}
.ml_1_5{
    margin-left:1.5rem;
}
.ml_2{
    margin-left:2rem;
}
.ml_5{
    margin-left:5rem;
}
.ml_50{
        margin-left:50%;
}
.mr_1{
    margin-right:1rem;
}
.mr_1_5{
    margin-right:1.5rem;
}
.mr_2{
    margin-right:2rem;
}
.mt_-0_5{
margin-top:-0.5rem;

}
.mt_-1{
margin-top:-1rem;

}
.mt_-2{
margin-top:-1rem;

}
.mt_0_3{

    margin-top:0.3rem;
}
.mt_0_5{

    margin-top:0.5rem;
}
.mt_1{

    margin-top:1rem;
}
.mt_1_5{

    margin-top:1.5rem;
}

.mt_2{

    margin-top:2rem;
}
.mt_2_5{

    margin-top:2.5rem;
}
.mt_3{

    margin-top:3rem;
}
.mt_4{

    margin-top:4rem;
}
.mt_5{

    margin-top:5rem;
}
.pt_0_2{
    padding-top:0.2rem !important;
}
.pt_0_5{
    padding-top:0.5rem !important;
}

.pt_1{
    padding-top:1rem !important;
}
.pt_1_5{
    padding-top:1.5rem !important;
}
.pt_2{
    padding-top:2rem !important;
}
.pt_2_5{
    padding-top:2.5rem !important;
}
.pt_3{
    padding-top:3rem !important;
}
.pt_4{
    padding-top:4rem !important;
}
.pt_5{
    padding-top:5rem !important;
}
.pt_6{
    padding-top:6rem !important;
}
.fs_0_2{
    font-size:0.2em;
}
.fs_0_3{
    font-size:0.3em;
}

.fs_0_5{
    font-size:0.5em;
}
.fs_0_7{
    font-size:0.7em;
}
.fs_0_8{
    font-size:0.8em !important;
}
.fs_0_9{
    font-size:0.9em !important;
}
.fs_1{
    font-size:1em !important;
}
.fs_1_0_5{
    font-size:1.05em;
}
.fs_1_1{
    font-size:1.1em;
}
.fs_1_2{
    font-size:1.2em;
}


.fs_1_3{
    font-size:1.3em;
}
.fs_1_4{
    font-size:1.4em;
}
.fs_1_5{
    font-size:1.5em;
}
.fs_1_6{
    font-size:1.6em;
}
.fs_1_7{
    font-size:1.7em;
}
.fs_1_8{
    font-size:1.8em;
}
.fs_1_9{
    font-size:1.9em;
}

.fs_2{
    font-size:2em;
}
.fs_2_5{
    font-size:2.5em;
}
.fs_3{
    font-size:3em;
}
.fs_3_5{
    font-size:3.5em;
}
.fs_5{
    font-size:5em;
}
.ws_nowrap{
    white-space: nowrap;
}

.ls_0{
    letter-spacing: inherit;
}
img, iframe { vertical-align: bottom; }

.imgtop{
    vertical-align: top;
}
/* link */

/* font */
strong { font-weight: bold; }

/* margin・padding */

.fl { float: left; }
.fr { float: right; }

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.cb{
    clear: both;
}

.tr{
    text-align:right;
}

.tc{
    text-align:center;
}



/* table */
table {
     width: 60%;
     margin:0 auto;
     /* margin-top:3rem; */
     border-collapse: collapse;
     /* border: solid 1px #d1d1d1; */
}

.no_border_table{
    border:none;
}
td{
     /* border: solid 1px #d1d1d1;
     padding:1rem;
     color:#000;
     font-size:1.2em; */
	 border: solid 0px;
     padding:0;
     font-size:0;
}
.bd_tb_td{
     border: none;
     font-weight:bold;
     padding-left:0.5rem;
     border-top:solid 1px #d1d1d1;
     border-bottom:solid 1px #d1d1d1;
     font-size:1.3em;
}
@media screen and (max-width:750px){
    table{
        /* width:90%; */
		width:100%;
    }

    td{
        /* font-size:0.7em;
        padding:0.5em;
        padding-top:1em;
        padding-bottom:1em;
        padding-left:1em; */
		font-size:0;
        padding:0;
        padding-top:0;
        padding-bottom:0;
        padding-left:0;
    }
    .bd_tb_td{
        padding:0;
        /* padding-top:0.5em;
        padding-bottom:0.5em;
        font-size:1.1em; */
		padding-top:0;
        padding-bottom:0;
        font-size:0;
        font-weight:bold;
    }
}

/* layout
--------------------------------------------------*/

.km{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */

}
.col_bk{
    color:#000;
}
.col_gd{
    color:#CC9D09;
}
.col_bl{
    color:#72CFF0;
}
.col_bl2{
    color:#00a2eb;
}
.col_gr{
    color:#50D6BD;
}

.col_wh{
    color:#fff;
}

.col_ye{
    color:#F3C46C;

}

.col_pp{
    color:#8147AD;
}
.col_red{
    color:#f00;
}
.col_red2{
    color:#ff0000;
}
.col_pink{
    color:#f06363;
}
.col_gy{
    color:#a8a8a8;
}

.accordion{
    display:none;
}
.marker{
    background: linear-gradient(transparent 60%, #FDF797 60%);

}

.bb_gy{
    border-bottom:1px #ccc solid;

}
.bb_bk_dash{
    border-bottom:1px #000 dashed;

}
.bb_dash_gr{
    border-bottom:1px #666 dashed;
}
.bb_bl{
    border-bottom:1px #6DC9F8 solid;
}
.bb_bk{
    border-bottom:5px #000 solid;
}
.bt_bk{
    border-top:5px #000 solid;
}
@media screen and (max-width:750px){
    .bt_bk{
        border-top:4px #000 solid;
    }
}
.br_bk{
    border-right:1px #000 solid;

}
.bl_wh{
    border-left:1px #fff solid;
}
.bt_wh{
    border-top:1px #fff solid;
}
.bt_gy{
    border-top:1px #a8a8a8 solid;
}
.bd_tb{
    border-top:1px #000 dotted;
    border-bottom:1px #000 dotted;
}

.bl_bk{
    border-left:2px #000 solid;
}
.bl_bk_1{
    border-left:1px #000 solid;
}
.bl_pk{
    border-left:6px #D5827E solid;
}

.bd_gy{
    border:1px #ccc solid;
}

.bbox_gy{
    border:3px #333 solid;
}
.bbox_bk{
    border:5px #000 solid;
}
.bbox_bk_2{
    border:2px #000 solid;
}
.bd_btm{

        border-bottom:1px #000 dashed;

}
.w20{
    width:20%;

}
.w25{
    width:25%;

}
.w30{
    width:30%;

}
.w35{
    width:35%;

}
.w38{
    width:38%;

}
.w40{
    width:40%;

}
.w45{
    width:45%;

}
.w48{
    width:48%;

}
.w50{
    width:50%;

}
.w55{
    width:55%;

}
.w60{
    width:60%;

}

.w65{
    width:65%;

}
.w62{
    width:62%;

}

.w70{
    width:70%;

}
.w80{
    width:80%;

}
.w90{
    width:90%;

}
.w95{
    width:95%;

}

.w290{
    width:290px;
}
.w540{
    width:540px;
}
.w680{
    width:680px;
}
.w900{
    width:900px;
}
.h376{
    height:376px;
}
.h10{
    height:12rem;
}
.h15{
    height:15rem;
}
.lh_1{
    line-height:1.0em !important;
}
.lh_2{
    line-height:2.0em !important;
}
.lh_1_2{
    line-height:1.2em;
}
.lh_1_4{
    line-height:1.4em;
}
.lh_1_5{
    line-height:1.5em;
}
.lh_1_7{
    line-height:1.7em;
}
.lh_1_9{
    line-height:1.9em;
}
.gs{
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);

}
.bk_wh{
    background-color:#fff;
}
.bk_gy{
    background-color:#d2d2d2;
}
.bk_pp{
    background-color:#F3EDF7;
}
.bk_pink{
    background-color: #FFF0F5;
}
.bk_bl{
    background-color: #6DC9F8;
}
.kome{
    position:relative;
    top:-15px;

}

.accordion p{
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.2rem;
    padding-bottom:0.2rem;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    float: right;
    position:relative;
    top:0.2em;
    right:1em;
}
.ico_up {
    content:url(../img/ico_up.jpg);
}
.ico_down {
    content:url(../img/ico_down.jpg);
}
#banner{
    position:fixed;
    bottom:0;
}

h1{

    font-weight: normal;
}
h2{
    line-height:1.5em;
}
.top_-1{
    position:relative;
    top:-1em;
}


.bk_img_01{
    background-image:url(../img/bk01.jpg);
}
.bk_img_02{
    background-image:url(../img/bk02.jpg);
}
.bk_img_03{
    background-image:url(../img/bk03.jpg);
}
.bk_img_04{
    background-image:url(../img/bk04.jpg);
}
.bk_img_05{
    background-image:url(../img/bk05.jpg);
}
.bk_img_06{
    background-image:url(../img/sp/bk06.jpg);

}

.bk_header_img_01{
    position: relative;
    height:100px;
}

.header_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.bk_header_img_02{
    background-image:url(../img/header/img02.png);
    background-repeat: no-repeat;
    background-position:center bottom;
}
.bk_top_img_01{
    background-image:url(../img/top/bk01.png);
    background-repeat: no-repeat;
    background-position:center top;
    height:479px;

}
.bk_top_img_02{
    background-image:url(../img/top/bk02.jpg);
    background-repeat: no-repeat;
    background-position:center top;
    height:1032px;
}
.bk_top_img_04{
    background-image:url(../img/top/img04.png);
    background-repeat: no-repeat;
    background-position:center top;
    height:1032px;
}
.bk_top_img_05{
    background-image:url(../img/top/img05.png);
    background-repeat: no-repeat;
    background-position:center top;
    height:831px;
}
.bk_top_img_06_1{
    background-image:url(../img/sp/top/img06_1.png);
    background-repeat: no-repeat;
    background-size:100%;
    min-height:8.7rem !important;

}
.bk_top_img_06_2{
    background-image:url(../img/sp/top/img06_2.png);
    background-repeat: no-repeat;
    background-size:100%;
    min-height:8.5rem !important;

}
.bk_top_img_06_3{
    background-image:url(../img/sp/top/img06_3.png);
    background-repeat: no-repeat;
    background-size:100%;


}
.bk_top_img_06_4{
    background-image:url(../img/sp/top/img06_4.png);
    background-repeat: no-repeat;
    background-size:100%;


}
.bk_top_img_06_5{
    background-image:url(../img/sp/top/img06_5.png);
    background-repeat: no-repeat;
    background-size:100%;
    min-height:8.5rem !important;


}
.bk_top_img_06_6{
    background-image:url(../img/sp/top/img06_6.png);
    background-repeat: no-repeat;
    background-size:100%;


}
.bk_shop_img_01{
    background-image:url(../img/shop/bk01.png);
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size:100% auto;
    min-height:320px;
    width:100%;
    min-width:960px;


}
.bk_staff_img_02_pc{
    background-image:url(../img/staff/img02.png);
    height:467px;
}
.bk_staff_img_03_pc{
    background-image:url(../img/staff/img03.png);
    height:467px;
}
.bk_staff_img_04_pc{
    background-image:url(../img/staff/img04.png);
    height:467px;
}
.bk_staff_img_05_pc{
    background-image:url(../img/staff/img05.png);
    height:467px;
}
.bk_staff_img_01{
    background-image:url(../img/sp/staff/bk01.png);
    background-size:100% auto;
    background-repeat: repeat-y;
}
.bk_staff_img_02{
    background-image:url(../img/sp/staff/bk02.png);
    background-size:100% auto;
    background-repeat: repeat-y;
}
.more_tbox{
    padding-top:0.5rem;
    min-height:8rem;
    width:47%;
    margin-left:51%;
    font-weight:bold;
    color:#000;
}
#ec { 
    text-align: center;
    padding-bottom: 20px;
}
@media screen and (max-width:750px){
    .bk_img_01{
        background-image:url(../img/sp/bk01.jpg);
    }
    .bk_img_02{
        background-image:url(../img/sp/bk02.jpg);
    }
    .bk_img_03{
        background-image:url(../img/sp/bk03.jpg);

    }
    .bk_img_04{
        background-image:url(../img/sp/bk04.jpg);
    }
    .bk_img_05{
        background-image:url(../img/sp/bk05.jpg);
    }

    #umashimo_sp, #umagin_sp, #kan_sp, #yokocho_sp, #ec_sp {
        text-align: center;
    }
}

.top-slide .bx-wrapper {
	margin-bottom: 0;
	background: none;
	box-shadow: none;
	border: none;
}

.top-slide .bx-wrapper:before, .top-slide .bx-wrapper:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	background: rgba(255, 255, 255, 0);
}

.top-slide .bx-wrapper:before { left: -100%; }

.top-slide .bx-wrapper:after { right: -100%; }

.top-slide .bx-wrapper .bx-pager {
	bottom: -20px;
	line-height: 0;
}

.top-slide .bx-viewport { overflow: visible !important; }

.bx-pager{
    display:none;
    height:0;
}

.bx_mainborder{



}

@media screen and (max-width: 750px) {
    .bx-wrapper{
        border:none;

        border-bottom:5px #000 solid;
        overflow-x: hidden;
    }
    .bx_mainborder{
        border:none;
    }
}
.topmenu {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.topmenu li {
  display: table-cell;
  vertical-align: middle;
  height:60px;
}
.header{
    position:fixed;
    width:100%;
    top:0;
    height:181px;
    z-index: 1;


}
.bk_header{
    width:100%;
    height:181px;
    z-index: 0;
}

@media screen and (max-width: 750px) {
    .sp_header{
        position:fixed;
        width:100%;
        top:0;
        z-index: 1;


    }
    .sp_bk_header{
        width:100%;
        padding-bottom:1rem;

        z-index: 0;
    }

    .bx-wrapper{
        margin-bottom:0;
    }
     .bx-pager{
        display:none;
        padding:0;
        bottom:0;
    }

}

.copyright {
	padding-bottom: 80px;
	padding-bottom: 20vw;
}

.btm_btn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

.btm_btn li {
	float: left;
	width: 50%;
}

.btm_btn img {
	width: 100%;
	height: auto;
}