@charset "utf-8";
/*
 * name:common.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
html { font-size: 62.5%; }
body {
}
ul,ol { list-style: none; }
img { border: none; vertical-align: top; }


.hide { display: none; }
.fRed { color: #f00; }
.space { margin-top: 10px; }
.exSpace { margin-top: 30px; }
.spaceL { margin-left: 10px; }
.spaceR { margin-right: 10px; }
.center { text-align: center; }

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	/*	clear: both; */
	*zoom: 1;
}


/* contents
------------------------------------------------ */
#ocontents {
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3",  Helvetica, Verdana,"ＭＳ Ｐゴシック", "MS P Gothic", "メイリオ", "Meiryo", Osaka, sans-serif;
	line-height: 1.6;
	margin-top:20px;
}

/* topicpath */
#topicpath {
	padding: 10px 4%;
}

	#topicpath li {
		float: left;
		font-size: 1rem;
	}
		#topicpath li a { color: #000; }
		#topicpath li img { padding-top: 2px; width: 12px; }



/* page_nav
------------------------------------------------ */
#page_nav {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding: 0 4%;
	width: 92%;
	z-index: 20;
}

	#page_nav nav {
		margin: 10px 0;
	}

		#page_nav nav > ul {
		}

			#page_nav nav > ul > li {
				border-bottom: solid #f3a4cd 1px;
			}
			#page_nav nav > ul > li:first-child { border-top: solid #f3a4cd 1px; }
	
				#page_nav nav > ul > li a {
					display: block;
					padding: 10px 2%;
					font-size: 1.2rem;
				}
	
				#page_nav nav > ul > li:first-child a {
					padding-left: 30px;
					background: url(../img/share/icon_home.png) no-repeat 2% center;
					background-size: 13px;
				}
	
				#page_nav nav > ul > li ul {
					padding-bottom: 5px;
				}
	
					#page_nav nav > ul > li ul li {
						padding: 0 2.2em 5px;
					}
	
						#page_nav nav > ul > li ul li a {
							background: #fff;
							border: solid #f3a4cd 1px;
						}

	#page_nav .btn {
		margin: 10px auto;
		width: 90%;
	}

		#page_nav .btn img { width: 100%; }

/* modalwindow
------------------------------------------------ */
#overlay {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: #fff;
	z-index: 10;
}
#modalwindow {
	position: absolute;
	top:50%;
	left:50%;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	z-index: 20;
}
#loadContents {
	width: 100%;
	height: 100%;
	background: #fff;
	border: solid #ccc 1px;
}
#closeBox {
	position: absolute;
	top: 18px;
	right: 25px;
	display: block;
	width: 25px;
	height: 25px;
}




/*ec-cube setting*/
/*-------------------------------------*/
    .sp{display: block !important;}
    .pc{display: none !important;}
    span.sp{display: inline !important;}
    #contents {}
    #contents .container-fluid.inner {max-width:100%;  padding: 0; }