@charset "UTF-8";
/*表示部分共通のCSS*/
.content {
    width: 1000px;
    margin: 0 auto;
    line-height: 1.0;
}
h2,h3,p,a,b {
    font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
    'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
    'Segoe UI',       /* Windowsの欧文 */
    YuGothicM,        /* Windows8.1以上は游ゴシック */
    YuGothic,         /* Macの游ゴシック */
    Meiryo,           /* 游ゴシックが入っていないWindows */
    sans-serif;
}
a {
    color: black;
    text-decoration: none;
    font-size: 16px;
}
a:hover {
    color: darkgray;
}
p {
    font-size: 13px;
}
/*header*/
header {
    width: 1000px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding-top: 60px;
    border-bottom: black solid 1px;
}
header a {
    font-size: 14px;
    font-weight: 700;
}
header nav a{
    padding: 0 12px;
}

/*footer*/
footer {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    border-top: black solid 1px;
}

/*about*/
.about {
    display: flex;
}
.about-pictures {
		width: 500px;
}
.about-picture {
    margin: 100px;
}
.about-texts {
		width: 500px;
    margin-top: 80px;
}
.about-text {
    margin: 50px 0 40px 0;
}
.about-text h3 {
		width: 350px;
		font-size: 16px;
}
.about-text table tr td p {
		margin-right: 40px;
}
.about-text .special {
		margin-right: 80px;
}
.about-text .karinui {
		margin-right: 50px;
}
/*profile*/
.profile {
    display: flex;
}
.profile-picture {
		width: 500px;
}
.profile-picture img {
		margin: 100px 0 0 150px;
}
.profile-texts {
		width: 500px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.profile-text {
    margin-top: 50px;
}

/*contact*/
.contact {
    display: flex;
}
.contact-picture {
    width: 500px;
}
.contact-picture img {
    margin: 100px 0 50px 150px;
}
.contact-texts {
		width: 500px;
		margin: 80px;
}
.contact a {
    color: blue;
}
.content a:hover {
    color: skyblue;
}

/*index.html*/
.top {
		width: 100%;
}
.top tbody img {
		height: ;
}
.nav {
    opacity: 0;
}

/*academy*/
.academy {
    width: 1000px;
    margin: 0 auto;
}
.academy-picture {
		width: 500px;
    margin: 70px 0px 70px 350px;
}
.academy-texts {
    width: 700px;
    margin-left: 170px;
}
.academy-texts h3 {
    text-align: center;
}
.academy-top {
		margin: 50px 0;
}
.academy-content {
    margin: 80px 0;
}
.academy-description ul {
		font-size: 13px;
		margin-bottom: 20px;
		padding-left: 20px;
}
.academy-description ul li {
		margin-bottom: 10px;
}
.academy-tags {
    margin: 30px 0;
}
.academy a {
    color: blue;
    font-size: 20px;
}

.academy a:hover {
    color: skyblue;
}
.academy-person {
    margin-bottom: 5vh;
}
.academy-history {
    padding: 0.5vh 0;
}

/*shop*/
.shop-contents {
    margin: 0 auto;
    text-align: center;
}
.shop-content {
    margin: 50px 0;
}
.shop-title {
		margin: 40px 0;
}
.shop-title h2 {
		font-size: 18px;
}