@charset "utf-8";
/* ============================================================
	Main.css
============================================================ */
body {
    background-color: #ffffff;
//    color: #333333;
//    font-size: 62.5%; /* 10px *//* bootstrapではすでに10pxで定義済 */
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
//    line-height: 1.8em;
//    word-break: break-all;
//    -webkit-text-size-adjust: 100%; /*縦・横表示でも文字サイズを同じにする*/
}

a {
    color: #000;
}
a:hover {
    color: #000;
}


/* ============================================================
	ClearFix
============================================================ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size:0.1em;
}
.clearfix {
	min-height: 1px;
	display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.clear {clear: both;}
.edge {margin: 0px;padding: 0px;}



/* ============================================================
	Admin Style
============================================================ */
/*
div.contents{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	padding:10px;
	text-align:left;
}
*/
.copyright {
	color:#483b13;
	font-size: 1.0em;
	text-align: center;
	padding-top: 2px;
	margin-bottom: 50px;
}

/* Menu */
.waku_menu{
	border: 0px solid #000000;
	padding: 5px;
	background-color: #E0E0E0;
	font-size:15px;
}
.waku_menu table td{
	padding: 5px;
}

/* title */
h1{
	margin: 0px;
	padding: 0px;
	margin-top: 18px;
	color:#ffffff;
	font-size: 0.9em;
	text-align: left;
	padding-top: 12px;
	padding-left: 20px;
	height:28px;
	background-image: url(../images/admin/h1_back.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}

#waku{
	margin: 0px;
	padding: 0px;
	border-width: 20px;
	border-style: solid;
	border-color: #ebebeb;
	padding: 10px;
	margin-bottom: 20px;
}

/* caption */
caption {
	font-weight: bold;
	caption-side: left;
}

/* ============================================================
	LoginBox Style
============================================================ */
#login{
}
#login #header_top{
	min-height:100px;
	background-color: #fff;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
#login #header_top_inner{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width:100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
@media (min-width: 768px) {
	#login #header_top_inner{
		width:750px;
	}
}
@media (min-width: 992px) {
	#login #header_top_inner{
		width:970px;
	}
}
@media (min-width: 1200px) {
	#login #header_top_inner{
		width:1170px;
	}
}

/* ログアウト中 */
#login #loginbox{
	display: table;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#login #loginbox img{
	width: 100%;
}
#login #loginbox h2{
	font-size: 2.0em;
}
#login .login_table{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
#login .login_table td,tr{
	font-size:15px;
	padding:5px;
}
#login .contents{
	margin-left:auto;
	margin-right:auto;
	display: table;
	padding:10px;
	text-align:left;
}

#login .notice{
	text-align: left;
	display: table;
	margin-left:auto;
	margin-right:auto;
}

/* ログイン中 */
#login #header_logo{
	float: left;
	padding-top: 17px;
	padding-left:0px;
}
#login #header_logo img{
	width: 100%;
}
#login #logout{
	float: right;
	padding-top:30px;
	padding-right:15px;
}
#login #btn_logout{
	width: 100px;
	height: 25px;
	display: block;
	margin: 0px;
	background-image: url(../images/admin/btn_logout.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}
#login #btn_logout:hover {
	opacity: 0.7;
}


/* ============================================================
	Common Style
============================================================ */

/* 完了メッセージ */
#done_msg{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 60px;
	font-size: 1.2em;
}

/* アップロード */
#img_upload_table{
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 80px;
	border-width: 0px;
	text-align: left;
}

/* ボタン：左寄せ */
.admin_btn input {
	margin: 10px;
	height: 30px;
}

/* ボタン：中央寄せ */
#admin_center_btn {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
	border-width: 0px;
}
#admin_center_btn input {
	height: 30px;
	min-width: 100px;
}

/* ボタン：表示数制御（左寄せ＋2段） */
.dispnum_btn_box{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}
.dispnum_btn_box .dispnum_btn{
	margin-bottom: 4px;
}


