@charset "Shift_JIS";

/* ------------------------------------------------------------------------ */
/* PC/SP表示切替 classここから */
/* ------------------------------------------------------------------------ */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block;
}

.sp {
	display: none;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/* @media only screen and (min-width:0px) and (max-width: 767px) { */
@media only screen and (min-width:0px) and (max-width: 896px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

/* ------------------------------------------------------------------------ */
/* PC/SP表示切替 classここまで */
/* ------------------------------------------------------------------------ */
/* ****************************************
 *  base.css  [2010/08/2]
	Modify  toiyama
 * ****************************************
 */

/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/


/*-- Base Layout
-----------------------------------*/


/*==================== 
??ｿｽ?ｿｽw??ｿｽ?ｿｽb??ｿｽ?ｿｽ_??ｿｽ?ｿｽ[
==================== */
#header {
	width: 914px;
	margin: 0px auto;
	padding: 0px 12px 0px 20px;
	min-height: 67px;
	height: auto !important;
	height: 67px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
	background: url(../cmm/header_bg.jpg) no-repeat top;
}

#header .tgline {
	font-size: 83.4%;
	color: #666666;
	margin-bottom: 10px;
	font-weight: normal;
}

#header #logo-area {
	width: 539px;
	float: left;
}

#header #logo-area h2 {
	width: 206px;
	float: left;
	margin-right: 5px;
}

#header #logo-area .cach {
	width: 328px;
	float: left;
}

#header #h-btn {
	width: 200px;
	float: right;
	padding-top: 10px;
}

#header #h-btn li {
	float: right;
	margin-left: 5px;
}




/*==================== 
??ｿｽ?ｿｽg
==================== */
#container {
	width: 932px;
	margin: 0px auto;
	padding: 6px 7px 0px;
	background: url(../cmm/container_bg.jpg) repeat-y;
}

#container-f {
	width: 946px;
	margin: 0px auto;
	background: url(../cmm/container-f_bg.jpg) no-repeat;
	height: 4px;
}

/*==================== 
G??ｿｽ?ｿｽi??ｿｽ?ｿｽr
==================== */
#navi-line {
	width: 932px;
	margin: 0px auto;
	padding: 7px 0px 0px;
	background: url(../cmm/nv_bg.jpg) no-repeat top center;
}

#navi-line #navi {
	width: 910px;
	margin: 0px auto 5px auto;

}

#navi-line #navi li {
	float: left;
	width: 150px;
	margin-right: 2px;
	min-height: 71px;
	height: auto !important;
	height: 71px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
}

#navi-line #navi .n-btnfin {
	float: left;
	width: 150px;
	margin-right: 0px;
	min-height: 71px;
	height: auto !important;
	height: 71px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
}


/*====================
??ｿｽ?ｿｽT??ｿｽ?ｿｽu??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽj??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ[
====================*/
#s-navline {
	width: 905px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	background: url(../cmm/sub_bg.jpg) no-repeat top center;
}

#s-navline #s-nav {
	width: 895px;
	padding-left: 10px;
}

#s-navline #s-nav li {
	float: left;
	background: url(../cmm/sub_line.jpg) no-repeat right top;
	padding: 0px 13px 0px 0px;
	min-height: 36px;
	height: auto !important;
	height: 36px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
}

/*==================== 
??ｿｽ?ｿｽﾏんくゑｿｽ
==================== */
#pankuzu {
	width: 905px;
	margin: 0px auto;
	padding: 12px 0px 12px;
	text-align: right;
}

#pankuzu li {
	float: right;
	padding: 2px;
	font-size: 91.7%;
}

#pankuzu li a:link,
#pankuzu li a:visited,
#pankuzu li a:active {
	background: url(../cmm/arw.jpg) no-repeat right;
	padding-right: 12px;
	text-decoration: none;
}

#pankuzu li a:hover {
	background: url(../cmm/arw.jpg) no-repeat right;
	padding-right: 12px;
	text-decoration: underline;
}


