@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 16px;
	letter-spacing: 1px;
/*	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;*/
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/ 
	overflow: hidden;
}
img{
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight: normal; 
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
address{
	font-style: normal;
}
#wrap{
}

li a span,li a{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}
li a img{
transform: rotate(0.00deg)!important;
}
h1{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}
h2{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}
h3{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}
h4{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}
p {
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.05deg);
}

.width_95per {
    width: 95%;
}
/*--自動リンク--*/
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.6;
	transition: all 0.5s;
}
/*-------------------------------------------------------
					　ヘッダー
-------------------------------------------------------*/
#header{
    z-index: 999;	
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	padding: 10px 0;
}
#header h1{
    width: 15%!important;
}
#header .menu_back{
	background-color: rgba(255,156,182,0.75);
    height: 100%;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
}
#header .pc_nav{
	margin-right: 80px;
}
/*-------------------------------------------------------
					　フッター
-------------------------------------------------------*/
.footer_info .box .tel a,.footer_info .box .mail a{ 
	border-radius: 50px;
}
footer .footer_info2{
	background-image: url(../img/dec2.png);
}

/*-------------------------------------------------------
					　top_return
-------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
	z-index: 99;
}
#page-top a img{
	height: 100px;
	width:100px;
}
/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
/*-------------------------------------------------------
					　ヘッダー
-------------------------------------------------------*/
#header {
    padding: 10px 0 13px;
}
#header h1 {
    width: 30%!important;
}
/*-------------------------------------------------------
					　top_return
-------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 99;
}
#page-top a img{
	height: 50px;
	width:50px;
}
}
/*ここからスマホ用（750px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
.width_95per_sp {
    width: 95%!important;
}
#header h1 {
    width: 55%!important;
}
}