body {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
    background-color: #fff;
    font-size:14px;
}

#header_area {
    margin:0;
    padding:0;
    z-index:10 !important;
}

.thumb-pad {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
 body {
    padding-top: 0 !important;
  }
}

.bold{
	font-weight:bold;
}
p.t_red{
	color:#ff0000;
	border:1px solid;
	padding:5px;
}

.red{
	color:#ff0000;
}

.square{
	border:1px solid;
	padding:5px;
	text-align:left;
	/*font-weight:bold;*/
}

.square_btn{
	border:1px solid #fff;
	color:#fff;
	background:#be1d21;
	font-size: 1.1rem;
	line-height: 0.5;
	letter-spacing: 0.05em;
}

.square_btn a{
	display: block;
}

.square_btn a:hover {
	background:#ffffff;
	color:#be1d21;
}


/*========================================================
間隔
=========================================================*/

.row + .row {
    margin-top: 0.846rem !important;
}

.row .col-sm-12 + * {
    margin-top: 30px;
}
.row .col-xs-12 + * {
    margin-top: 30px;
}



.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

.cont_text p{
    margin-bottom: 10px;
}


/*========================================================
マージン
=========================================================*/

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.margin_b1 { margin-bottom: 1rem;}
.margin_b2 { margin-bottom: 15px;}
.margin_b3 { margin-bottom: 20px;}
.margin_b4 { margin-bottom: 25px;}
.margin_b5 { margin-bottom: 30px;}
.margin_b7 { margin-bottom: 40px;}
.margin_b9 { margin-bottom: 50px;}
.margin_t3 { margin-top: 20px;}
.margin_t4 { margin-top: 25px;}
.margin_t5 { margin-top: 30px;}
.margin_t6 { margin-top: 35px;}
.margin_t7 { margin-top: 40px;}

.padding_tb4 { padding: 3rem 0;}
.tb_space { padding: 2rem 0;}

.w80{
    width: 80%;
    margin:0 auto 70rem;
}

.btn_w{
    width: 83.2%;
    margin:0px auto 0.8em;
}

@media screen and (min-width:500px) {
	.padding_tb4 { padding: 4rem 0;}
	.tb_space { padding: 4rem 0;}
	.btn_w{ margin:0px auto 1.3em;}
}


/* */
header {
    padding-top: 0 !important;
}

h2, .h2 {
    text-transform: none;
    font-size: 2rem;
    line-height: 2.2;
    letter-spacing: 0.03em;
}

h3 {
  font-family: "Noto Serif JP", serif !important;
  color:#FFFFFF;
}

/*
h3 {
  padding: 0.2em 0.7em;
  background: transparent;
  border-left: solid 7px #ff9901;
  font-size:120%;
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 30px 0 20px;
  color:#595757;
  letter-spacing: 0.05em;
}
*/

h4 {
  font-size: 1.4rem;
  /*letter-spacing: 0.07em;*/
  line-height: 1.7;
  /*border:1px solid #6e7879;*/
  width:100%;
  padding:3px;
  /*text-align:center;*/
  font-weight:bold;
  color:#6e7879;
}

h5,.h5 {
  font-size: 1.15rem;
  line-height: 1.5;
  color:#FF0000;
  /*font-weight:bold;*/
}

.txt_m{
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight:bold;
  color:#595757;
}

.txt_l{
  font-size: 1.4rem;
  line-height: 1.6;
}

.txt_ss{
  font-size: 0.95rem;
  line-height: 1.5;
  margin-top:7px;
}

.txt_car{
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight:bold;
  color:#231815;
  /*padding: 10px 0 0;*/
}

.text_l2 {
  padding: 0.2em 0.7em;
  background: transparent;
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 30px 0 20px;
  color:#595757;
  letter-spacing: 0.05em;
}


/*========================================================
スライダー
=========================================================*/
.carousel-control.left,
.carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
}