/*==================== 
??ｿｽ?ｿｽR??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽe??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽc??ｿｽ?ｿｽG??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽA
==================== */
#contents {
	width: 892px;
	padding: 15px 0px;
	margin: 0px auto;
}


/*==================== 
??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽC??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽG??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽA
==================== */
#main {
	width: 668px;
	float: left;
}

/*--??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽ^??ｿｽ?ｿｽC??ｿｽ?ｿｽg??ｿｽ?ｿｽ??ｿｽ?ｿｽ--*/
#ptit {
	width: 668px;
	margin: 0px auto 20px;
	background: url(../cmm/ptit_line.jpg) no-repeat bottom;
	padding-bottom: 13px;
}

/*--??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽo??ｿｽ?ｿｽ??ｿｽ?ｿｽ---*/

#main .mds {
	width: 602px;
	margin: 0px auto 25px;
	background: url(../cmm/mds_bg.jpg) no-repeat center;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
	padding: 15px 0px 0px 66px;
	color: #A36E36;
	font-weight: bold;
	font-size: 141.7%;
}


/*---??ｿｽ?ｿｽU??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽN---*/
.rink {
	text-align: right;
}

.rink span {
	background: url(../cmm/new-arw01.jpg) no-repeat left;
	padding-left: 15px;
}


/*==================== 
??ｿｽ?ｿｽT??ｿｽ?ｿｽC??ｿｽ?ｿｽh??ｿｽ?ｿｽG??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽA
==================== */
#side {
	width: 202px;
	float: right;
	padding: 0px 0px 0px 0px;
}


/*-- ??ｿｽ?ｿｽo??ｿｽ?ｿｽi??ｿｽ?ｿｽ[??ｿｽ?ｿｽG??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽA --*/

#side .btn ul {
	width: 202px;
	margin: 0px auto;
}

#side .btn li {
	margin-bottom: 15px;
}

#side .btn li a {
	color: #111111;
}

#side .btn li a:hover {
	color: #006699;
}

#side .btn li span {
	display: block;
	font-size: 91.7%;
	margin: 3px 0px 0px 0px;
}

a:hover img.mouseOver {
	opacity: 0.5;
}

#side .btn .tel,
#side .btn .interview {
	background-color: #FFFFFF;
	width: 202px;
	border-bottom: solid 5px #DDDDDD;
}

#side .btn .tel>dl,
#side .btn .interview>dl {
	border: solid 5px #DDDDDD;
	border-top: 0;
	border-bottom: 0;
	padding: 5px 8px 5px 8px;
}

#side .btn .tel>dl dt:before {
	content: "●";
	color: #C0CC80;
}

#side .btn .interview>dl dt:before {
	content: "●";
	color: #63B1CB;
}

#side .btn .button01 {
	text-align: center;
	border: solid 5px #DDDDDD;
	border-top: 0;
	border-bottom: 0;
	padding: 10px 0;
}

#side .btn .button01 img {
	display: block;
	margin: 0 auto;
}

#side .btn .map {
	background-color: #FFFFFF;
	width: 202px;
	margin-left: -2px;
	border: solid 2px #DDDDDD;
	position: relative;
}

#side .btn h3 {
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(../cmm/bg_side_title01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 189px;
	height: 42px;
	padding: 8px 0 0 8px;
	position: absolute;
	left: -4px;
	top: 15px;
}

#side .btn p {
	margin: 60px 10px 5px;
}

#side .btn .gogleMap {
	width: 177px;
	height: 161px;
	background-color: #CCC;
	margin: 0 auto 5px;
}

#side .btn .map ul li {
	padding: 0px 10px 0px 0px;
}

#side .btn .gogleMap+ul li {
	text-align: right;
}

#side .btn .gogleMap+ul li a {
	background-image: url(../img2/icn_listMark01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-decoration: underline;
}

#side .btn .gogleMap+ul li a:hover {
	text-decoration: none;
}













