@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2014/11/5
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.48;
	color: #444;
}

@media screen and (max-width: 639px) {
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.3;
	-webkit-text-size-adjust: none;
	word-break: break-all;
	word-wrap: break-word;
}
}

body, div, pre, p, blockquote, figure, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
abbr, acronym
{ border: 0;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}


/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#wrapper,
#contents,
.main01,
.sub01,
.section01,
.mainInL01
.mainInL02,
.mainInR01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#wrapper:after,
#contents:after,
.main01:after,
.sub01:after,
.section01:after,
.mainInL01:after,
.mainInL02:after,
.mainInR01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #wrapper,
* html #contents,
* html .main01,
* html .sub01,
* html .section01,
* html .mainInL01,
* html .mainInL02,
* html .mainInR01
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body {
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 639px) {
body { overflow: hidden;}
}

@media print {
	html,
	html body { *zoom: 0.65;}
	body { overflow: visible !important;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	background: #fff;
}

/* !header
---------------------------------------------------------- */
#header {
	position: relative;
	width: 100%;
	min-width: 975px;
	background: #fff;
	border-bottom: 1px solid #8f8f90;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
	#headerIn {
		position: relative;
		width: 960px;
		height: 85px;
		margin: 0 auto;
		padding: 10px 0 9px;
		text-align: left;
	}
		#headerLogo {
			width: 119px;
			height: 65px;
		}
			#headerLogo a {
				display: block;
				height: 65px;
				background: url(../img/logo_top01.png) no-repeat left top;
				text-indent: -9999px;
			}
			#headerLogo a:hover { background-position: left bottom;}
		#headerIn .spMenuTrig01 { display: none;}

		#mainMenu {
			position: absolute;
			left: 125px;
			top: 45px;
		}
		#headerMenu {
			position: absolute;
			left: 125px;
			top: 10px;
			width: 835px;
			overflow: hidden;
		}
			#mainMenu ul,
			#subMenu ul { overflow: hidden;}
				#mainMenu ul li,
				#subMenu ul li {
					float: left;
					width: 100px;
					height: 30px;
					margin-right: 5px;
				}
				#mainMenu ul li:last-child { margin-right: 0;}
					#mainMenu ul li a,
					#subMenu ul li a {
						display: block;
						height: 30px;
						background-repeat: no-repeat;
						background-position: left top;
						text-indent: -9999px;
					}
					#mainMenu ul li.menu01 a { background-image: url(../img/btn_menu01.png);}
					#mainMenu ul li.menu02 a { background-image: url(../img/btn_menu02.png);}
					#mainMenu ul li.menu03 a { background-image: url(../img/btn_menu03.png);}
					#mainMenu ul li.menu04 a { background-image: url(../img/btn_menu04.png);}
					#mainMenu ul li.menu05 a { background-image: url(../img/btn_menu05.png);}
					#mainMenu ul li.menu06 a { background-image: url(../img/btn_menu06.png);}
					#mainMenu ul li.menu07 a { background-image: url(../img/btn_menu07.png);}
					#mainMenu ul li.menu08 a { background-image: url(../img/btn_menu08.png);}
					#subMenu ul li.subMenu01 a { background-image: url(../img/btn_submenu01.png);}
					#subMenu ul li.subMenu02 a { background-image: url(../img/btn_submenu02.png);}
					#subMenu ul li.subMenu03 a { background-image: url(../img/btn_submenu03.png);}
					#subMenu ul li.subMenu04 a { background-image: url(../img/btn_submenu04.png);}
					#subMenu ul li.subMenu05 a { background-image: url(../img/btn_submenu05.png);}
					#mainMenu ul li a:hover,
					#subMenu ul li a:hover { background-position: left bottom;}
			#subMenu { float: left;}
			#headerMenu .headerSearch {
				float: left;
				width: 229px;
				margin-right: 5px;
				padding: 5px;
				background: #cedfff;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				position: relative;
			}
				#headerMenu .headerSearch .inputText {
					display: inline-block;
					width: 174px;
					margin-right: 5px;
					vertical-align: top;
				}
				#headerMenu .headerSearch .inputBtn {
					position: absolute;
					top: 5px;
					left: 184px;
					display: inline-block;
					width: 40px;
					height: 20px;
					overflow: hidden;
					vertical-align: top;
				}
					#headerMenu .inputText input[type="text"] {
						height: 20px;
						border: none;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
					}
					#headerMenu .inputBtn input[type="button"] {
						width: 40px;
						height: 20px;
						background: url(../img/btn_head_search01.png) no-repeat left top;
						vertical-align: top;
						border: none;
						cursor: pointer;
					}
					#headerMenu .inputBtn input[type="button"]:hover { background-position: left bottom;}
			#headerMenu .snsList {
				position: absolute;
				right: 0;
				top: 0;
				padding: 3px 0 0;
				overflow: hidden;
			}
				#headerMenu .snsList li {
					float: left;
					width: 24px;
					margin-right: 2px;
				}
				#headerMenu .snsList li:last-child { margin-right: 0;}
					#headerMenu .snsList li a {
						display: block;
						height: 24px;
						background-repeat: no-repeat;
						background-position: left top;
						text-indent: -9999px;
					}
					#headerMenu .snsList li.facebook a { background-image: url(../img/btn_head_sns01.png);}
					#headerMenu .snsList li.twitter a { background-image: url(../img/btn_head_sns02.png);}
					#headerMenu .snsList li.youtube a { background-image: url(../img/btn_head_sns03.png);}
					#headerMenu .snsList li a:hover { background-position: left bottom;}

