/* ----------------------------------------------------------------------------
Body
---------------------------------------------------------------------------- */
html,body {
	width:100%;
	min-width:initial; /*リセット*/
	min-width:600px;
	margin:0 auto;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin:0em;
}
ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left:1em;
}
li a {
	adisplay: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#hd-area {
	height:145px;
	background-color:#fff;
}

.t-none {
	display:none;
}


/* ----------------------------------------------------------------------------
Icon-IcoMoon
---------------------------------------------------------------------------- */
.icon-link-tablet:before {
	content: "\e91d";
}
.icon-link-tablet {
	color:#75B1D5;
}


/* ----------------------------------------------------------------------------
Header - pageheader
---------------------------------------------------------------------------- */

header#pageheader {
	width:initial; /*リセット*/
	width:100%;
	height:55px;
	padding:10px 10px 15px 10px;
	margin:0;
	background-color:#fff;
}


/* ----------------------------------------------------------------------------
Header - pageheader/Utility,SearchForm SNS
---------------------------------------------------------------------------- */

header#pageheader #utility {
	float:right;
	width:auto;
	height:30px;
	margin:0;
	padding:0;
}

header#pageheader nav#utility {
	margin:0 0 15px 0;
	padding:0;
	width:auto;
	background-color:#fff;
}

header#pageheader #search-sns {
	display:none;
}


/* -----------------------------------------------------------------------------
Header - pageheader/BrandName
---------------------------------------------------------------------------- */
header#pageheader h1#brandname {
	position:absolute;
	width:195px;
	height:45px;
	margin:41px 0 0 0;
	background:url('../img/kogumakai-logo-tablet.png') 0 0 no-repeat;
	background-size:195px 45px;
}


/* -----------------------------------------------------------------------------
Header - pageheader/BrandPromise
---------------------------------------------------------------------------- */
header#pageheader h2#brandpromise {
	clear:both;
	display:block;
	margin:70px 0 15px 0;
	width:100%;
	background-size:600px 16px;
}


/* ----------------------------------------------------------------------------
Navigation - GlobalNavigation
---------------------------------------------------------------------------- */
#gnav-area {
	display:inline-block;
	position:absolute;
	float:right;
	height:45px;
	margin:15px 0 0 -110px;
	padding:0;
	top:40px;
	text-align:right;
}
#gnav-btn {
	display:inline-block;
	position:relative;
	width:110px;
	height:43px;
	margin:0 10px 0 0;
	padding:0 10px;
	background:url('../img/gnav-btn.png') 70px 6px no-repeat #fff;
	border:solid 1px #003b83;
	aborder-radius:5px;
	-awebkit-border-radius:5px;  /* Safari,Google Chrome */
	-amoz-border-radius:5px;   /* Firefox */
}
#gnav-btn-icon{
	display:block;
	position:absolute;
	top:50%;
	right:16px;
	width:16px;
	height:2px;
	margin:-1px 0 0 -7px;
	background:#fff;
	transition:.2s;
}
#gnav-btn-text {
	display:inline-block;
	margin:11px 35px auto 0;
	padding:0;
	height:43px;
	color:#003b83;
	font-size:small;
}
#gnav-btn-icon:before,
#gnav-btn-icon:after{
	display: block;
	content: "";
	position: absolute;
	top:50%;
	left:0;
	width:16px;
	height:2px;
	background:#fff;
	transition:.3s;
}
#gnav-btn-icon:before{
	margin-top: -6px;
}
#gnav-btn-icon:after{
	margin-top: 4px;
}
#gnav-btn .close{
	background:transparent;
}
#gnav-btn .close:before,
#gnav-btn .close:after{
	margin-top: 0;
}
#gnav-btn .close:before{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#gnav-btn .close:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