#side .tel {
	width: 188px;
	margin-bottom: 10px;
}

#side .mensetu {
	width: 188px;
	margin-bottom: 10px;
}

#side .mensetu .btnarea {
	background: url(../cmm/mensetu_bg.jpg) no-repeat center;
	min-height: 60px;
	height: auto !important;
	height: 71px;
	/*IE??ｿｽ?ｿｽU??ｿｽ?ｿｽp??ｿｽ?ｿｽﾌ搾ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽﾝ抵ｿｽ*/
	text-align: center;
	padding-top: 11px;
}

#side .siro-h {
	width: 188px;
	background: url(../cmm/siro-h_bg.jpg) no-repeat center top;
	height: 11px;
}

#side .siro-b {
	width: 166px;
	padding: 11px 11px 0px 11px;
	background: #FFFFFF;
}

#side .siro-b .name {
	font-weight: bold;
	font-size: 108.4%;
}

#side .siro-b p {
	margin-bottom: 10px;
}

#side .siro-b .ad {
	font-size: 108.4%;
}

#side .siro-b .map {
	text-align: right;
}

#side .siro-f {
	width: 188px;
	background: url(../cmm/siro-f_bg.jpg) no-repeat center top;
	height: 11px;
	margin-bottom: 20px;
}

#side .fjs {
	width: 188px;
	margin-bottom: 20px;
	text-align: center;
}

/*============================ 
??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽC??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽt??ｿｽ?ｿｽH??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ[??ｿｽ?ｿｽV??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ
============================ */





/*==================== 
??ｿｽ?ｿｽt??ｿｽ?ｿｽb??ｿｽ?ｿｽ^??ｿｽ?ｿｽ[
==================== */


#footer {
	width: 946px;
	margin: 0px auto;
	text-align: center;
	padding: 23px 0px;
}

#footer ul {
	margin-bottom: 23px;
}

#footer li {
	float: left;
	font-size: 91.7%;
}

#footer li a:link,
#footer li a:visited,
#footer li a:active {
	background: url(../cmm/f-line.jpg) no-repeat right;
	padding-right: 10px;
	text-decoration: none;
	color: #333333;
}

#footer li a:hover {
	background: url(../cmm/f-line.jpg) no-repeat right;
	padding-right: 10px;
	text-decoration: none;
	color: #666666;
}

/*==================== 
??ｿｽ?ｿｽJ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ[
==================== */
.red {
	color: #CC0000;
}

.red-b {
	color: #CC0000;
	font-weight: bold;
}

.org {
	color: #FF3300;
}

.lred {
	color: #FF0000;
}

.pink {
	color: #D35799;
}

.center {
	text-align: center;
}


/*====================
??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽg??ｿｽ?ｿｽb??ｿｽ?ｿｽv
====================*/

/*-----??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ-----*/
.pagetop {
	width: 931px;
	margin: 0px auto;
	text-align: right;
}

/*-------??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽr??ｿｽ?ｿｽ??ｿｽ?ｿｽ----*/
.ptop {
	margin: 0px auto;
	text-align: right;
}


/*=====================
??ｿｽ?ｿｽy??ｿｽ?ｿｽ[??ｿｽ?ｿｽW??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ闢呻ｿｽ@??ｿｽ?ｿｽZ??ｿｽ?ｿｽ??ｿｽ?ｿｽ??ｿｽ?ｿｽ^??ｿｽ?ｿｽ[??ｿｽ?ｿｽ謔ｹ
===================*/
.centered {
	position: relative;
	overflow: hidden;
}

.centered ul {
	position: relative;
	left: 50%;
	float: left;
}

.centered ul li {
	position: relative;
	left: -50%;
	float: left;
}

/*=====================
margin
===================*/

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

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

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

