@charset "UTF-8";
/* =======================================

	1column

========================================== */
/* =======================================
	あそびじゅつギャラリー
========================================== */
body.gallery {
	background:#d7c983!important;}

body.gallery #wrapper{
	background:#d7c983!important;}
	
#contentsArea #column1a #contents .section {
	display:block;
	margin:0 0 23px 0;}
	
#contentsArea #column1a {
	display:block;
	background:#fff;
	position: relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior:url(https://www2.tamabi.ac.jp/life/asobi/css/PIE.htc);/*for IE*/}

#contentsArea #column1a #contents {
	width:860px;
	height:auto;
	margin:0 auto 0 auto;}

@media screen and (max-width:959px) {/*960px以下*/
#contentsArea #column1a {
	background:none;
	border-radius: none;}

#contentsArea #column1a #contents {
	width:92%;
    height: auto;
    background: url(../../images/base/con_bg01.png) no-repeat top #fff;
    background-size: auto 12px;
    border-radius: 10px;} 

.gallery_contentsSP {
    width:90%;
    height: auto;
    margin: 0 auto;}
}
#contentsArea #column1a #contents h2 {
	display:block;
	padding:34px 0 13px 0;}

#contentsArea #column1a #contents h2 img {
	width:850px;
    height: auto;}

@media screen and (max-width:959px) {/*960px以下*/
#contentsArea #column1a #contents h2 {
    text-align: center;
	padding:5px 0 25px 0;}
    
#contentsArea #column1a #contents h2 img {
    width:300px;
    height: auto;}
}

@media screen and (max-width:599px) {/*600px以下*/
#contentsArea #column1a #contents h2 {
	padding:5px 0 15px 0;}
    
#contentsArea #column1a #contents h2 img {
    width:280px;
    height: auto;}
}
#contentsArea #column1a #contents .mainTxt {
	display:block;
	font-size:18px; font-size:1.8rem;
	line-height:32px; line-height:3.2rem;
	padding:18px 0 0 10px;}

#contentsArea #column1a #contents .mainTxt p{
	margin:0 0 30px 0;}

@media screen and (max-width:959px) {/*960px以下*/
#contentsArea #column1a #contents .mainTxt {
	width:470px;
	height:auto;
	font-size:15px; font-size:1.5rem;
	line-height:24px; line-height:2.4rem;
	padding:0;
	margin:0 auto;}
}
@media screen and (max-width:599px) {/*600px以下*/
#contentsArea #column1a #contents .mainTxt {
	width:90%;
	height:auto;}
    
#contentsArea #column1a #contents .mainTxt p{
	margin:0 0 20px 0;}
}
@media screen and (max-width:479px) {/*480px以下*/
#contentsArea #column1a #contents .mainTxt {
	width:98%;
	height:auto;}
}
#contentsArea #column1a #contents .mainTxt .leadIllust {
    width: 185px;
    height: auto;
    padding: 0 0 0 15px;
    float: right;}

@media screen and (max-width:959px) {/*960px以下*/
.leadIllustSP {
    width: 130px;
    height: auto;
    padding: 40px 0 0 0;
    margin: 0 auto;}

.leadIllustSP img {
    width:100%;
    height: auto;}
}
@media screen and (max-width:599px) {/*600px以下*/
.leadIllustSP {
    width: 110px;
    height: auto;}
}
#contentsArea #column1a #contents .kirigamiBgArea {
    background: url("../images/kirigami_bg_before.png") no-repeat top,url("../images/kirigami_bg_after.png") no-repeat bottom #dcf4fa;
    padding: 50px 30px 50px 30px;
    margin: 0 0 50px 0;}

