@charset "utf-8";
/*=================================================================================
    トップページ
=================================================================================*/


/*  .newsBlock */

em {
	font-style:italic;
}

strong {
	font-weight: bold;
}

em strong {
    font-weight: bold;
    font-style: italic;
}

strong em {
    font-weight: bold;
    font-style: italic;
}

.newsBlock {
	width: 920px;
	margin: 40px auto 0px;
	overflow: hidden;
}

.newsBlock h1 {
	margin-bottom: 0;
}

.newsBlock .news {
	border-bottom: 2px solid #A7A3A1;
	padding: 30px 0;
	*zoom: 1;
}

.newsBlock .news:last-child {
	margin-bottom: 45px;
}

.newsBlock .news:before, .newsBlock .news:after {
	display: table;
	content: "";
	line-height: 0;
}

.newsBlock .news:after {
	clear: both;
}

.newsBlock .news .text {
	float: right;
	width: 655px;
}

.newsBlock .news .text .entryInfo {
	*zoom: 1;
	margin: 5px 0 0;
}

.newsBlock .news .text .entryInfo:before, .newsBlock .news .text .entryInfo:after {
	display: table;
	content: "";
	line-height: 0;
}

.newsBlock .news .text .entryInfo:after {
	clear: both;
}

.newsBlock .news .text .entryInfo .categories {
	float: left;
}

.newsBlock .news .text .entryInfo .categories ul {
	*zoom: 1;
}

.newsBlock .news .text .entryInfo .categories ul:before, .newsBlock .news .text .entryInfo .categories ul:after {
	display: table;
	content: "";
	line-height: 0;
}

.newsBlock .news .text .entryInfo .categories ul:after {
	clear: both;
}

.newsBlock .news .text .entryInfo .categories ul li {
	float: left;
	background-color: #ff0000;
	padding: 0 15px;
	color: #fff;
	margin-right: 10px;
}

.newsBlock .news .text .entryInfo .categories ul li a {
	color: #fff;
	text-decoration: none;
}

.newsBlock .news .text .entryInfo .categories ul li a:hover {
	text-decoration: underline;
}

.newsBlock .news .text .entryInfo time {
	float: left;
	font-size: 100%;
	padding: 0;
	margin-right: 18px;
}

.newsBlock .news .text .entryInfo figure.author {
	*zoom: 1;
	float: none;
	width: auto;
}

.newsBlock .news .text .entryInfo figure.author:before, .newsBlock .news .text .entryInfo figure.author:after {
	display: table;
	content: "";
	line-height: 0;
}

.newsBlock .news .text .entryInfo figure.author:after {
	clear: both;
}

.newsBlock .news .text .entryInfo figure.author img {
	margin-right: 5px;
	vertical-align: middle;
	display: inline;
}

.newsBlock .news .text .entryInfo figure.author figcaption {
	display: inline;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}

.newsBlock .news .text h1 {
	font-size: 150%;
	margin: 5px 0 10px;
	line-height: 1.5;
}

.newsBlock .news .text h1 a {
	color: #333;
}

.newsBlock .news .text p {
	display: inline;
}

.newsBlock .news .text p {
	display: inline;
	line-height: 1.875;
}

.newsBlock .news figure {
	float: left;
    width: 230px;
}

.newsBlock .news figure a img {
	border: 1px solid #050001;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.newsBlock .news figure a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	-ms-filter: "alpha( opacity=$alpha )";
}

@media only screen and (max-width: 760px) {
	.newsBlock {
		width: 100%;
		margin: 0 auto 6%;
		padding: 5% 0 4%;
	}
	.newsBlock .news {
		width: 100%;
		margin: 0 auto;
	}
	.newsBlock .news figure {
		width: auto;
		float: none;
	}
	.newsBlock .news figure a img {
		max-width: 100%;
		width: 91%;
		height: auto;
		box-sizing: border-box;
		display: block;
		margin: 0 auto;
	}
	.newsBlock .news .text {
		width: auto;
		float: none;
	}
	.newsBlock .news .text .entryInfo {
		margin: 15px 0 0;
	}
}

@media only screen and (max-width: 420px) {
	.newsBlock .news .text h1 {
		font-size: 140%;
	}
}

/*  .single .error404 */
body.single #content,
body.error404 #content {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 50px;
}

body.single #content article h1,
body.error404 #content article h1 {
	font-size: 187.5%;
	margin: 52px 0 10px;
	line-height: 1.5;
	position: relative;
}

body.single #content article h1::after,
body.error404 #content article h1::after {
	content: '';
	display: block;
	width: 100%;
	background: #eeeeee;
	height: 0.4em;
	position: absolute;
	top: 32px;
	z-index: -1;
}

body.single #content article h2 {
	font-size: 143.75%;
	margin: 55px 0 30px;
	line-height: 1.3;
	font-weight: bold;
	border-bottom: 2px solid #A7A3A1;
}

body.single #content article p+h2 {
    margin: 40px 0 20px;
}

body.single #content article h2+p, body.single #content article h2+img {
	/* margin-top: 25px; */
}

body.single #content article p+*>img, body.single #content article h2+*>img {
    margin: 60px auto;
}

body.single #content article time {
	float: right;
	font-size: 100%;
	padding: 0;
}

body.single #content article p {
	line-height: 1.8;
    margin-top: 20px;
    margin-bottom: 35px;
}

body.single #content p.back_button_wrap {
	text-align: right;
	margin-top: 120px;
	margin-bottom: 0;
	line-height: 1;
}

body.single #content article img {
	display: block;
	margin: 30px auto 35px;
	border: 1px solid #050001;
	max-width: 100%;
	height: auto;
}

body.single #content article .picBL .floatL img,
body.single #content article .picBL .floatR img {
	width: 100%;
}

body.single #content a.back_button {
	border-bottom: 1px solid #231815;
	padding-bottom: 5px;
	position: relative;
}

body.single #content a.back_button:hover {
	text-decoration: none;
	border: none;
}

body.single #content a.back_button::before {
	content: '';
	display: block;
	width: 16px;
	height: 14px;
	background: url(../images/arR_02.png) no-repeat left center;
	position: absolute;
	right: 102px;
	top: 27%;
}

body.single #content article .entryInfo {
	overflow: hidden;
    margin-bottom: 30px;
}

body.single #content article .categories {
	float: right;
    margin-left: 18px;
}

body.single #content article .categories ul {
	*zoom: 1;
}

body.single #content article .categories ul:before {
	display: table;
	content: "";
	line-height: 0;
}

body.single #content article .categories ul li {
	float: left;
	background-color: #ff0000;
	padding: 0 15px;
	color: #fff;
}

body.single #content article img.alignright {
    margin-left: auto;
    margin-right: 0;
}

body.single #content article img.alignleft {
    margin-left: 0;
    margin-right: auto;
}

body.single #content article img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

body.error404 #content a {
	text-decoration:underline;
}

body.error404 #content a:hover {
	text-decoration:none;
}


div.wp-caption {
    max-width: 100%;
}

dd.wp-caption-dd {
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 16px;
    display: none;
}

.picBL {
    text-align: center;
	clear: both;
	overflow: hidden;
}

.floatL {
    width: 47.274%;
    float: left;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
}

.picBL .floatL + p {
    text-align: left !important;
}

.floatR {
    width: 47.274%;
    float: right;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
}

.picBL .floatR + p {
    text-align: left !important;
}

.picBL img {
    margin: 0 auto;
}


ul.list_post {
	margin: 30px auto 35px;
}


ul.list_post li:before {
    font-size: 75%;
    content: "● ";
    color: #333;
    display: inline-block;
    vertical-align: top;
    padding: 3px;
}

ul.list_post li {
    padding-left: 1.2em;
    text-indent: -0.6em;
}

