@charset "utf-8";
p, dt, dd, li,h5, h6{font-family: "tbchibirgothicplusk-pro",sans-serif; }

@media(max-width:767px){.not-showing{display: none;}}
.navbar{background: url(img/menuback2.png) repeat-x bottom; border: none;}
@media(max-width:767px){.navbar{background:#f6b6cb;}}


h1{padding-top: 35px;}
.mainpart h2 img{width:85%;}
@media(max-width:800px){.mainpart h2 img{width:50%;}}

.mainback{min-height: 780px; background: url(img/mainback.jpg) repeat-x; margin-top: -70px; margin-bottom: 0;}
@media(max-width:480px){.mainback{min-height: 700px;}}

.mainpart{height:100%; }
.main{background: url(img/mainchras-back.png) no-repeat center bottom;min-height:780px;}
@media(max-width:480px){.main{background: url(img/mainchras-back2.png) no-repeat center bottom; background-size:contain; min-height:700px;}}

.mainpart h2+p{font-size: 1.8rem; color:#754c24;}
@media(max-width:767px){.mainpart h2+p{display: block; height: 100px; background:rgba(255,255,255,0.5); border-radius: 5px; padding-top: 10px;}} 

.ippo{background: url(img/baloon.png) no-repeat center center; background-size: contain; height: 150px;}
@media(max-width:800px){.ippo{display: none;}}
.ippo p{font-weight: bold; display: block;  height: 150px; padding-top: 25px; font-size: 1.5rem; line-height: 3rem; color:#0097bf;}


.newsback{background-color: #ffdd9f; margin-top: 0;}
.news dt, .news dd {display: inline-block;  color:#754c24;}
.news dl{width:100%;}.news dt{width:12%; font-size: 1.8rem; font-weight: bold;} .date{width:15%; font-size: 1.5rem; line-height: 2.5rem;}  .newscont{width:70%; font-size: 1.5rem; line-height: 2.5rem;}
@media(max-width:767px){.news dt, .news dd {display: block;}
.news dt, .date .newscont{width:100%;}
	.news dt{margin-top: 15px;}
}
.news a, .news a:visited{ color:#754c24; text-decoration: underline;}



.aboutbook, .makingback{background-color: #f6cbcb;margin-bottom: -1px; padding-top: 3rem;}
.bookimg{padding-bottom: 2%;}
.aboutbookcont h3 img{width:78%;}
.aboutbookcont h3+p{font-size: 1rem; color:#754c24;}
.aboutbookcont .col-md-12 p{ color:#754c24; font-size: 1.5rem; padding: 1.5rem; line-height: 2.5rem;}
.intro{text-align: center;}
.intro .col-md-3{display: block; min-height: 230px;}
.intro h4 img{width:60%;}
.intro .name{color: #0097bf; font-size: 1.8rem;}
.intro .aboutname{color: #754c24; font-size: 1.5rem;}
.intro .col-md-3:nth-of-type(2),.intro .col-md-3:nth-of-type(3),.intro .col-md-3:nth-of-type(4){border-right: #fff 2px dotted;}
@media(max-width:767px){.intro .col-md-3:nth-of-type(2),.intro .col-md-3:nth-of-type(3),.intro .col-md-3:nth-of-type(4){border-right: none;	}
	.intro .col-md-3:nth-of-type(1),.intro .col-md-3:nth-of-type(2),.intro .col-md-3:nth-of-type(3),.intro .col-md-3:nth-of-type(4){border-bottom: #fff 2px dotted;}}
.intro h4{font-family: "kan415typos-std", serif; color: #eb6790;font-size: 1.8rem; line-height: 2.8rem; display: block;}
.intro h4+p{color: #754c24; font-size: 1.5rem;}
.sample img{padding-top: 7%; margin-bottom: 1.3%;}


.kugiri1{background: url(img/kugiri1.jpg) repeat-x; height: 18px;}
.onlineback{background-color: #b6edff; margin: -1px 0; padding-bottom: 3.5rem;}
.online-cont h3, .ballet-cont h3, .making-cont h3{font-family:"a-otf-ud-shin-maru-go-pr6n", sans-serif; color: #eb6790; font-size: 2rem; line-height: 3.2rem;}
.online-cont h3, .ballet-cont h3{padding-top: 3rem;}
.online-cont ul{padding:5% 0; width:75%; margin: 0 auto;}
.online-cont li{ line-height: 3.2rem; font-size: 1.8rem; display: inline-block; width: 200px;}
.online-cont li:last-of-type{width:auto;}
.online-cont li:not(:last-child){padding-right: 2rem;}
.online-cont li a, .online-cont li a:visited{color: #754c24;  text-decoration: none; display: inline-block;  transition: .3s;}
.online-cont li a:hover{transform: rotate(5deg); color: #eb6790;}

.goodsimg{margin-top: 3rem;}
.goodsimgimg { min-height:290px; margin: 1.3rem 0;}
.goodsimg p{color:#754c24; font-size: 1.5rem; line-height: 2.5rem;}
.goodsimg a, .goodsimg a:visited{color:#754c24; text-decoration: underline;}
.largeletter{font-size: larger;}


.kugiri2{background: url(img/kugiri2.jpg) repeat-x; height: 18px;}
.ballet-back{background-color: #fff8e4; margin: -1px 0;}
.ballet-cont .col-md-4{margin: 3% 0; display: block; min-height: 350px;}
.ballet-cont .col-md-4  img{width:50%; margin-bottom: 20px;}
.ballet-cont .col-md-4:nth-last-child(1), .ballet-cont .col-md-4:nth-last-child(2){border-left: #b6edff 2px dotted;}
@media(max-width:767px){.ballet-cont .col-md-4:nth-last-child(1), .ballet-cont .col-md-4:nth-last-child(2){border-left: none; border-top: #b6edff 2px dotted; padding-top:20px;}}
.ballet-cont .name{color: #0097bf; font-size: 1.8rem; text-align: center;}
.ballet-cont .aboutname{color: #754c24; font-size: 1.5rem; line-height: 2.5rem; padding: 2%;}

.making-cont .sketches .col-md-4 img{ width:82%;}
.sketches .col-md-4, .sketches .col-md-2{padding-bottom: 3.5rem;}


.kugiri3{background: url(img/kugiri5.jpg) repeat-x; height: 18px;}
.profileback{background-color: #d4edff; margin: -1px 0;}
.profile-cont h3 img{width:25%;}
@media(max-width:767px){.profile-cont h3 img{width:50%;}}
.profile-cont p, .making-cont p{color:#754c24; font-size: 1.5rem; line-height: 2.5rem; padding:2%  1% 5% 0; }
.aboutmrkatou{border-right: #f6cbcb 2px dotted;}
@media(max-width:767px){.aboutmrkatou{border-right: none;}}
h5{font-size: 2rem; color: #eb6790; padding-top: 3%;}
.profile-cont ul {padding-left: 0; margin-left: 0;}
.profile-cont li{list-style: none; line-height: 2.5rem; font-size: 1.5rem; }
.profile-cont li a, .profile-cont li a:visited{ color: #754c24; text-decoration: none;}




.kugiri5{background: url(img/kugiri6.jpg) repeat-x; height: 18px;}

.kugiri4{background: url(img/kugiri4.jpg) repeat-x; height: 18px;}
.footpart{background-color: #0097be;}
h6 a{ display: inline-block; transition: .3s;transform: scale(1);}
h6 a:hover {transform: scale(1.1);}
h6 a, h6 a:visited{ color:#fff;  line-height: 3rem; font-size: 1.5rem; }