nav#globalnav {
	display:block;
	position:absolute;
	width:250px;
	top:100px;
	right:0;
	margin:0 0 0 auto;
	padding:0;
	z-index:129;
}
nav#globalnav ul#gnav-menu {
	display:none;
	width:250px;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	border-top:solid 1px #ccc;
}
nav#globalnav ul#gnav-menu li{
	margin:0;
	padding:1.5em 1em;
	border:none;
	border-bottom:solid 1px #ccc;
}
nav#globalnav ul#gnav-menu li,
nav#globalnav ul#gnav-menu li a {
	float:none;
	list-style-type:none;
	white-space:normal;
}
nav#globalnav ul#gnav-menu li#kunomethod,
nav#globalnav ul#gnav-menu li#kunomethod a,
nav#globalnav ul#gnav-menu li#kunomethod-select,
nav#globalnav ul#gnav-menu li#kunomethod-select a,
nav#globalnav ul#gnav-menu li#exam,
nav#globalnav ul#gnav-menu li#exam a,
nav#globalnav ul#gnav-menu li#exam-select,
nav#globalnav ul#gnav-menu li#exam-select a,
nav#globalnav ul#gnav-menu li#class,
nav#globalnav ul#gnav-menu li#class a,
nav#globalnav ul#gnav-menu li#class-select,
nav#globalnav ul#gnav-menu li#class-select a,
nav#globalnav ul#gnav-menu li#test,
nav#globalnav ul#gnav-menu li#test a,
nav#globalnav ul#gnav-menu li#test-select,
nav#globalnav ul#gnav-menu li#test-select a,
nav#globalnav ul#gnav-menu li#seminar,
nav#globalnav ul#gnav-menu li#seminar a,
nav#globalnav ul#gnav-menu li#seminar-select,
nav#globalnav ul#gnav-menu li#seminar-select a,
nav#globalnav ul#gnav-menu li#goods,
nav#globalnav ul#gnav-menu li#goods a,
nav#globalnav ul#gnav-menu li#goods-select,
nav#globalnav ul#gnav-menu li#goods-select a,
nav#globalnav ul#gnav-menu li#enter,
nav#globalnav ul#gnav-menu li#enter a,
nav#globalnav ul#gnav-menu li#enter-select,
nav#globalnav ul#gnav-menu li#enter-select a,
nav#globalnav ul#gnav-menu li#kunomethod,
nav#globalnav ul#gnav-menu li#kunomethod a,
nav#globalnav ul#gnav-menu li#kunomethod-select,
nav#globalnav ul#gnav-menu li#kunomethod-select a,
nav#globalnav ul#gnav-menu li#exam,
nav#globalnav ul#gnav-menu li#exam a,
nav#globalnav ul#gnav-menu li#exam-select,
nav#globalnav ul#gnav-menu li#exam-select a,
nav#globalnav ul#gnav-menu li#class,
nav#globalnav ul#gnav-menu li#class a,
nav#globalnav ul#gnav-menu li#class-select,
nav#globalnav ul#gnav-menu li#class-select a,
nav#globalnav ul#gnav-menu li#test,
nav#globalnav ul#gnav-menu li#test a,
nav#globalnav ul#gnav-menu li#test-select,
nav#globalnav ul#gnav-menu li#test-select a,
nav#globalnav ul#gnav-menu li#seminar,
nav#globalnav ul#gnav-menu li#seminar a,
nav#globalnav ul#gnav-menu li#seminar-select,
nav#globalnav ul#gnav-menu li#seminar-select a,
nav#globalnav ul#gnav-menu li#goods,
nav#globalnav ul#gnav-menu li#goods a,
nav#globalnav ul#gnav-menu li#goods-select,
nav#globalnav ul#gnav-menu li#goods-select a,
nav#globalnav ul#gnav-menu li#enter,
nav#globalnav ul#gnav-menu li#enter a,
nav#globalnav ul#gnav-menu li#enter-select,
nav#globalnav ul#gnav-menu li#enter-select a,
nav#globalnav ul#gnav-menu li#kogumakai,
nav#globalnav ul#gnav-menu li#kogumakai a,
nav#globalnav ul#gnav-menu li#kogumakai-select,
nav#globalnav ul#gnav-menu li#kogumakai-select a,
nav#globalnav ul#gnav-menu li#column,
nav#globalnav ul#gnav-menu li#column a,
nav#globalnav ul#gnav-menu li#column-select,
nav#globalnav ul#gnav-menu li#column-select a {
	background:none;
	width:100%;
	height:auto;
}
nav#globalnav ul#gnav-menu li#kunomethod,
nav#globalnav ul#gnav-menu li#kunomethod-select,
nav#globalnav ul#gnav-menu li#exam,
nav#globalnav ul#gnav-menu li#exam-select,
nav#globalnav ul#gnav-menu li#class,
nav#globalnav ul#gnav-menu li#class-select,
nav#globalnav ul#gnav-menu li#test,
nav#globalnav ul#gnav-menu li#test-select,
nav#globalnav ul#gnav-menu li#seminar,
nav#globalnav ul#gnav-menu li#seminar-select,
nav#globalnav ul#gnav-menu li#goods,
nav#globalnav ul#gnav-menu li#goods-select,
nav#globalnav ul#gnav-menu li#enter,
nav#globalnav ul#gnav-menu li#enter-select,
nav#globalnav ul#gnav-menu li#kunomethod,
nav#globalnav ul#gnav-menu li#kunomethod-select,
nav#globalnav ul#gnav-menu li#exam,
nav#globalnav ul#gnav-menu li#exam-select,
nav#globalnav ul#gnav-menu li#class,
nav#globalnav ul#gnav-menu li#class-select,
nav#globalnav ul#gnav-menu li#test,
nav#globalnav ul#gnav-menu li#test-select,
nav#globalnav ul#gnav-menu li#seminar,
nav#globalnav ul#gnav-menu li#seminar-select,
nav#globalnav ul#gnav-menu li#goods,
nav#globalnav ul#gnav-menu li#goods-select,
nav#globalnav ul#gnav-menu li#enter,
nav#globalnav ul#gnav-menu li#enter-select,
nav#globalnav ul#gnav-menu li#kogumakai,
nav#globalnav ul#gnav-menu li#kogumakai-select,
nav#globalnav ul#gnav-menu li#column,
nav#globalnav ul#gnav-menu li#column-select {
	background-color:rgba(0,59,131,0.9);
}
nav#globalnav ul#gnav-menu li .link-text {
	width:auto;
	margin-left:0.5em;
	font-size:small;
	visibility:visible;
	color:#fff;
	font-family: 'Noto Sans Japanese', serif;font-weight:Light;
}
nav#globalnav ul#gnav-menu li .icon-link-tablet {
	color:#fff;
}