table {
	margin: 30px auto 35px;
    border-collapse: collapse;
}

.tbl-r02 th {
    background: #EEEEEE;
    border: solid 1px #ccc;
    color: #333;
    padding: 10px;
    font-weight: bold;
}

table.tbl-r02 td {
    border: solid 1px #ccc;
    padding: 10px;
    background: #fff;
}

@media only screen and (max-width: 760px) {
	body.single #content,
	body.error404 #content {
		width: 96%;
	}
	body.single #content article img {
		width: 91%;
		max-width: 100%;
		height: auto;
		display: block;
	}
	body.single #content article p+*>img, body.single #content article h2+*>img {
		margin: 60px auto 40px;
	}
	body.single #content article h1 {
		background: linear-gradient(transparent 85%, #eeeeee 85%);
	}
	body.single #content article h1::after {
		height: auto;
	}
	body.single #content article .categories {
		height: auto;
	}

	.picBL img {
        margin: 0 auto 10px;
    }

    .floatL {
        width: auto;
        float: none;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .floatR {
        width: auto;
        float: none;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
	}
	
	.tbl-r02 th {
        font-weight: bold;
        text-align: center;
    }
}

/*  .wp-pagenavi */

.wp-pagenavi {
	clear: both;
	margin: 45px auto 75px;
	text-align: center;
	font-size: 24px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 0;
	margin: 0 17px;
	position: relative;
}

.wp-pagenavi a::after, .wp-pagenavi span::after {
	content: '';
	display: block;
	height: 0.8em;
	width: 1px;
	background: #231815;
	position: absolute;
	top: 10px;
	right: -17px;
}

.wp-pagenavi *:last-child::after {
	display: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-bottom: 1px solid #231815;
	padding-bottom: 5px;
}

@media only screen and (max-width: 760px) {
	.wp-pagenavi {
		font-size: 100%;
		margin: 30px auto 50px;
	}
}

/* コースのご案内 */

.course {
	width: 1110px;
	margin: 54px auto 0px;
	overflow: hidden;
}

.top .course {
	margin: 54px auto 14px;
}

.course div {
	position: relative;
	width: 270px;
	height: 270px;
	float: left;
	overflow: hidden;
	font-size: 16px;
	margin-right: 10px;
}

.course div a {
	width: 270px;
	height: 270px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.course .course01 {
	background: url(../images/bg_painting.jpg);
}

.course .course02 {
	background: url(../images/bg_portrait.jpg);
}

.course .course03 {
	background: url(../images/bg_junior.jpg);
}

.course .course04 {
	background: url(../images/bg_croqui.jpg);
}

.course div:hover a {
	background-color: rgba(255, 0, 19, 0.5);
}

.course div a img {
	position: absolute;
	top: 0;
	z-index: 3;
}

.course .sub_title {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	text-align: center;
}

.course .sub_title p {
	display: block;
	padding: 0;
	text-align: center;
	font-size: 2em;
	letter-spacing: 10px;
}

.course .sub_title span {
	padding: 0;
	font-size: 0.9em;
}

.course .sub_title:before {
	display: none;
}

.course div a p {
	position: absolute;
	top: 97px;
	left: 45px;
	width: 180px;
	letter-spacing: 2px;
	font-size: 28px;
}

.course div a p:after {
	display: block;
	content: "";
	width: 180px;
	margin: 0 auto;
	padding-top: 5px;
	border-bottom: 1px solid #fff;
}

.course div a span {
	display: block;
	position: absolute;
	top: 145px;
	left: 47px;
	width: 180px;
	letter-spacing: 3px;
}

.course div.course03 a p {
	position: absolute;
	left: 32px;
	width: 210px;
}

.course04 .txt02 {
	width: 100%;
	position: absolute;
	top: 178px;
	left: 0;
	letter-spacing: 1.4px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.course {
		width: 100%;
		margin: 6.5% auto;
	}
	.course div {
		width: 50%;
		height: 47.4vw;
		font-size: 16px;
		margin-right: 0;
	}
	.course .course01 {
		background-size: cover;
	}
	.course .course02 {
		background-size: cover;
	}
	.course .course03 {
		background-size: cover;
	}
	.course .course04 {
		background-size: cover;
	}
	.course div:nth-child(3), .course div:nth-child(5) {
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}
	.course div:nth-child(3), .course div:nth-child(4) {
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
	}
	.course div a {
		width: 100%;
		height: 100%;
		display: block;
	}
	.course div a img {
		position: absolute;
		top: 0;
		z-index: 3;
	}
	.course .sub_title {
		float: none;
		width: 98%;
		height: auto;
		margin: 0 auto 3%;
		text-align: left;
	}
	.course .sub_title p {
		display: inline-block;
		padding: 0 0 1% 0;
		text-align: left;
		font-size: 6vw;
		letter-spacing: 3px;
	}
	.course .sub_title span {
		padding: 0 1% 0 0;
		font-size: 4vw;
	}
	.course .sub_title:before {
		display: block;
	}
	.course div a p {
		position: absolute;
		top: 35%;
		left: 0;
		width: 100%;
		letter-spacing: 3px;
		font-size: 5vw;
	}
	.course div a p:after {
		width: 70%;
		padding-top: 0.5%;
	}
	.course div a span {
		display: block;
		position: absolute;
		top: 51%;
		left: 0;
		width: 100%;
		font-size: 3.5vw;
		letter-spacing: 3px;
	}
	.course div.course03 a p {
		position: absolute;
		left: 0;
		width: 100%;
	}
	.course04 .txt02 {
		position: absolute;
		top: 65%;
		font-size: 3vw;
	}
}

/* /コースのご案内 */

/* バナーエリア */

.banner {
	margin: 0 auto 50px;
	overflow: hidden;
	padding: 40px 0;
	text-align: center;
}

.top .banner {
	margin-bottom: 25px;
}

.banner .innr {
	width: 1110px;
	margin: 0 auto;
	overflow: hidden;
}

.banner a {
	display: inline-block;
}

.banner a:nth-child(1) {
	margin-right: 60px;
}

@media only screen and (max-width: 760px) {
	.top .banner {
		width: 98%;
		margin: 0 auto 5%;
		padding: 4% 0;
	}
	.banner {
		width: 94%;
		margin: 0 auto 5%;
		padding: 4% 0;
	}
	.banner .innr {
		width: 100%;
	}
	.banner a {
		display: block;
		text-align: center;
	}
	.banner a img {
		width: 100%;
		height: auto;
	}
	.banner a:nth-child(1) {
		margin: 0 0 2% 0;
	}
}

/* /バナーエリア */

/* トピック */

.topic {
	width: 1110px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 40px;
	text-align: center;
}

.top .topic {
	padding: 20px 0 10px;
}

.topic a {
	display: inline-block;
}

.topic .banner__item:nth-child(2n+1) {
	margin-right: 60px;
}

.topic .banner__item--mgnR {
	margin-right: 0!important;
}

.topic .banner__item--mgn {
	margin-top: 20px;
}

@media only screen and (max-width: 760px) {
	.topic {
		width: 98%;
		padding: 0 0 4%;
	}
	.top .topic {
		padding: 2% 0 3%;
	}
	.topic a {
		display: block;
		text-align: center;
	}
	.topic a img {
		width: 100%;
		height: auto;
	}
	.topic img {
		width: 100%;
		height: auto;
	}
	.topic .banner__item {
		margin: 0 0 2% 0;
	}
	.topic .banner__item:nth-child(2n+1) {
		margin-right: 0;
	}
}

/* /トピック */

/* 最新情報 */

.news {
	margin: 0 auto;
	padding: 50px 0 40px;
	letter-spacing: 1.6px;
}

.news .sub_title p, .news .sub_title span {
	background-color: #f8f7f7;
}

.news .innr {
	width: 1100px;
	margin: 0 auto;
}

.news .newsBl {
	padding: 10px 10px 20px;
	border: 1px solid #eee;
	background-color: #fff;
}

.news dt {
	clear: both;
	float: left;
	padding: 10px 25px;
	background: url(../images/arR.gif) 5% 50% no-repeat;
}

.news dd {
	display: inline-block;
	position: relative;
	background-position: 145px 15px;
	padding: 10px 0;
}

.news dd.label {
	width: 115px;
	display: inline-block;
	margin: 10px 25px 10px 0;
	padding: 0;
	background-color: #444444;
	color: #fefefe;
	text-align: center;
}

.news dd.red_label {
	width: 115px;
	display: inline-block;
	margin: 10px 25px 10px 0;
	padding: 0;
	background-color: #ff0013;
	color: #fefefe;
	text-align: center;
}

.news .readmore {
	letter-spacing: 1.4px;
	text-align: center;
}

.news .readmore:before {
	content: url(../images/arU.gif);
	margin-right: 10px;
}

.news .close:before {
	content: none;
}

.news .readmore:hover, .news .close:hover {
	cursor: pointer;
	text-decoration: underline;
}

@media only screen and (max-width: 760px) {
	.news {
		width: 100%;
		margin: 0 auto 6%;
		padding: 5% 0 4%;
		letter-spacing: 1.6px;
	}
	.news .innr {
		width: 98%;
	}
	.news .newsBl {
		padding: 10px 10px 20px;
	}
	.news dt {
		float: left;
		padding: 1% 3.5%;
		background-position: 0 50%;
	}
	.news dd {
		background-position: 145px 15px;
		padding: 1% 0;
	}
	.news dd.label {
		width: 115px;
		display: inline-block;
		margin: 1% 2.5% 1% 0;
	}
	.news dd.red_label {
		width: 115px;
		display: inline-block;
		margin: 1% 2.5% 1% 0;
	}
	.news .readmore p:before {
		content: url(../images/arU.gif);
		margin-right: 1%;
	}
}

/* /最新情報 */

/* イベント情報 その他 */

.event {
	width: 1110px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 40px;
}

.event .sub_title {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
}

.event div {
	width: 362px;
	float: left;
	margin: 0 10px 10px 0;
}

.event div a img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 760px) {
	.event {
		width: 98%;
		text-align: center;
	}
	.event div {
		width: 100%;
		float: none;
		margin: 0 0 1% 0;
	}
	.event .sub_title {
		width: 98%;
		margin: 0 auto 3%;
	}
	.event .sub_title p {
		font-size: 6vw;
		letter-spacing: 2px;
	}
	.event .sub_title span {
		font-size: 4vw;
		letter-spacing: 1px;
	}
	.event .sub_title:before {
		position: absolute;
		top: 65%;
	}
}