.cv_box {
	display: none;
}




@media screen and (max-width: 639px) {
#header {
	width: 100%;
	min-width: 0;
	border-bottom: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	z-index: 500;
}
	#headerIn {
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 5px 0 0;
	}
		#headerLogo {
			width: 75px;
			height: 35px;
			margin-left: 10px;
		}
			#headerLogo a {
				height: 40px;
				background: url(../img/sp/logo_top_sp02.png) no-repeat left top;
				background-size: 67px 40px;
			}
			#headerLogo a:hover { background-position: left top;}

		#headerIn .spMenuTrig01 {
			display: block;
			position: absolute;
			right: 5px;
			bottom: 0;
			width: 45px;
			height: 46px;
		}
			#headerIn .spMenuTrig01 a {
				display: block;
				height: 46px;
				background: url(../img/sp/btn_menu03.png) no-repeat center 8px;
				background-size: 32px 27px;
				text-indent: -9999px;
				border-radius: 3px 3px 0 0;
				-webkit-border-radius: 3px 3px 0 0;
				-moz-border-radius: 3px 3px 0 0;
			}
			#headerIn .spMenuTrig01.open a {
				background: #3f84fa url(../img/sp/btn_menu_close01.png) no-repeat center 7px;
				background-size: 27px 27px;
			}
		.headerMenuWrap {
			display: none;
			position: absolute;
			left: 0;
			top: 50px;
			width: 100%;
			background: #3f84fa;
		}
		#mainMenu,
		#headerMenu {
			position: static;
			left: auto;
			top: auto;
			width: auto;
		}
			#subMenu ul { border-top: 1px solid #fff;}
			#mainMenu ul,
			#subMenu ul {}
				#mainMenu ul li,
				#subMenu ul li {
					float: none;
					width: 100%;
					height: 55px;
					margin: 0;
					border-bottom: 1px solid #fff;
				}
				#mainMenu ul li:last-child { border-bottom: none;}
					#mainMenu ul li a,
					#subMenu ul li a {
						display: block;
						height: 54px;
						background-repeat: no-repeat;
						background-position: right center;
						text-indent: 0;
						font-size: 18px;
						font-weight: bold;
						color: #fff;
						line-height: 54px;
						text-decoration: none;
					}
					#mainMenu ul li.menu01 a,
					#mainMenu ul li.menu02 a,
					#mainMenu ul li.menu03 a,
					#mainMenu ul li.menu04 a,
					#mainMenu ul li.menu05 a,
					#mainMenu ul li.menu06 a,
					#mainMenu ul li.menu07 a,
					#mainMenu ul li.menu08 a,
					#mainMenu ul li.menu09 a,
					#subMenu ul li.subMenu01 a,
					#subMenu ul li.subMenu02 a,
					#subMenu ul li.subMenu03 a,
					#subMenu ul li.subMenu04 a,
					#subMenu ul li.subMenu05 a {
						background: -webkit-linear-gradient(#3e83fa, #1664e9);
						background: linear-gradient(#3e83fa, #1664e9);
					}
					#subMenu ul li.subMenu06 a {
						background: -webkit-linear-gradient(#ff8400, #f55100);
						background: linear-gradient(#ff8400, #f55100);
					}
					#mainMenu ul li a:hover,
					#subMenu ul li a:hover { background-position: right center;}
						#mainMenu ul li a span,
						#subMenu ul li a span {
							display: block;
							height: 54px;
							padding-left: 23px;
							background: url(../img/sp/ico_arrow_r02.png) no-repeat right center;
							background-size: 24px 19px;
						}
			#subMenu { float: none;}
			#headerMenu .headerSearch { display: none;}
			#headerMenu .snsList {
				position: static;
				right: auto;
				top: auto;
				padding: 10px;
			}
				#headerMenu .snsList li {
					float: left;
					width: 30px;
					height: 30px;
					margin-right: 10px;
				}
				#headerMenu .snsList li:last-child {}
					#headerMenu .snsList li a {
						display: block;
						height: 30px;
					}
					#headerMenu .snsList li.facebook a {
						background-image: url(../img/sp/btn_sns01.png);
						background-size: 30px 30px;
					}
					#headerMenu .snsList li.twitter a {
						background-image: url(../img/sp/btn_sns02.png);
						background-size: 30px 30px;
					}
					#headerMenu .snsList li.youtube a {
						background-image: url(../img/sp/btn_sns03.png);
						background-size: 30px 30px;
					}
					#headerMenu .snsList li a:hover { background-position: left top;}

}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	margin-bottom: 20px;
	padding-top: 17px;
}
	#breadcrumb ul { overflow: hidden;}
		#breadcrumb ul li {
			float: left;
			color: #000;
			font-size: 12px;
			line-height: 2;
			margin: 0 10px 10px 0;
		}
			#breadcrumb ul li span {
				padding: 2px 15px;
				color: #000;
				border-radius: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
			}
			#breadcrumb .breadcrumb01 li span {
				background: #ffec65;
				border: 2px solid #ffec65;
			}
			#breadcrumb .breadcrumb02 li span {
				background: #ffbbdd;
				border: 2px solid #ffbbdd;
			}
			#breadcrumb .breadcrumb03 li span {
				background: #ffd376;
				border: 2px solid #ffd376;
			}
			#breadcrumb .breadcrumb04 li span {
				background: #a8d4fd;
				border: 2px solid #a8d4fd;
			}
				#breadcrumb ul li a {
					padding-right: 18px;
					text-decoration: none;
				}
				#breadcrumb .breadcrumb01 li a {
					background: url(../img/ico_arrow01.png) no-repeat right center;
				}
				#breadcrumb .breadcrumb02 li a {
					background: url(../img/ico_arrow02.png) no-repeat right center;
				}
				#breadcrumb .breadcrumb03 li a {
					background: url(../img/ico_arrow03.png) no-repeat right center;
				}
				#breadcrumb .breadcrumb04 li a {
					background: url(../img/ico_arrow04.png) no-repeat right center;
				}
				#breadcrumb .breadcrumb01 li a span,
				#breadcrumb .breadcrumb02 li a span,
				#breadcrumb .breadcrumb03 li a span,
				#breadcrumb .breadcrumb04 li a span {
					background: #fff;
					border: 2px solid #7c7c7c;
				}
				#breadcrumb .breadcrumb01 li a span:hover {
					background: #ffec65;
				}
				#breadcrumb .breadcrumb02 li a span:hover {
					background: #ffbbdd;
				}
				#breadcrumb .breadcrumb03 li a span:hover {
					background: #ffd376;
				}
				#breadcrumb .breadcrumb04 li a span:hover {
					background: #a8d4fd;
				}
