@charset "shift_jis";
div { box-sizing: border-box; }
/*レスポンシブ対応基本の設定*/
@media print, screen and (min-width:769px){
.smp{ display:none !important;}
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
*{ box-sizing:border-box;}
.figure{ text-align:center; margin:10px auto;}
.right { text-align:left;}
img { height:auto;}
.full { width:100%; height:auto; }
	.img_w97 { width: 97px !important; }
	.smp_center { text-align: center; }
}
/*レスポンシブ対応基本の設定*/



/*スクロールバー設定*/
html {scrollbar-3dlight-color:#ffffff;scrollbar-arrow-color:#ffffff;scrollbar-darkshadow-color:#cccccc;scrollbar-face-color:#cccccc;scrollbar-highlight-color:#cccccc;scrollbar-shadow-color:#cccccc;scrollbar-track-color:#efefef;}
body { color: #333333; margin: 0px; padding: 0px; text-align: center; background: #FFFFFF url(imagess/bg.gif); /*壁色と壁紙設定*/ font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; /*全体の文字サイズ(75%)と行間(/2)設定*/}
h1,h2,h3,p,ul,li{ margin: 0px; padding: 0px;}
ul{ list-style-type: none;}
.color1 { color: #FE5F04;}
img { border: none;}
.uline1 { background: url(imagess/uline_1.gif) repeat-x left bottom;}

/*全般のリンク設定。（a:hoverはカーソルオーバー時）*/a { color: #333333;}
a:hover { color: #F95902;}

/*コンテナー（HP全体の枠）------------------------------------------------------------------------*/
#container { width: 1040px; border: 1px solid #808080; /*HPを囲む枠の色と幅*/ text-align: left; margin-right: auto; margin-left: auto;}
#container2 { width: 1040px; border: 1px solid #808080; /*HPを囲む枠の色と幅*/ text-align: left; margin-right: auto; margin-left: auto;}

#main-box { background-color: #fff; padding: 2%; margin: 10px; border-radius: 10px; }
#main-box2 { margin: 10px; border-radius: 10px; }
.title01 { color: #ff6600; font-size: 140%; font-weight: bold; }

@media screen and (max-width:768px){
	#container {
		width: 100%;
		border: 0px solid #808080; /*HPを囲む枠の色と幅*/
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}
	#container2 { 
		width: 100%;
		border: 0px solid #808080; /*HPを囲む枠の色と幅*/
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}
	.flex-wrap {
		display:-webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		}
		
	.title01 { border-bottom: 3px solid #ff6600; }
	
	#container th,#container td { display: block;  }/*スマホ用にページを横幅100%で表示するための設定*/
	#main-box { background-color: #fff; padding: 3%; margin:3% 0; border-radius: 10px; }
}

/*ヘッダー（h1タグとサイト名が入っている部分）------------------------------------------------------------------------*/
#header { font-size: 36px; /*サイト名部分の文字サイズ*/ font-weight: bold; /*太字にする*/ color: #FFFFFF;  /*文字色*/ background: #F98B4E url(imagess/header_bg.gif) no-repeat bottom; /*背景色と画像の指定*/ height: 100px;}
#header h1 { font-size: 10px; /*h1の文字サイズ*/ padding-left: 10px;}
#header p { padding-left: 20px;}

@media screen and (max-width:768px){
	#header {
		font-size: 100%; /*サイト名部分の文字サイズ*/
		font-weight: normal; /*太字にする*/
		color: #FFFFFF;  /*文字色*/
		background: #fff; /*背景色と画像の指定*/
		height: auto;
		}
	
	#header h1 {
		font-size: 100%; /*h1の文字サイズ*/
		padding-left: 0;
		}
		
	#header p { padding-left: 0;}
}

/*ページ上部メインメニュー------------------------------------------------------------------------*/
#mainmenu { padding: 0px;}
#mainmenu ul { line-height: 40px; height: 40px; border-bottom: 1px solid #999999; background: #FFFFFF url(imagess/mainmenu_bg.gif) repeat-x; /*メニュー背景のグラデーション画像指定箇所*/}
#mainmenu li { float: left;}
#mainmenu ul li a { display: block; width: 147px; text-align: center; border-right: 1px solid #999999; color: #333333; /*メニューの文字色*/ text-decoration: none;}
#mainmenu ul li a:hover { background: #f5f5f5; /*メニューカーソルオーバー時に背景色をこの色にする*/}
#mainmenu .last { border-right-style: none; /*一番右のメニューの右境界線を消す設定*/}

/*左コンテンツ------------------------------------------------------------------------*/
#left { background: #f99403; /*背景色*/ width: 154px; vertical-align: top; padding: 10px 5px;}

/*右コンテンツ------------------------------------------------------------------------*/
#right { background: #f99403; /*背景色*/ width: 0px; vertical-align: top; padding: 10px 5px;}

/*中央コンテンツ------------------------------------------------------------------------*/
#center { width: 880px; vertical-align: top; background: #ffffcc; /*背景色*/ padding: 10px 5px; word-break: break-all;}
#center p { padding: 0 0 10px 0;}
#center h2 { border-left: 8px solid #ff6600; /*左に5pxの直線を入れる設定*/ color: #FFFFFF; font-size: 180%; background: linear-gradient(#ffbe93, #ff6600); padding: 10px; line-height: 1.5; border-bottom: dotted 1px #ff6600; /*display: flex; justify-content: flex-start;*/ align-items: center; box-sizing: border-box;}
/*元は、「#center h2 { border-left: 8px solid #333333; /*左に5pxの直線を入れる設定*/ font-size: 180%; background: linear-gradient(#f0efef, #fff); padding: 10px; line-height: 1.5; border-bottom: dotted 1px #a0a0a0; /*display: flex; justify-content: flex-start;*/ align-items: center; box-sizing: border-box;}」だった------------------------------------------------------------------------*/




/*左右コンテンツのh2,h3とリンク設定------------------------------------------------------------------------*/
#left h2,#right h3 { background: #ffcc66; border: 1px solid #ff9966; font-size: 100%; text-align: center;}
#left h2 a,#right h3 a { text-decoration: none;}
#left h2 a:hover,#right h3 a:hover{ text-decoration: underline;}

/*左コンテンツ内の商品メニュー------------------------------------------------------------------------*/
#left ul.menu { margin-bottom: 1em; text-align: center; /*メニュー名を中央よせ。左よせがいいならここの１行を外す。*/}
#left ul.menu li a { color: #FFFFFF; /*メニューの文字色*/ text-decoration: none; /*リンクの初期設定の下線を外す設定*/ border-bottom: 1px dotted #ffffff; /*メニュー下に1pxの点線を入れる設定*/ display: block; width: 154px;}
#left ul.menu a:hover { color: #333333; /*カーソルオーバー時の文字色*/ text-decoration: underline; /*オーバー時に消していた下線を表示させる設定。不要なら１行丸ごと外す。*/}

/*フッター（最下部コピーライト部分）------------------------------------------------------------------------*/
#footer { color: #FFFFFF; background: #F95902; text-align: center; border-top: 1px solid #808080;}
#footer a { color: #FFFFFF;}

/*左右コンテンツ内の商品写真を囲んでいるボックス設定（上のラインなし）------------------------------------------------------------------------*/
.box1 { border-right: 1px solid #ffffff; /*右のライン設定*/ border-bottom: 1px solid #ffffff; /*下のライン設定*/ border-left: 1px solid #ffffff;  /*左のライン設定*/ padding: 5px; font-size: 85%; /*文字サイズを全体より少し小さく設定。同じがいいなら丸ごと１行削除*/ background: #FFFFFF;}

/*中央にある四角い商品写真を囲んでいるボックス------------------------------------------------------------------------*/
.box2 { background: #efefef; /*背景色*/ padding: 5px; border: 1px solid #808080; /*ボックスのライン設定*/ width: 96%; margin-right: auto; margin-left: auto; line-height: 1.4; margin-bottom: 10px;}
.box2 h3 { font-size: 100%;}
.box2 .fl { float: left; margin-right: 5px;}

.box3 { background: #efefef; /*背景色*/ padding: 5px; border: 1px solid #808080; /*ボックスのライン設定*/ width: 96%; margin-right: auto; margin-left: auto; line-height: 1.4; margin-bottom: 10px; text-align:left;}
.box3 .fl { float: left; margin-right: 5px;}

.flexwrap {	
	display: flex;
	flex-wrap:wrap;
	}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .flexwrap { display:block; text-align: left; }
}

@media screen and (max-width:768px){
	.box2 { background: #efefef; /*背景色*/ padding: 3%; border: 1px solid #808080; /*ボックスのライン設定*/ width: 100%; margin:3% 0; line-height: 1.4; box-sizing: border-box;}
	.box3 { width: 100%;}
.box2 img { display:block; margin:3% 0;  }
.box2 .fl { float: none; margin-right: 0;}
.box2 table,.box2 tbody,.box2 tr,.box2 th,.box2 td { display:block; width:100% !important; }
.top_item_list { width:100%; }
.top_item_list tr { display:flex; flex-wrap:wrap; }
.top_item_list td { width:50% !important; padding:3%; }
}

/*角丸テーブル設定（特に変更する必要なし）------------------------------------------------------------------------*/
.marutable { width: 98%; margin-right: auto; margin-left: auto; margin-bottom: 20px;}
.marutable p { padding-right: 0px !important; padding-left: 0px !important;}
.marutable .td1 { background: url(imagess/table/1.gif) no-repeat; height: 11px; width: 11px;}
.marutable .td2 { background: url(imagess/table/2.gif) no-repeat; height: 11px; width: 11px;}
.marutable .td3 { background: url(imagess/table/3.gif) no-repeat; height: 11px; width: 11px;}
.marutable .td4 { background: url(imagess/table/4.gif) no-repeat; height: 11px; width: 11px;}
.marutable .white { background: #FFFFFF;}

@media screen and (max-width:768px){
	.marutable .white { background: none;}
}

/*clearfix（変更しない）------------------------------------------------------------------*/
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf { display: inline-block; }
/* Hides from IE-mac \*/*html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */

/*スマホ用サイドバー・フッター表示の設定*/
@media screen and (max-width:768px){
.side_smp { margin-top:20px; }
.side_smp a { text-decoration:none !important; }
.side_smp h2 { display:block; background-color:#ffcc66; padding:2% 3%; margin:2% 3%; border-radius:5px; width:100%; }

.side_smp ul { display:flex; flex-wrap:wrap; margin:0; padding:0; }
.side_smp li { display:inline-block; margin:2% 3%; background-color:#e3e3e3; border-radius:5px; padding:2% 3%; }

.side_smp h3 { margin-top:35px; color:#F95902; font-size:150%; font-weight:bold;}
.side_smp p { margin:5% 0;}
.side_smp footer { background-color:#F95902; padding:3%; color:#fff; font-style:normal; margin-top:5%; }
.side_smp footer address { font-style:normal; }
}
/*スマホ用サイドバー・フッター表示の設定*/

.disney_item { width:20%; text-align:center; }

/*IE用の設定*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .disney_item { width:19.5%; display:inline-block; margin:auto; vertical-align:top; text-align:left; }
  *::-ms-backdrop, .disney_inner { text-align:center; }
}

.disney_inner { padding:15px; font-size:90%; }
@media screen and (max-width:768px){
	.disney_item { width:50%; }
	.disney_inner { padding:5%; }
}

.kyozai_item { width:20%; text-align:center; }

/*IE用の設定*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .kyozai_item { width:19.5%; display:inline-block; margin: auto; vertical-align:top; text-align:center; }
}

.kyozai_inner { padding:15px; font-size:90%; }
.smp_w50p { text-align:center; }
@media screen and (max-width:768px){
	.kyozai_item { width:50%; }
	.kyozai_inner { padding:5%; }
	.smp_w50p { width:50%; }
}

/*IE用の設定*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .smp_w50p { width:30%; display:inline-block; margin: auto; vertical-align:top; text-align:center; }
}

.center { text-align:center; }
.right { text-align: right; }
.bold { font-weight:bold; }

.w186 { width:186px; }
.w570 { width: 570px; }
.w600 { width: 600px; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w33p { width: 33.33%; }
.w33p img { max-width: 100%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.mr15 { margin-right:15px; }
.p1p { padding: 1%; }
.pl2p { padding-left: 2%; }

.bg_y { background-color:#ffff99;}

.flowbox { width: 600px; margin: 0 auto; }

.txt120p { font-size: 120%; }
.txt150p { font-size: 150%; }
.txt160p { font-size: 160%; }
.txt180p { font-size: 180%; }
.txt200p { font-size: 200%; }

.red { color: #F30004; }
.dark-red { color: #cc0000 !important; }
.dark-red a { color: #cc0000 !important; }
.green { color: #009900; }
.pink { color: #fd7f7f; }

.tokutei_title { background-color: #ff9999; color: #fff; padding: 3%; font-size: 280%; text-align: center; font-weight: bold; }
.title01 { background-image: url(images/title_bg01.jpg); background-repeat: repeat-x; padding:5px 1%; color: #193d95; font-size: 180%; margin: 0; }

@media screen and (min-width:769px){
.mr35_pc { margin-right: 35px; }
	.txt180p_pc { font-size: 180%; }
}

@media screen and (max-width:768px){
	.txt200p_smp { font-size: 200%; }
	.w186 { width:100%; }
	.w186 img { width:100%; height:auto;}
	.w570 { width: 100%; }
	.w600 { width: 100%; }
	.w20p { width: 100%; }
	.w30p { width: 100%; }
	.w33p { width: 50%; }
	.w35p { width: 100%; }
	.w40p { width: 100%; }
	.w45p { width: 100%; }
	.w50p { width: 100%; }
	.w55p { width: 100%; }
	.w60p { width: 100%; }
	.w65p { width: 100%; }
	.w70p { width: 100%; }
	.w80p { width: 100%; }
	.w100p_smp { width: 100% !important; }
	.mr15 { margin-right:0; }
	.flowbox { width: 100%; margin: 0 auto; }
	.tokutei_title { background-color: #ff9999; color: #fff; padding: 3%; font-size: 180%; text-align: center; font-weight: bold; }
	.order1 { order: 1;}
	.order2 { order: 2;}
	.order3 { order: 3;}
	.order4 { order: 4;}
	.order5 { order: 5;}
	
}

.daibiki_table { width: 50%;}
.daibiki_table tr { background-color: #ccff99 !important; }
.daibiki_table tr:nth-child(2) { background-color: #ffffcc !important; }
.daibiki_table th { display: table-cell !important; width: 50% !important; padding:13px 15px; text-align:center; border-right: 3px solid #fff; border-bottom: 3px solid #fff;}
.daibiki_table td { display: table-cell !important; width: 50% !important; font-weight: bold; padding:13px 15px; text-align:center; border-right: 3px solid #fff; border-bottom: 3px solid #fff;}

.toriatsukai_table { border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	padding: 0; border-top: 1px solid #999; border-left: 1px solid #999;}
.toriatsukai_table th { display: table-cell !important; width: 50% !important; padding:13px 15px; text-align:center; border-right: 1px solid #999; border-bottom: 1px solid #999;}
.toriatsukai_table td { display: table-cell !important; width: 50% !important; font-weight: bold; padding:13px 15px; text-align:center; border-right: 1px solid #999; border-bottom: 1px solid #999;}

.mamagare-minasan { 
	border: solid 2px #339900;/* 内側の線になる一本線の枠線をひく*/
	outline: solid 1px #339900;/* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: 1px;
	padding: 2%;
	text-align: center;
	width: 50%;
	margin: 3% auto;
}

.mamagare-minasan-box { border: dotted 2px #339900; margin:3% auto; width: 80%; padding:3%; }

.faq-title { background-color: #99ff66; color: #fff; padding: 3%!important; font-weight: bold; font-size: 260%;}

.kansou_table { 
	width: 80%;
	margin: 3% auto;
	border: solid 1px #ff9900;/* 内側の線になる一本線の枠線をひく*/
	outline: solid 1px #ff9900;/* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: 1px;
	box-sizing: border-box;
}

.kansou_table td { display: table-cell; width: 50% !important; font-weight: bold; padding:13px 15px; text-align:left; }

@media screen and (max-width:768px){
	.daibiki_table { width: 100% !important;}
	.mamagare-minasan { width: 100%;}
	.mamagare-minasan-box { width: 100%; }
	.faq-title { font-size: 180%;}
	.kansou_table td { display: block; width: 100% !important; font-weight: bold; padding:13px 15px; text-align:left; }
}

.legal_notice
{
	border-collapse: collapse;
	width: 100%;
	margin: 3% auto;
	padding: 0;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	font-size:100%;
	line-height:1.5;
}

.legal_notice th
{
   color: #000;
	background-color: #f5f5f5;
   text-align: left;
   font-weight: normal;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   width:30%;
}

.legal_notice td
{
   color: #000;
   padding: 13px 15px;
   border-right: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
}

.benesse {
	width: 100%;
	margin: 3% auto;
	padding: 0;
	border-top: 0px solid #000;
	border-left: 0px solid #000;
	font-size:14px;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}

.benesse th {
text-align: center;
color:#000;
font-weight: bold;
vertical-align:top;
}

.benesse td {
color: #000;
vertical-align:top;
border-right: 0px solid #000;
border-bottom: 0px solid #000;
text-align:center;
	width: 8%;
}

.worldwidekids { padding: 0; margin: 0; }
.worldwidekids a { background-color:#cc0000; color:#fff; padding: 3%; font-size:120%; display: block; }
.kodomochalenge a  { background-color:#ff0033; color:#fff; padding: 3%; font-size:100%; display: block; }
.hopstepjamp span  { background-color:#ff0033; color:#fff; padding: 3%; font-size:100%; display: block; font-weight: bold; }
.begoglobal a { background-color:#0000ff; color:#fff; padding: 3%; font-size:100%; display: block; }
.begoglobal2 a { background-color:#0000ff; color:#fff; padding: 3%; font-size:100%; display: block; }
.begoenglish span  { background-color:#0099cc; color:#fff; padding: 3%; font-size:100%; display: block; font-weight: bold; }
.begofriends a { background-color:#00cc00; color:#fff; padding: 3%; font-size:100%; display: block; }
.begotoke a { background-color:#00cc00; color:#fff; padding: 3%; font-size:100%; display: block; }
.begostepup span { background-color:#00cc00; color:#fff; padding: 3%; font-size:100%; display: block; }
.begostepup a { color: #fff; }
.begojump span { background-color:#00cc00; color:#fff; padding: 3%; font-size:100%; display: block; }

.bg_blue_block { color:#fff; background-color: #0000ff; padding: 1%; font-weight: bold; display: block;}
.bg_green_block { color:#fff; background-color: #00cc00; padding: 1%; font-weight: bold; display: block;}
@media screen and (max-width:768px){
	.worldwidekids:before { content: "0歳〜6歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px;}
	.kodomochalenge:before { content: "3歳〜6歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.hopstepjamp:before { content: "3歳〜6歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begoglobal:before { content: "6歳〜7歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begoglobal2:before { content: "7歳〜8歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begoenglish:before { content: "6歳〜13歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begofriends:before { content: "7歳〜9歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begotoke:before { content: "9歳〜11歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begostepup:before { content: "10歳〜12歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	.begojump:before { content: "11歳〜13歳"; display: block; font-size: 130%; font-weight: bold; text-align: left; padding-bottom: 5px; margin-top: 35px; }
	
	.bg_blue_block { color:#fff; background-color: #0000ff; padding: 3%; font-weight: bold; display: block;}
	.bg_green_block { color:#fff; background-color: #00cc00; padding: 10px; font-weight: bold; display: block;}
	
	.table25p tr { display: flex !important; flex-wrap: wrap; width: 100%; }
	.table25p td:nth-child(2n) { width: 30% !important; padding: 2%; }
	.table25p td:nth-child(2n-1) { width: 20% !important; padding: 2%; }
	
}