/* /イベント情報 その他 */

/* SNS */

.sns {
	padding: 13px 0;
	background-color: #e31423;
	overflow: hidden;
	text-align: center;
}

.sns a {
	display: inline-table;
	margin-right: 2.5%;
}

.sns a img {
	width: 65%;
	height: auto;
}

@media only screen and (max-width: 760px) {
	.sns {
		max-width: 100%;
	}
}

/* /SNS */

/* アトリエグループのご紹介 */

.group {
	overflow: hidden;
	background: url(../images/enogu_back.jpg) no-repeat center center;
	background-size: cover!important;
	letter-spacing: 2px;
	border-top: 2px solid #666464;
}

.group .innr {
	width: 1110px;
	margin: 0 auto;
	padding: 45px 0;
	overflow: hidden;
}

.group .innr .link_wrap {
	width: 1100px;
	margin: 0 auto;
}

.group .sub_title {
	position: relative;
	margin-bottom: 46px;
	text-align: left;
}

.group .sub_title p {
	font-size: 1.8em;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0);
}

.group .sub_title span {
	background-color: rgba(255, 255, 255, 0);
	font-weight: bold;
}

.group .sub_title:before {
	position: absolute;
	top: 50%;
	left: 38%;
}

.group a {
	display: block;
	width: 360px;
	float: left;
	margin: 0 10px 23px 0;
}

.group a:nth-child(3), .group a:nth-child(6) {
	margin-right: 0;
}

.group a:hover {
	text-decoration: none;
}

.group figcaption {
	font-size: 12px;
	padding-left: 10px;
}

.group figcaption span:first-child {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.35em;
	line-height: 18px;
}

.group figcaption span {
	display: block;
	letter-spacing: 2px;
}

.group figcaption span+span {
	padding-bottom: 7px;
}

@media only screen and (min-width: 1366px) {
	.group {
		background-size: cover;
	}
}

@media only screen and (max-width: 760px) {
	.group figcaption span:first-child {
		margin-top: 5px;
	}
	.group {
		width: 100%;
		background-size: auto 145vw;
		background-position: 50% 0;
	}
	.group .innr {
		width: 98%;
		padding: 4% 0;
	}
	.group .innr .link_wrap {
		width: auto;
	}
	.group .sub_title {
		margin-bottom: 3%;
	}
	.group .sub_title p {
		font-size: 6vw;
		letter-spacing: 2px;
	}
	.group .sub_title span {
		font-size: 3vw;
		letter-spacing: 0;
	}
	.group .sub_title:before {
		position: absolute;
		top: 65%;
		left: 98%;
	}
	.group a {
		width: 49%;
		margin: 0 0 4% 0;
	}
	.group a:nth-child(1), .group a:nth-child(3), .group a:nth-child(5) {
		margin: 0 2% 4% 0;
	}
	.group a img {
		width: 100%;
		height: auto;
	}
}

/* /アトリエグループのご紹介 */

/*=================================================================================
    コース
=================================================================================*/

.lesson_banner {
	text-align: center;
	width: 380px;
	height: auto;
	margin: -20px auto 60px;
}

.pc_only+.lesson_banner {
	margin: -20px auto 0px;
}

#costume .pc_only+.lesson_banner {
	margin-top: -22px;
}

#stilllife .pc_only+.lesson_banner {
	margin-top: -15px;
}

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

.lesson_banner a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#taiken #content {
	padding-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.course div:nth-child(1), .course div:nth-child(3) {
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}
	.course div:nth-child(1), .course div:nth-child(2) {
		margin-bottom: 2px;
		box-sizing: border-box;
	}
	.lesson_banner {
		text-align: center;
		width: 310px;
		height: auto;
		margin: 0 auto 40px;
	}
}

/*=================================================================================
    絵画コース
=================================================================================*/

/* コースの特長 */

.feature_course {
	margin: 0 auto 40px;
}

.feature_course .feature li {
	position: relative;
	margin-left: 50px;
	letter-spacing: 3.4px;
	line-height: 2em;
	padding-left: 22px;
	text-indent: -14px;
}

.feature_course .feature li:before {
	content: "●";
	display: inline-block;
	margin-right: 15px;
	color: #e31423;
	font-size: 0.2em;
}

.feature_course .feature li .link {
	display: inline-block;
}

.feature_course .feature li .link a {
	color: #e31423;
	vertical-align: top;
}

.feature_course .column li:before {
	content: "";
}

.menu_area {
	margin: 0 auto 4%;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-justify-content: space-around;
	/* Safari */
	justify-content: space-around;
}

.menu_area ul {
	width: 96%;
	margin-left: 4%;
	box-sizing: content-box;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	flex-wrap: wrap;
}

.menu_area .innr {
	text-align: center;
}

.menu_area ul li {
	/*	box-sizing:border-box;*/
	margin-right: 3%;
	width: 30%;
	text-align: center;
	margin-bottom: 20px;
	/*	float:left;*/
}

.menu_area ul li.long {
	width: 60%;
	margin-left: 17%;
}