.breadcrumbSp { display: none;}

@media screen and (max-width: 639px) {
#breadcrumb { display: none; }
.breadcrumbSp {
	display: block;
	margin: 10px ;
}
.breadcrumbSp p {
	padding: 11px 12px;
	color: #000;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	font-size: 14px;
}
.breadcrumbSp .breadcrumb01 {
	background: #ffec65;
	border: 2px solid #ffec65;
}
.breadcrumbSp .breadcrumb02 {
	background: #ffbbdd;
	border: 2px solid #ffbbdd;
}
.breadcrumbSp .breadcrumb03 {
	background: #ffd376;
	border: 2px solid #ffd376;
}
.breadcrumbSp .breadcrumb04 {
	background: #a8d4fd;
	border: 2px solid #a8d4fd;
}
}

/* !contents
---------------------------------------------------------- */
#contents {
	text-align: left;
	min-width: 975px;
	background: url(../img/bg_header01.png) repeat-x;
	padding-top: 25px;
	position: relative;
}
	#contents .contentsWrap {
		margin: -25px auto 0;
		width: 975px;
		background: url(../img/bg_lnavi01.png) repeat-y left top;
	}
	
	#contents .contentsWrapHGS {
	margin: -25px auto 0;
	width: 975px;
	background-image: url(../../images/hgs/common/bg_hgs.png);
	background-repeat: repeat-y;
	background-position: left top;
	}
	.main01 {
		margin-top: 25px;
		padding: 10px 0 35px;
		float: right;
		width: 751px;
	}
	.main02 {
	margin-top: 26px;
	float: right;
	width: 767px;
	background-image:url(../../images/hgs/common/bg_hgs3.jpg);
	/*padding-top: 20px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 20px;*/
	}
	.sub01 {
		float: left;
		width: 208px;
		text-align: center;
	}
		.sub01 .sideTit01 {
			margin: 20px 0;
		}
			.sub01 .sideMenu01 li {
				margin-bottom: 10px;
			}
				.sub01 .sideMenuList01 {
					margin-bottom: 20px;
				}
					.sub01 .sideSubMenu01 {
						display: none;
						margin: 10px 0 20px;
					}
