/*************************
ALL
*************************/
body{ background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
background: -webkit-linear-gradient(left, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
background: linear-gradient(to right, #ffe671 10%,#ffe671 50%,#ffe671 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1 ); }
body, a, a:hover, .tx_a, .tx_a:hover{	color: #333333;}
.tx_link, .tx_link:hover{	color: rgba(204,0,0, 1);}
body:before{
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
header{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-background-size: auto 60px;
	background-size: auto 60px;
}
body#index:before,
body#toppage_body:before{
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
body#toppage_body header{
		background: url(../img/header.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc((650px / 750) * 450);
		height: 100vh;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

@media screen and (max-width: 650px) {
	body#toppage_body header{
		padding-top: calc((100% / 750) * 450);
	}
}

.sat{	color: rgba(0,102,255, 1);}
.sun{	color: rgba(255,0,0, 1);}

#ad_div a{
	background-color: rgba(57,165,255, 1);
	color: #FFFFFF;
	box-shadow: 0 0 0 2px rgba(57,165,255, 1) inset , 0 0 0 4px rgba(255,255,255, 0.4) inset;
}


/*************************
NAVTOGGLE
*************************/
#navToggle button{
	background-color: #ff8100;
}
#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{	border-color: rgba(255,253,253, 1);}

/*************************
NAV
*************************/
body:after{
	background-color: rgba(23,23,23, 0.95);
}

nav #navshop{
	color: rgba(255,255,255, 1);
	background-color: #fb9936;
}

nav li{	border-color: #6b727833;}

nav li a,
nav li a:hover{
	color: #5c636d;
}
nav li a:before{
	border-color: #5c636d;
}
nav li a:after{
	border-style: solid;
	border-width: 2px 0 2px 3px;
	border-color: #0000 #0000 #0000 #5c636d;
}

.navarea{
	color: #5c636d;
}
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
	color: #5c636d;
}
.nav_contact span i{
	color: rgba(23,23,23, 1);
	background-color: #5c636d;
}


/*************************
MAIN
*************************/

.page_title{
	background: -webkit-linear-gradient(90deg, rgba(212,241,255, 0.95) 0%, rgba(242,251,255, 0.95) 49%, rgba(212,241,255, 0.95) 100%);
    background: -moz-linear-gradient(90deg, rgba(212,241,255, 0.95) 0%, rgba(242,251,255, 0.95) 49%, rgba(212,241,255, 0.95) 100%);
    background: -o-linear-gradient(90deg, rgba(212,241,255, 0.95) 0%, rgba(242,251,255, 0.95) 49%, rgba(212,241,255, 0.95) 100%);
    background: -ms-linear-gradient(90deg, rgba(212,241,255, 0.95) 0%, rgba(242,251,255, 0.95) 49%, rgba(212,241,255, 0.95) 100%);
    background: linear-gradient(90deg, rgba(243,144,42,0.94) 0%, rgba(243,144,42,0.94) 49%, rgba(243,144,42,0.94) 100%);
}
.page_title em{	color: rgba(249,246,246,1);}
.page_title em:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(250,252,253,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(250,252,253,1) 20%, rgba(250,252,253,1) 40%, rgba(250,252,253,1) 80%);
}
.page_title em:after{	border-color: rgba(250,252,253,1);}
.page_title span{ color: rgba(0,0,0, 1);}

.inbox > div:nth-of-type(odd),
#sche_a .schebox{
	color: rgba(51,51,51, 1);
	background-color: rgba(254,229,113, 0.77);
}
.inbox > div:nth-of-type(odd) .s_title em{	color: rgba(51,51,51,1);}
.inbox > div:nth-of-type(odd) .s_title span{	color: rgba(167,153,111,1);}
.inbox > div:nth-of-type(odd) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(167,153,111,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(167,153,111,0) 20%, rgba(167,153,111,1) 40%, rgba(167,153,111,0) 80%);
}
.inbox {line-height: 24px;background: #ffe671;}
.inbox > div:nth-of-type(odd) .tx,
#sche_a .schebox .s_top .tx,
#sche_a .schebox .s_sche .tx{	color: rgba(167,153,111, 1);}
.inbox > div:nth-of-type(odd) .tx2{	color: rgba(204, 204, 204, 1);}
.inbox > div:nth-of-type(odd) .bd{	border-color: rgba(51,51,51, 0.1);}
.inbox > div:nth-of-type(odd) .bg{	background-color: rgba(51,51,51, 0.1);}
#access .inbox > div:nth-of-type(odd) .add dt{ border-color: rgba(167,153,111, 0.1);}
.inbox > div.info:nth-of-type(odd) .infobox span{ color: rgba(51,51,51, 1);}

.inbox > div:nth-of-type(even){
	color: rgba(51,51,51, 1);
	background-color: rgba(254,229,113,0.82);
}
.inbox > div:nth-of-type(even) .s_title em{	color: rgba(51,51,51,1);}
.inbox > div:nth-of-type(even) .s_title span{	color: rgba(167,153,111,1);}
.inbox > div:nth-of-type(even) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(167,153,111,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(167,153,111,0) 20%, rgba(167,153,111,1) 40%, rgba(167,153,111,0) 80%);
}
.inbox > div:nth-of-type(even) .tx{	color: rgba(167,153,111, 1);}
.inbox > div:nth-of-type(even) .tx2{	color: rgba(204, 204, 204, 1);}
.inbox > div:nth-of-type(even) .bd{	border-color: rgba(51,51,51, 0.1);}
.inbox > div:nth-of-type(even) .bg{	background-color: rgba(51,51,51, 0.1);}
#access .inbox > div:nth-of-type(even) .add dt{ border-color: rgba(167,153,111, 0.1);}
.inbox > div.info:nth-of-type(even) .infobox span{ color: rgba(51,51,51, 1);}


