@charset "utf-8";

@media screen and (max-width:640px){


/* －－－－－ PC非表示 －－－－－ */
.onlyPc {display: none;}


a:link,
a:visited,
a:hover,
a:active {text-decoration:none !important;}



.pointR{color:#C00;}
.pointY{color:#e9bb2a;}
.pointBr{color:#b5a583;}	
.pointB{color:#d00f31;}


/* =============================================== */
/* container                                                                    */
/* =============================================== */


#container {
	padding: 0;
	position: relative;
	}



/* =============================================== */
/* header                                                                    */
/* =============================================== */

header {
	position: relative;
	width: 100%;height:95px;border-bottom: 1px solid #ebebeb;
}

header h1 {
	position: absolute;
	top: 0;
	padding-top: 5px;
	width: 100%;

	color:#fff;
	font-size: 60%;
	font-weight: normal;
	text-align: center;
	background: #eb6878;
}

header .logo img {
	position: absolute;
	top: 25px;
	left: 120px;
	height:55px;
	width: auto;
}
@media screen and (min-width : 375px){
    header h1 { font-size: 71.4%; } 
}


header .head_ol .headinfo{display:none;} 

header .logo img {
	position: absolute;
	top: 25px;
	left: 120px;
	height:55px;
	width: auto;
}



/* ================================================ */
/* #nav_global                                       */
/* ================================================ */

#navi_ol{margin: 0 auto;display: none;}

#nav_global {
	display: none;
}

nav#nav_global ul li.logo{display:none;}
	
#rwdMenuWrap {
	width: 100%;
	
}
#rwdMenuWrap #switchBtnArea {
	width: 100%;
	height: 60px;
	/*background: #fff;*/
	position: relative;
	top: 30px;
}
#rwdMenuWrap #switchBtnArea #switchBtn {
	top: 7px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
	background: #eb6878;
	position: absolute;
	border-radius: 2px;
}
#rwdMenuWrap #switchBtnArea #switchBtn span {
	left: 20%;
	width: 60%;
	height: 4px;
	display: block;
	position: absolute;
	background-color: #fff;
	border-radius: 1px;
	transition: all 0.2s linear;
}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {top:10px;transform: rotate(0);}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {top:18px;transform: scale(1);}
#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {bottom:10px;transform: rotate(0);}

#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:18px;transform: rotate(-45deg);}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}

#rwdMenuWrap ul {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 99;
}
#rwdMenuWrap ul li {
	width: 100%;
	border-bottom: #fff 1px solid;font-weight: bold;
}
#rwdMenuWrap ul li a {
	padding: 7px 40px 7px 20px;
	text-align: left;
	display: block;
	color: #fff;
	background: #eb6878;
	position: relative;
}
#rwdMenuWrap ul li a:after {
	position: absolute;
	margin-top: -4px;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	color: #fff;
	font-family: "fontello";
	content: '\e806';
	padding-right: 10px;
}

#rwdMenuWrap ul li a div {
	padding: 8px 0 5px;
	font-size: 100%;
	font-weight: normal;
	color: #fff;font-size: 78.6%;display:none;
	}


@media screen and (min-width : 375px){
    header h1 { font-size: 71.4%; } 
}




/* ================================================ */
/* #nav_global                                       */
/* ================================================ */



#contents {
	width: 100%;
}
#contents p {
	padding: 0 20px 2em 20px;
}




/* =============================================== */
/* content                                         */
/* =============================================== */


#content {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}
#content section {
	margin-bottom: 20px;
	}
#content section:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}
#content article:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}
#content div.group {
	margin-bottom: 20px;
	}
#content div.group:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}
#content .inner {
	/*padding: 10px 5%;*/
	}
#content .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}
#content img {
	max-width: 100%;
	height: auto;
	}
#content img.imgleft,
#content img.imgright {
	float: none;
	}

#content a {
	text-decoration: none;
	}

#content section p {
	padding-bottom: 10px;
	}




/* =============================================== */
/* footer                                          */
/* =============================================== */

footer {
	margin-top: 0px;
	color:#fff;background:#E30307;text-align:center;padding:10px
	}
footer #inner{width:100%;margin:0px auto;}
footer #copy {
	background:#;
	margin: 0;
	padding: 15px 0;
	width: 100%;
	color:#fff;
	text-align: center;
	clear: both;
	font-size: 78.6%;
	}


.skype_c2c_print_container{color:#fff;}
	

/* －－－－－ page-top －－－－－ */

#page-top {
	position: fixed;
	bottom: 5px;
	right: 0;
}
#page-top a {
	background: #56bccd;
	color: #ffffff;
	text-align: center;
	padding: 10px 15px;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}
#page-top a:hover {
	text-decoration: none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#page-top a img {
	padding-bottom: 5px;
	width: 20px;
	height: auto;
}





}