#products .sub01 .list01 .sideSubMenu01 { display: block;}
#library .sub01 .list04 .sideSubMenu01 { display: block;}
				.sub01 .sideMenuLicca01 {
					margin: 0 auto 20px;
					padding: 70px 10px 1px;
					width: 170px;
					background: #ffaad5;
					border-radius: 15px;
					-webkit-border-radius: 15px;
					-moz-border-radius: 15px;
					position: relative;
				}
					.sub01 .sideMenuLicca01 .liccaAbout01 {
						position: absolute;
						top: -10px;
					}
				.sub01 .sideMenuEvent01 {
					margin-bottom: 20px;
				}
				.sub01 .sideMenuDownload01 {
					margin: 0 auto;
					padding: 10px;
					width: 170px;
					text-align: center;
					background: #2ac5ff;
					border: 2px solid #fff;
					border-radius: 8px;
					-webkit-border-radius: 8px;
					-moz-border-radius: 8px;
				}
.sub01 .sideMenuDownload01 .downloadBtn01 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  display: inline-block;
  padding: 6px 0px;
  margin: 0px auto 4px;
  width: 100%;
  text-decoration: none;
  color: #0056FF;
  font-weight: bold;
  background-color: #FFFA18;
  border-radius: 12px;
  background-image: -webkit-linear-gradient(270deg,rgba(244,255,23,1.00) 55%,rgba(239,227,0,1.00) 55%);
  background-image: -moz-linear-gradient(270deg,rgba(244,255,23,1.00) 55%,rgba(239,227,0,1.00) 55%);
  background-image: -o-linear-gradient(270deg,rgba(244,255,23,1.00) 55%,rgba(239,227,0,1.00) 55%);
  background-image: linear-gradient(180deg,rgba(244,255,23,1.00) 55%,rgba(239,227,0,1.00) 55%);
  font-size: 12px;
  text-shadow: 0px 0px 3px #FFFFFF;
}
.sub01 .sideMenuDownload01 .pdfBtn01 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  display: inline-block;
  padding: 4px 0px;
  margin: 0px auto 4px;
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #0065C7;
  border-radius: 12px;
  background-image: -webkit-linear-gradient(270deg,#0078d4 55%,#0065C7 55%);
  background-image: -moz-linear-gradient(270deg,#0078d4 55%,#0065C7 55%);
  background-image: -o-linear-gradient(270deg,#0078d4 55%,#0065C7 55%);
  background-image: linear-gradient(180deg,#0078d4 55%,#0065C7 55%);
  font-size: 11px;
  
}






#toppage .sub01 .sideMenuDownload01 { display: none;}
					.sub01 .sideMenuDownload01 .downloadTit01 {
						margin-bottom: 5px;
					}
					.sub01 .sideMenuDownload01 .catalogImg {
						margin-bottom: 5px;
					}
					.sub01 .sideMenuDownload01 .catalogDate {
						margin-bottom: 5px;
						font-size: 14px;
						color: #fff;
						background: #0078d4;
						border-radius: 8px;
						-webkit-border-radius: 8px;
						-moz-border-radius: 8px;
					}
					.sub01 .sideMenuDownload01 .pdfSize {
						padding-left: 30px;
						font-size: 20px;
						display: inline;
						background: url(../img/ico_pdf01.png) no-repeat center left;
					}
				.sub01 .sideMenuBnrList01 {
					margin-top: 50px;
					padding-top: 50px;
					background: url(../img/bg_lnavi_line01.png) no-repeat center top;
				}
#toppage .sub01 .sideMenuBnrList01 { margin-top: 35px;}
	.section01 {
		margin-bottom: 30px;
		clear: both;
		width: 100%;
	}
    
.top_bnr { width: 100%; }
	

@media screen and (max-width: 639px) {
#contents {
	width: 100%;
	min-width: 0;
	padding: 10px 0 10px;
	background-size: 101px 13px;
}
	#contents .contentsWrap {
		margin: 0 auto;
		width: 100%;
		background: none;
	}
	
	#contents .contentsWrapHGS {
		margin: 0 auto;
		width: 100%;
		background: none;
	}
	.main01 {
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 75px;
	}
		.main01 .mainImg01 {
			width: 100%;
		}
		.main01 .mainImg01 img {
			width: 100%;
		}
		
		.main02 {
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 90px;
	}
		.main02 .mainImg01 {
			width: 100%;
		}
		.main02 .mainImg01 img {
			width: 100%;
		}
	.sub01 {
		margin-top: 0;
		padding: 0;
		width: 100%;
		float: none;
		background-image: none;
		text-align: center;
	}
		.sub01 .sideMenu01 li {
			margin-bottom: 5px;
		}
		.sub01 .sideMenu01 .sideMenuTit {
			margin: 10px 0 10px 10px;
		}
		
	.sub01 .sideMenu01 .sideMenuTit02 {
			float:left;
			margin-left:10px;
			margin-top:10px;
		}
		.sub01 .sideMenu01 .sideSubOpen {
			position: relative;
		}
		.sub01 .sideMenu01 .sideSubOpen .btn_aco01 {
			width: 19px;
			height: 19px;
			position: absolute;
			top: 15px;
			right: 15px;
			background-image: url(../img/sp/btn_ac01.png);
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 19px 38px;
			overflow: hidden;
		}
		.sub01 .sideMenu01 .sideSubOpen .btn_aco01.open {
			background-position: left bottom;
		}
        .sub01 .sideMenu01 .sideSubOpen .btn_aco04 {
			width: 19px;
			height: 19px;
			position: absolute;
			top: 15px;
			right: 15px;
			background-image: url(../img/sp/btn_ac04.png);
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 19px 38px;
			overflow: hidden;
		}
		.sub01 .sideMenu01 .sideSubOpen .btn_aco04.open {
			background-position: left bottom;
		}
        .sub01 .sideMenu01 .sideSubOpen .btn_aco05 {
			width: 19px;
			height: 19px;
			position: absolute;
			top: 15px;
			right: 15px;
			background-image: url(../img/sp/btn_ac05.png);
			background-repeat: no-repeat;
			background-position: left top;
			background-size: 19px 38px;
			overflow: hidden;
		}
		.sub01 .sideMenu01 .sideSubOpen .btn_aco05.open {
			background-position: left bottom;
		}
		.sub01 .sideSubMenu01 {
			display: block;
			margin-left: 15px;
		}
			.sub01 .sideSubMenu01 li {
				margin: 0 5px 10px;
				float: left;
			}
		.sub01 .sideMenuLicca01 {
			padding: 70px 0 0;
			width: 283px;
		}
			.sub01 .sideMenuLicca01 .liccaAbout01 {
				margin: 0 10px;
			}
			.sub01 .sideMenuLicca01 .liccaMenu01 {
				margin: 0 0 10px 10px;
				float: left;
			}
		.sub01 .sideMenuDownload01 { display: none;}
	.section01 {
		padding: 0;
	}
		.section01 .tit01 img {
			width: 100%;
			height: auto;
		}
		.mainInL01 {
			float: none;
			width: 100%;
		}
		.mainInR01 {
			float: none;
			width: 100%;
		}
.spSection01 { padding: 0 10px;}
.top_bnr { width: 310px; margin: 0 auto; text-align: center; display: block; }
}


