/*共通設定の打ち消し*/
body {background: none;font-weight: bold;}
.button {display:block;}
#loader-bg > #loader {top:50%;width: 80%; max-width: 400px;}
#overlay {padding-bottom: 10px;}
#overlay > #overcont > div {
    position: relative;
    width: 92%;
    max-width: 500px;
    margin: 20px auto;
}
#overlay > #overcont > div > a > img {
	position: relative;
	width: 100%;
    margin: auto;
}
@media screen and ( max-width:559px){
    #page_top {bottom: 65px;}
}
/*共通設定の打ち消しEND*/
.bg_gray {
	background:rgba(0,0,0,0.1);
	padding: 10px 0;
}
.bg_wine {
	background:rgba(204,102,102,0.9);
	padding: 20px 0 0;
}
.bg_beige {
	background:rgba(255,204,153,0.9);
	padding: 20px 0;
}
.bg_blue {
	background:rgba(0,102,255,0.9);
	padding: 20px 0;
}
.bg_blue2 {
	background:rgba(0,104,255,0.9);
	padding: 20px 0;
}
.bg_green {
	background:rgba(222,231,183,0.9);
	padding: 20px 0;
}
div {overflow: hidden;}
#copyright {
	position: relative;
	text-align: center;
	color: #FFF;
white-space: nowrap;
	padding: 5px 2% 100px;
}
@media screen and ( max-width:559px){#copyright{width: 92%;margin: 0 auto; color:rgba(0,104,255,0);}}

	.menu_ancor {
	position: relative;
	top: -50px;
	display: block;
	z-index: -10;
}
/*ホワイトニングコンテンツ*/
#main_cont {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 30px auto 0;
} 
#header {
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 0 2% 20px;
}@media screen and ( max-width:750px){#header {width: 86%;margin: 0 auto 20px 0;}}
    #header > img {
        width: 78%;
    }