.menu_area ul li.long br {
	display: none;
}

.menu_area ul li:nth-child(3n) {
	margin-right: 0;
}

.menu_area ul li a {
	background-color: #e31423;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #fff;
}

.menu_area ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.banner_box .stilllife01 {
	background: url(../images/course/stilllife/blog.png) no-repeat center center;
}

.banner_box .stilllife02 {
	background: url(../images/course/stilllife/works.png) no-repeat center center;
}

.banner_box .banner_link:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* ---- ページ内リンクずれ ---- */

.linkbox {
	padding-top: 108px;
}

.page_link {
	padding-top: 108px;
	margin-top: -108px;
}

@media only screen and (max-width: 760px) {
	.feature_course .feature li {
		position: relative;
		margin-left: 1%;
		letter-spacing: 1px;
		line-height: 2em;
	}
	.feature_course .feature li:before {
		margin-right: 1.5%;
	}
	.program table tfoot td {
		font-size: 2.2vh;
	}
	.program p.taR {
		font-size: 1.9vh!important;
	}
}

/*Nexus, iphone6以下のスマホ*/

@media only screen and (max-width: 420px) {
	.feature_course {
		margin: 0 auto 4%;
	}
	.feature_course .feature li {
		line-height: 1.6;
		margin-bottom: .8em;
		padding-left: 16px;
		text-indent: -8px;
		font-size: 2.2vh;
	}
	.program table thead.left td {
		text-align: left;
	}
	.menu_area ul {
		width: 100%;
		margin: 0;
		margin-left: 1%;
	}
	.menu_area ul li {
		/*	box-sizing:border-box;*/
		margin-right: 1%;
		width: 49%;
		margin-bottom: 3px;
	}
	.menu_area ul li.long, .menu_area ul li.long2 {
		width: 49%;
		margin-left: 0;
		font-size: 78%;
		letter-spacing: 0;
	}
	.menu_area ul li.long br, .menu_area ul li.long2 br {
		display: block;
	}
	.menu_area ul li:nth-child(3n) {
		margin-right: 1%;
	}
	.menu_area ul li:nth-child(2n) {
		margin-right: 0;
	}
	.menu_area ul.long_menu li a {
		padding: 0;
		height: 8vh;
		vertical-align: middle;
	}
	.menu_area ul.long_menu li a span {
		padding: 0;
		height: 8vh;
		vertical-align: middle;
		display: inline-block;
	}
	.menu_area ul.long_menu li.long a span {
		padding-top: 1vh;
	}
	.menu_area ul.long_menu li.lineheight a span {
		padding-top: 0;
		line-height: 8vh;
	}
	/* ---- ページ内リンクずれ ---- */
	.linkbox {
		padding-top: 10vh;
	}
	.page_link {
		padding-top: 10vh;
		margin-top: -10vh;
	}
}

/* /コースの特長 */

/* 時間割 */

.program {
	margin: 0 auto 60px;
}

.junior .program {
	margin: 0 auto 70px;
	;
}

.program table {
	margin: 20px auto;
	text-align: center;
	letter-spacing: 3px;
}

.program table th {
	padding: 10px 0;
	background-color: #efefef;
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}

.program table .tit {
	width: 78px;
	vertical-align: middle;
}

.program table td {
	width: 318px;
	padding: 10px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 1px;
}

.program tfoot td, .program thead td {
	width: 318px;
	padding: 10px 0;
	border: none;
	font-weight: normal;
	text-align: left;
}

.program thead td {
	/*	line-height:2;*/
	padding: 0;
}

.program thead tr:nth-child(2) td {
	padding-bottom: 20px;
}

.program thead td br {
	display: none;
}

.program span.beginner {
	display: inline-block;
	margin-right: 10px;
	padding: 1px 10px;
	border-radius: 9.95px;
	background-color: #e31423;
	color: #fff;
	font-size: 0.8em;
	vertical-align: middle;
}

.program span.basic {
	display: inline-block;
	margin-right: 10px;
	padding: 1px 10px;
	border-radius: 9.95px;
	background-color: #009933;
	color: #fff;
	font-size: 0.8em;
	vertical-align: middle;
}

.program span.cam {
	letter-spacing: 3px;
}

.program span.cam:before {
	display: inline-block;
	content: "★";
	color: #f9b52c;
	vertical-align: bottom;
}

@media only screen and (max-width: 760px) {
	.program {
		margin: 0 auto 4%;
	}
	.program table tbody {
		margin: 2% auto;
		text-align: center;
		font-size: 2.5vw;
	}
	.program span.beginner {
		margin-right: 2%;
		padding: 1% 3%;
		font-size: 0.7em;
	}
	.program span.cam {
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 420px) {
	.program thead td {
		font-size: 90%;
		letter-spacing: 0;
	}
	.program thead td {
		text-align: center;
	}
}

/* /時間割 */

/* よくある質問 */

.faq {
	margin: 0 auto 40px;
}

#stilllife .faq {
	margin-bottom: 45px;
}

.faq dl:first-child {
	margin-top: 40px;
}

.faq dl {
	margin-top: 70px;
}

.faq dt {
	padding: 0 0 10px 40px;
	background: url(../images/course/stilllife/icon_question.png) no-repeat 0 4px;
	line-height: 1.8em;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 3px;
}

.faq dd {
	padding-left: 40px;
	background: url(../images/course/stilllife/icon_answer.png) no-repeat;
}

.faq .imgBl {
	margin: 20px auto;
	text-align: center;
}

@media only screen and (min-width: 760px) {
	#content .faq .column_2 {
		width: 1032px;
	}
}

@media only screen and (max-width: 760px) {
	.faq {
		margin: 0 auto 4%;
	}
	.faq dl {
		margin-top: 4vh;
	}
	.faq dl:first-child {
		margin-top: 5%;
	}
	.faq dt {
		padding-bottom: 2%;
		line-height: 1.8em;
		letter-spacing: 3px;
	}
	.faq .imgBl {
		width: 100%;
		margin: 2% auto;
		text-align: center;
	}
	.faq .imgBl img {
		width: 100%;
		height: auto;
	}
}

/*Nexus, iphone6以下のスマホ*/

@media only screen and (max-width: 420px) {
	.title {
		font-size: 6.5vw;
	}
	.sp_only {
		letter-spacing: 0;
		font-size: 3.4vw;
		/*text-align:left;*/
		width: 94%;
		margin: auto;
		line-height: 1.6;
	}
	.sub_title p {
		font-size: 5vw;
	}
	.faq dl {
		/*	margin-top: 5.5%;*/
		margin-top: 5.5vh;
	}
	.faq dt {
		font-size: 1em;
		background: url(../images/course/stilllife/icon_question.png) no-repeat 0 0;
	}
	.faq dd {
		font-size: 90%;
	}
	.faq .imgBl, .faq .column {
		margin-top: 2vh;
	}
}

/* /よくある質問 */

/*=================================================================================
    ジュニア・プチジュニアコース
=================================================================================*/

.banner_box a {
	position: relative;
	overflow: hidden;
	width: 450px;
	height: 108px;
	/*	background:#ccc;*/
}

.banner_link {
	width: 450px;
	height: 108px;
	text-align: center;
	color: #fff;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	top: 0;
	z-index: 3;
	background-image: url(../images/course/stilllife/blog.png);
}

.banner_box .jr01 {
	background: url(../images/course/jr/blog.png) no-repeat center center;
}

.banner_box .jr02 {
	background: url(../images/course/jr/works.png) no-repeat center center;
}

.banner_box .banner_link {
	background-size: cover!important;
}

.banner_link p {
	position: absolute;
	top: 23px;
	left: 0;
	line-height: 1.4;
	width: 450px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: 500;
}

