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

 html {font-size: 1.4vw;}
 
 .intro_links{max-width:30rem;}
 .story_karasu-logo{max-width:25rem;}
 .oracle_menu_item.personal{max-width:50rem;}
 .director_text p{font-size:min(1.3rem,15px);}
 .director_name h2 span {display: block;}
}


@media only screen and (max-width:767px) {
 
 html {font-size:2vw;}
 
 .mv_box{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
 #topimg_box img{width:140%;margin-left: -35%;}
 .mv_text_area{position:relative;top:auto;left:auto;padding-top:2rem;}
 .mv_title{text-align:center;font-size:3.4rem;}
 .mv_description{text-align:center;font-size:1.7rem;}
 .mv_linklist{width:100%;max-width:none;padding:3rem 4.5rem 4rem;gap: 1.5rem;}
 .mv_linklist a{font-size: 2.4rem;}
 
 .intro_box{padding:2rem;}
 .intro_main{width:90%;}
 .intro_main::before, .intro_main::after{height:120%;width:6rem;opacity:.8;}
 .intro_main::before {left:-3rem;}
 .intro_main::after {right:-3rem;}
 .intro_main h1{font-size:4rem;padding: 0 0 3rem;line-height:1em;}
 .intro_main h1 span{font-size:80%;}
 .intro_main p {font-size: 2rem;}
 .intro_link{justify-content:center;padding: 2rem 0 0;}
 .intro_link a{font-size: 2rem;font-weight:700;}
 
 .character_main {padding:5.5rem 0 0;}
 .character_main h2{font-size:4rem;}
 .character_box a {overflow:hidden;}
 .character_box a img{width:170%;margin-left:-30%;}
 .intro_links {width:90%;max-width: none;padding: 5rem 0 6rem;}
 .intro_links a{font-size:2.5rem;padding: .75rem 0 .8rem;}
  
 .story_main{padding: 3rem 2rem 6rem;}
 .story_main h2 {font-size: 4.5rem;}
 .story_main p {font-size: 2rem;}
 .story_main p.big {font-size: 3rem;letter-spacing: .1em;}
 .story_img_list {padding: 3rem 0 8rem;}
 .story_link{padding: 2rem 0 0;}
 .story_link a{font-size:2rem;font-weight:700;}

 
 
 .oracle_area {margin-top: 8vw;}
 .oracle_area::after{top: -12.4vw;width: 100%;}
 .oracle_intro{padding:5rem 0 0;}
 .oracle_intro::before, .oracle_intro::after{width:24rem;opacity:.7;}
 .oracle_intro::before {left: -12rem;}
 .oracle_intro::after {right: -12rem;}
 .oracle_intro_text p {font-size: 2rem;}
 .oracle_intro_text p.big {font-size: 3rem;letter-spacing: .1em;}
 
 
 .oracle_menu_item{width:100%;}
 .oracle_menu_text{display:contents;}
 .oracle_menu_item.sns{width:100%;justify-content:center;}
 .oracle_menu_item.sns a{width:3.4rem;}
 .oracle_menu_item.sns a[href*="note"] {width: 6rem;}
 
 .oracle_menu_pra{width:100%;}
 .oracle_menu_item.moon .oracle_menu_pra{width:100%;}
 .oracle_menu_item.sunmoon .oracle_menu_pra{width:100%;}
 
 .oracle_menu_title h3{font-size:3.5rem;}
 .oracle_menu_title p{font-size:2rem;}
 .oracle_menu_pra{position:relative;z-index:3;}
 .oracle_menu_pra p{font-size:1.8rem;}
 .oracle_menu_pra a{font-size:2rem;margin:1rem auto;}
 .oracle_menu_img{position:absolute;}
 .oracle_menu_img p {font-size: 1.4rem;}
 
 .oracle_menu_item.personal .oracle_menu_img{position:relative;width:80%;padding-top:2rem;margin: auto;}
 .oracle_menu_item.moon .oracle_menu_img{display:none;}
 .oracle_menu_item.sunmoon .oracle_menu_img{right:0;bottom:0;margin: auto .5rem 1.75rem 0;}
 .oracle_menu_item.sunmoon .oracle_menu_img img{width:100%;}
 .oracle_menu_item.daily .oracle_menu_img{position:relative;width:100%;margin: auto auto -2.25rem -2%;padding-top:2rem;}
 .oracle_menu_item.daily .oracle_menu_img img{width:104%;}
 
 .director_box{padding:0;}
	.director_wrap{padding:7vw 9vw;}
	.director_title{gap:.5rem 1rem;}
	.director_name{display:contents;}
	.director_img{width:8rem;order:1;margin:0 0 auto;}
	.director_namemain{display:contents;}
	.director_name h2{font-size:2.5rem;order:4;padding-top:1rem;}
 .director_name h2 span {font-size: 65%;line-height:1.2em;padding-top:.4rem;}
 .director_name h3 {font-size: 4.2rem;}
	.director_nameletter{order:2;}
	.director_namesub {font-size: 1.5rem;}
	.director_namelinks{order:3;gap: 2rem;}
 .director_namelinks a{width:3rem;}
 .director_text p {font-size: 1.5rem;}
 
 
}