/* !side navi
---------------------------------------------------------- */
.sideMenuWrap01 {}
	.sideMenuWrap01 .spSideMenuTrig01 { display: none;}
	.menuTop01 { margin-bottom: 5px;}
		.menuTop01 a {
			display: block;
			height: 40px;
			padding: 11px 5px 10px 40px;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.2;
			color: #0050d9;
			text-decoration: none;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		.menuTop01 a:hover {
			color: #ff7e00;
		}
	.sideMenu01 {}

@media screen and (max-width: 639px) {
.sideMenuWrap01 {
	width: 100%;
	height: 72px;
	position: absolute;
	top: 10px;
	left: 0;
	background: url(../img/bg_header01.png) repeat-x center bottom;
	background-size: 101px 13px;
	z-index: 300;
}
#toppage .sideMenuWrap01 { /*background: none;*/}
	.sideMenuWrap01 .sideTit01 {
		margin: 0;
		position: absolute;
		top: 7px;
		left: 5px;
	}
	.sideMenuWrap01 .spSideMenuTrig01 {
		width: 45px;
		height: 45px;
		position: absolute;
		top: 7px;
		right: 5px;
		display: block;
		background: url(../img/sp/btn_menu04.png) no-repeat center center;
		background-size: 45px 45px;
		text-indent: -9999px;
		border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
	}
	.sideMenuWrap01 .spSideMenuTrig01.open {
		background: url(../img/sp/btn_menu_close03.png) no-repeat center center;
		background-size: 45px 45px;
	}
	.sideMenuWrap01 .sideMenu01 {
		width: 100%;
		display: none;
		background: #fff;
		position: absolute;
		top: 55px;
		left: 0;
	}
}


/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	min-width: 975px;
	text-align: left;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #03a;
}
	#footerIn {
		width: 960px;
		height: 57px;
		margin: 0 auto;
		padding-top: 20px;
		position: relative;
	}
		#footerLinks {
			float: left;
			overflow: hidden;
		}
			#footerLinks li {
				float: left;
				margin-right: 18px;
			}
				#footerLinks li a {}

		#copyright { float: right;}
			#copyright .footerLogo { margin-left: 5px;}