@media screen and (max-width:959px) {/*960px以下*/
#contentsArea #column1a #contents .kirigamiBgArea {
    padding: 30px 20px;
    margin: 0 0 50px 0;}
}
.kirigamiInner {
    width:800px;
    height: auto;
    background:#fff;}

@media screen and (max-width:959px) {/*960px以下*/
.kirigamiInner {
    width:100%;
    height: auto;
    background:none;}
}
.galleryBoxIndex {
    width:167px;
    height: auto;/*370px*/
    background: #fff;
    border-right: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    padding: 16px;
    float: left;}

@media screen and (max-width:959px) {/*960px以下*/
.galleryBoxIndex {
    width:28%;
    border-right: none;
    border-bottom: none;
    padding: 10px;
    margin: 7px;}
}
@media screen and (max-width:819px) {/*820px以下*/
.galleryBoxIndex {
    margin: 6px;}
}
@media screen and (max-width:774px) {/*775px以下*/
.galleryBoxIndex {
    width:27%;
    margin: 6px;}
}
@media screen and (max-width:659px) {/*660px以下*/
.galleryBoxIndex {
    width:26%;}
}
@media screen and (max-width:579px) {/*580px以下*/
.galleryBoxIndex {
    width:42%;}
}
@media screen and (max-width:539px) {/*540px以下*/
.galleryBoxIndex {
    width:41%;}
}
@media screen and (max-width:479px) {/*480px以下*/
.galleryBoxIndex {
    width:39%;}
}
@media screen and (max-width:399px) {/*400px以下*/
.galleryBoxIndex {
    width:38%;}
}
.galleryBoxImg {
    width:167px;
    height: auto;
    border:1px solid #ccc;}
@media screen and (max-width:959px) {/*960px以下*/
.galleryBoxImg {
    width:100%;}
}
.galleryBoxImg img {
    width:100%;
    height: auto;
}
.galleryBoxIndex dl {
    padding: 5px;
    margin:10px 0 0 0;
}
.galleryBoxIndex dl a {
    text-decoration: none;
}
.galleryBoxIndex dl dt.galleryCatTitle span {/*カテゴリタイトル*/
    background:#00c4df;
    color: #fff;
    font-size:12px; font-size:1.2rem;
	line-height:18px; line-height:1.8rem;
    font-weight: bold;
    padding: 3px 8px;}

.galleryBoxIndex dl dd a {
    display:block;
    font-size:14px; font-size:1.4rem;
	line-height:19.6px; line-height:1.96rem;
    font-weight: bold;
    margin:15px 0 0 0;}

.galleryBoxIndex dl dd a span.beforeTitle {/*講座名 前タイトル*/
    display:block;
    font-size:13px; font-size:1.3rem;
    line-height:18.2px; line-height:1.82rem;
}
.galleryBoxIndex dl dd a span.mainTitle {/*講座名*/
    display:block;
    text-decoration: underline;
    padding: 5px 0;
}
.galleryBoxIndex dl dd a span.afterTitle {/*講座名 後ろタイトル*/
    display:block;
    font-size:13px; font-size:1.3rem;
    line-height:18.2px; line-height:1.82rem;
}
@media screen and (max-width:767px) {/*768px以下*/
.galleryBoxIndex dl dt.galleryCatTitle span {/*カテゴリタイトル*/
    background:#00c4df;
    color: #fff;
    font-size:10px; font-size:1.0rem;
	line-height:11px; line-height:1.1rem;
    font-weight: bold;
    padding:2px 3px 1px 3px;}

.galleryBoxIndex dl dd a {
    font-size:12px; font-size:1.2rem;
	line-height:18px; line-height:1.8rem;
    margin: 7px 0 0 0;}
    
.galleryBoxIndex dl dd a span.beforeTitle {/*講座名 前タイトル*/
    font-size:12px; font-size:1.2rem;
    line-height:18.0px; line-height:1.8rem;}
    
.galleryBoxIndex dl dd a span.afterTitle {/*講座名 後ろタイトル*/
    font-size:12px; font-size:1.2rem;
    line-height:18.0px; line-height:1.8rem;}
}
/* ---------------------------------------
	カテゴリTOP
------------------------------------------ */
.galleryCatTitleArea {
    margin: 20px 0 20px 10px;
}
.galleryCatTitleArea span.galleryCatTitle {
    font-size:14px; font-size:1.4rem;
    line-height:21px; line-height:2.1rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background:#00c4df;
    padding: 3px 8px;
}
.galleryLectureTitle span.beforeTitle {/*講座名 前タイトル*/
    display:block;
    font-size:16px; font-size:1.6rem;
    line-height:24px; line-height:2.4rem;
    font-weight: bold;
    margin: 0 0 0 10px;
}
.galleryLectureTitle span.mainTitle {/*講座名*/
    display:block;
    font-size:22px; font-size:2.2rem;
    line-height:32px; line-height:3.2rem;
    font-weight: bold;
    margin: 0 0 0 10px;
}
.galleryLectureTitle span.afterTitle {/*講座名 後ろタイトル*/
    display:block;
    font-size:16px; font-size:1.6rem;
    line-height:24px; line-height:2.4rem;
    font-weight: bold;
    margin: 0 0 0 10px;
}
#contentsArea #column1a #contents .mainTxtCat {
	display:block;
	font-size:18px; font-size:1.8rem;
	line-height:32px; line-height:3.2rem;
	padding:18px 10px 0 10px;
}
	
#contentsArea #column1a #contents .mainTxtCat p{
	margin:0 0 30px 0;
}
.galleryBoxCat {
    width:167px;
    height: auto;/*300px*/
    background: #fff;
    border-right: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    padding: 16px;
    float: left;
}
.galleryBoxCat dl a {
    display:block;
    padding: 5px; 
    text-decoration: none;
}
.galleryBoxCat dl dt.galleryWorkTitle {/*作品タイトル*/
    display:block;
    width:auto;
    height: auto;/*80px*/
    font-size:15px; font-size:1.5rem;
	line-height:21px; line-height:2.1rem;
    font-weight: bold;
    padding: 15px 0 20px 0;
}