#line2 {
    position: relative;
    width: 100%;
    padding: 50px 8%;
    background: #b9e1eb; /* Old browsers */
    background: -moz-linear-gradient(top,  #b9e1eb 0%, #ffffff 50%, #b9e1eb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b9e1eb 0%,#ffffff 50%,#b9e1eb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b9e1eb 0%,#ffffff 50%,#b9e1eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}@media screen and ( max-width:559px){#line2 {padding: 20px 3% 50px;}}
#line3 {
    position: relative;
    width: 100%;
    padding: 50px 8%;
    background: #FFF; /* Old browsers */
}@media screen and ( max-width:559px){#line3 {padding: 50px 3%;}}
#line3 > div > a > img {
    position: relative;
    margin: 20px auto;
}
#contents2 {
    position: relative;
    width: 100%;
    padding: 50px 8%;
    background: #B9E1EB; /* Old browsers */
    background: -moz-linear-gradient(top,  #B9E1EB 0%, #ffffff 50%, #B9E1EB 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #B9E1EB 0%,#ffffff 50%,#B9E1EB 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #B9E1EB 0%,#ffffff 50%,#B9E1EB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}@media screen and ( max-width:559px){#contents2 {padding: 50px 3%;}}
#contents3 {
    position: relative;
    width: 100%;
    margin-top: 2px;
    padding: 50px 8%;
    background: #fac754; /* Old browsers */
    background: -moz-linear-gradient(top,  #feedcb 0%, #ffffff 50%, #fac754 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #feedcb 0%,#ffffff 50%,#fac754 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #feedcb 0%,#ffffff 50%,#fac754 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}@media screen and ( max-width:559px){#contents3 {padding: 50px 3%;}}
#contents4 {
    position: relative;
    width: 100%;
    margin-top: 2px;
    padding: 50px 8%;
    background: #9bc5b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d9e9e3 0%, #ffffff 50%, #9bc5b4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d9e9e3 0%,#ffffff 50%,#9bc5b4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d9e9e3 0%,#ffffff 50%,#9bc5b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}@media screen and ( max-width:559px){#contents4 {padding: 50px 3%;}}
#contents5 {
    position: relative;
    width: 100%;
    margin-top: 2px;
    padding: 50px 8%;
    background: #e7bda1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6e5da 0%, #ffffff 50%, #e7bda1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6e5da 0%,#ffffff 50%,#e7bda1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6e5da 0%,#ffffff 50%,#e7bda1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}@media screen and ( max-width:559px){#contents5 {padding: 50px 3%;}}







/*フッター領域
	footer {
		position: relative;
		width: 100%;
		padding: 30px 0;
	}
	footer > #foot {
		position: relative;
		width: 94%;
        max-width: 500px;
		margin: 0 auto;
		padding: 50px 0;
	}
		footer > #foot > #left {
			position: relative;
			width: 100%;
			padding: 10px 12% ;
	}
		footer > #foot > #right {
			position: relative;
			width: 100%;
			padding: 20px 5% 0;
			color: #FFF;
		}
			footer > #foot > #right > #right01 {
				position: relative;
				font-size: 1.6rem;
				font-weight: bold;
				margin-bottom: 5px;
			}
			footer > #foot > #right > .right02 {
				position: relative;
				font-size: 1.5rem;
				margin-bottom: 5px;
			}
			footer > #foot > #right > .right03 {
				position: relative;
				font-size: 2.8rem;
				text-align: center;
				padding: 6px 0;
				font-weight: bold;
				margin-bottom: 5px;
				letter-spacing: 0.1em;
	}
	footer > #foot > #right > .right03 > a {color:#FFF;text-decoration: none;}	
*/
/*フッター領域*/
@media screen and ( min-width:1049px){
	footer {
		position: relative;
		width: 100%;
		padding: 30px 0;
	}
	footer > #foot {
		position: relative;
		width: 1000px;
		margin: 0 auto;
		padding: 50px 0;
	}
		footer > #foot > #left {
			position: relative;
			width: 40%;
			padding: 10px 2%;
			/*border-right:  2px solid #FFF;*/
	}
    footer > #foot > #left > #add2021a {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }
    footer > #foot > #left > #add2021b {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }

		footer > #foot > #right {
			position: relative;
			width: 60%;
			padding: 10px 5%;
			color: #FFF;
		}
			footer > #foot > #right > .right01 {
				position: relative;
				margin-bottom: 30px;
				font-size: 1.6rem;
			}
                footer > #foot > #right > .right01 > a {text-decoration: none;color: #FFF;}
    
                footer > #foot > #right > .right01 > a:visited {text-decoration: none;color: #FFF;}
                footer > #foot > #right > .right01> span {font-size: 120%;font-weight: bold;}
    
			footer > #foot > #right > .right02 {
				position: relative;
				font-size: 2rem;
				margin-bottom: 20px;
			}
			footer > #foot > #right > .right03 {
				position: relative;
				font-size: 3.2rem;
				padding: 3px 0;
				font-weight: bold;
				margin-bottom: 5px;
				letter-spacing: 0.1em;
			}			
			footer > #foot > #right > .right02 > a {text-decoration: none;color: #F30;}
}
@media screen and ( min-width:560px) and ( max-width:1049px){
	footer {
		position: relative;
		width: 100%;
		padding: 30px 0;
	}
	footer > #foot {
		position: relative;
		width: 94%;
		margin: 0 auto;
		padding: 50px 0;
	}
		footer > #foot > #left {
			position: relative;
			width: 35%;
			padding: 10px 2%;
			/*border-right:  2px solid #FFF;*/
	}
    footer > #foot > #left > #add2021a {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }
    footer > #foot > #left > #add2021b {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }

		footer > #foot > #right {
			position: relative;
			width: 65%;
			padding: 10px 5%;
			color: #FFF;
		}
			footer > #foot > #right > .right01 {
				position: relative;
				margin-bottom: 30px;
				font-size: 1.6rem;
			}
                footer > #foot > #right > .right01 > a {text-decoration: none;color: #F30;}
                footer > #foot > #right > .right01> span {font-size: 120%;font-weight: bold;}
			footer > #foot > #right > .right02 {
				position: relative;
				font-size: 2rem;
				margin-bottom: 20px;
			}
			footer > #foot > #right > .right03 {
				position: relative;
				font-size: 3.2rem;
				padding: 3px 0;
				font-weight: bold;
				margin-bottom: 5px;
				letter-spacing: 0.1em;
			}			
			footer > #foot > #right > .right02 > a {text-decoration: none;color: #F30;}
}
@media screen and ( max-width:559px){
	footer {
		position: relative;
		width: 100%;
		padding: 30px 0;
	}
	footer > #foot {
		position: relative;
		width: 94%;
		margin: 0 auto;
		padding: 50px 0;
	}
		footer > #foot > #left {
			position: relative;
			width: 100%;
			padding: 10px 2% ;
	}
    footer > #foot > #left > #add2021a {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }
    footer > #foot > #left > #add2021b {
        position: relative;
        margin: 10px 5%;
        color: #FFF;
        }

		footer > #foot > #right {
			position: relative;
			width: 100%;
			padding: 10px 1%;
			color: #FFF;
		}
			footer > #foot > #right > .right01 {
				position: relative;
				margin-bottom: 30px;
				font-size: 1.5rem;
			}
                footer > #foot > #right > .right01 > a {text-decoration: none;color: #FFF;}
                footer > #foot > #right > .right01 > span {font-size: 110%;font-weight: bold;}
			footer > #foot > #right > .right02 {
				position: relative;
				font-size: 1.8rem;
				margin-bottom: 20px;
			}
			footer > #foot > #right > .right03 {
				position: relative;
				font-size: 2.8rem;
				padding: 3px 0;
				font-weight: bold;
				margin-bottom: 5px;
				letter-spacing: 0.1em;
			}			
			footer > #foot > #right > .right02 > a {text-decoration: none;color: #FFF;}
}
@media screen and ( min-width:600px){#foot_navi {display: none;}}
@media screen and ( max-width:559px){
    #foot_navi {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-image: url("lib/img/footer_menu.png?t=3");
        background-position: right;
		background-size: 96%;
		background-repeat: no-repeat;
        background-color: #FFF;
        min-height: 80px;
        max-height: 80px;
    }
    #foot_navi > #line00 {
        position: absolute;
        top: 2px;
        width: 100%;
        height: 2px;
        margin: 2px auto;
        background-color: #3399FF;
    }
    #foot_navi > .b_menu {
        position: relative;
        display: inline-block;
        width : calc(100% / 3);
        min-height: 100%;
    }
}