/* ----------------------------------------------------------------------------
Navigation - Body
---------------------------------------------------------------------------- */
div#bd {
	margin-top:0;
}


/* ----------------------------------------------------------------------------
Navigation - BreadClumb
---------------------------------------------------------------------------- */
#breadcrumb {
	width:100%;
	padding:0 10px;
}
#breadcrumb li a {
	display: inline;
}


/* -----------------------------------------------------------------------------
Article - HomePromise
---------------------------------------------------------------------------- */
article#home-promise {
	height:auto;
}

article#home-promise #photo {
	height:250px;
}
article#home-promise h1 {
	width:100%;
	height:250px;
	background: url('../img/home-promise-text.png') center center no-repeat;	-moz-background-size:90% auto;
	background-size:90% auto;
}

/* ----------------------------------------------------------------------------
Article - HomeTopics
---------------------------------------------------------------------------- */
article#home-topics {
	position:relative;
	width:100%;
	height:auto;
	margin:270px 0 0 0;
	padding:10px 10px 40px 10px;
	text-align:center;
}
article#home-topics #title {
	width:auto;
}
article#home-topics #title h1 {
	padding:10px 0 0 0;
	color:#666;
}
article#home-topics .topics-items {
	width:auto;
	margin-right:25px;
	margin-left:25px;
}

article#home-topics .topics-items .topics a {
	width:100%;
}
article#home-topics .topics-items .topics p {
	padding:0 0 0 20px;
	text-align:left;
}
article#home-topics .topics-items .topics img {
	width:100%;
	height:auto;
}

.slick-dots{
    bottom: -40px;
}


