/*
Theme Name:couleur
*/
@charset "utf-8";
body {font: 100%/2 "meiryo","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei",sans-serif;padding: 0;font-size:15px;}
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0;}
ul,ol,dl { list-style:none; }
a {color: #4aafcd;text-decoration: none;}
a:hover {color: #ff7676;text-decoration: underline;}
a img {border: none;}
.clear {clear: both;line-height: 0px;height:0px;font-size:0px;}
.content {width:850px;margin: 0 auto;}
.left {float:left;}
.right {float:right;}
 @font-face {
    font-family: 'logotypegothic';
    src: url('../fonts/LogoTypeGothic.ttf'),
         url('../fonts/LogoTypeGothic.eot');
   }

.min{
font-family: 'Noto Serif JP', serif;
}

/* reCAPTCHA v3 表示位置 */
.grecaptcha-badge{
	position: fixed;
	bottom:75px!important;
}

/* 20230405 */
.ls_navi{
	position: fixed;
	right: 0;
	bottom: 150px;
	background-color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 1.2em;
	border-radius: 10px 0 0 10px;
}
.ls_navi a{
	padding:40px 3px 10px 3px;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #e95275;
	border:solid #e95275;
	border-width: 3px 0 3px 3px;
	border-radius: 10px 0 0 10px;
	transition: all 0.5s;
}
.ls_navi a:hover{
	opacity: 0.5;
	transition: all 0.5s;
}
.ls_navi2{
	position: fixed;
	right: 0;
	bottom: 150px;
	background-color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 1.2em;
	border-radius: 10px 0 0 10px;
}
.ls_navi2 a{
	padding:38px 3px 10px 3px;
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #e95275;
	border:solid #e95275;
	border-width: 3px 0 3px 3px;
	border-radius: 10px 0 0 10px;
	transition: all 0.5s;
}
.ls_navi2 a:hover{
	opacity: 0.5;
	transition: all 0.5s;
}


/**/
.navbar-head {padding:5px 0 5px 0;}
.layout{width:100%;}
.container,.container-layout{margin:0 auto;padding:0 0;}

.headertop p {float:right;padding-top:40px;}
.headertop p a {margin-left:12px;}

.bg-inverse .nav-inline { background:url(../images/bg01.gif) no-repeat right top;margin-top:10px;}
.bg-inverse .nav-inline {width:100%;}
.bg-inverse .nav-inline li {width:15%;}
.bg-inverse .nav-inline li.Online {width:17%;}
.bg-inverse .nav-inline li a { color:#555;font-weight:bold;text-align:center;padding:10px 0 25px 0; background:url(../images/bg01.gif) no-repeat left top;font-size:15px;display:inline-block;width:100%;font-family:"logotypegothic";font-weight:bold; letter-spacing:-0.05em;}
.bg-inverse .nav-inline li.home {background:url(../images/hometb.gif) no-repeat center 8px;width:60px;}
.bg-inverse .nav-inline li.home a p {padding-top:30px;}
.bg-inverse .nav-inline li a p {font-weight:normal;font-size:14px;color:#797979;}
.bg-inverse .nav-inline li a:hover {text-decoration: none;color:#fd7174;background:#fff url(../images/bg01.gif) no-repeat left top;}
.bg-inverse .nav-inline li.home a:hover { background:url(../images/bg01.gif) no-repeat left top;}
.navbg {background:url(../images/navbg.gif) repeat-x;padding:5px;}

.bg-inverse .nav-inline li ul.drop-menu {top:90px;border-radius:0;border:none;background-color: rgba(000, 000, 000, 0.7);
	padding:10px 10px;}
.bg-inverse .nav-inline li ul.drop-menu li  {border-bottom:1px #fff dotted;width:100%;}
.bg-inverse .nav-inline li ul.drop-menu li a {font-weight:normal;text-align:left;background:none;color:#fff;font-size:13px;padding:10px 10px;}
.bg-inverse .nav-inline li ul.drop-menu li a:hover {background:#0b0b0b;}

.banner {margin-top:25px;}
.banner .pager-prev,.banner .pager-next,.pager-next,.pager-prev {display:none;}

.mainbg {text-align:center;padding:28px 0;}

.view {width:100%;}
.view h2 {
	line-height: normal;
	text-align: center;
	font-size:2.4em;
	color:#777;
	padding: 0;
	margin: 0;
}
.view_more {
	text-align: center;
	width: 100%;
	padding: 10px 0 30px 0;
	box-sizing: border-box;
}
.view_more a {
	font-size:16px;
	color:#999;
	display:inline-block;
	border:1px #ddd solid;
	padding:0px 10px;
	height:28px;
	line-height:28px;
}
.view_more a:hover {
	text-decoration:none;
	color:#ff7676;
	border:1px #ff7676 solid;
}



.view ul { width: 100%; box-sizing: border-box;}
.view li {border-bottom:1px #777 dotted;padding:5px 10px 10px 10px; line-height:300%;}
.view li span {font-weight:bold;color:#777;}
.view li em { margin:0 12px;}

.view li em a {border-radius:15px;display:inline-block;color:#fff;width:122px;text-align:center;height:26px;line-height:29px; }
.catnews {background:#ff7676; }
.catblog {background:#c4b633; }

.view li a{color:#787878;display:inline-block;}
.view li a:hover {color:#ff7676;}
.view li em a:hover {color:#fff;}
.view li em.yellow a {background:#c4b633;}
.tweet {width:355px;float:right;}
.banner01 {margin-top:20px;padding:0 ;}
.imgl {background:url(../images/img03.jpg) no-repeat right bottom;border:1px #b6b6b6 solid;}

.tweet h2 {font-size:28px;color:#777;padding:0 0 25px 0;height:100%;overflow:hidden;}
.tweet h2 p {float:left;padding-top:13px;}
.tweet .twitter-follow-button {float:right; margin:15px 0 0 0;}

.footer {background:url(../images/bg03.gif) repeat left top;padding-bottom:39px;}
.footleft {float:left;}
.footleft h2,.footright h2 {font-size:28px;color:#7c7c7c;padding-top:8px;}
.footleft ul {float:left;margin-right:28px;}
.footleft ul li {vertical-align:middle;font-size:13px;padding:1px 0 0 15px;line-height:27px; background:url(../images/tb01.gif) left no-repeat; }
.footleft ul li a {color:#777;}
.footleft ul li a:hover {color:#ff7676;text-decoration:none;}
.footleft ul li.tb01 {padding-left:25px; background:url(../images/sli.gif) left no-repeat; }
.footleft ul li span {padding-right:8px;}
.footleft ul li span img {vertical-align:middle;}



.footright {width:270px;float:right;}
.foottxt {border:1px #aaa solid;width:100%;font-size:13px;padding:12px;line-height:20px;color:#777;}
.foottxt h3 {font-size:13px;font-weight:bold;background:url(../images/tb02.gif) no-repeat left center;padding:5px 0 5px 16px;}
.foottxt p {padding-left:16px;line-height:19px;}
.foot {background:#ff949a;padding:8px 0;text-align:center;color:#fff;font-size:14px;}

.banner02 {margin-bottom:30px;}

.banner02 img{width:100%; height:auto;}

.recruit{ padding:30px 0 0 0; text-align: center;}

.mainbox {color:#777;}

.navbg01 {padding:0 0;}
.nybannerbg {background:#ffce79 url(../images/bg04.gif) repeat-x left top;}
.nybannerbg01 {background:#b29c83 url(../images/bg05.gif) repeat-x left top;}
.nybannerbg02 {background:#7ac5a6 url(../images/bg06.gif) repeat-x left top;}
.nybannerbg03 {background:#bcbcbc url(../images/bg07.gif) repeat-x left top;}
.nybanner {padding-bottom:0px;}

.nybanner .pkl {font-size:14px;padding:5px 0 0 0;line-height:20px;}
.nybanner .pkl a:hover {color: #fff;text-decoration: none;}
.nybanner .pkl2 {font-size:14px;padding:12px 0 0 0;line-height:30px; color:#777777;}
.nybanner .pkl2 a { color:#777777;}
.nybanner .pkl2 a:hover {color: #777777;text-decoration: none;}
.nybanner h2 {background:url(../images/tb01.png) no-repeat left center;padding-left:60px;font-size:30px;font-family:"logotypegothic";padding-top:5px;}

.pagebox {background:url(../images/tb03.gif) repeat-x left bottom;color:#737373;font-size:16px;padding:25px 20px 35px 20px;}
.pagetxt {padding:0 15px;}
.pagetxt p {padding:25px 0;line-height:25px;}

.nypage01 {padding:0 0 40px 0;}
.nypage01 h2 {font-size:32px; padding-left:48px; background:url(../images/h2.jpg) no-repeat left top;font-family:"logotypegothic";}
.nypageimg {width:36%;padding-top:30px;}
.nypageimg img {width:100%; height:auto;}



.nypageimg01 {width:43%;}
.nypageimg02 {width:48%;}
.nypageimg03 {padding-top:30px;}
.nypagetxt {width:60%;padding-top:30px;}
.nypagetxt h3 {font-weight:bold;margin-left:10px;}

.nypagetxt01 {width:52%;}
.nypagetxt02{width:50%;}
.nypagetxt h2 {padding:0 10px; background-image:none;}
.nypagetxt .cen{text-align:center;}
.nypagetxt p {line-height:25px;padding:0 10px;}
.pagekuang01 {border:1px #767676 solid;padding:10px;margin-top:28px;}
.pagekuang02 {border:1px #767676 solid;padding:15px; text-align:center; font-size:20px; }
.pagekuang02 h4 {font-size:14px;}
.pagekuang02 p{line-height:180%;}

.pagekuang02 .pc{display:block;}
.pagekuang02 .sp{display:none;}


.pagebox01 {background:none;}
.email {text-align:center;padding:30px 0 30px 0;}

.nybannerimg {text-align:center;margin-top:45px;}
.nybannerimg img {width:100%;}

.txt00 {background:url(../images/tb03.gif) repeat-x;width:48%;padding-top:40px;}
.txt00 h2 {font-size:28px;padding:0 20px;color:#777;}
.txt01 {float:left;}
.txt00 p {color:#777;font-size:16px;line-height:30px;padding:15px;}
.txt02 {float:right;}
.txt00 div.box {border-radius:15px;border:1px #a4a4a4 solid;height:250px;}




.txtbox01 {background:url(../images/tb03.gif) repeat-x left top;margin-top:40px;padding:30px 0;}
.txtbox01 .price{text-align:right;}
.txtbox01 h2 {font-size:28px;color:#777;padding:6px 20px 12px 20px;}
.txtbox02 ul li {float:left;width:135px;text-align:center; margin-bottom:10px;}
.txtbox02 ul li  img {width:105px;height:105px;background:#fff;border:1px #b5b5b5 solid;padding:5px;}

.yybox  {width:48%;}
.txtbox01 h3 ,.yybox h3 {background:#ffeeea url(../images/tb04.gif) no-repeat 20px center;color:#777;font-size:20px;padding: 10px 50px 8px 50px;line-height:30px;border-top:1px #777 dotted;border-bottom:1px #777 dotted;}
.txtbox01 table td,.yybox table td {padding:15px 20px;border-bottom:1px #777 dotted;vertical-align:middle;font-size:15px;}
.yybox {margin-top:40px;}
.yybox01 {float:left;}
.yybox02 {float:right;}
.yybox02 p {padding:20px 10px;}

.nybannerbg0 div.nybanner h2,.nybannerbg0 div.nybanner h2 a,.nybannerbg0 {color:#000;}


.tab {margin:0 5px;}
.tab-head {height:100%;overflow:hidden;}
.tab .tab-body {border-top:none;}
.tab .tab-nav li {width:49%;cursor:pointer;}
.tab .tab-nav li.lileft {float:left;}
.tab .tab-nav li.liright {float:right;}
.tab .tab-nav li a {border:1px #efb9c7 solid;color:#efb9c7;font-size:30px; border-radius:0 0;width:100%;padding:17px;text-align:center;cursor:pointer;}
.tab .tab-nav li a:hover {text-decoration:none;}
.tab .tab-nav .active a {background:url(../images/tb05.gif) no-repeat center top;color:#fff;border:none;padding:20px 17px 35px 17px;}
.tab-paneltxt {padding:15px; overflow:hidden;}
.tab-paneltxt h3 {font-size:18px; padding-right:10px; float:left;}
.tab-paneltxt h2 { clear:both; font-size:25px; line-height:150%; padding:0 0 20px 0; color: #4aafcd; }
.tab-paneltxt p{ line-height:200%;}
.nyimg {padding-top:15px;}

.fotbox {border-top:1px #777 solid;padding-top:15px;text-align:right;margin:20px 10px 40px 10px;}
.fotbox img {vertical-align:middle;margin-left:15px;}

.txtbox11 {background:url(../images/tb03.gif) repeat-x left top;margin-top:30px;padding:46px 20px;height:100%;overflow:hidden;}
.txtbox11 h2 {font-size:32px; padding-left:48px; background:url(../images/h2.jpg) no-repeat left top;font-family:"logotypegothic";}

.txtbox112 {background:url(../images/tb03.gif) repeat-x left top;margin-top:30px;padding:46px 20px;height:100%;overflow:hidden;}
.txtbox112 h2 {font-size:32px; padding-left:48px; background:url(../images/h2mn.jpg) no-repeat left top;font-family:"logotypegothic";}

.txtbrd{ clear:both; overflow:hidden;}
.txtbrd h2 {font-size:28px; padding-left:48px; background:url(../images/h2.jpg) no-repeat left top;font-family:"logotypegothic"; padding-bottom:10px;}
.txtbrd .lf{ background:url(../images/tb03.gif) repeat-x left top; float:left; padding:36px 0 20px 0; width:410px;}
.txtbrd .rt{ background:url(../images/tb03.gif) repeat-x left top; float:right; padding:36px 0 20px 0; width:410px;}
.txtbrd img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:1px solid #999999; margin-bottom:10px; }
.txtbrd p{ font-size:16px; line-height:150%; padding:0 10px;}


.nypageimg0 {width:40%; padding-top:30px;}
.nypageimg0 img{ width:100%; height:auto; }
.nypagetxt0 {width:56%; padding-top:30px;}
.nypagetxt0 p {line-height:180%;}
.nypagetxt0 h3 {font-weight:bold;margin-top:15px;}
.nypagetxt00 div.pagekuang02 p {margin:0 0;}

.table01 table tr td.td01 {background:#e6f7ff;width:20%;text-align:center;font-weight:bold;font-size:18px;line-height:24px;}
.table01 table tr td.td02 {padding:10px 25px;font-size:15px;}
.table01 table tr td {border-bottom:1px #777 dotted;padding:10px 15px;vertical-align:middle;color:#727a7c;}
.table01 table tr td  p {background:url(../images/tb06.gif) no-repeat left 10px;padding-left:12px;}

.nypageimg11 {width:45%;padding:0 0;float:left;}
.nypageimg11 img{ width:100%; height:auto;}
.nypagetxt11 {width:53%;float:right;}
.nypagetxt11 h3 span {display:inline-block;border:1px #777 solid;padding:4px;width:30%;text-align:center;margin-bottom:18px;margin-top:24px;}
.txtlistbox li  {background:url(../images/tb07.gif) no-repeat center bottom;height:100%;overflow:hidden;padding-bottom:50px;}
.txtimg {float:left;width:170px;padding-top:15px;padding-left:20px;}
.txtimg img { width:138px;height:138px;}

.txtlist {float:right;width:78%;}
.txtlist h2 {font-size:18px;font-weight:bold;}
.txtlist .name {font-size:18px;font-weight:bold; line-height:130%; padding:10px 0;}
.txtlist .name2 {font-size:18px;font-weight:bold; line-height:130%; padding:60px 0 0 0;}
.txtlist .en{font-size:14px;}

.txtlist p  {font-size:15px;height:100%;overflow:hidden;color:#777;}
.txtlist p span {display:inline-block;float:left;width:75px;}
.txtlist p em {display:inline-block;float:left;width:88%;}

.txtlist .career{clear:both; overflow:hidden; padding-bottom:5px;}
.txtlist .career .left1{ float:left; width:10%;}
.txtlist .career .right1{ float:right; width:88%;}
.txtlist .career .left2{ float:left; width:14%;}
.txtlist .career .right2{ float:right; width:84%;}

.pagetxt span {color:#f00;font-weight:bold;}

.table02 table {border-left:1px #777 solid;border-top:1px #777 solid;color:#777;}
.table02 table td {padding:12px;border-right:1px #777 solid;border-bottom:1px #777 solid;vertical-align:middle;}
.table02 table td.td01 {background:#ffe8e4;font-size:18px;font-weight:bold;width:20%;text-align:center;}
.table02 table td.td01 span {color:#f00;padding:10px 0 0 10px;}
.table02 table td.td02 input {border:1px #c0bfbd solid;background:#fffdf4;padding:10px;}
.table02 table td.td03 {text-align:center;padding:20px;}
.table02 table td.td03 input {border:1px #c0bfbd solid;background:#fffdf4;padding:10px;width:40%;margin-top:15px;vertical-align:middle;}
.table02 table td.td03 img  {vertical-align:middle;}
.table022 table td.td02 input {width:auto;margin-right:5px;}
.table02 table td.td02 input.txt01 {width:50%;}
.table02 table td.td02 em {display:inline-block;padding:8px 0 0 15px;font-size:15px;}

.wpcf7-list-item{ display:block; line-height:200%;}
.wpcf7-text { width:100%; } 

.tabbut {text-align:center;padding:30px 0;}
.tabbut input {border:1px #777 solid;background:#ededed;padding:20px 70px;font-size:18px;}

.qpagebox {height:100%;overflow:hidden;padding:30px 0 20px 0;}
.qimg {float:left;width:35%;padding-top:10px;}
.qimg img{width:100%; height:auto;}
.qtxt {float:right;width:60%;color:#777;}
.qtxt h3 {font-size:20px;font-weight:bold;padding:15px 0 8px 0;}

.txtbox10 {padding-top:46px;}
.table03 {margin-top:15px;}
.table02 table td textarea {width:100%;border:1px #c0bfbd solid;background:#fffdf4;padding:15px;}
.table03 table td h3 {font-weight:bold;}

.txtboxd11 p {background:url(../images/tb06.gif) no-repeat left 8px;padding-left:15px;}
  
.pointer{padding:0px;}
.pointer li{border:solid 1px #fff;width:10px;height:10px;margin:1px;display:inline-block;border-radius:10px;cursor:pointer;}
.pointer .active{border:none;background:#fff;width:12px;height:12px;margin:0;}

.nypagetxt11 p span {padding-left:5px;}
.nypagetxt11 p {vertical-align:middle;}
.nypagetxt11 p span img {vertical-align:middle;}

/*superaddition css*/
.nybannerbgbb {background:url(../images/banbg.png) no-repeat right bottom;}
.nybannerbg08 {background:#f99ea7 url(../images/bg08.gif) repeat-x left top;}
.pagetxt03 {padding:30px 0 20px 0;}
.pagetxt03 h2 {font-family:"logotypegothic"; font-weight:bold;}
.pagetxt03 p {line-height:180%;}

.nylisimg li {float:left;width:260px;text-align:center;margin:20px 0;}
.nylisimg li img { width:100%; height:auto; }
.nylisimg li.li02 {margin-left:30px;margin-right:30px;}
.nylisimg li h3 {font-weight:bold;font-size:18px;line-height:30px;padding:25px 0 15px 0;}
.nylisimg li p {text-align:left;line-height:26px;height:135px;}
.nylisimg li h4 a {background:#d48fa1;color:#fff;display:inline-block;padding:0 40px;font-size:18px;}
.nylisimg li h4 a:hover {text-decoration:none;background:#bd7487;}
.nylisimg li h4 { margin-top:18px;}
.nylisimg01 li p { height:135px;}

.ttbox {background:url(../images/tb03.gif) repeat-x left top;margin-top:30px;padding:46px 0;height:100%;overflow:hidden;}
.ttbox h2 {font-size:32px; padding-left:48px; background:url(../images/h2.jpg) no-repeat left top;font-family:"logotypegothic";}

.nypage011 {margin-top:10px;}
.nypageimgt {width:36%;}
.nypagetxttt {width:60%;}
.nypagetxttt h2 {font-size:20px;font-weight:bold;}
.nypagetxttt p {text-align:left;}

.lessonbox {border:1px #adadad solid;}
.lessontop {background:#d48fa1 url(../images/tb10.gif) no-repeat right center;margin:10px 10px;}
.lessonbox h2 {padding:5px 0 5px 90px;background:url(../images/tb09.gif) no-repeat left center;color:#fff;font-size:25px;}
.lessontxt {padding:15px 30px;}
.lessontxt p {line-height:30px;}
.lessonlist li {float:left;background:url(../images/img34.jpg) no-repeat;width:260px;height:237px;color:#fff;margin:0 0 17px 17px;padding:30px;}
.lessonlist li h3,.lessonlist li h4 {text-align:center;font-weight:bold;font-size:18px;line-height:30px;}
.lessonlist li p {padding-top:10px;}

.yyimgbox {
	background:#fdd5dd;
	padding:18px 0;
	text-align:center;
}
.yyimgbox span {margin:0 10px;}
.yyimgbox img {max-width:400px; height:auto;}

.abcbox {border-radius:15px; padding:25px 25px 25px 25px;margin-top:20px; min-height:200px; }
.abcbox h2 {margin-bottom:15px;}
.abcbox h2 span {display:inline-block;color:#b13b17;line-height:26px;padding:10px 0 0 10px;}

.abcbox01 {background:url(../images/img61b.jpg) no-repeat right center; border:2px #f0af87 solid; background-color:#ffffff; min-height:260px;}
.abcbox01 p {padding:0 350px 0 10px;}

.abcbox02 {background:url(../images/img38b.jpg) no-repeat right center; border:2px #8cc4dd solid; background-color:#ffffff; min-height:260px;}
.abcbox02 p {padding:0 350px 0 10px;}

.abcbox03 {background:url(../images/img65.jpg) no-repeat right center; border:2px #e2d27a solid;margin-bottom:50px; background-color:#ffffff;}
.abcbox03 p {padding:0 220px 0 10px;}

.abcbox02 h2 span {color:#247bc2;}
.abcbox03 h2 span {color:#8d851a; font-size:16px;}

.abcbox .pc{display:block;}
.abcbox .sp{display:none;}


/*Design_contents04*/
.hairbox {height:100%;overflow:hidden;margin-bottom:40px;}
.hairbox .tbox{ clear:both; padding:30px 15px 0 10px;}

.hairbox ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.hairbox li {border:2px #fd99a3 solid;padding:9px;width:31.9%;background:#fff4ee; }
.hairbox li.li02 {margin:0 18px;}
.hairbox li div.hairli {border:1px #fd99a3 solid;padding:5px 0 0 0;height:100%; min-height:400px;}
.hairbox li div.hairli h3 {text-align:center;}
.hairbox li div.hairli h4 {text-align:center;line-height:24px;color:#c99d76;}
.hairbox li div.hairli p{padding:5px 10px;}
.hairbox li div.hairimg {text-align:center;padding:10px 5px;}
.hairbox li div.hairimg img {width:98%;max-width:260px;}
.hairbox li p {padding:10px 20px;}
.hairbox01 li {width:48%;height:280px;}
.hairbox01 li.li03 {margin-left:0px;}

.hairbox li div.hairli2 {border:1px #fd99a3 solid;padding:5px 0 0 0;height:100%;}
.hairbox li div.hairli2 h3 {text-align:center;}

.hairbox_sl { clear:both; overflow:hidden; margin:0; padding:20px 0 80px 0;}
.hairbox_sl li {float:left;width:33%; margin:0; padding:0; }
.hairbox_sl li.li02 {margin:0 0.5%; padding:0;}
.hairbox_sl img{ width:100%; height:auto;}


/*Design_contents05*/
.tablebox {padding:0 5px;}
.tablebox h2 {font-weight:bold;font-size:20px;padding-bottom:10px;}
.table05 {padding-bottom:50px;}
.table05 table {border-left:1px #5c9bac solid;border-top:1px #5c9bac solid;}
.table05 table td {border-right:1px #5c9bac solid;border-bottom:1px #5c9bac solid;vertical-align:middle;padding:8px 0;}
.table05 table td.td01 {background:#73b5c5;color:#fff;font-weight:bold;text-align:center;}
.table05 table td.td02 {text-align:center;background:#daf7ff;color:#5c9bac;font-weight:bold;}
.table05 table td.td03 {padding-left:15px;padding-right:15px;}
.table05 table td.td03 p {background:url(../images/tb06.gif) no-repeat left center;padding-left:12px;}

.nybannerbg09 {background:#73b5c5 url(../images/bg09.gif) repeat-x left top;}
.nybannerbg10 {background:#e8b94f url(../images/bg10.gif) repeat-x left top;}
.nybannerbg11 {background:#f38c69 url(../images/bg11.gif) repeat-x left top;}

.table06 table {border-left:1px #cc9c3a solid;border-top:1px #cc9c3a solid;}
.table06 table td {border-right:1px #cc9c3a solid;border-bottom:1px #cc9c3a solid;}
.table06 table td.td01 {background:#e8b94f;padding:8px 20px;}
.table06 table td.td02 {background:#fffbb1;color:#c69e3f;padding:8px 10px;width:30%;}
.table05 table td.td03 p {background:none;}

.table07 table {border-left:1px #e47e56 solid;border-top:1px #e47e56 solid;}
.table07 table td {border-right:1px #e47e56 solid;border-bottom:1px #e47e56 solid;padding:15px 0}
.table07 table td.td01 {background:#f38c69;padding:15px 20px;}
.table07 table td.td02 {background:#ffe5cc;color:#f38c69;padding:8px 10px;width:25%;}
.table07 table td.td03 p {background:none;}

.nypmayu {width:28%;padding-top:30px;}
.nypmayu img{width:100%; height:auto;}

.nypmtxt {width:67%;padding-top:30px;}
.nypmtxt h3 {font-weight:bold;margin-left:10px;}

.bdhc { background:#ffeef2; padding:20px 24px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; clear:both; overflow:hidden; margin-bottom:25px; }
.bdhc h3{ border-bottom:1px solid #cd6578; overflow:hidden; clear:both; padding:0; margin-bottom:10px; }
.bdhc h3 img{vertical-align:bottom;}
.bdhc .lf{float:left;}
.bdhc .rt{float:right; padding-top:20px;}
.bdhc p{ padding:0 15px; line-height:170%;}
.bdhc ul{padding:0; margin:0; clear:both;}
.bdhc ul li{ list-style:outside none; padding:10px 0 0 0;}
.bdhc ul li img{ width:100%; height:auto;}
.bdhc .pc{display:block;}
.bdhc .sp{display:none;}


.kokuchi{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:8px 10px 10px 10px;
	border:3px double #ff0000; margin:15px 0 0 0;
}
.kokuchi h3{ border-bottom:1px dotted #888888; padding:0 0 0 3px; margin-bottom:10px; color:#ff0000; font-weight:bold;}  
.kokuchi p { padding:0 5px;}
.kokuchi .red{color:#ff0000; font-weight:bold;}

.txrc{font-size:12px;}
p.tpp1{ padding:0; margin-top:30px;}
p.tpp2{ padding:0; margin-top:10px;}

.img-pc{display:block;}
.img-sp{display:none;}

.sns{float:left; padding:5px 0 0 10px;display: inline-block;}
.sns .tw{float:left; padding:0 0 0 0; vertical-align: baseline !important;line-height: 0;}
.sns .fb{float:left; padding:0 0 0 5px; vertical-align: baseline !important;line-height: 0;}
.sns .ln{float:left; padding:0 0 0 5px; vertical-align: baseline !important;line-height: 0;}
.sns .ln img{ width:auto; height:20px;}

.sns2{float:right; padding:5px 0 0 10px;display: inline-block;}
.sns2 .tw{float:left; padding:0 0 0 0; margin:0; vertical-align: baseline !important;line-height: 0;}
.sns2 .fb{float:left; padding:0 0 0 5px; margin:0; vertical-align: baseline !important;line-height: 0;}
.sns2 .ln{float:left; padding:0 0 0 5px; margin:0; vertical-align: baseline !important;line-height: 0;}
.sns2 .ln img{ margin:0; padding:0;}

.fb-like{margin:0; padding:0;}

.ps_cat{ float:right;}

.bannerbox{ width:100%; clear:both; overflow:hidden; margin:25px 0 0 0;}
.bannerbox img{ width:100%; height:auto;} 
.newlesson h2 {font-size:32px; padding-left:48px; background:url(../images/h2.jpg) no-repeat left top;font-family:"logotypegothic"; margin:15px 0 10px 0;}
.newlesson h3 {font-size:26px; font-family:"logotypegothic"; margin:0; padding:0; }

.fresh{ clear:both; overflow:hidden; padding:10px 0 0 0;}
.fresh h3{ font-size:1.3em; font-family:"logotypegothic"; margin:0; padding:10px 0; }

.fresh .menu_bace{ clear:both; overflow:hidden;}
.fresh .menu_bace h4 {font-size:28px; padding-left:52px; padding-bottom:10px;}


.fresh .menu_bace .menubox{clear:both; overflow:hidden; background:url(../images/tb03.gif) repeat-x left top; padding:36px 0 40px 0;}
.fresh p{ font-size:1.0em; line-height:180%; padding:0;}
.fresh .price{border:3px #767676 double; padding:10px; margin:10px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold; }

.fresh .menu_bace .fre_prl{float:left; width:590px;}
.fresh .menu_bace .fre_prr{float:right; width:240px;}
.fresh .menu_bace .fre_prr img{ width:100%; height:auto;}

.bdhc .fre_l{float:left; width:369px; margin:25px 0 10px 0;}
.bdhc .fre_l p{ padding:0 15px; font-size:15px; line-height:180%;}
.bdhc .fre_l img{padding:10px 0 0 0;}
.bdhc .fre_r{float:right; width:412px; border:1px solid #af7b8a; margin:15px 0 10px 0;}
.bdhc .fre_r iframe{ vertical-align:bottom;}

.menubox .fre_l{float:left; width:48%;}
.menubox .fre_r{float:right; width:48%;}

ul.conlist{ clear:both; padding:30px 0 0 0;  display: flex; justify-content: center; flex-wrap: wrap;}
ul.conlist li{ list-style:none; padding:0; margin: 0 10px 20px;}
ul.conlist img{width:100%; height:auto; vertical-align:bottom;}
ul.conlist .c3{width:260px;}

.fre_com{ width:100%; clear:both; overflow:hidden; padding:15px 0 50px 0; margin:0;}
.menubox .price .pc{display:block;}
.menubox .price .sp{display:none;}

.od_special{ background:#ee9dc2; color:#ffffff; padding:2px 0 0 0; margin:0 0 10px 0; line-height:200%; font-weight:bold;}
.od_com{padding:0 10px; clear:both; overflow:hidden;} 
.od_img{padding:0; vertical-align:bottom; margin:10px 0 15px 0;}
.od_img img{ width:100%; height:auto;}
.od_img .pc{display:block;}
.od_img .sp{display:none;}

.snsbox{clear:both; overflow:hidden; margin:0 0 0 0; text-align:center; padding:70px 0 60px 0; }
.snsbox .pdl{padding:10px 60px 0 0;}
.snsbox .pdr{padding:10px 0 0 60px;}

ul.snsbox2{
	clear:both;
	overflow:hidden;
	margin:0 0 0 0;
	padding:70px 0 60px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
ul.snsbox2 li{
	list-style: none;
	margin: 0;
	padding:0;
	width: 30%;
	box-sizing: border-box;
	text-align: center;
}
ul.snsbox2 li img{
	width: 100%;
	height: auto;
}

/*20200914*/
h3.wds{font-size: 1.5em; padding:6px 0 5px 0; margin:20px 0 30px 0; color: #ff0000; border-bottom:  double 3px #ff0000;border-top: double 3px #ff0000;}
.bgp01 {background:url(../images/h2.jpg) no-repeat left top;}
.bgp02 {background:url(../images/h2b.jpg) no-repeat left top;}
.wdtit{background:#ffeeea url(../images/tb04.gif) no-repeat 20px center;color:#777;padding: 20px 0 10px 60px;line-height:180%;border-top:1px #777 dotted;border-bottom:1px #777 dotted; margin:20px 0;}
.wdtmi{font-size:1.8em;}
p.wdtx{ padding:0 20px;}

ul.wdlist{ clear:both; padding:30px 0 20px 0;  display: flex; justify-content: center; flex-wrap: wrap;}
ul.wdlist li{ list-style:none; padding:0; margin: 0 5px 20px;}
ul.wdlist img{width:100%; height:auto; vertical-align:bottom;}
ul.wdlist .c4{width:23.2%;}

.wdprice{border:5px #767676 double; padding:2px 20px; margin:20px 15px 0 15px; clear: both; overflow: hidden; }
.wdpb{clear:both; overflow: hidden; font-size: 1.2em; padding: 10px;}
.wdpb .lf{float:left; width: 72%;}
.wdpb .rt{float:right; width: 28%; text-align: right;}
.bdb{ border-bottom:1px dotted #cccccc;}
.opt{ font-size:1.2em; font-weight: bold; padding-top: 15px;}
.wdprice .oppr{border:1px #aaaaaa solid; padding:2px 15px; margin:0 0 25px 0; clear: both; overflow: hidden; }

/*20210205*/
.lessonbox2 {border:1px #adadad solid;}
.lessontop2 {background:#e8623d url(../images/tb10mn.gif) no-repeat right center;margin:10px 10px;}
.lessonbox2 h2 {padding:5px 0 5px 90px;background:url(../images/tb09mn.gif) no-repeat left center;color:#fff;font-size:25px;}
.lessontxt2 {padding:15px 30px;}
.lessontxt2 p {line-height:30px;}
.lessonlist2 li {float:left;background:url(../images/img34mn.jpg) no-repeat;width:260px;height:237px;color:#fff;margin:0 0 17px 17px;padding:30px;}
.lessonlist2 li h3,.lessonlist2 li h4 {text-align:center;font-weight:bold;font-size:18px;line-height:30px;}
.lessonlist2 li p {padding-top:10px;}

/*20250127*/
h3.os_tit{
	text-align: center;
	font-size: 2.4em;
	color: #777;
	margin: 30px 0 0 0;
}
ul.onlineshop{
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:0 10px 80px 10px;
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap: wrap;
}
ul.onlineshop li{
	list-style: none;
	margin:20px 0 0 0;
	padding: 0 0;
	width: 49%;
	box-sizing: border-box;
}
ul.onlineshop li img{
	width: 100%;
	height: auto;
}
ul.onlineshop li h4{
	text-align: center;
	font-size: 1.2em;
	color: #888;
	font-weight: bold;
}

/* 202503 */
.reitem_tit{
	box-shadow: 0 8px 5px -5px #ccc inset;
	background-color: #ffebeb;
	margin-bottom: 70px;
	padding: 70px 0;
	text-align: center;
}
.reitem_con{
	max-width: 1280px;
	margin: 0 auto;
}
.reitem_tx{
	padding:0 25px;
}
.reitem_con p{
	font-size: 1.1em;
	color: #4a504a;
	line-height: 180%;
}
.it_tit{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 25px 0;
}
.it_ex{
	color: #fff;
	font-size: 1.2em;
	background-color: #d8a65a;
	border-radius: 10px;
	border:2px solid #fff;
	padding:0 10px;
	margin-right: 8px;
	font-weight: bold;
}
.fl1{
	flex: 1;
}
.reitem_tit h2{
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: border-box;
}
.reitem_tit h2 img{
	width: 100%;
	height: auto;
	box-shadow: 0 0 8px #888;
	box-sizing: border-box;
}
.reitem_con h3{
	color: #4a504a;
	font-size: 2.4em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 150%;
}
.fl1 h4{
	color: #4a504a;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 150%;
	padding: 15px 0;
}
.ant_tx h4{
	color: #4a504a;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 150%;
	padding: 10px 0;
}

.reitem_con h5{
	color: #4a504a;
	font-size: 1.8em;
	line-height: 150%;
	text-align: center;
}
.reitem_itembox{
	background-image: url("../images/reitem_img01.png");
	background-position: right top;
	background-repeat: no-repeat;
	margin: 70px 0 0 0;
	padding:0 25px;
	box-sizing: border-box;
}
ul.flbox{
	margin: 0 0 70px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 30px;
}
ul.flbox li{
	list-style: none;
}
.od_a{
	order: 1;
}
.od_b{
	order: 2;
}
.od_c{
	order: 3;
}

.imgbox{
	width: 30%;
	max-width: 360px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: center;
}
.imgbox img{
	width: 100%;
	height: auto;
}

ul.shopbox{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items:center;
	flex-wrap: wrap;
	grid-row-gap: 10px;
}
ul.shopbox li{
	list-style: none;
	width: 32%;
	text-align: center;
	box-sizing: border-box;
}
ul.shopbox li.base a{
	display: block;
	background-color: #0fafaa;
}
ul.shopbox li.yahoo a{
	display: block;
	background-color: #ff8400;
}
ul.shopbox li.rakuten a{
	display: block;
	background-color: #bf0000;
}
ul.shopbox li a{
	text-decoration: none;
	color: #fff;
	line-height: 70px;
	font-weight: bold;
	font-size: 1.3em;
	transition: 0.5s;
	padding-top: 3px;
}
ul.shopbox li a:hover{
	opacity: 0.3;
	transition: 0.5s;
}
.reitem_price{
	font-weight: bold;
	color: #4a504a;
}
ul.antique{
	margin: 0 0 70px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
}
ul.antique li{
	width: 31.5%;
	list-style: none;
	vertical-align: bottom;
}
ul.antique li img{
	width: 100%;
	height: auto;
}
.ant_tx{
	padding:10px;
}
.ant_shop{
	width: 300px;
	box-sizing: border-box;
	margin: 25px 0 0 0;
}
.ant_shop a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	background-color: #3d4c66;
	padding: 18px 20px 15px 20px;
}
.ant_shop a:hover{
	opacity: 0.3;
	transition: 0.5s;
}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 8px;
	right: 8px;
	z-index:200;
}
.pagetop a {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 35px;
	text-decoration: none;
	line-height: 70px;
}
.pagetop a:visited {
	color: #ffffff;
}

/* pagenavi */
.tablenav {
	color: #2583ad;
	background:white;
	margin: 20px auto;
	line-height:2em;
	text-align:center;	
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 5px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:16px;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

/* editer */
.mtop{ margin-top:10px;}
.mbottom{ margin-bottom:10px;}
.mright{ margin-right:10px;}
.mleft{ margin-left:10px;}

.alignnone {
	padding:0;
}
.aligncenter {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.alignright { float: right; }
.alignleft { float: left; }

.tab-paneltxt img{
	max-width:810px;
	height:auto;
}

.tab-paneltxt ol{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
}
.tab-paneltxt ol li{
	list-style-type: decimal;
	list-style-position:outside;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 200%;
}
.tab-paneltxt ul{
	padding:0;
	margin:0 0 0 20px;
	clear:both;
}
.tab-paneltxt ul li{
	list-style:disc;
	list-style-position:outside;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 200%;
}

.sns{float:none; padding:5px 0 0 0;display: inline-block;}

.pro_use{ background:url(../images/pro.jpg) no-repeat left center; margin:20px 0 0 0; padding:0 0 0 35px; line-height:200%; font-size:22px;font-family:"logotypegothic"; font-weight:normal;}

/* 20250404 */
/* slide */
.slidebace {
	width: 100%;
	margin-top: 30px;
	position: relative;
	padding: 35px 0 35px 0;
	background-color: #efefef;
	box-sizing: border-box;
}
/* recommend */
ul.recommend{
	width: 100%;
	max-width: 1350px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 10px 80px 10px;
	column-gap: 4%;
}
ul.recommend li{
	list-style: none;
	width: 22%;
}
ul.recommend li img{
	width: 100%;
	height: auto;
	margin: 15px 0;
}
ul.recommend li a{
	transform: 0.5s
}
ul.recommend li a:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.bt_base{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.bt_base a{
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 18px 10px 15px 10px;
	background-color: #0fafaa;
}
.bt_yahoo{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.bt_yahoo a{
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 18px 10px 15px 10px;
	background-color: #ff8400;
}
.bt_rakuten{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.bt_rakuten a{
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 18px 10px 15px 10px;
	background-color: #bf0000;
}
.bt_ant{
	margin-top: 10px;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.bt_ant a{
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 18px 10px 15px 10px;
	background-color: #3d4c66;
}


/* youtube */
ul.youtube{
	width: 100%;
	max-width: 1350px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 10px 80px 10px;
	column-gap: 4%;
}
ul.youtube li{
	width: 48%;
	max-width: 560px;
	margin: 0;
	box-shadow: 0 0 8px rgba(000, 000, 0, 0.5);	
	background-color: #ededed;
}





/*>1200*/
@media screen and (min-width: 1200px) {
	.container{width:850px;}
	.tit{clear:both; overflow:hidden; }
	.tit h2 {float:left;}
	.titcp{ font-size:12px; float:left; margin:18px 0 0 10px; padding:5px 20px; line-height:12px; background:#ef9fc3; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px; }
	.titcp2{ font-size:12px; float:left; margin:18px 0 0 10px; padding:5px 20px; line-height:12px; background:#e8623d; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px; }
 
 .br-sp { display:none; }
}
/*>991 <1199*/
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.container{width:850px;}
	.tit{clear:both; overflow:hidden; }
	.tit h2 {float:left;}
	.titcp{ font-size:12px; float:left; margin:18px 0 0 10px; padding:5px 20px; line-height:12px; background:#ef9fc3; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px; }
	.titcp2{ font-size:12px; float:left; margin:18px 0 0 10px; padding:5px 20px; line-height:12px; background:#e8623d; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px; }
}
/*>768 <990*/
@media screen and (min-width: 768px) and (max-width: 990px) {
	.container{width:100%;}
	.headertop a img.logo {width:322px;}
	.bg-inverse .nav-inline li {width:14%;}
	.bg-inverse .nav-inline li a {padding:0 10px 22px 10px;}
	.bg-inverse .nav-inline li a p {margin-top:10px;}
	.bg-inverse .nav-inline li.Online a p {margin-top:0;}
	.bg-inverse .nav-inline li.Online a {line-height:20px;}
	.view {width:100%;padding:0 0;float:none;padding:0 5px;}
	.view ul {padding:0 0; margin-bottom:15px;}
	.tweet {float:none;width:100%;text-align:center;padding:20px 5px 0 5px;}
	.tweet .twitter-follow-button {float:none;}
	.banner01 img {padding:0 5px;}
	button.button.bg-white.icon-navicon {background:#ddd;}
	.nybanner {padding-left:15px;}
	.footer {padding:0 5px 20px 5px;}
	.footleft {display:none;}
	.footleft,.footright  {float:none;}
	.footleft ul {margin-right:20px;}
	.footright {width:100%;}
	.view h2 {text-align:center;}
	.view h2 p  {text-align:center;float:none;width:100%;padding:10px 0;}
	.view h2 a {margin:0;float:none;}
	.tweet h2 {text-align:center;}
	.tweet h2 p {width:100%;text-align:center;}
	.tweet h2 a {float:none;}
	.footright h2 {text-align:center;}
	.nypage01 h2 { font-size:24px; text-align:center; background:none; padding:10px 0px;}
	.tit h2 { width:100%; margin:0 auto;}
	.titcp{ font-size:12px; float:none; clear:both; width:50%; margin:0 auto; padding:5px 10px; text-align:center; background:#ef9fc3; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px;  }
	.titcp2{ font-size:12px; float:none; clear:both; width:50%; margin:0 auto; padding:5px 10px; text-align:center; background:#e8623d; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px;  }
	.nypageimg {width:100%;margin-top:20px;text-align:center; padding:0px;}

	.nypagetxt {width:100%;text-align:center; padding-top:10px;}
	.nypageimg img {width:auto;}
	.txtbox11 {padding:30px 5px;}
	.txtbox112 {padding:30px 5px;}
	.nypageimg0 {width:100%;text-align:center;}
	.nypageimg0 img{width:50%; height:auto;}
	.nypagetxt0 {width:100%;padding-top:20px;}
	.txtbox11 h2 { font-size:24px; text-align:center; padding:10px 0px; background:none;}
	.txtbox112 h2 { font-size:24px; text-align:center; padding:10px 0px; background:none;}
	.bg-inverse .nav-inline li ul.drop-menu {top:87px;}
	.txtimg,.txtlist {text-align:center;float:none;width:100%;}
	.txtlist .name2 {font-size:16px;font-weight:bold; line-height:130%; padding:10px 0;}
	.txtlist {padding:0 5px;}
	.txtlist p em {width:80%;text-align:left;}

.txtlist .career .left1{ float:none; width:100%; padding-bottom:2px; clear:both;}
.txtlist .career .right1{ float:none; width:100%; clear:both;}
.txtlist .career .left2{ float:none; width:100%; padding-bottom:2px; clear:both;}
.txtlist .career .right2{ float:none; width:100%; clear:both;}


	.nypageimg11,.nypagetxt11 {width:100%;text-align:center;}
	.table02 table td.td02 input.txt01 {width:100%;}
	.tab-paneltxt h2  {line-height:42px;padding:10px 0;}
	.nylisimg {width:768px;margin: 0 auto;}
	.lessonlist {width:660px;margin: 0 auto;}
	.lessonlist2 {width:660px;margin: 0 auto;}
	.nylisimg  ul {width:100%;padding:0 0;}
	.nylisimg ul li,.nylisimg li.li02,.nylisimg li.li04,.nylisimg li.li05 {margin:0 0;}
	.nylisimg ul li {width:50%;padding:0 40px 60px 40px;}
	.ttbox h2 {text-align:center;padding-left:0px; background:none;}
	.nypageimgt {padding:0px;}
	.nypageimgt img {width:100%; height:auto; max-width:336px;}
	.nypageimgt01 img {width:100%;max-width:341px;padding-top:20px;}
	.yyimgbox {text-align:center;}
	.yyimgbox span {display:inline-block;padding:5px 0;}
	.nypage011 {margin-top:0;}
	.pagebox {padding:0px 5px 10px 5px;}
	.pagebox h2 {text-align:center;}
	.lessonbox {margin:0 5px;}
	.lessonbox2 {margin:0 5px;}
	.hairbox {width:770px;margin:0 auto;}
	.hairbox li {width:48%;}
	.hairbox li.li02 {margin:0 0 20px 24px;}
	.hairbox01 {padding:0 5px 40px 5px;}

.table02 table td.td01 {background:#ffe8e4;font-size:16px;font-weight:bold;width:20%;text-align:center;}

.txtbrd .lf{ clear:both; margin-bottom:10px; width:100%; }
.txtbrd .rt{ clear:both; margin-bottom:10px; width:100%; }
.txtbrd img { width:410px; margin:0 0 10px 10px; }

.nypmayu {width:100%; text-align:center;padding-top:10px;}
.nypmtxt {width:100%;}
.nypmtxt h3 {font-weight:bold;margin-left:0;}

.fresh {margin:0 auto; width:95%;}
.fresh h3{ font-size:1.2em;}
.fresh .menu_bace h4 {font-size:28px; padding-left:52px;font-family:"logotypegothic"; padding-bottom:10px;}
.fresh .menu_bace .menubox{clear:both; overflow:hidden; background:url(../images/tb03.gif) repeat-x left top; padding:36px 0 40px 0;}
.fresh p{ font-size:1.0em; line-height:180%; padding:0;}
.fresh .price{border:3px #767676 double; padding:10px; margin:10px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold; }

.fresh .menu_bace .fre_prl{float:none; width:100%;}
.fresh .menu_bace .fre_prr{float:none; width:260px; margin:0 auto;}
.fresh .menu_bace .fre_prr img{ width:100%; height:auto;}

.bdhc .fre_l{float:none; width:100%; margin:25px 0 10px 0;}
.bdhc h3 img{ width:100%; height:auto;}
.bdhc .fre_l p{ padding:0 15px; font-size:15px; line-height:180%;}
.bdhc .fre_l img{padding:10px 0 0 0;}
.bdhc .fre_r{float:none; width:100%; border:1px solid #af7b8a; margin:15px 0 10px 0;}
.bdhc .fre_r iframe{ vertical-align:bottom;}

.fre_com{ width:95%; margin:0 auto;}

.snsbox{ padding:0 0 20px 0; }
.snsbox .pdl{padding:40px 0 0 0;}
.snsbox .pdr{padding:40px 0 0 0;}

/* recommend */
ul.recommend{
	align-items: center;
	column-gap: 4%;
}
ul.recommend li{
	width: 48%;
	margin-bottom: 30px;
}
	
}
/*<767*/
@media screen and (max-width: 767px) {
	.container{width:100%;}
	.headertop a img.logo {width:80%; height:auto;}
	.headertop p ,.headertop {width:100%;text-align:center;}
	.headertop p  {padding-top:15px; margin-left:0;}
.bg-inverse .nav-inline li.Online {width:100%;}
	.bg-inverse .nav-inline {margin-top:28px;}
	.bg-inverse .nav-inline li {width:100%;}
	.bg-inverse .nav-inline li a  {padding:0 0;text-align:left;line-height:18px;padding-top:4px;width:100%;}
	.bg-inverse .nav-inline li a {font-size:14px;}
	.bg-inverse .nav-inline li a p {font-size:12px;padding:0 0;}
	.bg-inverse .nav-inline li.home {width:100%;background:url(../images/hometb1.gif) no-repeat 20px 10px;}
	.bg-inverse .nav-inline li.home a p {padding-top:28px;}
	.bg-inverse .nav-inline li.home a:hover {background:none;}
	.bg-inverse .nav-inline li ul.drop-menu li,.bg-inverse .nav-inline li ul.drop-menu li a {width:100%;}
	.view {width:100%;padding:0 0;float:none;padding:0 5px;}
	.view ul {padding:0 0; margin-bottom:25px;}
	.tweet {float:none;width:100%;text-align:center;padding:20px 5px 0 5px;}
	.tweet .twitter-follow-button {float:none;}
	.banner01 img {width:100%;padding:0 5px;}
	button.button.bg-white.icon-navicon {background:#ddd;}
	.navbar {padding:5px 8px 8px 8px;}
	.footer {padding:0 5px 20px 5px;}
	.footleft {display:none;}
	.footleft,.footright  {float:none;}
	.footleft ul {margin-right:20px;}
	.footright {width:100%;}
	.view h2 {text-align:center;}
	.view h2 p  {text-align:center;float:none;width:100%;padding:10px 0;}
	.view h2 a {margin:0;float:none;}
	.imgl {padding-bottom:153px;}
	.tweet h2 {text-align:center;}
	.tweet h2 p {width:100%;text-align:center;}
	.tweet h2 a {float:none;}
	.footright h2 {text-align:center;}
	.bg-inverse .nav-inline li ul.drop-menu {top:0px; width:100%; position:relative; display:block;}
	.bg-inverse .nav-inline li ul.drop-menu {filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;}
	.bg-inverse .nav-inline li ,.bg-inverse .nav-inline li a,.bg-inverse .nav-inline li a:hover {background:none;}
	.nybanner {padding:25px 15px 25px 15px;}
	.nybanner h2 {line-height:35px;font-size:22px;padding-top:10px;font-weight:bold;}
	.nypageimg {width:100%;margin-top:15px;text-align:center; padding-top:0px;}
	.nypageimgt {padding:0px;}
	.nypageimgt img { width:50%; height:auto; max-width:336px;}
	.nypageimgt01 img {width:100%;max-width:341px;padding-top:20px;}
	.nypagetxt {width:100%; padding-top:10px;}
	.email a img {width:96%;}
	.txt00 {width:100%;margin:0 5px;}
	.txt01 {float:none;}
	.txt02 {float:none;}
	.txtbox01 {margin:0 5px;}
	.txtbox02 ul li {width:31%;margin:10px 0 0 8px;}
	.yybox {width:100%;margin:0 5px;margin-top:30px;}
	.yybox01,.yybox02 {float:none;width:100%;margin:0 5px;}
	.yybox02 {float:none;width:100%;margin:0 5px;}
	.nyimg img {width:100%;}
	.txtbox11 {padding:30px 5px;}
	.txtbox112 {padding:30px 5px;}
	.nypageimg0 {float:none;width:100%;text-align:center;}
	.nypageimg0 img {width:80%; height:auto; max-width:418px;}
	.nypagetxt0 {width:100%;padding-top:20px;}
	.txtbox11 h2 { font-size:20px; text-align:center; padding:10px 0px; background:none;}
	.txtbox112 h2 { font-size:20px; text-align:center; padding:10px 0px; background:none;}
	.nypageimg11,.nypagetxt11 {width:100%;text-align:center;}
	.nypagetxt11 h3 span {width:70%;}
	.txtimg,.txtlist {text-align:center;float:none;width:100%;}
	.txtlist .name2 {font-size:16px;font-weight:bold; line-height:130%; padding:10px 0;}
	.txtlist {padding:0 5px;}
	.txtlist p em {width:80%;text-align:left;}

.txtlist .career .left1{ float:none; width:100%; padding-bottom:2px; clear:both;}
.txtlist .career .right1{ float:none; width:100%; clear:both;}
.txtlist .career .left2{ float:none; width:100%; padding-bottom:2px; clear:both;}
.txtlist .career .right2{ float:none; width:100%; clear:both;}

	.qimg {width:100%;text-align:center;}
	.qimg img {width:100%;max-width:305px;}
	.qtxt {width:100%;padding:0 10px;}
	.table02 table td.td02 input.txt01 {width:100%;}
	.imgl img {width:100%;}
	.tab-paneltxt h2  {line-height:42px;padding:10px 0;}
	.bg-inverse .nav-inline {background:none;}
	.nylisimg li {float:normal;width:100%;text-align:center;padding:0 20px;}
	.nylisimg li.li02,.nylisimg li.li04,.nylisimg li.li05 {margin:0 0;}
	.nylisimg li h3 {padding:20px 0;}
	.nylisimg li p,.nylisimg01 li p {height:auto;}
	.nylisimg li h4 {margin-bottom:20px;}
	.nylisimg ul.ul02 {padding:0 0;}
	.nylisimg ul.ul02 li {margin:0 0;}
	.ttbox h2 {text-align:center;padding-left:0px; background:none;}
	.lessonlist {width:260px;margin: 0 auto;}
	.lessonlist li {margin-left:0;}
	.lessonlist2 {width:260px;margin: 0 auto;}
	.lessonlist2 li {margin-left:0;}
	.yyimgbox {text-align:left;padding:10px;}
	.yyimgbox span {display:inline-block;padding:5px 0;width:100%;margin:0 0;}
	.yyimgbox span img {width:100%;}
	.nypage011 {margin-top:0;}
	.nypage01 h2{ font-size:20px; background:none; padding:0px;}
	.tit h2 { width:100%; text-align:center; margin:0 auto;}
	.titcp{ font-size:12px; float:none; clear:both; width:90%; margin:0 auto; padding:5px 10px; text-align:center; background:#ef9fc3; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px;  }
	.titcp2{ font-size:12px; float:none; clear:both; width:90%; margin:0 auto; padding:5px 10px; text-align:center; background:#e8623d; color:#ffffff;	border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px;  }

.abcbox {margin-left:5px;margin-right:5px; padding-bottom:200px;}
.abcbox01 {background:url(../images/img61_sp.jpg) no-repeat center bottom; border:2px #f0af87 solid; background-color:#ffffff;}
.abcbox01 p {padding:0;}
.abcbox02 {background:url(../images/img38_sp.jpg) no-repeat center bottom; border:2px #8cc4dd solid; background-color:#ffffff;}
.abcbox02 p {padding:0;}
.abcbox03 {background:url(../images/img65_sp.jpg) no-repeat center bottom; border:2px #e2d27a solid;margin-bottom:50px; background-color:#ffffff;}
.abcbox03 p {padding:0;}


	.pagekuang01 {margin:20px 5px 0 5px;}
	.nypageimg img {width:100%;max-width: 336px;}
	.nyimg01 img { width:100%; max-width: 347px; }
	.nyimg02 img {width:100%;max-width: 339px;}
	.nypageimg01 img {width:100%;max-width:426px;}
	.nypageimg02 img {width:100%;max-width:480px;}
	.nypageimg03 img {width:100%;max-width:339px;}
	.nyimg03 img {width:100%;max-width:340px;}
	.pagebox {padding:10px 5px 10px 5px;}
	.pagebox h2 {text-align:center;}
	.lessonbox {margin:0 5px;}
	.lessonbox2 {margin:0 5px;}
	.lessontop {background:#d48fa1;}
	.lessontop h2 {line-height:28px;padding:15px 0 15px 90px;}
	.lessontop2 {background:#e8623d;}
	.lessontop2 h2 {line-height:28px;padding:15px 0 15px 90px;}
	.hairbox {padding:0 5px 40px 5px;}
	.hairbox li,.hairbox li.li02 {float:none;width:100%;margin:0 0 20px 0;}
	.hairbox01 {padding-bottom:0;}
	.hairbox01 li.li03 {margin-left:0;}
	.hairbox01 li {height:auto;}

.table02 table td.td01 {background:#ffe8e4;font-size:14px;font-weight:bold;width:30%;text-align:center;}

.nybanner .pkl { padding:0; display:none;}
.nybanner .pkl2 { padding:0; display:none; }

.txtbrd .lf{ clear:both; margin-bottom:10px; width:100%; }
.txtbrd .rt{ clear:both; margin-bottom:10px; width:100%; }
.txtbrd img { width:320px; height:auto; margin:0 0 10px 10px; }

.nypmayu {width:100%; padding-top:10px; text-align:center;}
.nypmtxt {width:100%;}
.nypmtxt h3 {font-weight:bold;margin-left:0;}

.recruit{ padding:0; width:100%;}
.recruit img{width:100%; height:auto;}

.bdhc { padding:15px;}
.bdhc .lf{float:none; padding:0; margin:0;}
.bdhc .rt{float:none; padding:0 0 10px 0; margin:0;}
.bdhc p{ padding:0 10px; line-height:150%;}
.bdhc .pc{display:none;}
.bdhc .sp{display:block;}

.br-sp { display:block;}
.mt{ margin-top:10px; }

.img-pc{display:none;}
.img-sp{display:block;}

.txrc{font-size:10px;}
p.tpp1{ margin-top:20px; font-size:10px; padding:0 10px; }
p.tpp2{ margin-top:10px; font-size:10px; padding:0 10px; }

.hairbox_sl li {float:none;width:100%; margin:0 auto; padding:0 0 15px 0; }
.hairbox_sl li.li02 {float:none;width:100%; margin:0 auto; padding:0 0 15px 0;}

.newlesson{ width:95%; clear:both; overflow:hidden; margin:25px auto 0 auto;}
.newlesson h2 {font-size:28px; margin:15px 0 10px 0;}
.newlesson h3 {font-size:24px; margin:0; padding:0; }

.abcbox .pc{display:none;}
.abcbox .sp{display:block;}

.fresh {margin:0 auto; width:95%;}
.fresh h3{ font-size:1.2em;}
.fresh .menu_bace h4 {font-size:28px; padding-left:52px;font-family:"logotypegothic"; padding-bottom:10px;}
.fresh .menu_bace .menubox{clear:both; overflow:hidden; background:url(../images/tb03.gif) repeat-x left top; padding:36px 0 40px 0;}
.fresh p{ font-size:1.0em; line-height:180%; padding:0;}
.fresh .price{border:3px #767676 double; padding:10px; margin:10px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold; }

.fresh .menu_bace .fre_prl{float:none; width:100%;}
.fresh .menu_bace .fre_prr{float:none; width:260px; margin:0 auto;}
.fresh .menu_bace .fre_prr img{ width:100%; height:auto;}

.bdhc .fre_l{float:none; width:100%; margin:25px 0 10px 0;}
.bdhc img{ width:100%; height:auto;}
.bdhc .fre_l p{ padding:0 15px; font-size:15px; line-height:180%;}
.bdhc .fre_l img{padding:10px 0 0 0;}
.bdhc .fre_r{float:none; width:100%; border:1px solid #af7b8a; margin:15px 0 10px 0;}
.bdhc .fre_r iframe{ vertical-align:bottom;}

.fre_com{ width:95%; margin:0 auto;}
.menubox .price .pc{display:none;}
.menubox .price .sp{display:block;}

.tab-paneltxt img{ width:100%; height:auto; clear:both;}

.pagekuang02 {font-size:16px; }
.pagekuang02 .pc{display:none;}
.pagekuang02 .sp{display:block;}

.od_special{line-height:150%;}
.od_img .pc{display:none;}
.od_img .sp{display:block;}

.snsbox{ padding:0px 0 20px 0; }
.snsbox .pdl{padding:40px 0 0 0;}
.snsbox .pdr{padding:40px 0 0 0;}
	
ul.snsbox2{
	padding:30px 0 0 0;
	justify-content: center;
}
ul.snsbox2 li{
	margin: 0 0 30px 0;
	width: 100%;
}
ul.snsbox2 li img{
	max-width: 239px;
}
	

/*20200914*/
h3.wds{font-size: 1.2em; line-height: 160%;}
.menubox h4.bgp01 { font-size:1.6em; line-height: 150%; }
.menubox h4.bgp02 { font-size:1.6em; line-height: 150%; }
.wdtmi{font-size:1.4em;}
p.wdtx{ padding:0 10px;}

ul.wdlist{ clear:both; padding:20px 0 20px 0;  display: flex; justify-content: center; flex-wrap: wrap;}
ul.wdlist li{ list-style:none; padding:0; margin: 0 0 20px 0;}
ul.wdlist img{width:100%; height:auto; vertical-align:bottom;}
ul.wdlist .c4{width:260px;}

.wdprice{border:3px #767676 double; padding:2px 10px; margin:20px 0 0 0; clear: both; overflow: hidden; }
.wdpb{clear:both; overflow: hidden; font-size: 0.9em; padding: 8px 0; line-height: 160%;}
.wdpb .lf{float:left; width: 53%;}
.wdpb .rt{float:right; width: 46%; text-align: right;}
.bdb{ border-bottom:1px dotted #cccccc;}
.opt{ font-size:1.0em; font-weight: bold; padding-top: 10px;}
.wdprice .oppr{border:1px #aaaaaa solid; padding:2px 15px; margin:0 0 25px 0; clear: both; overflow: hidden; }	

	
/* 20230405 */
.ls_navi{
	font-size: 1.0em;
}
.ls_navi2{
	font-size: 1.0em;
}

/*20250127*/
ul.onlineshop{
	width: 100%;
	max-width: 600px;
}
ul.onlineshop li{
	width: 100%;
}
	
/* 202503 */
.reitem_tit{
	margin-bottom: 50px;
	padding: 50px 0;
}
.reitem_tx{
	padding:0 15px;
}
.reitem_con p{
	font-size: 1.0em;
}
.it_tit{
	padding: 15px 0;
}
.it_ex{
	font-size: 1.0em;
	padding:0 8px;
	margin-right: 5px;
}
	
.reitem_tit h2{
	padding: 0 15px;
}
.reitem_con h3{
	font-size: 1.8em;
}
.od_c{
	order: 1;
}
.fl1{
	flex: 1 100%;
}
.fl1 h4{
	font-size: 1.4em;
}
.ant_tx h4{
	font-size: 1.2em;
}
.reitem_con h5{
	font-size: 1.4em;
	padding: 0 15px;
}
.reitem_itembox{
	margin: 50px 0 0 0;
	padding:0 15px;
}
ul.flbox{
	margin: 0 0 50px 0;
	column-gap: 15px;
}
.imgbox{
	width: 100%;
	margin: 0 auto;
	max-width: 300px;
}	
ul.shopbox li{
	width: 100%;
}
ul.shopbox li a{
	line-height: 60px;
	font-size: 1.2em;
}
ul.antique{
	margin: 0 0 50px 0;
	column-gap: 0;
	grid-row-gap: 50px;
}
ul.antique li{
	width: 100%;
	text-align: center;
	padding:0 15px;
	box-sizing: border-box;
}
ul.antique li img{
	max-width: 300px;
	height: auto;
}
.ant_tx{
	padding:0px;
}
.ant_shop{
	margin: 25px auto 0 auto;
}	
.ant_shop a{
	font-size: 1.2em;
}

/* recommend */
ul.recommend{
	max-width:450px; 
}
ul.recommend li{
	width: 100%;
	margin-bottom: 30px;
}

/* youtube */
ul.youtube{
	width: 100%;
	max-width: 1350px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 10px 80px 10px;
	column-gap: 4%;
}
ul.youtube li{
	width: 48%;
	max-width: 560px;
	margin: 0;
	box-shadow: 0 0 8px rgba(000, 000, 0, 0.5);	
	background-color: #ededed;
}
	
/* youtube */
ul.youtube{
	max-width: 560px;
}
ul.youtube li{
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}
	
}