.junior table td {
	vertical-align: middle;
}

@media only screen and (max-width: 760px) {
	.title {
		letter-spacing: 2px;
	}
	.banner_box a {
		position: relative;
		overflow: hidden;
		width: 49%;
		height: 90px;
		display: inline-block;
		margin: 0;
		padding: 0;
		/*	background:#ccc;*/
	}
	.banner_box a:first-child {
		margin-bottom: 0;
	}
	.banner_box a:last-child {
		margin-left: 2%;
	}
	.banner_link {
		width: 100%;
		height: 90px;
		position: absolute;
		top: 0;
		z-index: 3;
	}
	.banner_link p {
		position: absolute;
		top: 18px;
		left: 0;
		line-height: 1.4;
		width: 100%;
		text-align: center;
		letter-spacing: 2px;
		font-size: 20px;
		font-weight: 500;
	}
	.banner_box .jr01 {
		background: url(../images/course/jr/blog.png) no-repeat center center;
	}
	.banner_box .jr02 {
		background: url(../images/course/jr/works.png) no-repeat center center;
	}
	.banner_box .banner_link {
		background-size: cover;
	}
}

/*Nexus, iphone6以下のスマホ*/

@media only screen and (max-width: 420px) {
	.junior .title {
		font-size: 5.8vw;
		letter-spacing: 1px;
	}
	.banner_box a {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 15vh;
		/*	background:#ccc;*/
	}
	.banner_box a:first-child {
		margin-bottom: 2%;
	}
	.banner_box a:last-child {
		margin-left: 0;
	}
	.banner_link {
		width: 100%;
		height: 15vh;
	}
	.banner_link p {
		position: absolute;
		top: 3.8vh;
		left: 0;
		line-height: 1.4;
		width: 100%;
		text-align: center;
		letter-spacing: 2px;
		font-size: 3vh;
		font-weight: 500;
	}
}

/* 時間割 */

.program table .tit {
	width: 78px;
	vertical-align: middle;
}

.junior .program table td {
	width: 45%;
}

.junior .program table tfoot td, .junior .program table thead td {
	width: 90%;
	border: none;
	font-weight: normal;
	text-align: left;
}

.junior .program table tfoot td {
	padding: 10px 0;
}

.program thead tr:nth-child(2) td {
	padding-bottom: 20px;
}

.program thead td br {
	display: none;
}

/* 料金表 */

.program p.taR {
	margin-top: -20px;
	font-size: 90%;
}

.program .jr_tb th {
	width: 35%;
}

/* 先生紹介 */

.junior .teacher {
	margin: 0 auto 40px;
}

.junior .teacher dt {
	padding: 5px 0;
	font-size: 110%;
	text-align: left;
}

.junior .teacher dd {
	text-align: left;
	font-size: 82%;
	margin-bottom: 2vh;
}

.junior .teacher .column_4 {
	width: 94%;
	margin: auto;
	padding-top: 5px;
}

.junior .teacher .column_4 div {
	width: 18%;
	text-align: center;
}

/*
.teacher dd{font-size:80%;
	font-size:94%;
	letter-spacing:0;
}
*/

@media only screen and (min-width: 961px) {
	.junior .program table {
		width: 90%;
	}
}

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

@media only screen and (max-width: 420px) {
	.program thead td {
		font-size: 90%;
		letter-spacing: 0;
	}
	.program thead td {
		text-align: center;
	}
	.program p.taR {
		margin: 0 0 20px 0!important;
		text-align: left!important;
	}
	.program .jr_tb th {
		width: 30%;
	}
	.junior .teacher {
		margin: 0 auto 4%;
	}
	.junior .teacher .column_4 {
		width: 98%;
		font-size: 90%;
	}
	.junior .teacher .column_4 div {
		width: 49%;
		/*margin-bottom:2.5vh;*/
	}
	/*	.teacher .column_4 div{width:96%;margin:1.5vh auto 1.5vh;}
	.teacher dd{font-size:80%;}*/
	/*	.junior .price th{	font-size:80%;letter-spacing:0;}*/
}

/* /時間割 */

/*=================================================================================
    人物コース
=================================================================================*/

.model_schedule {
	margin-bottom: 5vh;
}

.modelbox {
	width: 80%;
	margin: 0 auto;
}

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

.pdf a {
	display: block;
	background: url("../images/icon_1r_64.png") no-repeat 100% -.4em;
	padding: .2em 2.4em .2em 0;
	background-size: 2.4em auto;
}

.banner_box .costume01 {
	background: url(../images/course/costume/blog.png) no-repeat center center;
}

.banner_box .costume02 {
	background: url(../images/course/costume/works.png) no-repeat center center;
}

/*  モデルスケジュール表  */

.model ul li {
	display: inline-block;
	font-size: 100%;
	box-sizing: border-box;
}

.model ul li:before {
	content: "■";
}

.model .nude:before {
	color: #f4c3c3;
}

.model .sp_nude:before {
	color: #ef6b6b;
}

.model .cos:before {
	color: #cbd9ed;
}

.model .sp_cos:before {
	color: #6290cb;
}

.model .theme:before {
	color: #ffffcc;
}

.model td.nude {
	background-color: #f4c3c3;
}

.model td.sp_nude {
	background-color: #ef6b6b;
}

.model td.cos {
	background-color: #cbd9ed;
}

.model td.sp_cos {
	background-color: #6290cb;
}

.model td.theme {
	background-color: #ffffcc;
}

.model table .tit {
	width: 15%;
}

.program .bd_bold th, .program .bd_bold td {
	border-bottom: 2px solid #aaa;
}

@media only screen and (min-width: 760px) {
	.model ul li {
		margin-right: 1em;
	}
}

@media only screen and (max-width: 760px) {
	.title {
		letter-spacing: 2px;
	}
}

/*Nexus, iphone6以下のスマホ*/

@media only screen and (max-width: 420px) {
	.junior .title {
		font-size: 5.8vw;
		letter-spacing: 1px;
	}
	.pdf a {
		display: block;
		background: url("../images/icon_1r_64.png") no-repeat 100% -.3em;
		padding: .2em 2.4em .2em 0;
		background-size: 2.4em auto;
	}
	.model_schedule {
		margin-bottom: 2vh;
	}
	.modelbox {
		width: 90%;
		margin: 0 auto;
	}
	#model .taR {
		text-align: right!important;
	}
	.model ul li {
		display: inline-block;
		font-size: 90%;
		width: 49%
	}
}

.move {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 20px 0px 35px 0px;
}

.move iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}

/*=================================================================================
    クロッキー会
=================================================================================*/

.program tr.midashi td {
	font-size: 120%;
	padding-top: 20px;
	padding-bottom: 10px!important;
	letter-spacing: .8em;
	text-indent: .5em;
	/*	text-align:center;*/
}

.bg_color {
	background: #bbb;
}

.program table .thin td, .program table .thin th {
	padding: 5px 0;
}

#content p.midashi {
	font-size: 120%;
	font-weight: 700;
	color: #111;
	margin-left: 1%;
	letter-spacing: .2em;
}

#croqui #about .sub_title br {
	display: none;
}

.croqui_model th.bd_bold {
	border-bottom: 2px solid #aaa;
}

.croqui_model .male {
	background-color: #e5f1fc;
}

.croqui_model .female {
	background-color: #fff;
}

.croqui_model .holiday {
	background-color: #fdecdc;
}

.croqui_model .special {
	background-color: #fbfddc;
}

.croqui_model .space {
	background-color: #ddd;
}

/*
.croqui_model .male{
	background-color: #cbd9ed;
}
.croqui_model .female{
	background-color: #fce5e5;
}
.croqui_model .holiday{
    background-color: #ef6b6b;
}
.croqui_model .special{
    background-color: #6290cb;
}
*/