@media screen and (max-width: 639px) {
#footer {
	background: #fff;
	min-width: 0;
	border-top: none;
	border-bottom: none;
}
	#footerIn {
		width: 100%;
		height: auto;
		margin: 0;
		padding-top: 0;
	}
		#footerLinks {
			float: none;
			margin: 30px 0 30px;
			border-top: 1px solid #c0c0c0;
		}
			#footerLinks li {
				float: none;
				width: 100%;
				height: 54px;
				margin-right: 0;
				border-bottom: 1px solid #c0c0c0;
				background: #fff;
			}
				#footerLinks li a {
					display: block;
					height: 54px;
					background: url(../img/sp/ico_arrow02.png) no-repeat right center;
					background-size: 14px;
					text-decoration: none;
					font-size: 18px;
					font-weight: bold;
					color: #000;
					line-height: 54px;
					padding-left: 23px;
				}

		#copyright {
			float: none;
			padding: 19px 0;
			background: #fff;
			text-align: center;

		}
			#copyright .footerLogo { margin-left: 0;}
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right: 0;
	top: -36px;
	width: 174px;
	height: 36px;
}
	.pageTop a {
		display: block;
		height: 36px;
		background: url(../img/btn_pagetop01.png) no-repeat left top;
		text-indent: -9999px;
	}
	.pageTop a:hover { background-position: left bottom;}

@media screen and (max-width: 639px) {
.pageTop {
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 254px;
	height: 47px;
}
	.pageTop a {
		height: 47px;
		display: block;
		background: url(../img/sp/btn_pagetop01.png) no-repeat left top;
		background-size: 254px 47px;
		text-indent: -9999px;
	}
}