.galleryBoxCat dl dd.galleryAuthorsName {/*作者名*/
    font-size:13px; font-size:1.3rem;
    line-height:18.2px; line-height:1.82rem;
}
@media screen and (max-width:767px) {/*******768px以下*******/
.galleryCatTitleArea {
    margin: 20px 0 15px 10px;
}
.galleryCatTitleArea span.galleryCatTitle {
    padding: 2px 8px 1px 8px;
}
.galleryLectureTitle span.beforeTitle {/*講座名 前タイトル*/
    font-size:12px; font-size:1.2rem;
    line-height:18px; line-height:1.8rem;
    margin: 0 0 0 10px;
}
.galleryLectureTitle span.mainTitle {/*講座名*/
    font-size:17px; font-size:1.7rem;
    line-height:25px; line-height:2.5rem;
    margin: 0 0 0 10px;
}
.galleryLectureTitle span.afterTitle {/*講座名 後ろタイトル*/
    font-size:12px; font-size:1.2rem;
    line-height:18px; line-height:1.8rem;
    margin: 0 0 0 10px;
}
#contentsArea #column1a #contents .mainTxtCat {
	font-size:15px; font-size:1.5rem;
	line-height:24px; line-height:2.4rem;
	padding:18px 10px 0 10px;
}
	
#contentsArea #column1a #contents .mainTxtCat p{
	margin:0 0 20px 0;
}
.galleryBoxCat dl dt.galleryWorkTitle {/*作品タイトル*/
    font-size:13px; font-size:1.3rem;
    line-height:18px; line-height:1.8rem;
    padding: 10px 0 15px 0;
}