.carousel-indicators li {
    background-color: #a39785;
    border: 1px solid #ffffff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

.carousel-indicators .active {
    background-color: #ffffff;
    border: 1px solid #a39785;
    height: 12px;
    margin: 0;
    width: 12px;
}

/* WGN */
.cation p.txt2{
    width:75%;
    /* margin:0 auto; */
    letter-spacing: 0.1em;
    font-weight:bold;
    color:#6e7879;
    background: #eaf6fd;
    text-align:center;
    border:1px solid #6e7879;
    padding:0.2vw 0;
  }


/*========================================================
main
=========================================================*/
.main_bg_color {
        background-color: #c9caca;
}


/*========================================================
トップスクロール
=========================================================*/
.toTop {
        background: #db0022 none repeat scroll 0 0
}

/*========================================================
フッター
=========================================================*/
footer {
	background-color:  #646464;
	color:  #FFFFFF;
}

footer .rights {
    text-transform: none !important;
}

/*========================================================
ライン
=========================================================*/
.hr-e6e6e6 > hr{
        height: 10px;
        background-color: #e6e6e6;
        color: #e6e6e6;
        border:  none;
        margin-bottom:  1.802em;
}

.hr-00a147 > hr{
        height: 6px;
        background-color: #00a147;
        color: #00a147;
        border:  none;
        /*margin:  0;*/
}

.hr-009fe8 > hr{
        height: 6px;
        background-color: #009fe8;
        color: #009fe8;
        border:  none;
        margin:  0;
}

.hr-00a147 > hr{
        height: 2px;
        background-color: #6796ae;
        color: #6796ae;
        border:  none;
        margin:  45px 0;
}

/*========================================================
バックグラウンドカラー
=========================================================*/

.bg_231815 {
        background-color: #231815;
}

.bg_d3edfb {
        background-color: #d3edfb;
}

.bg_e6e6ea {
        background-color: #e6e6ea;
}

.bg_d3edfb {
        background-color: #d3edfb;
}

main .well-404 p.big {
        color: #db0022 !important;
}

.pc,.up_pc {
    display: none !important;
}

.sp {
	display: block !important;
}

.cation{
	padding: 10px 0;
    max-width: 980px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.cation p{
	line-height: 1.7;
	font-size:12px;
    color:#6e7879;
}

.logo-img{
	text-align:center;
	padding:5px 15px;
}

.cation-text{
	padding: 10px 0 15px;
}

.rink-area{
	padding: 5px 0;
}

@media screen and (min-width:750px) {
        .tablet-display-none {
                display: none;
                margin-bottom:  30px;
        }

		.well-ex01 {
				padding-top: 0;
				padding-bottom: 0;
		}
		
		.sp {
	        display: none !important;
	    }
	    .pc {
	        display: block !important;
	    }
	    
	    .cont_text {
	        padding: 0 15px;
        }
        
        .cation{
            padding: 10px 20px 10px 10px;
        }
        
        .logo-img{
			padding: 10px;
		}
		.cation-text {
			padding: 0 20px 20px;
		}
		.rink-area{
			padding: 5px 0;
		}
		.kakaku{
			padding: 0 0 20px 20px;
		}
		.btn01{	margin-left:80px;}
		.btn02{	margin-right:80px;}
		
		.margin_b2 { margin-bottom: 20px;}
		.margin_b3 { margin-bottom: 30px;}
		.margin_b4 { margin-bottom: 40px;}
		.margin_b5 { margin-bottom: 50px;}
		.margin_b7 { margin-bottom: 70px;}
		.margin_b9 { margin-bottom: 90px;}
		.margin_t3 { margin-top: 30px;}
		.margin_t4 { margin-top: 40px;}
		.margin_t5 { margin-top: 50px;}
		.margin_t6 { margin-top: 60px;}
		.margin_t7 { margin-top: 70px;}
		
		.btn_w{
			margin:0px auto 2em;
		}
        
        /* wgn */
        .cation p.txt2{
            width:40%;
            margin:0;
        }

}

@media screen and (min-width:970px) {
        .tablet-display-none {
                display: inline-block;
                margin-bottom:  20px;
        }

        .row .col-sm-12 + * {
                margin-top: 0px;
        }

        .row .col-xs-12 + * {
                margin-top: 0px;
        }

		.well-ex01 {
				padding-top: 2.38461538rem;
				padding-bottom: 2.30769231rem;
		}

		.mb10,.mb20,.mb30,.mb40,.mb50 {margin-bottom: 0;}

		.up_sp {
	        display: none !important;
	    }
	    .up_pc {
	        display: block !important;
	    }
	    .logo-img{
			padding: 10px 0;
		}
		.cation-text, {
			padding: 20px;
		}
		.rink-area{
			padding: 8px 10px;
		}
		.kakaku{
			padding: 0px 0 20px 40px;
		}
		
}


@media screen and (min-width:1170px) {
        .row_tab_padding{
                padding:  0 100px;
        }

        .tablet-display-none {
                display: inline-block;
                margin-bottom:  0px;
        }
}