/*  
Theme Name:dohoku2026
*/
html{scroll-behavior:smooth;}
body{clear:both;font-family: "Noto Sans JP", sans-serif;font-size:20px;line-height:1.5;margin:0px;padding:0px;background:white;font-feature-settings:"palt";position:relative;color:#503b1f}
img{border:none;margin:0px;padding:0px;height:auto;display:block;max-width:100%;}
a{text-decoration:none;color:black}
a:hover,a img:hover{opacity:0.5;transform:translate(3px,3px);transition:all .4s;}
a:focus{outline:none;}
table{border-collapse:collapse;width:100%;}
h1,h2,h3,h4,h5{margin:0;padding:0;letter-spacing:.1em;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
p{margin:0px;padding:0px;}

header,article,footer{width:48em;margin:0 auto;overflow:hidden}

nav{position:fixed;width:48em;left:50%;transform:translateX(-50%);z-index:999;transition:all .4s;top:0;height:250px;}
nav.page{height:100px;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position:relative;width:38px;height:50px;z-index:2;left:10px;top:100px;padding:10px;}
.menu-trigger span{position:absolute;background:white;width:2px;height:30px;}
.menu-trigger span:nth-of-type(1){left:10px;}
.menu-trigger span:nth-of-type(2){left:25px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateX(7px) rotate(-45deg);transform: translateX(7px) rotate(-45deg);background:white;}
.menu-trigger.active span:nth-of-type(2){-webkit-transform: translateX(-7px) rotate(45deg);transform: translateX(-7px) rotate(45deg);background:white;}
.g-nav{display:none;position:absolute;top:0px;left:0%;background:#323333;opacity: 0.95;width:calc(100% - 10em);height: auto;padding:3em 5em;min-height:250px;}
.g-nav ul li{padding:5px 20px;border-radius:5px;}
.g-nav ul li a{color:white;}
.g-nav ol{display:flex;width:8em;margin:2em 0 0;}
.g-nav ol li{width:calc(100%/3)}
.g-nav ol li a img{width:60%;margin:0 auto;}

.is-animation nav{height:50px;background:rgba(255,255,255,0.7);}
.is-animation .menu-trigger span{background:black;}
.is-animation .menu-trigger{left:10px;top:0px;}

nav.page{height:100px;}
nav.page .menu-trigger{top:50px;}
nav.page .menu-trigger span{background:white;}
.is-animation nav.page{height:50px;background:rgba(255,255,255,0);}
.is-animation nav.page .menu-trigger{background:white;top:10px;}
.is-animation nav.page .menu-trigger span{background:black;}

/* ヘッダー */
/*nav > a img{position:absolute;right:10px;top:20px;height:100px;transition:all .4s;}*/
.is-animation nav > a img{height:45px;top:5px;}

/* ナビゲーション閉鎖 */
.menu-trigger{display:none;}
.is-animation nav{height:50px;background:rgba(0,0,0,0);opacity:.75}
nav > a img{position:absolute;left:10px;top:10px;height:100px;transition:all .4s;z-index:-1;}
.is-animation nav.page  {height:50px;background:rgba(255,255,255,0);opacity:.75}

/* フッター */
footer{width:48em;margin:0 auto;background:#007f41;padding:6em 0 2em;position:relative;color:white;}
footer img.logo{width:17.5em;margin:0 auto;}
footer table{width:90%;margin:0em auto;}
footer table th{font-weight:normal;width:17.5em;}
footer table td{padding-left:2em;}
footer table h3{border-bottom:1px solid white;margin:0;}
footer table h4{margin:.5em 0 1em;font-size:1.25em;letter-spacing:0;}
footer h2{text-align:center;font-size:1.25em;margin-top:3em;}
footer p{font-size:.7em;color:white;}
footer a{color:white;}
footer ol{display:flex;width:70%;margin:0 }
footer ol li{width:calc(100%/3)}
footer ol li a img{width:2em;margin:0;}
footer ul{margin:0 0 0 2em;}
footer ul li{margin:.5em;}
footer ul li a{display:block;border-bottom:1px solid white;}

 a.gotop{position:fixed;width:3em;right:2em;bottom:1em;}
 
 /* HOME */
.home_header_inn h1,.home_header_inn p,#course_list h2,.course_list_inn h3,#course_list ul li::after{font-family: "Sawarabi Mincho", serif;font-weight:normal;}
#home_header{position:relative;}
.home_header_inn{position:absolute;width:100%;color:white;text-align:center;top:11.5em;letter-spacing:.2em;line-height:1.75;}
.home_header_inn h1{font-size:7em;margin-bottom:0em;}
.home_header_inn p{font-size:1.8em;margin:1em 0 1.5em;}
#course_list h2{font-size:2.5em;text-align:center;margin:3em auto;}
#course_list ul{width:39.4em;margin:0 auto 8em;}
#course_list ul li{margin:0 0 3em;position:relative;}
#course_list ul li::after{content:"コースを見る";width:10em;height:2.25em;background:#999 url(https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/thumb_btn_icon.png) no-repeat bottom right .35em;background-size:contain;color:white;box-sizing:border-box;padding-left:1.25em;line-height:2.25em;position:absolute;right:0;bottom:0;}
#course_list ul li:hover::after{opacity:.5;cursor:pointer;}
.course_list_inn{position:absolute;top:25.5em;left:5.5em;}
.course_list_inn h3{font-size:2.2em;line-height:1.3;}
.course_list_inn p{font-size:1em;margin:1em 0;width:20em;text-align:justify;}

 /* ページ */
#pageheader{position:relative;padding-bottom:8em;}
.header_text{position:absolute;left:3.6em;top:17.92em;}
.header_text h1{color:#e08043;font-size:2.35em;min-height:2.5em;text-shadow:0 0 .25em rgba(255,255,255,1),0 0 .25em rgba(255,255,255,1),0 0 .25em rgba(255,255,255,1)}
.header_text h2:before{content:"The concept of this course";font-size:1.15em;margin:1em 0 .5em;display:block;}
.header_text h2{font-size:1.35em;font-weight:normal;margin:0 0 1em;min-height:7em;}
.header_text h4{font-size:1.85em;color:#e3a071;border-top:.05em solid #e3a071;border-bottom:.05em solid #e3a071;padding:.25em 1.25em;display:inline;line-height:1;}
.header_text h4 span{font-size:1.25em;}
.header_day{position:absolute;left:6.3em;top:45.9em;width:19.52em;display:flex;justify-content:center;z-index:2}
.header_day li a{display:block;color:white;width:4em;text-align:center;background:#e08043;line-height:4em;border-radius:2em;margin:0 .35em;font-weight:bold;position:relative;}
.header_day li a::after{content:"";width:4em;height:4em;background:#e3a071;border-radius:2em;left:.15em;top:.15em;display:block;position:absolute;z-index:-1}
.header_day li a p{font-size:1.25em;}
.header_day li:nth-of-type(2n) a{background:#e3a071;}
.header_day li:nth-of-type(2n) a::after{background:#e08043;}

.day{margin-bottom:10em;}
.day_inn{width:68%;margin:0 auto 2em;background:url(https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/dot01.png) repeat-y;background-size:contain;}
.other_inn{background:none;}
h1.other_title{color:#e08043;border:.05em solid #503b1f;background:white;border-radius:.25em;text-align:center;position:relative;line-height:1.8}
h1.other_title::after{content:"";width:100%;height:1.8em;background:#503b1f;left:.15em;top:.15em;display:block;z-index:-1;position:absolute;border-radius:.25em;}

h1.day_title{background:#4f3b1e;text-align:center;position:relative;font-size:1.55em;padding:.35em 0 .35em 1.25em;color:white;border-radius:2em;margin:0 auto 2em;letter-spacing:0;}
.icon_hikouki,.icon_hotel,.icon_jr,.icon_toho,.icon_bus,.icon_kuruma{width:1.75em;height:1.75em;background:white;border-radius:1em;position:absolute;left:.25em;top:50%;transform:translateY(-50%);}
.icon_hikouki::after{content:"";position:absolute;width:1.35em;height:1.35em;left:.2em;top:.55em;z-index:3;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_hikouki.svg");mask-repeat:no-repeat;background-color:#503b1f;}
.icon_hotel::after{content:"";position:absolute;width:1em;height:1.35em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_hotel.svg");mask-repeat:no-repeat;background:#503b1f;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.icon_jr::after{content:"";position:absolute;width:1.35em;height:.79em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_jr.svg");mask-repeat:no-repeat;background:#503b1f;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.icon_toho::after{content:"";position:absolute;width:.755em;height:1.4em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_toho.svg");mask-repeat:no-repeat;background:#503b1f;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.icon_bus::after{content:"";position:absolute;width:1.25em;height:1.17em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_bus.svg");mask-repeat:no-repeat;background:#503b1f;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.icon_kuruma::after{content:"";position:absolute;width:1.5em;height:.615em;;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_kuruma.svg");mask-repeat:no-repeat;background:#503b1f;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}


h2.dayday{color:#e08043;padding:.15em 0;width:6em;text-align:center;border:.05em solid #503b1f;border-radius:.25em;letter-spacing:0;font-size:2em;margin:0 0 3em -1em;background:white;position:relative;}
h2.dayday:after{content:"　";padding:.15em 0;width:6em;text-align:center;border:.05em solid #503b1f;border-radius:.25em;background:#503b1f;display:block;left:.05em;top:.05em;z-index:-1;position:absolute;}

.day_inn ul > li{position:relative;background:white;padding:.85em;box-sizing:border-box;border:.1em solid #503b1f;border-radius:2em;margin:7em 0 3em}
.day_inn ul li h4{font-size:1.35em;display:inline-block;width:4em;}
.day_inn ul li h3{font-size:1.35em;border-left:.1em solid #503b1f;margin:.25em 0 .75em .5em;line-height:1.25;padding-left:.5em;display:inline-block;vertical-align:middle}
.day_inn ul li > img{width:100%;border-radius:.5em;}
.day_inn ul li > p{font-size:1em;margin:.25em auto 2em;width:96%;text-align:justify}
.spot_no{width:6em;height:6em;background:#503b1f;text-align:center;color:white;border-radius:5em;position:absolute;left:2em;top:-4.75em;z-index:-1;}
.spot_no p{font-size:.85em;margin:.5em 0;}
.spot_no h4{font-size:1.5em;border-top:.05em solid white;width:80%;margin:0 auto;letter-spacing:0;}
.machi{width:9em;padding:.25em 0 1em;background:#937452;text-align:center;color:white;border-radius:.5em;position:absolute;right:2em;top:-2.25em;z-index:-1;}
.machi h5{font-size:1.1em;}
.day_inn ol{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:.75em;}
.day_inn ol.one_btn{display:grid;grid-template-columns:repeat(1, 1fr);column-gap:0em;}
.day_inn ol a{background:#e08043;color:white;text-align:center;font-size:1.35em;border-radius:2em;letter-spacing:.1em;box-sizing:border-box;padding:.1em .75em .1em 0;position:relative;display:block;}
.day_inn ol a:before{content:"";width:1.35em;height:.075em;background:white;position:absolute;right:.75em;top:50%;transform:translateY(-50%);}
.day_inn ol a:after{content:"";width:.35em;height:.075em;background:white;position:absolute;right:.65em;top:42.5%;transform:rotate(45deg);}

.spot_hotel{width:1.65em;height:2.25em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_hotel.svg");mask-repeat:no-repeat;background:white;margin:-.25em auto 0;}

.idou{width:7em;height:7em;background:#937452;color:white;text-align:center;padding:.25em;border-radius:50%;margin:0 0 3em 55%;position:relative;}
.idou::after{content:"";width:1.5em;height:1.5em;background:#937452;position:absolute;left:0em;top:4.5em;transform: skewX(-45deg);z-index:-1}
.idou_kuruma{width:4.85em;height:2em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_kuruma.svg");mask-repeat:no-repeat;background:white;margin:1em auto .25em;display:block}
.idou_jr{width:3.4em;height:2em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_jr.svg");mask-repeat:no-repeat;background:white;margin:1em auto .25em;display:block}
.idou_toho{width:1.35em;height:2.5em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_toho.svg");mask-repeat:no-repeat;background:white;margin:.5em auto .25em;display:block}
.idou_bus{width:2.135em;height:2em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_bus.svg");mask-repeat:no-repeat;background:white;margin:1em auto .25em;display:block}
.idou_taxi{width:3.25em;height:2.75em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_taxi.svg");mask-repeat:no-repeat;background:white;margin:.4em auto .11em;display:block}
.idou_bus-jr{width:5em;height:1.75em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_bus-jr.svg");mask-repeat:no-repeat;background:white;margin:1.2em auto .13em;display:block}
.idou_bike{width:4em;height:2.5em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_bike.svg");mask-repeat:no-repeat;background:white;margin:.6em auto .2em;display:block}
.idou_toho-jr{width:4.5em;height:2.2em;mask-image:url("https://do-hoku.com/spring-summer/wp-content/uploads/2026/03/icon_toho-jr.svg");mask-repeat:no-repeat;background:white;margin:1em auto .13em;display:block}

.idou p{border-bottom:.1em solid white;width:86%;margin:0 auto;padding-bottom:.25em;}
.idou span{font-size:.9em;}

.idou2{margin:-10.5em 0 3em 76%;}

.idou_3set{font-size:15px}
.idou_3set .idou2{margin:-10.5em 0 3em 71%;}
.idou3{margin:-10.5em 0 3em 87%;}
.idou_or::after{content:"or";font-weight:bold;line-height:2em;color:#937452;text-align:center;width:2em;height:2em;border-radius:50%;background:white;position:absolute;left:-.75em;top:50%;transform:translateY(-50%);z-index:2}
.idou_plus::after{content:"+";font-size:1.5em;font-weight:bold;line-height:1.33em;color:#937452;text-align:center;width:1.33em;height:1.33em;border-radius:50%;background:white;position:absolute;left:-.5em;top:50%;transform:translateY(-50%);z-index:2}


#osusume{background:url(https://do-hoku.com/autumn-course/wp-content/uploads/2026/03/osusume_bg.jpg) no-repeat;background-size:contain;width:48em;height:28.2em;position:relative;}
#osusume div{position:absolute;width:24.5em;left:5.76em;bottom:7.232em;border-bottom:.1em solid #503b1f;padding:0 .25em .5em;}
#osusume div h3{font-size:1.4em;}

#osusume2{background:url(https://do-hoku.com/autumn-course/wp-content/uploads/2026/03/osusume2_bg.jpg) no-repeat;background-size:contain;width:48em;height:33.9em;position:relative;}
#osusume2 div{position:absolute;width:24.5em;left:5.76em;bottom:4em;padding:0 .25em .5em;}
#osusume2 div h3{font-size:1.4em;border-bottom:.1em solid #503b1f;padding:0 0 .5em;margin:0 0 .5em}
#osusume2 div p{font-size:1.1em;text-align:justify}

@media (max-width: 767px) {
body{font-size:2.083vw;}
nav{width:100%;}
nav > a img{top:1em;height:10em;}

.g-nav ul li{font-size:2em;margin:.5em 0}
.g-nav ol{width:20em;margin:3em 0 0 2em;}
	
header,article,section,footer{width:100%;overflow:hidden;}
	
footer table th,
footer table td{display:block;width:100%;padding:1em 0;}
footer ol{display:flex;width:70%;margin:0 auto;}
footer ol li a img{margin:0 auto;}
	
.idou_3set{font-size:1.6vw;}
}