@charset "UTF-8";

@media only screen and (max-width: 767px){
/*-------------------------------------------
Base Setting
-------------------------------------------*/
body,select,input,textarea{-webkit-text-size-adjust: none;}

/*-------------------------------------------
ALL
-------------------------------------------*/
/* contentWrap */
#contentWrap{
	background:#ae6ff8 url(img/bg_all_left_pc.jpg) repeat left top;
	background-size:250px 250px;
	min-width:320px;
	overflow:hidden;
}

/* contentAll */
#contentAll{
	background:none;
	padding:0px;
	min-width:320px;
	overflow:hidden;
}

		/*a*/
		#contentAll a         {text-decoration:none !important;}
		#contentAll a:link    {text-decoration:none !important;}
		#contentAll a:visited {text-decoration:none !important;}
		#contentAll a:hover   {text-decoration:none !important;}
		#contentAll a:active,
		#contentAll a:focus   {text-decoration:none !important;}

/* global_bc */
div#global_bc{display:none;}

/* spImg || pcImg */
#contentBodyMain .spImg{display:block;}
#contentBodyMain .pcImg{display:none;}

#contentAll span.spNone{display:none;}
#contentAll span.brNote{display:block;}

/*-------------------------------------------
header
-------------------------------------------*/
#contentAll #contentHead{min-width:320px;}
#contentAll #contentBody{min-width:300px;}
#contentAll #contentFoot{min-width:300px;}

/* contentHead */
#contentHead{
	width:100%;
	background:transparent url(img/bg_hdr_sp.png) repeat-x left top;
	background-size:10px 42px;
}

/* contentHeadMain */
#contentAll #contentHeadMain{
	width:100%;
	height:auto;
  margin: 0px auto;
  padding: 0px 0 15px;
	position:relative;
	background: none;
}

#contentAll #contentHeadMain:before{
	display:block;
	content: " ";
	width:100%;
	height:50px;
}

/* hdrLogo */
#contentAll #contentHeadMain p.hdrLogo,
#contentAll #contentHeadMain h1.hdrLogo{
	position:absolute;
	top:0px;
	left:10px;
	width:105px;
	height:65px;
}

#contentAll #contentHeadMain p.hdrLogo img,
#contentAll #contentHeadMain h1.hdrLogo img{width:105px;}

#contentAll #contentHeadMain p.hdrLogo a:hover,
#contentAll #contentHeadMain h1.hdrLogo a:hover{background-position:0px 0px;}

/* hdrSpBtn */
#contentAll #contentHeadMain p.hdrSpBtn{
	display:block;
	width:45px;
	height:52px;
	position:absolute;
	top:3px;
	right:13px;
}
#contentAll #contentHeadMain p.hdrSpBtn a{
	display:block;
	width:45px;
	height:52px;
	background:transparent url(img/gnav_btn_sp.png) no-repeat left top;
	background-size:45px auto;
	text-indent:-9999px;
}
#contentAll #contentHeadMain p.hdrSpBtn a.on{background-position:0px -50px;}

/* hdrGnavBox */
#contentAll div.hdrGnavBox{display:none; margin-bottom:10px;}

/* hdrGnavList */
#contentAll div.hdrGnavBox ul#hdrGnavList{
	width:100%;
	position:static;
	padding-top:5px;
	}
#contentAll div.hdrGnavBox ul#hdrGnavList li{width:100%; float:none; font-size:18px; margin: 0;}

#contentAll div.hdrGnavBox ul#hdrGnavList li span{
	display:block;
	background:transparent url(img/gnav_arrow_sp.png) no-repeat right;
	background-size:24px 12px;
	padding-right:30px;
}

#contentAll div.hdrGnavBox ul#hdrGnavList li a,
#contentAll div.hdrGnavBox ul#hdrGnavList li span.noLink{
	border-bottom:#ffffff 1px solid;
	padding:9px 7px;
	text-indent:0px;
	margin:0px;
}
#contentAll div.hdrGnavBox ul#hdrGnavList li a         {text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:link    {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:visited {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:hover   {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:active,
#contentAll div.hdrGnavBox ul#hdrGnavList li a:focus   {color:#663399;text-decoration:none;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent1,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent3,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent4,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent5,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent6{width:100%;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent7{display: none;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent1 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent3 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent4 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent5 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent6 a{width:auto; height:auto;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent7 a

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent1 a{border-top:#ffffff 1px solid;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent1 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent3 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent4 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent5 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent6 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent7 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent1 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent3 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent4 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent5 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent6 a:hover{background:#fcc4dd; margin:0px;}


/*
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2{display:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNavParent2 span.noLink{width:auto; height:auto; background:#333333; margin:0px;}
*/

/* hdrSiteBox */
#contentAll div.hdrGnavBox div.hdrSiteBox{position:static;}
#contentAll div.hdrGnavBox div.hdrSiteBox ul{float:none;}

/* hdrSiteList */
#contentAll div.hdrGnavBox ul#hdrSiteList{padding:0px; border-right:none; margin-right:0px;}
#contentAll div.hdrGnavBox ul#hdrSiteList li{
	width:100%;
	display:block;
	font-size:18px;
	line-height:1.1;
	margin-right:0px;
}

#contentAll div.hdrGnavBox ul#hdrSiteList li a{
	display:block;
	border-bottom:#ffffff 1px solid;
	padding:9px 7px;
	text-indent:0px;
	margin:0px;
}