/* ----------------------------------------------------------------------------
Article - HomeNewsSection - HomeSabNavigation
---------------------------------------------------------------------------- */
article.home-sabnav {
	margin:30px 0;
	padding:0 10px;
	background:none;
}
article.home-sabna .home-sabnav-area{
	width:auto;
	padding:0;
}
article.home-sabnav .home-sabnav-area ul.subnavlist {
	width:100%;
	margin:0;
}
article.home-sabnav .home-sabnav-area ul.subnavlist li#subnav-enter {
	display:block;
}
article.home-sabnav .home-sabnav-area ul.subnavlist li {
	width:32%;
	margin:0 0 10px 0;
}
article.home-sabnav .home-sabnav-area ul.subnavlist li:nth-child(3n-1) {
	margin:0 2%;
}
article.home-sabnav .home-sabnav-area ul.subnavlist li a {
	width:auto;
}
article.home-sabnav .home-sabnav-area h2.goods,
article.home-sabnav .home-sabnav-area h2.column {
	width:auto;
	height:auto;
	margin:10px 0;
	padding:0 0 5px 7px;
}


/* ----------------------------------------------------------------------------
Article - HomeNewsSection - HomeNews
---------------------------------------------------------------------------- */
article#home-news #title {
	width:100%;
}
article#home-news #news-area {
	width:100%;
}

/* ----------------------------------------------------------------------------
Article - HomeSabNavigation(2)
---------------------------------------------------------------------------- */
article.home-groupnav {
	display:block;
	width:auto;
	margin:30px 10px 20px 10px;
	padding:0;
}
article.home-groupnav h2 {
	width:100%;
}
article.home-groupnav ul.subnavlist {
	width:auto;
	margin:0;
}
article.home-groupnav ul.subnavlist li {
	margin-right:10px;
}
article.home-groupnav ul.subnavlist li:nth-child(4) {
	margin-right:10px;
}

article.home-groupnav ul.subnavlist li#subnav-special,
article.home-groupnav ul.subnavlist li#subnav-himawari,
article.home-groupnav ul.subnavlist li#subnav-nadeshiko,
article.home-groupnav ul.subnavlist li#subnav-sapixkids,
article.home-groupnav ul.subnavlist li#subnav-hiroshima,
article.home-groupnav ul.subnavlist li#subnav-kitty,
article.home-groupnav ul.subnavlist li#subnav-kogumanabi,
article.home-groupnav ul.subnavlist li#subnav-kogumachild,
article.home-groupnav ul.subnavlist li#subnav-world,
article.home-groupnav ul.subnavlist li#subnav-wasedaopencampus,
article.home-groupnav ul.subnavlist li#subnav-gaccodekogumakai,
article.home-groupnav ul.subnavlist li#subnav-ganbarimaster,
article.home-groupnav ul.subnavlist li#subnav-hitorideganbarimaster,
article.home-groupnav ul.subnavlist li#subnav-100kids,
article.home-groupnav ul.subnavlist li#subnav-special a,
article.home-groupnav ul.subnavlist li#subnav-himawari a,
article.home-groupnav ul.subnavlist li#subnav-nadeshiko a,
article.home-groupnav ul.subnavlist li#subnav-sapixkids a,
article.home-groupnav ul.subnavlist li#subnav-hiroshima a,
article.home-groupnav ul.subnavlist li#subnav-kitty a,
article.home-groupnav ul.subnavlist li#subnav-kogumanabi a,
article.home-groupnav ul.subnavlist li#subnav-kogumachild a,
article.home-groupnav ul.subnavlist li#subnav-world a,
article.home-groupnav ul.subnavlist li#subnav-wasedaopencampus a,
article.home-groupnav ul.subnavlist li#subnav-gaccodekogumakai a,
article.home-groupnav ul.subnavlist li#subnav-ganbarimaster a,
article.home-groupnav ul.subnavlist li#subnav-hitorideganbarimaster a,
article.home-groupnav ul.subnavlist li#subnav-100kids a {
	width:180px;
	height:50px;
	-moz-background-size:180px 50px;
	background-size:180px 50px;
}


/* ----------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------- */

#footer footer #ft-text {
	width:100%;
	margin:0 auto;
	padding:30px 10px 70px 10px;
	font-size:80%;
}
small {
	clear:both;
	padding-top:10px;
}

/*--P SNS--*/
.p-sns {
	clear:both;
	display:inline-block;
	margin:20px auto 30px auto;
	width:100%;
	text-align:center;
}
.p-sns img {
	width:30px;
	height:30px;
}