/* ★↓ */

/* 画像はありません */
.none_msg {
	padding-top: 80px;
	padding-bottom: 100px;
	font-size: 1.2em;
}

/* Display none */
.none {
    display: none;
}

/* ---- Page Top Navigation ---- */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.pagetop a:link {
    color: #fff;
    text-decoration: none;
}
.pagetop a:visited {
    color: #fff;
    text-decoration: none;
}
.pagetop a:hover {
    color: #fff;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
@media (max-width: 768px) {
	.pagetop a {
	    color: #fff;
	    text-decoration: none;
	    padding: 10px 30px;
	}
}

/* Common Layout
--------------------------------------------------------- */
.mar-t-10{
    margin-top:10px;
}
.mar-b-10{
    margin-bottom:10px;
}
.mar-r-10{
    margin-right:10px;
}

.mar-t-20{
    margin-top:20px;
}
.mar-b-20{
    margin-bottom:20px;
}
.mar-r-20{
    margin-right:20px;
}

.mar-t-40{
    margin-top:40px;
}
.mar-b-40{
    margin-bottom:40px;
}

.mar-t-50{
    margin-top:50px;
}

.mar-t-80{
    margin-top:80px;
}

.pad-r-10{
    padding-right:10px;
}


/* ============================================================
	Pager
============================================================ */
.pager-num {
}
.pager-num ul {
    list-style: none;
}
.pager-num ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.4em;
}
.pager-num ul li:first-child{}
.pager-num ul li:last-child{}
.pager-num ul li.current {
	border: 1px solid #CCC;
	color: #333;
	background-color: #F3F3F3;
    font-weight: bold;
    
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.pager-num ul li a {
    border: 1px solid #333;
    color: #FFF;
	background-color: #333;
	text-decoration: none;
	text-align: center;

	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.pager {

}
.pager ul { }
.pager li { width: 50%; }
.pager li.prev { float: left; }
.pager li.next { float: right; }
.pager li a{
	color: #FFF;
	background-color: #333;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 1.4em;
}
.pager li.prev a{
	margin-right: 1px;
}
.pager li.next a{

}

.pager-num .page_all {
	color: #333;
	padding-bottom: 8px;
	display: block;
	text-align: left;
	font-size: 1.4em;
}


/* ============================================================
	Footer
============================================================ */
.footer-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
    border-top: 1px solid #a9a9a9;
}
.footer-msg {
	color: #000;
	text-align: left;
	font-size: 1.2em;
}



/* ★↑ */


/* ★↓ */
/* =========================================================

  ## Overwrite of BootStrap ##

========================================================= */
a {
    color: #000;
}

.breadcrumb > li + li:before {
	content: ">";
}
.breadcrumb {
	margin-top:10px;
	font-size: 1.8em;
}

.thumbnail {
	margin-bottom:0px;
}


/* ★↑ */


/* ★↓ */
/* ============================================================
	TOP ENTER PAGE
============================================================ */
#top #logo{
	display: table;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#top #logo img{
	width: 100%;
}
#top #logo h2{
	font-size: 2.0em;
}
/* info */
#top .info{
	margin-top:50px;
	font-size: 1.4em;
	line-height: 1.4em;
}
/* en list */
#top ul {
	list-style: none;
}
#top li {
    color: #FFF;
	text-decoration: none;
	background-color: #005be3;
}
#top li a {
    display: block;
    color: #FFF;
	width: 100%;
	font-size: 2.0em;
	text-decoration: none;
	background-color: #005be3;
}
#top li:hover {
    color: #FFF;
	text-decoration: none;
	opacity: 0.8;
}
#top ul li {
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
	width: 100%;
	text-decoration: none;
	text-align: center;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
}