#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite1 a{width:auto; height:auto; background:#fcc4dd;}
#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite2 a{width:auto; height:auto; background:#fcc4dd;}
#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite3 a{width:auto; height:auto; background:#fcc4dd;}
#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite4 a{width:auto; height:auto; background:#fcc4dd;}
#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite5 a{width:auto; height:auto; background:#fcc4dd;}



#contentAll div.hdrGnavBox ul#hdrSiteList li span{
	display:block;
	background:transparent url(img/gnav_arrow_sp.png) no-repeat right;
	background-size:24px 12px;
	padding-right:30px;
}

#contentAll div.hdrGnavBox ul#hdrSiteList li#hdrSite5{ display: block;}

#contentAll div.hdrGnavBox ul#hdrSiteList li a         {text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrSiteList li a:link    {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrSiteList li a:visited {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrSiteList li a:hover   {color:#663399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrSiteList li a:active,
#contentAll div.hdrGnavBox ul#hdrSiteList li a:focus   {color:#663399;text-decoration:none;}

/* snsList */
#contentAll div.hdrGnavBox ul.snsList{display:none;}

/*-------------------------------------------
body
-------------------------------------------*/
/* contentBody */
#contentAll #contentBody{
	width:auto;
	padding:0px 10px 20px;
	margin:0px auto;
}

/* contentBodyMain */
#contentAll #contentBodyMain{
	width:auto;
	overflow:hidden;
	padding:0px;
	margin:0px auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:#fde9f3;
	border:#e75a9a 2px solid;
}


/* contentBodyFoot
---------------------------------*/
#contentAll #contentBodyFoot{background:none;}

/* bftGnavList */
#contentAll #contentBodyFoot div#bftGnavList{
	padding:10px 5px 0px;
	min-width:290px;
}

/*#contentAll #contentBodyFoot div#bftGnavList ul.bftGnav1{
	width:auto;
	margin:0px auto;
	border:1px solid #ffcce4;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#feecf5;
}*/

#contentAll #contentBodyFoot div#bftGnavList ul.bftGnav1{
	width:auto;
	margin:0px auto;
	border:1px solid #ffcce4;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#feecf5;
}
#contentAll #contentBodyFoot div#bftGnavList ul.bftGnav2{
	width:auto;
	margin:0px auto;
	border-left:1px solid #ffcce4;
	border-right:1px solid #ffcce4;
	border-bottom:1px solid #ffcce4;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	background:#feecf5;
}

#contentAll #contentBodyFoot div#bftGnavList ul li{
	display:inline-block;
	vertical-align:top;
	padding:0px;
	width:49%;
	border-left:none !important;
	border-top:1px solid #ffcce4;
	line-height:1;
	}

#contentAll #contentBodyFoot div#bftGnavList ul li a{
	display:block;
	padding:10px;
	border-right:1px solid #ffcce4;
	text-align:center;
	text-decoration:none !important;
	}
#contentAll #contentBodyFoot div#bftGnavList ul.bftGnav1 li:nth-child(5) a{padding:3px 10px 2px;}
#contentAll #contentBodyFoot div#bftGnavList ul.bftGnav2 li:nth-child(1) a{padding:3px 10px 2px;}

#contentAll #contentBodyFoot div#bftGnavList ul li:nth-child(2n) a{border-right:none;}
#contentAll #contentBodyFoot div#bftGnavList ul li:nth-child(1),
#contentAll #contentBodyFoot div#bftGnavList ul li:nth-child(2){border-top:none;}
#contentAll #contentBodyFoot div#bftGnavList ul li.odd{border-right:none; display:block; width: 100%;}
#contentAll #contentBodyFoot div#bftGnavList ul li.odd a{border-right:none;}

/* bftSiteBox */
#contentAll #contentBodyFoot div.bftSiteBox{display:block; padding:10px 5px 0px; overflow:hidden;}

/* mainCopyArea */
#contentAll #contentBodyFoot div.mainCopyArea{padding:10px 5px 0px;}

/* mainCopy */
#contentAll #contentBodyFoot div.mainCopyArea p.mainCopy{
	float:left;
	width:50%;
	height:13px;
	display:block; text-indent:-9999px; overflow:hidden;
	background:transparent url(img/main_logo_sp.png) no-repeat left top;
	background-size:134px 13px;
}

/* plinkTop */
#contentAll #contentBodyFoot div.mainCopyArea p.plinkTop{
	float:right;
	width:50%;
	text-align:right;
	font-size:12px;
	line-height:1.1;
	padding-right:0px;
	}
	/*a*/
	#contentAll #contentBodyFoot div.mainCopyArea p.plinkTop a         {cursor:pointer;text-decoration:underline !important;}
	#contentAll #contentBodyFoot div.mainCopyArea p.plinkTop a:hover   {color:#993399;text-decoration:underline !important;}

/* mainBnrArea */
#contentAll #contentBodyFoot div.mainBnrArea{display:none;}

.spNone{
	display: none;
}

.pcNone{
	display: block;
}

/*-------------------------------------------
footer
-------------------------------------------*/
/* contentFoot */
#contentAll #contentFoot{
	width:auto;
	padding:0px 10px;
	background:#ffffff;
}

/* contentFootMain */
#contentAll #contentFootMain{
	width:auto;
	overflow:hidden;
	padding:0px;
	margin:0px auto;
	height:42px;
}

#contentAll #contentFootMain p{
	padding:5px 0px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(img/ftr_logo_sp.png) no-repeat right;
	background-size:114px 32px;
}



}