.croqui_model .none {
	background-color: #aaa;
}

/*  追記  */

.croqui_model .bg_color {
	background-color: #e6e6e6;
}

/*  ----  */

.banner_box .croqui01 {
	background: url(../images/course/croqui/crob.jpg) no-repeat center center;
}

.map {
	margin-top: 20px;
	position: relative;
	width: 100%;
	padding: 30% 0 0 0;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#croqui .faq dd {
	background: none;
	padding-left: 20px;
	padding-left: 24px;
	text-indent: -20px;
}

@media only screen and (min-width: 760px) {
	#croqui .long {
		width: 30%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 760px) {
	#croqui .long {
		width: 30%;
		margin-left: 0;
	}
}

/*Nexus, iphone6以下のスマホ*/

@media only screen and (max-width: 420px) {
	.program tr.midashi td {
		font-size: 100%;
		padding-top: 0;
		padding-bottom: 5px;
		text-align: left;
	}
	.program table .thin td, .program table .thin th {
		padding: 5px 0;
	}
	#croqui .long {
		width: 49%;
		margin-left: 0;
		font-size: 82%;
	}
	#croqui .menu_area ul.long_menu li.long a span {
		padding-top: 0!important;
	}
	#croqui #about .sub_title br {
		display: block;
	}
	#croqui #about .sub_title {
		margin: 4% 0;
	}
	#content p.midashi {
		font-size: 110%;
		margin-bottom: 5px;
	}
	#croqui .faq dd {
		padding-left: 24px;
		text-indent: -20px;
	}
	.map {
		padding: 75% 0 0 0;
	}
	#croqui .small {
		font-size: 70%;
		letter-spacing: 0;
	}
}

/*=================================================================================
    料金案内
=================================================================================*/

.program table.price, .program table.time_column3 {
	width: 95%;
}

.program table.price th {
	vertical-align: middle;
}

.program table.price td {
	width: 40%;
	vertical-align: middle;
}

.program table.column_2 td {
	width: 72%;
	padding: 20px 0;
	vertical-align: middle;
}

.program table.price tfoot td {
	text-align: right;
}

.program thead td br {
	display: none;
}

.subpage .sub_title .sm_title {
	font-size: 80%;
	color: #e31423;
}

.subpage .sub_title .sm_title {
	font-size: 70%;
	letter-spacing: 0;
	padding: 0;
	vertical-align: middle;
}

.textarea {
	margin-bottom: 4%;
}

.fee .caution a {
	color: #999;
	vertical-align: middle;
	display: inline-block;
	margin-top: -4px;
	padding: 0 .5em;
}

.fee table td {
	vertical-align: middle;
}

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

@media only screen and (max-width: 420px) {
	.program table.price th {
		letter-spacing: 0;
	}
	.program table.price td span {
		font-size: 130%;
	}
	.program table.price td span.small {
		font-size: 0.9em;
	}
	.program table.price tfoot td {
		text-align: center;
		font-size: 80%;
		letter-spacing: 0;
	}
	.subpage .sub_title .sm_title {
		/*	font-size:50%;*/
		font-size: 70%;
	}
	.program table.price, .program table.time_column3 {
		width: 100%;
	}
	.textarea {
		margin-bottom: 5vh;
	}
	.caution {
		font-size: 80%;
	}
}

/*=================================================================================
    時間割
=================================================================================*/

.timetable .titleBl {
	margin: 4% auto 0;
}

.subpage .star {
	color: #f9b52c!important;
	vertical-align: baseline;
}

.timetable .feature a .bold {
	font-size: 90%;
}

.subpage ul.caution {
	margin: 2.5% 0 4%;
}

.subpage .caution li {
	line-height: 1.2;
	margin-bottom: 0.5%;
}

.subpage .caution li:before {
	content: "※";
	display: inline-block;
	margin-right: 1.5em;
	color: #1a1a1a;
	font-size: .5em;
	font-weight: bold;
}

.timetable .feature .cam {
	padding: 0 0 4px 0;
	margin: 0 -.5em 0 1em;
	display: inline-block;
}

.timetable .menu_area ul li.long {
	width: 30%;
	margin-left: 0;
}

.timetable table td {
	vertical-align: middle;
}

@media only screen and (max-width: 760px) {
	.timetable .menu_area ul li.long {
		font-size: 80%;
		letter-spacing: 0;
	}
	.timetable .menu_area ul li {
		font-size: 80%;
		letter-spacing: 0;
	}
}

@media only screen and (max-width: 420px) {
	.timetable .titleBl {
		margin: 4% auto 2%;
	}
	.timetable .feature_course {
		margin: 0 auto 2%;
	}
	.timetable .feature .cam {
		padding: 0 0 0 0;
		margin: 0 0 0 .7em;
		display: inline-block;
	}
	.timetable .menu_area ul li.long {
		width: 49%;
	}
}

/*=================================================================================
    アトリエ・エビスについて
=================================================================================*/

.flex-container .column_2 {
	margin: 0;
}

.flex-container .textarea {
	margin: 0 2%;
}

.smallbox .column_2 {
	width: 100%;
	/*	margin: 2% 0 2% 1.6%;*/
	margin: 2% 0;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;
}

.smallbox .column_2 li {
	width: 30%;
	margin-right: 5%;
}

.smallbox .column_1 li {
	width: 30%;
	margin-right: 5%;
}

.about .imgBl {
	/*	width:100%;*/
	text-align: center;
	margin: 20px auto;
}

.about .textinnr ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.about .voice .imgBl {
	margin: 0;
	margin-left: -16px;
}

.about .voice .imgBl img {
	width: 330px;
	height: auto;
}

/*
.about .voice .imgBl p{
	width:100%;
}
.about .voice .imgBl p img{
	width:100%;
}*/

.about dt:after {
	content: "▼";
	color: #E31423;
	position: absolute;
	top: auto;
	right: 0;
}

.about .active:after {
	content: "▲";
	color: #E31423;
}

.about dl {
	cursor: pointer;
	position: relative;
	border-bottom: 1px dotted #ccc;
}

.about dd {
	padding-bottom: 1em;
}

.active dd {
	display: block;
}

@media only screen and (max-width: 760px) {
	.about .voice .imgBl p {
		width: 50%;
		height: auto;
		margin-left: 20px;
	}
}

@media only screen and (max-width: 420px) {
	.about .voice .imgBl p {
		width: 100%;
		margin-left: 0;
	}
	.about .voice .imgBl {
		margin-left: 0;
	}
	.about .voice .imgBl img {
		width: 100%;
		;
	}
}

/* 歴史 */

.history .smallbox .column_2 {
	margin: 2% 0;
}

.history .sub_title p {
	line-height: 1.4em;
}