/*ブログ*/
@media screen and ( min-width:600px){#bline4 {display: none;}}
@media screen and ( max-width:559px){
    #bline4 {
        position: fixed;
        bottom: 80px;
        width: 100%;
        text-align: center;
        background-color: #FFF;
        padding: 6px 0;
        opacity : 0.8;
    }
    #bline4 > a {text-decoration: none;color:brown; }
}
#bline3 {
    position: relative;
    text-align: center;
    margin: 10px auto 140px;
}
#bline3 > a {text-decoration: none;color:brown; }
#bline2 {
	position: relative;
	width: 100%;
	margin: 10px auto;
    padding: 2px 2%;
    background-color: #F90;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
.bline2 {
	position: relative;
	width: 96%;
	margin: 10px auto;
    padding: 0 2%;
    border-bottom: 1px dotted #F90;
}
.bline2 > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bline2 > #date {
	position: relative;
    text-align: right;
}
#scroll {
    position: relative;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 100px;
}
.bline img {max-width: 100%;}
.bline {
	position: relative;
	width: 100%;
	margin: 10px auto 80px;
}@media screen and (max-width: 500px) {.bline {width: 92%;}}
	.bline > #title {
		position: relative;
		width: 96%;
        margin: 0 auto 0 0;
		/*border-bottom: 1px solid #333;*/
		padding-bottom: 3px;
		font-size: 1.8rem;
        font-weight:bold;
        color:darkseagreen;
	}
	.bline > #date {
		position: relative;
		width: 100%;
		text-align: right;
		padding-top: 3px;
		font-size: 1.5rem;
        font-weight: normal;
        color:chocolate;
	}
	.bline > #line {
		position: relative;
		width: 94%;
        margin: 0 auto;
	}
    .bline > #line > img { opacity : 0.3;}
@media screen and (max-width: 500px) {
	.bline > #kiji {
		position: relative;
		width: 98%;
		margin: 0 auto;
		font-size: 1.3rem !important;
		line-height: 170%;
	}
	.bline > #kiji > img {
		position: relative;
		display: block;
		width: 94% !important;
		margin: 20px auto;
	}
}
@media screen and (min-width: 501px) {
	.bline > #kiji {
		position: relative;
		width: 99%;
		margin: 0 0 20px 1%;
		font-size: 1.4rem !important;
		line-height: 200%;
	}
	.bline > #kiji > img {
		position: relative;
		/*float: right;*/
		width: 100%;
		margin: 5px;
		margin-left: 1%;
	}
}
.line27 {
    text-align: right;
    width: 94%;margin: 0 auto;
}
.line27 > a {color:#F30;    text-decoration: none;}
/*インスタ、チックトック*/
#tiktok2025{
    position: absolute;
    top: 0px;
    right: 10%;
    width: auto;
    height: 40px;
}@media screen and ( max-width:559px){#tiktok2025{height: 26px;}}
#insta2025{
    position: absolute;
    top: 0px;
    right: 2%;
    width: auto;
    height: 40px;
}@media screen and ( max-width:559px){#insta2025{height: 26px;}}