/*************************
ASIDE
*************************/

.as_menu a{
	color: rgba(249,246,246,1);
	background-color: rgba(255,129,0,1);
}
#sche_a .schebox .s_sche{
	color: rgba(51,51,51, 1);
	background-color: rgba(51,51,51, 0.05);
}

.as_tel, .as_tel:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 0.95);
}
.as_tel span i{
	color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 1);
}
.as_line, .as_line:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(0,205,39, 0.9);
}
.as_line span i{
	color: rgba(0,205,39, 0.9);
	background-color: rgba(255,255,255, 1);
}



#staff_contents .title{
    padding: 8px 0;
    border-radius: 11px 11px 11px 11px;
     background: #27283b; 
	 text-align: center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9393', endColorstr='#fe9090',GradientType=0 );
}
#staff_contents .title span{
    width: 100%;
    display: inline-block;
    color: #ffffff;
    text-shadow: 0 0 0 #fff;

    
}
header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after,li:after {content : "";display : block;height : 0;clear : both;}

#contents, #access_contents, #staff_contents, #recruit_contents, #reserve_contents

    margin-top: -60px;
    padding-top: 60px;
}
/* ã‚»ãƒ©ãƒ”ã‚¹ãƒˆ */
.staff_box{
background: #a0a0a04f;
}
.staff_box li{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #27283b; /* Old browsers */
    background: -moz-linear-gradient(left,  #27283b 0%, #27283b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#27283b), color-stop(100%,#27283b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #27283b 0%,#27283b 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(left,  #27283b 0%,#27283b 100%); /* IE10+ */
    background: linear-gradient(to right,  #fee571 0%,#fee571 100%); /* W3C */
    box-shadow: 1px 1px 0 #ccc;
	border-bottom: 2px #080808 dotted;
}
.staff_box li .img{
    width: 190px;
    position: relative;
    z-index: 1;
    float: left;
}
.staff_box li .img img{
    margin-bottom: 20px;
    padding: 1px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px #ccc;
    display: inline-block;
}
.staff_box li .img .thum {
    text-align: center;
}
.staff_box li .img .thum img{
    width: 60px;
    height: 90px;
}
.staff_box li .img .thum span{
    height: 60px;
    overflow: hidden;
    margin: 0 4px;
    display: inline-block;
}
.staff_box li .img .thum span{
    overflow: visible;
}
.staff_box li .contents{
    float: right;
    width: 35%;
	font-size: 14px;
	color:#0e0e0e;
    border-radius: 15px;
	padding:1%;
	background:#ffffff;
}
.staff_box li .name, .staff_box li .profile{
    padding: 0px 0 10px 10px;
    border-bottom: 1px dashed #705630;
       font-size: 14px;
}
.staff_box li .name{
    overflow: hidden;
    white-space: nowrap;
        font-size: 14px;
}
.staff_box dl dt{
    margin-bottom: 5px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #705630;
    
}
.staff_box dl .txt{
    /*max-height: 90px;
    overflow: hidden;*/
        font-size: 12px;
}
.staff_box li .contents_foot{
    float: right;
    width: 460px;
}
.staff_box li .contents_foot .btn_sch{
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #705630;
    
    position: relative;
    cursor: pointer;
}
.staff_box li .contents_foot .btn_sch i{
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    font-size: 16px;
}
.staff_box li .contents_foot table{
    width: 100%;
}
.staff_box li .contents_foot table th, .staff_box li .contents_foot table td{
    border-bottom: 1px dashed #bbb;
    box-sizing: border-box;
    text-align: center;
}
.staff_box li .contents_foot table th{
    width: 56%;
    padding: 8px;
    
}
.staff_box li .contents_foot table td{
    width: 44%;
    border-left: #d8d0c5 1px solid;
}
.staff_box li .contents_foot table .sat{
    color: #094FA7;
}
.staff_box li .contents_foot table .sun{
    color: #d6294a;
}
.staff_box li .contents_foot .table_fade_box {
    display: none;
}
#information{
background: url(../img/bg-news.jpg) no-repeat;
    height: 580px;
    padding: 40px 0;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    background-size: 100% 100%;
    box-sizing: border-box;
	padding: 25% 1% 0 1%;
}
#information .panel-body
	{
		height: 397px;
		overflow: auto;
		padding: 0;
	}
#information .panel-body .list-group
{
margin: 0;
}
#information .panel-body .list-group-item
{
border: 0;
border-radius: 0;
border-bottom: 1px dotted #27283b;
background-color: transparent;
line-height: 35px;
color: #5f080c;
}
#information .panel-body .list-group-item .title
{
font-size: 1em;
/*color: #FFFFFF;
background-color: #27283bd1;*/
padding: 6px;
/* [disabled]border-bottom: 1px dotted #999; */
font-weight: bold;
margin-bottom: 5px;
}
#information .panel-body .list-group-item .date
{
	text-align: center;
	color: #999;
}
#pickup .panel-body
{
padding: 0;
}
#pickup .panel-body .list-group
{
margin: 0;
}
#pickup .panel-body .list-group-item
{
border: 0;
border-bottom: 1px dotted #CCCCCC;
background-color: transparent;
}
#pickup .panel-body .list-group-item:last-child
{
border: 0;
}
#pickup .panel-body .list-group-item .photo
{
	padding: 0;
	text-align: center;
	line-height: 0;
}
#pickup .panel-body .list-group-item .photo a
{
padding: 4px;
border: 1px solid #CCC;
display: inline-block;
background-color: #FFFFFF;
}
#pickup .panel-body .list-group-item .photo img
{
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#pickup .panel-body .list-group-item .info
{
	padding-top: 1em;
}
#pickup .panel-body .list-group-item .info .title
{
	font-size: 1.4em;
}
#pickup .panel-body .list-group-item .info .size
{
	padding: 0.5em;
	border-bottom: 1px solid #CCCCCC;
}
#pickup .panel-body .list-group-item .info .comment
{
	padding: 1em 0;
}
.access-img{
        margin-top: 25px;
        text-align: center;
}
.access-box{
	padding: 10px 10px!important;
}
.access-box table th{
    width: 20%;
    font-size: 14px;
    padding: 15px 0;
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid #825f2e;
}
.access-box table td{
    font-size: 14px;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #825f2e;
    color: #000;
}
.access-box table td a{
    color: #040404;
    font-weight: bold;
}
.access-box iframe{
	width: 100%;
	height: 340px!important;
}
.access-img{
        margin-top: 25px;
        text-align: center;
    }
    .access-box{
        padding: 10px 10px!important;
    }
.access-box table{
	width:100%;
}
    .access-box .address table th{
        font-size: 14px;
        padding: 10px 0;
    }
    .access-box .address table td{
        font-size: 12px;
        text-align: left;
        padding: 10px 0;
    }
    .access-box iframe{
        width: 100%;
        height: 340px!important;
    }				

.ht01{
    position: relative;
    margin: 0 auto 12px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    text-indent: 0.1em;
    font-weight: normal;
    font-size: 1.0em;
    line-height: 1.0em;
    letter-spacing: 0.1em;
    color: #000;
    z-index: 2;
}
.ht01 span.en{
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto 0.2em;
    
    font-size: 1.6em;
    line-height: 60px
}
.ht01 span.en:after{
    content: '';
    position: absolute;
    left: 0;
    top: 2.0em;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #221c12 0%, #a88245 36%, #a88245 64%, #221c12 100%);
}
.ht01 span.ja{
    display: block;
    font-size: 0.8em;
}
.panel-default > .panel-heading{
	padding:10px 0;
	display:none;
}

@media screen and (max-width: 680px)
.staff_box li .contents {
    width: 100%;
}
/*************************
FOOTER
*************************/
footer , footer a, footer a:hover{	color: #000000;}
footer{	background-color: rgba(255,230,113,1);}
footer .foot_dis{	border-color: rgba(255,255,255, 0.1);}
footer #copyright , footer #copyright a , footer #copyright a:hover{	color: #CCCCCC;}


/*************************
PAGETOP
*************************/

#page-top a{	color: rgba(255,106,0,1);}
/*#page-top:after{ background-color: rgba(23,23,23, 0.7); }*/

.fbt_home,
.fbt_tel{	background-color: #ffd306;}
.fbt_top{	background-color: #696a72;}

.fbt_tel span i{
	color: #ffffff;
	background-color: rgba(255,106,0, 1);
}


/*************************
SNS
*************************/

.sns_bt a{	background-color: #696a72;}
.sns_bt span{	background-color: rgba(255,255,255, 0.1);}/**ä¿®æ­£**/
.sns_bt img{	filter: invert();}


/*************************
INDEX
*************************/

body#index{
	background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
background: -webkit-linear-gradient(left, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
background: linear-gradient(to right, #ffffff 10%,#f5f5f5 50%,#ffffff 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=1 );/***ä¿®æ­£***/
}

body#index:before{
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}

body#index header{
	width: 100%;
    max-width: 650px;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding-top: calc((650px / 750) * 450);
	padding-bottom: 0;
	background: url(../img/index.png) center center / cover no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

@media screen and (max-width: 650px) {
	body#index header{
		padding-top: calc((100% / 750) * 450);
	}
}

body#index .enter a{
	color: rgba(255,255,255, 1);
	border-color: rgba(57,165,255, 1);
	background: rgba(23,23,23, 0.9); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(23,23,23, 0.9) 0%, rgba(23,23,23, 0.9) 50%, rgba(23,23,23, 0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(23,23,23, 0.9) 0%,rgba(23,23,23, 0.9) 50%,rgba(23,23,23, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(23,23,23, 0.9) 0%,rgba(23,23,23, 0.9) 50%,rgba(23,23,23, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,23,23, 0.9)', endColorstr='rgba(23,23,23, 0.9)',GradientType=1 ); /* IE6-9 */
}/***ä¿®æ­£***/

body#index .leave a{	color: rgba(204,0,0, 1);}

body#index header h1{	color: rgba(167,153,111, 1);}

body#index .inbox > div:nth-of-type(odd){
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.95);
}



/*************************
TOP
*************************/

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{	background: rgba(204,0,0, 1);}
.bx-wrapper .bx-pager.bx-default-pager a{	background: rgba(51,51,51, 0.3);}



/*************************
BUTTUN
*************************/

.bt{
	color: rgba(57,165,255, 1);
	border-color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 0.95);
}
.bt:hover{
	color: rgba(255,255,255, 1);
	border-color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 0.95);
}
.maga a.linetm_bt .linetm_bt1 i{
    color: rgba(255,255,255, 1);
    background-color: rgba(57,165,255, 0.95);
}
.maga a.linetm_bt:hover .linetm_bt1 i{
    color: rgba(57,165,255, 1);
    background-color: rgba(255,255,255, 0.95);
}


/*************************
LIST
*************************/

.list .cbox .txt{
	color: #333333;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.9);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
}

.list .s_on{
	color: rgba(57,165,255, 1);
	box-shadow: 0 0 0 1px rgba(57,165,255, 1);
	background-color: rgba(57,165,255, 0.0);
}
.list .s_on span{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}

.list .cbox .rankno{
	color: rgba(167,153,111, 1);
}

#day_select > a{
	color: rgba(51,51,51, 1);
	background-color: rgba(255,255,255, 0.9);
}
#day_select > span{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}
#day_select > span .sat , #day_select > span .sun{ color: rgba(255,255,255, 1);}

#sche_a .s_sche li{ border-color:rgba(255,255,255, 1);}




/*************************
PROF
*************************/

#prof #flame{
	border-color: rgba(255,255,255, 0.9);
	margin-bottom:15px;
}
#prof .bx-wrapper .bx-pager.bx-default-pager a{	background-color: rgba(51,51,51, 0.3);}
#prof .bx-wrapper .bx-controls-direction a{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: rgba(204,0,0, 1);}