@media only screen and (max-width: 760px) {
	.subpage .imgBl img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 420px) {
	.about .sub_title p {
		letter-spacing: 0;
	}
	.flex-container {
		-webkit-flex-direction: column;
		/* Safari */
		flex-direction: column;
	}
	.flex-container .textarea {
		margin: 2% 0;
	}
	.flex-container .textarea p {
		font-size: 2.2vh;
	}
	.smallbox .column_2 {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.smallbox .column_2 li {
		width: 49%;
		margin-right: 0;
	}
	.smallbox .column_2 {
		width: 100%;
		/*	margin: 2% 0 2% 1.6%;*/
		margin: 0;
	}
	.history .sub_title {
		letter-spacing: 0;
	}
	.history .owner li {
		width: 49%;
	}
	.width100 {
		width: 100%!important;
	}
}

/* 社会貢献活動＆芸術文化支援プロジェクト */

.support .pdf_width {
	display: inline-block;
	width: 12.5em;
}

.support .normal {
	padding: .8em 0;
}

.pdf .normal {
	background: url(../images/icon_1r_64.png) no-repeat 100% .4em;
	background-size: 2.4em auto;
}

.support .bold {
	font-size: 90%;
	word-break: break-all;
}

.br {
	display: none;
}

.support .faq dl {
	margin-top: 20px;
}

.support dt:after {
	content: "▼";
	color: #E31423;
	position: absolute;
	top: auto;
	right: 0;
}

.support .active:after {
	content: "▲";
	color: #E31423;
}

.support dl {
	cursor: pointer;
	position: relative;
	border-bottom: 1px dotted #ccc;
}

.support .faq dt {
	padding-bottom: 0;
}

.support dd {
	padding-bottom: 1em;
	display: block;
	background: none;
	padding-left: 1em;
}

.support dd div {
	margin-top: .5em;
}

/*
.support dd p{
	padding-left:1em;
}*/

.support dd p a {
	display: inline-block;
	padding-top: .5em;
}

.support dt {
	background: none;
	padding-left: 0;
}

.support .bg_none:after {
	content: "";
}

@media only screen and (max-width: 420px) {
	.support .sub_title p {
		letter-spacing: 0;
	}
	.pdf .normal {
		background: url(../images/icon_1r_64.png) no-repeat 100% .4em;
		background-size: 2.4em auto;
	}
	.support .faq dl {
		margin-top: 2%;
	}
	.support .bold {
		letter-spacing: 0;
		font-size: 100%;
	}
	.support .lineheight p {
		line-height: 1.2;
	}
	.br {
		display: block;
		line-height: 0;
	}
	.support dt {
		padding-left: .5em;
	}
	.support dd {
		padding-bottom: 1em;
	}
	.support dd a {
		padding-bottom: .5em;
	}
	/*
.support dd p{
	margin:.2em 0;
}*/
}

/* アトリエグループ(姉妹校)のご紹介 */

.column_3 div p {
	margin-top: 1em;
}

.small {
	font-size: 90%;
	letter-spacing: 0;
}

.atelier_group .bold {
	font-size: 120%;
}

.atelier_group .bold .small {
	font-size: 90%;
}

.atelier_group .column_3 a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 420px) {
	.atelier_group .column_3 div {
		width: 100%;
		margin-bottom: 4vh;
	}
}

/*=================================================================================
    アクセス
=================================================================================*/

.access .small {
	display: inline-block;
	font-size: 100%;
	padding-top: 1em;
}

.access .part01 {
	color: #E70012;
}

.access .part02 {
	color: #6DB955;
}

@media only screen and (max-width: 420px) {
	.access .small {
		padding-top: .5em;
		font-size: 90%;
	}
}

/*=================================================================================
    講師
=================================================================================*/

.modalBl {
	overflow: hidden;
	margin-bottom: 50px;
}

.modal {
	width: 160px;
	float: left;
	margin-right: 25px;
	cursor: pointer;
	text-align: center;
	letter-spacing: 2.2px;
}

.modal02 {
	clear: both;
}

.modal img {
	width: 160px;
	height: auto;
}

.modal p {
	margin: 3px 0;
	font-size: 1.1em;
}

.mfp-content {
	background-color: #fff;
	margin-top: 10% !important;
}

.inline-wrap {
	width: 542px;
	height: 770px;
	padding: 34px;
	overflow-y: scroll;
}

.inline-wrap dl {
	overflow: hidden;
}

.inline-wrap dt {
	float: left;
	margin-right: 32px;
}

.inline-wrap dd {
	float: left;
	width: 58%;
	font-size: 0.9em;
	line-height: 1.3em;
}

.nameBl {
	letter-spacing: 2px;
}

.nameBl span {
	display: inline-block;
}

.nameBl p {
	line-height: 1em;
}

.nameBl .name {
	font-size: 1.5em;
	line-height: 1.7em;
}

.nameBl .ruby {
	margin-left: 15px;
	font-size: 0.5em;
	line-height: 2.6em;
	letter-spacing: 1px;
}

.icon_course span {
	display: inline-block;
	border-radius: 2px;
	margin-right: 4px;
	padding: 0 4px 0 6px;
	color: #fff;
	font-size: 13px;
}

.icon_course .stilllife {
	background-color: #e31423;
}

.icon_course .costume {
	background-color: #5cb86d;
}

.icon_course .junior {
	background-color: #f2a5c6;
}

.inline-wrap .prfBl span {
	display: block;
}

.prfBl {
	margin: 10px 0 0;
	letter-spacing: 1.4px;
}

.prf {
	margin-top: 20px;
	font-size: 0.83em;
	letter-spacing: 0.4px;
}

.prf a {
	color: #999;
	/*	border-bottom:1px solid #888;*/
}

.prf span {
	font-size: 0.83em;
}

.workBl {
	font-size: 0.9em;
	text-align: center;
}

.workBl img {
	margin: 35px 0 0;
}

.workBl ul {
	margin-top: 15px;
	text-align: left;
}

.workBl .tit li span {
	font-size: 0.84em;
	font-weight: normal;
}

.workBl li span {
	font-weight: bold;
}

.workBl .tit li {
	line-height: 1.2em;
}

/*
.modal-close{
	display:none;
}*/

#teacher #returnTop {
	z-index: 1000;
}

@media only screen and (max-width: 760px) {
	.modalBl {
		margin-bottom: 0;
	}
	.modal {
		width: 30.8%;
		margin-right: 2.5%;
		margin-bottom: 4%;
		letter-spacing: 2.2px;
	}
	.modal02 {
		clear: both;
		margin-bottom: 5%;
	}
	.modalBl:nth-child(3n-1) {
		margin-right: 0;
	}
	.modal:nth-child(3n+1) {
		clear: both;
	}
	.modal img {
		width: 100%;
		height: auto;
	}
	.modal p {
		margin: 0;
		font-size: 0.9em;
	}
	.mfp-content {
		width: 84%;
		vertical-align: top !important;
		margin-top: 19% !important;
	}
	.inline-wrap {
		width: 96%;
		height: 120vw;
		padding: 4% 2%;
	}
	.inline-wrap img {
		width: 100%;
		height: auto;
	}
	.inline-wrap dt {
		width: 30%;
		margin-right: 3%;
	}
	.inline-wrap dd {
		width: 67%;
	}
	.nameBl .name {
		font-size: 1.2em;
	}
	.nameBl .ruby {
		font-size: 0.5em;
		margin-left: 3%;
	}
	.icon_course {
		line-height: 1em;
	}
	.icon_course span {
		padding: 0px 2px;
		font-size: 0.5em;
	}
	.prfBl {
		margin: 1% 0 0;
	}
	.prf {
		margin-top: 2%;
	}
	.mtp-content {
		vertical-align: top;
	}
	.workBl img {
		margin: 3.5% 0 0;
	}
	.workBl ul {
		margin-top: 2%;
	}
}

/*=================================================================================
    会員ページ
=================================================================================*/

.members_box div {
	position: relative;
	overflow: hidden;
	font-size: 16px;
	margin-right: 10px;
	float: left;
}

.members_link {
	margin-left: 21px;
}

.members_link div {
	width: 530px;
	height: 140px;
	margin-bottom: 10px;
}