/* ============================================================
	Event List Style
============================================================ */
#event_list ul {
	list-style: none;
}
#event_list ul h3 {
	
}
#event_list ul a li {
    color: #FFF;
	font-size: 2.0em;
	text-decoration: none;
}
#event_list ul a:hover {
    color: #FFF;
	text-decoration: none;
	opacity: 0.8;
}
#event_list ul li {
    color: #000;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
	min-width: 200px;
	text-decoration: none;
	text-align: center;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
}
#event_list ul li.yet {
	font-size: 1.4em;
    border: 4px solid #0152cc;
	background-color: #005be3;
}
#event_list ul li.active {
    border: 4px solid #0152cc;
	background-color: #005be3;
}
#event_list ul li.end {
    color: #000;
    border: 4px solid #f1f1f1;
	background-color: #f1f1f1;
}
#event_list ul li.end:hover {
    color: #000;
}
#event_list .add_info {
	font-size: 0.4em;
    margin-left: 10px;
}

/* first message */
.first_msg {
    color: #000;
    border: 4px solid #f08003;
	background-color: #f1f1f1;
	font-size: 1.8em;
	padding: 10px;
    margin-top: 40px;
    margin-bottom: 30px;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
}
.first_msg a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
	opacity: 0.8;
}
.add_first_msg {
    color: #fd0000;
	font-size: 0.8em;
	font-weight: bold;
    margin-left: 10px;
}

/* msg */
#event_list .msg {
    color: #000;
	font-size: 1.8em;
    margin-top: 30px;
    margin-bottom: 0px;
}


/* ============================================================
	Class List Style
============================================================ */
.class_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.class_list ul h3 {
	
}
.class_list ul li {
    color: #FFF;
	font-size: 2.0em;
	cursor: pointer;
}
.class_list ul li a {
    display: block;
    width: 100%;
    color: #FFF;
	text-decoration: none;
}
.class_list ul li:hover {
    color: #FFF;
	text-decoration: none;
}
.class_list ul a:hover {
    color: #FFF;
	text-decoration: none;
	opacity: 0.8;
}
.class_list ul li {
    color: #000;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
	min-width: 200px;
	text-decoration: none;
	text-align: center;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
}
.class_list .tab-content-info {
	margin: 0px;
	padding: 0px;
	height: 10px;
	font-size: 1.0em;
	text-decoration: none;
	text-align: center;
}
/* Folder Color */
.class_list ul li.age-xs,
.class_list ul li.age-sm,
.class_list ul li.age-md,
.class_list ul li.age-lg {
    color: #000;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
	min-width: 200px;
	font-size: 2.0em;
	text-decoration: none;
	text-align: center;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
	background-color: #b9b9b9;
}
.class_list ul li.select {
    border: 4px solid #4cab01;
	background-color: #d9d9d9;
}

.class_list ul li.all {
    border: 4px solid #df012e;
	background-color: #e83559;
}
.class_list ul li.bigl,
.class_list ul li.bigm,
.class_list ul li.bigs,
.class_list ul li.bigss {
    border: 4px solid #df012e;
	background-color: #e83559;
}
.class_list ul li.other {
    border: 4px solid #df012e;
	background-color: #e83559;
}
/* クラス分けの無い写真 */
.class_list ul li.mix {
    border: 4px solid #3d7aa5;
	background-color: #5ba2d4;
}


/* 西野札幌 */
/* 年長 */
.class_list ul li.age-lg,
.ns ul li.asagao,
.ns ul li.asagao_big,
.ns ul li.cosmos,
.ns ul li.cosmos_big,
.ns ul li.tanpopo,
.ns ul li.tanpopo_big,
.ns ul li.tulip,
.ns ul li.tulip_big,
.ns ul li.other_l,
.ns ul li.bigl
 {
    border: 4px solid #3d7aa5;
	background-color: #5ba2d4;
}