#prof #name .outlink{
	color: rgba(255,255,255, 1);
	background-color: rgba( 57,165,255, 0.95);
}

.inbox > div.op:nth-of-type(odd) li.ok{
	color: rgba(167,153,111, 1);
	border-color: rgba(167,153,111, 1);
}/***ä¿®æ­£***/
.inbox > div.op:nth-of-type(odd) li.ng{
	color: rgba(51,51,51, 0.2);
	background-color: rgba(51,51,51, 0.2);
}/***ä¿®æ­£***/
.inbox > div.op:nth-of-type(even) li.ok{
	color: rgba(167,153,111, 1);
	border-color: rgba(167,153,111, 1);
}/***ä¿®æ­£***/
.inbox > div.op:nth-of-type(even) li.ng{
	color: rgba(51,51,51, 0.2);
	background-color: rgba(51,51,51, 0.2);
}/***ä¿®æ­£***/





/*************************
SYSTEM
*************************/

.cre_tel,
.cre_link{
	color: rgba(57,165,255, 1);
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(57,165,255, 1);
}

.cre_tel:hover,
.cre_link:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 0.95);
	border-color: rgba(255,255,255, 1);
}

.cre_tel span i,
.cre_link span i{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}

.cre_tel:hover span i,
.cre_link:hover span i{
	color: rgba(57,165,255, 1);
	background-color: rgba(255,255,255, 1);
}


/*************************
HOTEL
*************************/
#hotel .hbox .hname span{
	color: rgba(255,255,255, 1);
	background-color: rgba(57,165,255, 1);
}


/*************************
MAGA
*************************/
.regbox{	background-color: rgba(255,255,255, 0.9);}


/*************************
ICON
*************************/
.icon{	color: rgba(255, 255, 255, 1);}
.icon1{	background-color: rgba(255,70,70, 0.9);}
.icon2{	background-color: rgba(66,195,59, 0.9);}
.icon3{	background-color: rgba(145,145,255, 0.9);}
.icon4{	background-color: rgba(255,138,0, 0.9);}

/***** for SP *****/
@media screen and (max-width: 650px) {

}