.members_box div a {
	width: 530px;
	height: 140px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.members_link .members01 {
	background: url(../images/members/bg_img01.png);
}

.members_link .members02 {
	background: url(../images/members/bg_img02.png);
}

.members_link .members03 {
	background: url(../images/members/bg_img03.png);
}

.members_link .members04 {
	background: url(../images/members/bg_img04.png);
}

.members_box div:hover a {
	background-color: rgba(255, 0, 19, 0.5);
}

.members_box div a img {
	position: absolute;
	top: 0;
	z-index: 3;
}

.members_link a p {
	position: absolute;
	top: 56px;
	left: 0;
	line-height: 1;
	width: 530px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 28px;
}

.members_link div:first-child a p {
	position: absolute;
	top: 40px;
	line-height: 1.2;
}

.members .sub_title p {
	font-size: 1.8em;
	font-weight: bold;
}

.members .event {
	margin: 4% 0;
}

.members .readmore {
	color: #1a1a1a;
	background-color: #fff;
}

.members .news {
	/*	margin-top:-6vh;*/
	margin: 0 auto;
}

.system, .faqpage, .disaster {
	padding-top: 128px;
}

.members .link_disaster {
	clear: both;
	text-align: right;
	margin-right: 15px;
}

.members .pdf_width {
	display: inline-block;
	width: 17em;
}

.members .normal {
	padding: 1.8em 0;
}

.members .pdf .normal {
	background: url(../images/icon_1r_64.png) no-repeat 100% 1.6em;
	background-size: 2.4em auto;
}

.members #content {
	margin: 40px auto 0;
}

@media only screen and (max-width: 760px) {
	.system, .faqpage, .disaster {
		padding-top: 50px;
	}
	/*    
    .members .topic a:nth-child(2) {
    margin-right: 0;
    }
*/
	.members .sub_title p {
		font-size: 6vw;
		font-weight: bold;
	}
	.members_box {
		width: 100%;
		margin: 6.5% auto;
	}
	.members_box div {
		width: 100%;
		height: 15vh;
		margin-right: 0;
	}
	.members_link .members01 {
		background-size: cover;
	}
	.members_link .members02 {
		background-size: cover;
	}
	.members_link .members03 {
		background-size: cover;
	}
	.members_link .members04 {
		background-size: cover;
	}
	.members_link div a {
		width: 100%;
		height: 100%;
		display: block;
	}
	.members_link div a img {
		position: absolute;
		top: 0;
		z-index: 3;
	}
	.members_link div a p {
		position: absolute;
		top: 6.2vh;
		left: 0;
		width: 100%;
		letter-spacing: 3px;
		font-size: 5vw;
	}
	.members_link div:first-child a p {
		position: absolute;
		top: 4.5vh;
	}
	.members #content {
		margin: 0 auto;
	}
}

/*  よくあるご質問  */

#faqpage .menu_area {
	margin-bottom: 8vh;
}

@media only screen and (max-width: 420px) {
	#faqpage .menu_area {
		margin-bottom: 6vh;
	}
	.faqpage .width80 img {
		width: 80%;
	}
	.faqpage .width70 img {
		width: 70%;
	}
	.faqpage .width60 img {
		width: 60%;
	}
	#faqpage .faq dt {
		margin-top: 4.5vh;
	}
	.members .news {
		margin-top: -3vh;
	}
}

/* /コースのご案内 */

/*=================================================================================
    アトリエのシステムについて
=================================================================================*/

.system .pdf_width {
	display: inline-block;
	width: 20em;
}

.system .normal {
	padding: .8em 0;
}

.system .pdf .normal {
	background: url(../images/icon_1r_64.png) no-repeat 100% .6em;
	background-size: 2.4em auto;
}

.system .long_menu {
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}

.system .menu_area {
	margin-bottom: 8vh;
}

.system .menu_area .long_menu li {
	width: 48%;
	margin: 0;
}

.textinnr {
	margin-left: .7em;
}

.textinnr ul li ul {
	margin-top: 1vh;
	line-height: 1.4;
}

.textinnr ul li ul li {
	padding-left: 1em;
	text-indent: -1em;
}

.indent {
	margin-left: -.5em;
}

.system .sub_title br {
	display: none;
}

.disaster .pdT {
	padding-top: 1vh;
	display: block;
}

@media only screen and (max-width: 420px) {
	.textinnr {
		margin-left: 0;
	}
	.system .sub_title p {
		letter-spacing: 0;
	}
	.system .sub_title br {
		display: block;
	}
	.system .menu_area {
		margin-bottom: 6vh;
	}
	.system .menu_area .long_menu li {
		width: 49%;
		margin: 0;
	}
	.system .menu_area .long_menu {
		margin-left: 0;
	}
	.system .textinnr .bold {
		word-break: break-all;
	}
}

/*=================================================================================
    体験レッスン申し込み
=================================================================================*/

.lesson {
	text-align: center;
	border: 4px solid #e31423;
	padding: 4vh 0;
	width: 80%;
	margin: auto;
}

.lesson .bold {
	font-size: 1.8vw;
}

.lesson .bold span {
	font-size: 0.8em;
	font-weight: bold;
}

.taiken .course .course01 {
	margin-left: 140px;
}

.iframe-content {
	position: relative;
	width: 100%;
	padding: 140% 0 0 0;
}

.iframe-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%;
}

.taiken_sub {
	padding-top: 108px;
}

.taiken_sub #content {
	padding-top: 108px;
	margin-top: -108px;
}

#reserve {
	display: none!important;
}

@media only screen and (max-width: 760px) {
	.taiken .course .course01 {
		margin-left: 0;
	}
	.lesson .bold {
		font-size: 3vw;
	}
	/*
	.taiken .course .course01, .taiken .course .course02{
	border-bottom:1px solid #fff!important;
}*/
	.taiken .course .course01, .taiken .course .course02 {
		margin-bottom: 2px;
	}
	.taiken_sub {
		padding-top: 13vw;
	}
	.taiken_sub #content {
		padding-top: 13vw;
		margin-top: -13vw;
	}
}

@media screen and (max-width: 768px) {
	/*
.iframe-content{
	padding:0;
	display:none!important;
}
.taiken iframe{
display:none;
}
*/
	.iframe-content {
		margin: auto;
		text-align: center;
		position: relative;
		width: 100%;
		padding: 80% 68% 0 0;
	}
	.iframe-content iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%!important;
		height: 100%;
	}
	#reserve {
		display: block!important;
		text-align: center;
		background: #e31423;
		color: #fff;
		padding: 10px 0;
		width: 12em;
		margin: 10vh auto 9vh;
		text-decoration: none;
	}
	#reserve:hover {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
}

@media only screen and (max-width: 420px) {
	.lesson {
		width: 98%;
	}
	.lesson .bold {
		font-size: 5vw;
	}
	.lesson .mgT2vh {
		font-size: 3vw;
	}
	.taiken .taC {
		margin-bottom: -3vh;
	}
}

#taiken .centerp {
	text-align: center;
}

/*=================================================================================
    プライバシーポリシー、 サイトマップ
=================================================================================*/

.sitemap, .privacy {
	padding-top: 128px;
}

/*
.sitemap ul.maplink{
	margin:2.5% 0 4%;
}*/

.sitemap .maplink li:before {
	content: url("../images/arR.gif");
	display: inline-block;
}

.sitemap .sub_title a:before {
	content: url("../images/arR.gif");
	position: absolute;
	top: -.2em;
	left: 0;
}

.sitemap .sub_title a {
	color: #e31423!important;
	display: block;
	padding-left: .8em;
}

.sitemap a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

@media only screen and (min-width: 421px) {
	.sitemap .maplink li:before {
		margin-right: .5em;
	}
}

@media only screen and (max-width: 760px) {
	.sitemap, .privacy {
		padding-top: 50px;
	}
}

/*=================================================================================
    お問い合わせ
=================================================================================*/

.form {
	padding-top: 128px;
}

@media only screen and (max-width: 760px) {
	.form {
		padding-top: 50px;
	}
}

/*=================================================================================
    これからのイベント
=================================================================================*/

.cal {
	padding-top: 128px;
}

.cal #content .innr {
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.cal {
		padding-top: 13vw;
	}
	.cal .innr {
		width: 98%;
		margin: auto;
	}
	.cal #content img {
		width: 100%;
		height: auto;
	}
}