@charset"utf-8";
* {
    margin: 0;
    padding: 0;
    font-family: Arial,"Helvetica Neue",Helvetica,Roboto,"Droid Sans","Yu Gothic",Meiryo,"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;
}

/*max1024から1280へ変更?*/
@media (max-width: 1024px) {
/*ヘッダー*/
.header {/*端末によりはみ出すしのぎ*/ 
    height: 88px;  
    }
.container {
    max-width: 100%;/*?*/
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
}
.header-left {
    display: none;
}
/*.header-right {
    float: none;
    text-align: center;
}
.header-right a {
    font-size: 36px;
    font-weight: 600;
}*/
/*ヘッダー,プルダウン仕様*/
.menu {/*この辺りheader-rightから転用1*/
    float: none;
    text-align: center;
}
.menu > li a {/*この辺りheader-rightから転用2*/
    font-size: 16px;
    font-weight: 600;
    text-decoration-line: none;/*リンク下線*/
    word-break: keep-all;/*?*/
}
li.menu__single:hover ul.menu__second-level {
    opacity: 0.8;/*透け*/
}
/*メイン1(全体?)*/
.container{/*?*/
    min-height: 30vh;/*?*/
    margin-left: 40px;
    margin-right: 40px;
}
h1 {/*indexではHarukaKano works*/
    font-size: 44px; 
}
h2 {/*indexでは加納明香website*/
    font-size: 32px; 
}
/*メイン1*/
.main-visual {
    padding: 120px 0px 20px 0px;
    max-width: 100%;/*?*/
}
.top-title {/*HarukaKano works*/
    font-size: 74px;
    margin: 120px 0px 0px 0px;
    }
.top-subtitle {/*加納明香website*/
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0px 60px 0px;
}
/*メイン2*/
.main {/*隙間調整?*/
    padding: 80px 0px 40px 0px;
}
.main h2 {
    margin-top: 20px;
}
/*お知らせ*/
.news-links {/*文字、a含む*/
    font-size: 16px;
} 
.news-links a {/*文字、a含む*/
    font-weight: 600;
}
h2.news2{/*---*/
    font-size: 16px;
}
/*h3-SNS用*/
.main h3 p{/*インスタとXの文字*/
    font-size: 24px;
}
.news-links a img{/*インスタアイコン*/
    height: 40px;
    width: 40px;
    margin-bottom: 40px;
}
.news-links2 {
    margin: 20px 0px 60px 0px;
}
.news-links2 a img{/*Xアイコン*/
    height: 40px;
    width: 40px;
    margin-bottom: 40px;
}
/*フッター*/
.footer-parent {
    padding: 0px 0px 0px 0px;  
}
.footer {
    height: 50px;
    max-width: 100%;/*?*/
}
.footer-right{
    padding-top: 20px;
}  
.footer p {
    font-size: 16px;
}
}

/*max670*/
@media (max-width: 670px) {
/*ヘッダー*/
.header {
    height: 76px;/*端末によりはみ出すしのぎ*/   
    }
.container {
    max-width: 100%;/*?*/
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
}    
.header-left {
    display: none;
}
/*.header-right {
    float: none;
    text-align: center;
}
.header-right a {
    font-size: 36px;
    font-weight: 600;
}*/
/*ヘッダー,プルダウン仕様*/
/*ul.menu {この辺りheader-rightから転用1
    float: none;
    text-align: center;
}*/
.menu > li{
    height: 36px;    
    }
li.menu__single {
    text-align: center;  
    }
.menu > li a {/*この辺りheader-rightから転用2*/
    font-size: 14px;
    font-weight: 600; 
    text-decoration-line: none;/*リンク下線*/
    word-break: keep-all;/*?*/
    padding: 0 6px;
}
.init-bottom:after {/*矢印マーク*/
    width: 4px;
    height: 4px;
    }
li.menu__single:hover ul.menu__second-level {
    opacity: 0.95;/*透け*/
}
/*メイン1(全体?)*/
h1 {/*indexではHarukaKano works*/
    font-size: 30px; 
}
h2 {/*indexでは加納明香website*/
    font-size: 24px; 
}
.main-visual {
    max-width: 100%;/*?*/
}
.top-subtitle {/*加納明香website*/
    font-size: 24px;
    font-weight: 200;
    margin: 0px 0px 60px 0px;
}
/*メイン2*/
.main {
    max-width: 100%;/*?*/
    padding: 20px 0;
}
.top-title {/*HarukaKano works*/
    margin: 10px 0px 0px 0px;
}
.top-title a {
    font-size: 30px;
    }
h2.top-subtitle {/*加納明香website*/
    font-size: 18px;
    font-weight: 300;
}
.top-subtitle {
    margin: 10px 0px 20px 0px;
    }
/*お知らせ*/
.news-links {/*文字、a含む*/
    font-size: 15px;    
    }    
h2.news2 {/*---*/
    font-size: 12px;
}
/*SNSコーナー*/
.main h3 p{/*インスタとXの文字*/
    font-size: 20px;
}
.news-links a img{/*インスタアイコン*/
    height: 40px;
    width: 40px;
    margin-bottom: 80px;
}
.news-links2 {
    margin: 0px 0px 60px 0px;
}
.news-links2 a img{/*Xアイコン*/
    height: 40px;
    width: 40px;
    margin-bottom: 40px;
}
/*フッター*/
.footer-parent {
    padding: 0px 0px 0px 0px;  
}
.footer {
    height: 50px;
    padding-bottom: 20px;
    max-width: 100%;/*?*/
}
.footer-right{
    padding-top: 20px;
    padding-left: 32px;    
    }    
.footer p {
    font-size: 12px;
}
}