/* ikegami add ------------------------------------------------*/
/* @media only screen and (min-width:0px) and (max-width: 767px) { */
@media only screen and (min-width:0px) and (max-width: 896px) {
	p {
		font-size: 15px !important;
		margin-bottom: 32px !important;
	}

	/* ヘッダーここから */
	#header {
		width: auto;
		height: auto !important;
		background: url(../cmm/header_bg_s.svg) no-repeat top;
		/* 固定 */
		/* position: fixed;
		z-index: 999;
		top: 0;
		left: 0; */
		padding: 8px 8px 0 8px;
	}

	#header #logo-area .cach {
		width: 100%;
	}

	#header #h-btn {
		width: 100%;
		padding: 0;
	}

	#header #h-btn li {
		float: none;
		width: 100%;
	}

	#container {
		width: auto;
		padding: 8px 16px;
	}

	#navi-line {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	#s-navline {
		width: 100%;
	}

	#s-navline #s-nav {
		width: 100%;
	}

	#navi-line #navi {
		width: 100%;
		margin: 0 auto;

	}

	#header #logo-area {
		width: 100%;
	}

	/* ヘッダーここまで */

	#contents {
		width: 100%;
	}

	#main {
		width: 100%;
		float: none;
	}

	#ptit {
		width: 100%;
		background: none;
	}

	#pankuzu {
		width: 90%;
	}

	#side {
		width: 100%;
		float: none;
	}

	#side .btn li {
		width: 100%;
		text-align: center;
		margin: 15px 0;
		display: flex;
		justify-content: center;
	}

	#ptit img {
		width: auto;
	}

	#side .btn h3 {
		padding: 10px 0 0 2px
	}

	#side .btn .button01 img {
		width: 90%;
	}


	/* フッターここから */
	#container-f {
		width: 100%;
	}

	.pagetop {
		width: 100%;
	}

	#footer {
		width: auto;
		padding: 8px;
	}

	/* フッターここまで */
	/********************** ハンバーガーメニューここから**********************/
    .menu-btn {
        position: relative;
        position: fixed;
        right: 24px;
        top: 42px;
        display: flex;
        height: 32px;
        width: 40px;
        justify-content: center;
        align-items: center;
        z-index: 1001;
    }

    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #3E3E3E;
        position: absolute;
    }

    .menu-btn span:before {
        bottom: 8px;
    }

    .menu-btn span:after {
        top: 8px;
    }

    #menu-btn-check:checked~.menu-btn span {
        background-color: rgba(255, 255, 255, 0);
        /*メニューオープン時は真ん中の線を透明にする*/
    }

    #menu-btn-check:checked~.menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    #menu-btn-check:checked~.menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    #menu-btn-check {
        display: none;
    }

    .menu-content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        /*leftの値を変更してメニューを画面外へ */
        z-index: 1000;
        background-color: #ffffffe3;
        backdrop-filter: blur(12px);
        transition: all 0.5s;
        /*アニメーション設定*/
    }

    .menu-content ul {
        padding-top: 34px;
    }

    .menu-content ul li {
        list-style: none;
        padding-bottom: 16px;
        text-align: center;
        width: 150px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-decoration: none;
        position: relative;
    }


    .menu-content ul li a::before {
        content: '';
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        position: absolute;
        right: 11px;
        top: 16px;
    }

    #menu-btn-check:checked~.menu-content {
        left: 0;
        /* メニューを画面内へ */
    }

	/* contact */
	#navi-line #navi li {
		float: none;
		width: auto;
	}

	/********************** デバイスが横向きの場合の記述**********************/
    @media (orientation: landscape) {
        .menu-content ul {
            padding-top: 64px !important;
            margin: 0 auto !important;
            width: 500px !important;
        }

        .menu-content ul li {
            list-style: none !important;
            padding-bottom: 16px !important;
            text-align: center !important;
			width: auto !important;
            box-sizing: border-box !important;
            text-decoration: none !important;
            position: relative !important;
            float: left !important;
            padding-right: 8px !important;
        }
    }

	/********************** デバイスが横向きの場合の記述**********************/



    /********************* ハンバーガーメニューここまで*************************/
}