/* 年中 */
.class_list ul li.age-md,
.ns ul li.ichigo,
.ns ul li.ichigo_big,
.ns ul li.cherry,
.ns ul li.cherry_big,
.ns ul li.mikan,
.ns ul li.mikan_big,
.ns ul li.melon,
.ns ul li.melon_big,
.ns ul li.other_m,
.ns ul li.bigm
 {
    border: 4px solid #e8277d;
	background-color: #ec72a8;
}

/* 年小 */
.class_list ul li.age-sm,
.ns ul li.usagi,
.ns ul li.usagi_big,
.ns ul li.kirin,
.ns ul li.kirin_big,
.ns ul li.panda,
.ns ul li.panda_big,
.ns ul li.hiyoko,
.ns ul li.hiyoko_big,
.ns ul li.other_s,
.ns ul li.bigs
{
	border: 4px solid #d0cb2b;
	background-color: #f0e902;
}
.class_list ul li.age-sm a,  /* 背景色との兼ね合いから黒文字へ */
.ns ul li.usagi a,
.ns ul li.usagi_big a,
.ns ul li.kirin a,
.ns ul li.kirin_big a,
.ns ul li.panda a,
.ns ul li.panda_big a,
.ns ul li.hiyoko a,
.ns ul li.hiyoko_big a,
.ns ul li.other_s a,
.ns ul li.bigs a
{
	color: #000;
}

/* 0～2歳児クラス */
.class_list ul li.age-xs,
.ns ul li.koara,
.ns ul li.koara_big,
.ns ul li.koarakoguma,
.ns ul li.koarakoguma_big,
.ns ul li.niconico,
.ns ul li.niconico_big,
.ns ul li.momiji,
.ns ul li.momiji_big,
.ns ul li.other_ss,
.ns ul li.bigss
{
	border: 4px solid #ed5f00;
	background-color: #fe7a22;
}
.class_list ul li.age-xs a,  /* 背景色との兼ね合いから黒文字へ */
.ns ul li.koara a,
.ns ul li.koara_big a,
.ns ul li.koarakoguma a,
.ns ul li.koarakoguma_big a,
.ns ul li.niconico a,
.ns ul li.niconico_big a,
.ns ul li.momiji a,
.ns ul li.momiji_big a,
.ns ul li.other_ss a,
.ns ul li.bigss a
{
	color: #000;
}













/* 平岸 */
.hrg ul li.risu,
.hrg ul li.risu_big {
    border: 4px solid #4cab01;
	background-color: #6ab82c;
}
.hrg ul li.hato,
.hrg ul li.hato_big {
    border: 4px solid #03407e;
	background-color: #0052a5;
}
.hrg ul li.kojika,
.hrg ul li.kojika_big {
    border: 4px solid #f05703;
	background-color: #f08003;
}
.hrg ul li.usagi,
.hrg ul li.usagi_big {
    border: 4px solid #a80e13;
	background-color: #e8141a;
}
.hrg ul li.budou,
.hrg ul li.budou_big {
    border: 4px solid #855085;
	background-color: #a665a6;
}
.hrg ul li.ichigo,
.hrg ul li.ichigo_big {
    border: 4px solid #a80e13;
	background-color: #e8141a;
}
.hrg ul li.momo,
.hrg ul li.momo_big {
    border: 4px solid #e8277d;
	background-color: #ec72a8;
}
.hrg ul li.mikan,
.hrg ul li.mikan_big {
    border: 4px solid #f05703;
	background-color: #f08003;
}
.hrg ul li.yuri,
.hrg ul li.yuri_big {
    border: 4px solid #3d7aa5;
	background-color: #5ba2d4;
}
.hrg ul li.himawari,
.hrg ul li.himawari_big {
    border: 4px solid #d0cb2b;
	background-color: #f0e902;
}
.hrg ul li.himawari a,
.hrg ul li.himawari_big a {
	color: #000;
}
.hrg ul li.sumire,
.hrg ul li.sumire_big {
    border: 4px solid #855085;
	background-color: #a665a6;
}
.hrg ul li.sakura,
.hrg ul li.sakura_big {
    border: 4px solid #e8277d;
	background-color: #ec72a8;
}
.hrg ul li.penland,
.hrg ul li.penland_big {
    border: 4px solid #e9588d;
	background-color: #e77fa5;
}
.hrg ul li.chibipen,
.hrg ul li.chibipen_big {
    border: 4px solid #db9301;
	background-color: #f4ac19;
}
/* 合同はmixと同じ扱い */
.class_list ul li.sakura_himawari,
.class_list ul li.big_sakura_himawari,
.class_list ul li.sumire_yuri,
.class_list ul li.big_sumire_yuri,
.class_list ul li.usagi_hato,
.class_list ul li.big_usagi_hato,
.class_list ul li.kojika_risu,
.class_list ul li.big_kojika_risu,
.class_list ul li.ichigo_momo,
.class_list ul li.big_ichigo_momo,
.class_list ul li.budou_mikan,
.class_list ul li.big_budou_mikan {
    border: 4px solid #3d7aa5;
	background-color: #5ba2d4;
}