/* !for voice
---------------------------------------------------------- */
.forVoice {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* !h(n)eading
---------------------------------------------------------- */

/* !List Style
---------------------------------------------------------- */

/* !Box Style
---------------------------------------------------------- */

/* !Link Style
---------------------------------------------------------- */

/* Icon
---------------------------------------------------------- */

/* Table
---------------------------------------------------------- */

/* category
---------------------------------------------------------- */
.boxListType01 .eventBox01 {
	margin: 0 10px 30px 0;
	width: 238px;
	float: left;
	background: url(../../event/img/bg_event02.png) no-repeat center bottom;
}
	.boxListType01 .eventBoxIn01 {
		padding: 27px 13px 13px 10px;
		display: block;
		background: url(../../event/img/bg_event01.png) no-repeat center top;
		text-decoration: none;
		overflow: hidden;
		min-height: 260px;
	}
		.boxListType01 .eventBoxIn01 .eventBoxImg01 {
			margin-bottom: 10px;
			width: 216px;
			height: 111px;
		}
		.boxListType01 .eventBoxIn01 .eventBoxTxt01 {
			color: #ff30a2;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
		}
		.boxListType01 .eventBoxIn01 .eventBoxtxt02 {
			color: #000;
			font-size: 14px;
			text-decoration: none;
		}

		.boxListType01 .eventBoxIn01 .image01 {
    width: 216px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		}
			.boxListType01 .eventBoxIn01 .image01 img {
				width: 100%;
				height: auto;
			}
			.boxListType01 .eventBoxIn01:hover .image01 img { opacity: 0.8;}
		.boxListType01 .eventBoxIn01 .text01 {
			color: #000;
			text-decoration: none;
		}

.boxListType02 li {
	margin: 0 3px 20px 0;
	width: 175px;
	float: left;
}
	.boxListType02 li img {
		width: 100%;
	}
.boxListType03 li {
	margin: 0 10px 20px 0;
	width: 238px;
	float: left;
}
.categoryTab01 li {
	margin-right: 9px;
	height: 62px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.categoryTab01 #all { width: 155px; }
.categoryTab01 #licca { width: 151px; }
.categoryTab01 #friend { width: 132px; }
.categoryTab01 #family { width: 152px; }
.categoryTab01 #hgs { width: 114px; }
.categoryTab01.goods01 #all { width: 154px; }
.categoryTab01.goods01 #licca { width: 128px; }
.categoryTab01.goods01 #set { width: 132px; }
.categoryTab01.goods01 #other { width: 148px; }
.categoryTab01.goods01 #hgs { width: 114px; }
.categoryTab01.goods02 #all { width: 125px; }
.categoryTab01.goods02 #goods { width: 125px; }
.categoryTab01.goods03 #hgs { width: 125px; }
	.categoryTab01 li img {
		width: 100%;
		height: 124px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.categoryTab01 li:hover img,
	.categoryTab01 li.current img {
		top: -62px;
	}

.btnListType01 {}
.btnListType01 li {
	float: left;
	width: 175px;
	margin: 0 12px 11px 0;
	position: relative;
}
.btnListType01.tri01 li {	width: 238px;}
.btnListType01.tri02 li {	width: 248px;}
.btnListType01.tri03 li {	width: 360px;}
.btnListType01.tri03 li img { width: 100%; height: auto;}
.btnListType01 li a:hover img { opacity: 0.9;}
.btnListType01 li.new::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../img/ico_new01.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 66px;
    height: 61px;
}



.btnListType02 { padding: 0 0 0 10px;}
.btnListType02 li {
	float: left;
	width: 176px;
	margin: 0 7px 30px 0;
	position: relative;
}
.btnListType02 li.new::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../img/ico_new01.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 61px;
}

.btnListType02 li .card01 { margin-bottom: 10px;}
.btnListType02 li .cardBtns01 { padding: 0 2px 0 4px;}
.btnListType02 li .cardBtns01 .btn01 { margin-bottom: 5px;}
.btnListType02 li img { width: 100%; height: auto;}
.btnListType02 li .card01 a:hover,
.btnListType02 li .cardBtns01 .btn01 a:hover { opacity: 0.9;}
.btn02 {
	margin-bottom:5px;
}

.btn02:hover { opacity: 1.0;}

@media screen and (max-width: 639px) {
	
	.movie_box {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 8px;
	height:130px;
    text-align: center;
}

.boxListType01 {
	padding: 0 10px;
}
	.boxListType01 .eventBox01 {
		margin: 10px 0 12px;
		width: 100%;
		float: left;
		background: url(../../event/img/sp/bg_event02.png) no-repeat center bottom;
		background-size: 100% auto;
	}
		.boxListType01 .eventBoxIn01 {
			padding: 25px 13px 26px 12px;
			display: block;
			background: url(../../event/img/sp/bg_event01.png) no-repeat center top;
			background-size: 100% auto;
		}
			.boxListType01 .eventBoxIn01 .eventBoxImg01 {
				margin-bottom: 10px;
				width: 100%;
				height: auto;
			}
		.boxListType01 .eventBoxIn01 .image01 {
			width: 100%;
			margin-bottom: 9px;
		}

.boxListType02 {
	margin: 0 4px 20px;
}
	.boxListType02 li {
		margin: 0 5px 20px;
		width: 47%;
	}
	.boxListType02 .doll {
		margin: -10px 5px 20px;
	}
		.boxListType02 li img {
			width: 100%;
			height: auto;
		}
.boxListType03 {
	margin: 0 4px 20px;
}
	.boxListType03 li {
		margin: 0 5px 20px;
		width: 47%;
	}
		.boxListType03 li img {
			width: 100%;
			height: auto;
		}
.rankingList01 .rankingListBox01 {
	margin: 0 auto 20px;
	width: 305px;
	height: 221px;
	position: relative;
	background: url(../../products/doll/ranking/images/sp/sp_base.png) no-repeat left top;
	background-size: 305px 221px;
	overflow: hidden;
}
.rankingList01 .rankingListBox01 .txt {
    font-family: "Rounded Mplus 1c";
    transform: rotate(0.05deg);
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 4px;
	line-height: 1.2;
	position: absolute;
    font-size: 12px;
width: 138px;
    height: 67px;
    top: 90px;
    left: 12px;
	text-align: center;
	}
	
	.rankingList01 .rankingNo01 {
		position: absolute;
		top: 25px;
		left: 47px;
	}
	.rankingList01 .productsDetail01 {
		position: absolute;
		left: 10px;
		bottom: 8px;
	}
	.rankingList01 .onlineShop01 {
		position: absolute;
		right: 10px;
		bottom: 8px;
	}
	.rankingList01 .rankingDoll01 {
		position: absolute;
		right: -80px;
		top:4px;
	}
	.rankingList01 .rankingName01 {
		position: absolute;
		left: 27px;
		top: 96px;
	}

.categoryTab01 {
	margin-bottom: 20px;
	padding: 0 7px;
	border-bottom: 3px solid #ff7ab8;
}
.categoryTab01 li {
	margin: 0 3px;
	height: auto;
	overflow: hidden;
}

.categoryTab01 #all,
.categoryTab01 #licca,
.categoryTab01 #friend,
.categoryTab01 #family,
.categoryTab01 #hgs { width: 83px; height: 110px;}
.categoryTab01.goods01 #all,
.categoryTab01.goods01 #licca,
.categoryTab01.goods01 #set,
.categoryTab01.goods01 #other,
.categoryTab01.goods01 #hgs { width: 83px; height: 110px;}
.categoryTab01.goods02 #all,
.categoryTab01.goods02 #goods,
.categoryTab01.goods02 #hgs { width: 30%;}
	.categoryTab01 li img {
		width: 100%;
		height: auto;
		position: relative;
	}
	.categoryTab01 li:hover img,
	.categoryTab01 li.current img {
		top: -111px;
	}
	
	@media screen and (max-width: 400px) {
		.categoryTab01 #all,
.categoryTab01 #licca,
.categoryTab01 #friend,
.categoryTab01 #family,
.categoryTab01 #hgs { width: 65px; height: 86px;}
.categoryTab01.goods01 #all,
.categoryTab01.goods01 #licca,
.categoryTab01.goods01 #set,
.categoryTab01.goods01 #other,
.categoryTab01.goods01 #hgs { width: 65px; height: 86px;}
.categoryTab01.goods02 #all,
.categoryTab01.goods02 #goods,
.categoryTab01.goods02 #hgs { width: 30%;}
	.categoryTab01 li img {
		width: 100%;
		height: auto;
		position: relative;
	}
	.categoryTab01 li:hover img,
	.categoryTab01 li.current img {
		top: -87px;
	}
}

.btnListType01 {
	padding: 10px 10px 0;
}
.btnListType01 li,
.btnListType01.tri01 li,
.btnListType01.tri02 li,

.btnListType01.tri03 li {
	width: 48.5%;
	margin: 0 0 8px;
}
.btnListType01 li:nth-child(odd) { float: left;}
.btnListType01 li:nth-child(even) { float: right;}
.btnListType01 li img { width: 100%; height: auto;}
.btnListType01 li a:hover img { opacity: 1;}

.btnListType02 { padding: 0 10px;}
.btnListType02 li {
	width: 48%;
	margin: 0 1% 20px;
}
.btnListType02 li .card01 { margin-bottom: 4px;}
.btnListType02 li .cardBtns01 { padding: 0 0 0 3px;}
.btnListType02 li .cardBtns01 .btn01 { margin-bottom: 5px;}
.btnListType02 li .card01:hover,
.btnListType02 li .cardBtns01 .btn01:hover { opacity: 1;}

}

/* !Input
---------------------------------------------------------- */
input[type="text"], textarea, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
input[type="text"] {
	-webkit-appearance: none;
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 1.2;
	background: #fff;
	padding: 2px 6px;
}

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

.hgs_newsbox {
    background-color: #fff;
    border: 2px solid #8cdcfa;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
    width: 90%;
	margin-left:auto;
	margin-right: auto;
	/*width: 730px;*/
}

.hgs_newsbox_title {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.hgs_newsbox_title a:link {
    color: #000;
    text-decoration: none;
}

#movie_boxArea{
	margin-left:35px;
	margin-top:20px;
}

.movie_box {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 8px;
	height:165px;
    text-align: center;
}

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

.hgs_newsbox {
    background-color: #fff;
    border: 2px solid #8cdcfa;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
    width: 90%;
	margin-left:auto;
	margin-right: auto;
	/*width: 730px;*/
}

.hgs_newsbox_title {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

.hgs_newsbox_title a:link {
    color: #000;
    text-decoration: none;
}

#movie_boxArea{
	margin-left:55px;
	margin-top:20px;
}

.movie_box {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 8px;
	height:160px;
    text-align: center;
}

.hgs_topmenu{
	float:left;
	margin-top: 10px;
	margin-left:10px;
}

}
.hgs_topmenu li {
	float: left;
	margin-right: 3px;
	margin-bottom: 5px;
}


.licca02{
	position:relative;
}
.licca02 .new{
	position:absolute;
	top:5%;
	left: 2%;
}