.galleryBoxCat dl dd.galleryAuthorsName {/*作者名*/
    font-size:12px; font-size:1.2rem;
    line-height:15px; line-height:1.5rem;
}
}
@media screen and (max-width:959px) {/*960px以下*/
.galleryBoxCat {
    width:28%;
    background: #fff;
    border-right: none;
    border-bottom: none;
    padding: 10px;
    margin: 6px;}
}
@media screen and (max-width:774px) {/*775px以下*/
.galleryBoxCat {
    width:27%;
    margin: 6px;}
}
@media screen and (max-width:659px) {/*660px以下*/
.galleryBoxCat {
    width:26%;}
}
@media screen and (max-width:579px) {/*580px以下*/
.galleryBoxCat {
    width:42%;}
}
@media screen and (max-width:539px) {/*540px以下*/
.galleryBoxCat {
    width:41%;}
}
@media screen and (max-width:479px) {/*480px以下*/
.galleryBoxCat {
    width:39%;}
}
@media screen and (max-width:399px) {/*400px以下*/
.galleryBoxCat {
    width:38%;}
}
/* ---------------------------------------
	詳細ページ
------------------------------------------ */
.kirigamiInnerDetail {
    width:760px;
    height: auto;
    background:#fff;
    padding: 20px;
}
@media screen and (max-width:959px) {/*960px以下*/
.kirigamiInnerDetail {
    width:94%;
    height: auto;}
}
@media screen and (max-width:849px) {/*850px以下*/
.kirigamiInnerDetail {
    width:92%;}
}
@media screen and (max-width:649px) {/*650px以下*/
.kirigamiInnerDetail {
    width:90%;}
}
@media screen and (max-width:549px) {/*550px以下*/
.kirigamiInnerDetail {
    width:88%;}
}
@media screen and (max-width:449px) {/*450px以下*/
.kirigamiInnerDetail {
    width:86%;}
}
@media screen and (max-width:399px) {/*400px以下*/
.kirigamiInnerDetail {
    width:85%;}
}
.kirigamiInnerDetail dl dt.galleryWorkTitle {/*作品タイトル*/
    display:block;
    font-size:22px; font-size:2.2rem;
	line-height:33px; line-height:3.3rem;
    font-weight: bold;
    padding: 25px 0 5px 20px;
}
.kirigamiInnerDetail dl dd.galleryAuthorsName {/*作者名*/
    display:block;
    font-size:18px; font-size:1.8rem;
	line-height:27px; line-height:2.7rem;
    font-weight: bold;
    padding: 0 0 20px 20px;
}
@media screen and (max-width:767px) {/*******768px以下*******/
.kirigamiInnerDetail dl dt.galleryWorkTitle {/*作品タイトル*/
    font-size:15px; font-size:1.5rem;
	line-height:22px; line-height:2.2rem;
    padding: 5px 0 5px 20px;
}
.kirigamiInnerDetail dl dd.galleryAuthorsName {/*作者名*/
    font-size:13px; font-size:1.3rem;
	line-height:18px; line-height:1.8rem;
    padding: 0 0 5px 20px;
}
}
.galleryWorkImageMainArea {/*作品写真メインエリア*/
    width:760px;
    height: auto;
    background: url("../images/workimage-shadow.png") repeat-x bottom;
    padding: 10px 0 70px 0;
    text-align: center;
}
@media screen and (max-width:959px) {/*960px以下*/
.galleryWorkImageMainArea {/*作品写真メインエリア*/
    width:100%;
    height: auto;
    padding: 10px 0 50px 0;
}
}
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    width:auto;
    height: 400px;
    margin: 0 auto;
}
@media screen and (max-width:799px) {/*800px以下*/
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    height: 350px;
}
}
@media screen and (max-width:649px) {/*650px以下*/
.galleryWorkImageMainArea {/*作品写真メインエリア*/
    width:100%;
    height: auto;
    padding: 10px 0 40px 0;
}
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    height: 300px;
}
}
@media screen and (max-width:549px) {/*550px以下*/
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    height: 250px;
}
}
@media screen and (max-width:449px) {/*450px以下*/
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    height: 200px;
}
}
@media screen and (max-width:399px) {/*400px以下*/
.kirigamiInnerDetail dl dt.galleryWorkTitle {/*作品タイトル*/
    padding: 5px 0 5px 5px;
}
.kirigamiInnerDetail dl dd.galleryAuthorsName {/*作者名*/
    padding: 0 0 5px 5px;
}
.galleryWorkImageMain {/*作品写真メインの高さ指定*/
    height: 170px;
}
}
.galleryWorkImageMain img {
    width:auto;
    height: 100%;
}
.galleryWorkImageThumbArea {
    width: 760px;
    height: auto;
    text-align: center;
}
.galleryWorkImageThumbArea ul {
    width: 720px;
    height: auto;
    margin: 0 auto;
}
.galleryWorkImageThumbArea li {
    display: block;
    width: 100px;
    height: auto;
    padding: 10px;
    float:left;
}
@media screen and (max-width:959px) {/*960px以下*/
.galleryWorkImageThumbArea {
    width: 100%;
}
.galleryWorkImageThumbArea ul {
    width: 96%;
    margin: 0 auto;
}
.galleryWorkImageThumbArea li {
    width: 21%;
    height: auto;
    padding: 6px;
}
}
.galleryWorkImageThumbArea li img {
    width:100%;
    height: auto;
}
.galleryAuthorsMessage {
    padding: 40px 10px;
}
.galleryAuthorsMessage p {
    font-size:18px; font-size:1.8rem;
	line-height:32.4px; line-height:3.24rem;
}
@media screen and (max-width:767px) {/*******768px以下*******/
.galleryAuthorsMessage {
    padding: 15px 10px 20px 10px;
}
.galleryAuthorsMessage p {
    font-size:12px; font-size:1.2rem;
	line-height:18px; line-height:1.8rem;
}
}
.galleryTeachersmessageArea {
    font-size:14px; font-size:1.4rem;
    line-height:28px; line-height:2.8rem;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 20px;
    margin: 0 10px;
}
@media screen and (max-width:767px) {/*******768px以下*******/
.galleryTeachersmessageArea {
    font-size:12px; font-size:1.2rem;
    line-height:18px; line-height:1.8rem;
    border-radius: 10px;
    padding: 15px;
    margin: 0;
}
.galleryTeachersphotoArea {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */ 
    padding: 0 0 15px 0;
}
}
.galleryTeachersmessage-r {
    text-align:right;
}
.galleryTeachersphotoArea {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */ 
    padding: 10px 0 15px 0;
}
.galleryTeachersphoto {
    width: 60px;
    height: auto;
    margin:0 20px 0 0;
    float: left;
}
.galleryTeachersphoto img {
    width: 100%;
    height: auto;
}
.galleryTeachersname {
    float: left;
}
.galleryBtnArea div {
    width:308px;
    height: auto;
    padding: 50px 0 30px 0;
    margin: 0 auto;}

@media screen and (max-width:599px) {/*******600px以下*******/
.galleryBtnArea div {
    width:200px;
    height: auto;
    padding: 40px 0 30px 0;}
}
.galleryBtnArea div img {
    width:100%;
    height: auto;}

.galleryBtnArea02 div {
    width:308px;
    height: auto;
    padding: 0 0 50px 0;
    margin: 0 auto;}

@media screen and (max-width:599px) {/*******600px以下*******/
.galleryBtnArea02 div {
    width:200px;
    height: auto;}
}
.galleryBtnArea02 div img {
    width:100%;
    height: auto;}
/* ---------------------------------------
	clear
------------------------------------------ */
#contentsArea #column1a #contents:after,
#contentsArea #column1a #contents .mainTxt .leadIllust:after,
.kirigamiInner:after,
.kirigamiInnerDetail:after,
.galleryBoxIndex:after,
.galleryBoxCat:after,
.galleryWorkImageThumbArea:after,
.galleryWorkImageThumbArea li:after,
.galleryTeachersphotoArea:after,
.galleryTeachersphoto:after,
.galleryTeachersmessage:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}