/* 北広島 */
.wkb ul li.kiku {
	color: #000;
    border: 4px solid #3d7aa5;
	background-color: #5ba2d4;
}
.wkb ul li.yuri {
    border: 4px solid #f05703;
	background-color: #f08003;
}
.wkb ul li.bara {
    border: 4px solid #a80e13;
	background-color: #e8141a;
}
.wkb ul li.sakura {
    border: 4px solid #e8277d;
	background-color: #ec72a8;
}
.wkb ul li.tanpopo {
    border: 4px solid #d0cb2b;
	background-color: #f0e902;
}
.wkb ul li.tanpopo a {
	color: #000;
}
.wkb ul li.sumire {
    border: 4px solid #855085;
	background-color: #a665a6;
}
.wkb ul li.tulip {
    border: 4px solid #4cab01;
	background-color: #6ab82c;
}
.wkb ul li.tubomi {
    border: 4px solid #3e7e0b;
	background-color: #4b9a0d;
}
.wkb ul li.futaba {
    border: 4px solid #db9301;
	background-color: #f4ac19;
}
/* 2017.10.10 追加 */
.wkb ul li.tulip_tubomi_futaba {
    border: 4px solid #dda025;
	background-color: #f4bd4d;
}

/* 画像のコピーガード対策 */
.guard {
	position:relative;
/*	width: 300px; */
/*	height: 200px; */
}
.img_Guard {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/spacer.gif);
	z-index: 99;
}


/* ============================================================
	DETAIL Style
============================================================ */
#detail {
}
.img_box {
	display: inline-block;
}


/* ============================================================
	Class List Style
	DETAIL Style
============================================================ */
.notice-box {
	display: table;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
    border: 4px solid #B40404;
    border-radius: 8px;			/* CSS3 */  
    -webkit-border-radius: 8px;	/* Safari,Google Chrome */  
    -moz-border-radius: 8px;		/* Firefox */  
}
.notice-title {
	font-size: 1.2em;
	font-weight: bold;
}
.notice-txt {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.big-msg {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}


/* ============================================================
	ABOUT Style
============================================================ */
#about {
}
#about .msg_box {
	color: #000;
	margin-top: 0px;
}
#about .msg_box h2 {
	margin-top: 60px;
}
#about .msg_box ul {
	margin-top: 20px;
	margin-bottom: 40px;
}
#about .msg_box li {
	margin-top: 16px;
	font-size: 1.4em;
}
#about .msg_box li.dotnone {
	list-style: none;
}
#about .msg_box .add-txt {
	line-height: 2.0em;
	margin-left: 20px;
}


/* ============================================================
	NISHINO Style：about
============================================================ */
.envelope {
	display: table;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
	max-width:200px;
}
.envelope-msg {
    color: #000;
	font-size: 1.8em;
    margin-top: 15px;
    margin-bottom: 30px;
	text-align:center;
}

/* ★↑ */