@charset "utf-8";
/* CSS Document */

/*
index.html
#top
#info
#artist
#event
#school
#workshop
#cafe
#access
#archive
#notes
#data
*/


/*================================================================================
	INDEX
================================================================================*/

/* info
--------------------------------------------------------------------------------*/
#info { background-color:#e94721; color:#fff; }
#info h2 span { width:90px; height:74px; background:url(../img/mark_info.png) no-repeat 0 0; top:-30px; left:240px; }
#info .box_info h3 { font-size:16px; font-weight:normal; margin-bottom:30px; }
#info .box_info h4 { font-size:16px; font-weight:normal; }
#info .box_info p { font-size:16px; line-height:180%; margin-bottom:40px; }
#info .box_info p:last-child { margin-bottom:0; }
#info .box_info p strong { font-size:20px; font-weight:normal; }
#info .box_info p span { font-size:12px; line-height:180%; padding-top:5px; display:block; }

/* artist
--------------------------------------------------------------------------------*/
#artist h2 span { width:118px; height:88px; background:url(../img/mark_artist.png) no-repeat 0 0; top:-20px; left:660px; }
#artist h3 { margin-bottom:40px; font-size:18px; font-weight:normal; text-align:center; }
#artist h3:nth-of-type(2) { padding:25px 0 15px; background:url(../img/ttl_artist.png) no-repeat 50% 100%; }
#artist p.ttl { margin-bottom:100px; text-align:center; }
#artist p { text-align:center; }
#artist .box_01 img { margin-bottom:5px; }
#artist .box_02 { margin:50px auto 0; }
#artist .box_02 h4 { font-size:16px; padding-top:80px; }
#artist .box_02 p { font-size:16px; padding-top:30px; margin-right:40px; line-height:200%; }
#artist .box_03 { margin-top:100px; }
#artist .box_03 span { padding:5px; color:#fff; background-color:#5f5e5f; }
#artist .box_03 h4 { font-size:16px; margin:10px 0 20px; }
#artist .box_03 div:nth-of-type(1) img { width:162px; margin:10px 0 0 auto; }
#artist .box_03 p { text-align:left; }
#artist .box_03 p.set_mb { margin-bottom:30px; }

/* event
--------------------------------------------------------------------------------*/
#event div.wrap {margin:0 auto;}
#event h2 span { width:156px; height:118px; background:url(../img/mark_event.png) no-repeat 0 0; top:-70px; right:170px; }
#event h3 { font-size:26px; font-weight:normal; text-align:center; background:url(../img/ttl_line_w.gif) no-repeat 50% 100%; padding-bottom:30px; margin-bottom:30px; }
#event h3 span { display:block; font-size:20px; margin-bottom:-10px; }
#event h3:nth-of-type(2) { margin-top:140px; }
#event h4 { font-size:26px; font-weight:normal; text-align:center; margin-bottom:40px;letter-spacing: 4px; }
#event p.ttl { text-align:center; margin-bottom:60px;line-height:36px;letter-spacing: 4px; }
#event p.ttl span { font-size:12px; }
#event div.disp_pc p { width:650px;text-align:left;line-height:200%; margin:auto;}


/* school
--------------------------------------------------------------------------------*/
#school h3 { font-size:26px; font-weight:normal; text-align:center; background:url(../img/ttl_line.gif) no-repeat 50% 100%; padding-bottom:30px; margin-bottom:30px; }
#school h4 { font-size:26px; font-weight:normal; text-align:center; margin-bottom:40px; }
#school h5 { font-size:16px; font-weight:normal; margin-top:40px; }
#school h5 span { font-size:15px; }
#school p { font-size:16px; line-height:36px; letter-spacing:2px; }
#school p span { font-size:15px; letter-spacing:2px; }
#school p.ttl { text-align:center; margin-bottom:60px;font-size:18px; line-height:36px;letter-spacing:2px;}
#school .box_open_sch a { display:block; margin-top:20px; padding:5px; padding-right:20px; font-size:18px; text-align:center; }
#school .box_open_sch a { background:url(../img/icon_link.png) no-repeat 95% 50%; border:2px solid #e84720; }


/* workshop
--------------------------------------------------------------------------------*/
#workshop h3 { font-size:26px; font-weight:normal; text-align:center; background:url(../img/ttl_line.gif) no-repeat 50% 100%; padding-bottom:30px; margin-bottom:30px; }
#workshop h4 { font-size:26px; font-weight:normal; text-align:center; margin-bottom:40px; }
#workshop h5 { font-size:16px; font-weight:normal; margin-top:40px; }
#workshop h5 span { font-size:15px; }
#workshop p { font-size:16px; letter-spacing:2px;line-height:36px;}
#workshop p span { font-size:15px; }
#workshop p.ttl { text-align:center; margin-bottom:60px;letter-spacing:4px;line-height:36px;font-size:18px; }
#workshop .box_open_ws a { display:block; margin-top:20px; padding:5px; padding-right:20px; font-size:18px; text-align:center; }
#workshop .box_open_ws a { background:url(../img/icon_link.png) no-repeat 95% 50%; border:2px solid #e84720; }

/* attention
--------------------------------------------------------------------------------*/
#attention .wrap div { padding:25px; border:2px solid #e84720; }
#attention h4 { font-size:20px; text-align:center; line-height:160%; }
#attention p { font-size:14px; margin-top:25px;letter-spacing:90%;line-height:30px; }

/* cafe
--------------------------------------------------------------------------------*/
#cafe h2 span { width:132px; height:104px; background:url(../img/mark_cafe.png) no-repeat 0 0; top:-40px; left:170px; }

/* access
--------------------------------------------------------------------------------*/
#access h2 span { width:178px; height:100px; background:url(../img/mark_access.png) no-repeat 0 0; top:-80px; left:100px; }
#access h3 { font-size:18px; font-weight:normal; margin-top:40px; }
#access p { font-size:16px; margin-top:5px; line-height:200%; }
#access a { color:#184098; }

/* archive
--------------------------------------------------------------------------------*/
#archive { background:#e94721 url(../img/bg_archive.jpg) no-repeat 50% 50px; color:#fff; }

/* notes
--------------------------------------------------------------------------------*/
#notes h2 { color:#fff; font-weight:normal; }
#notes h3 { font-weight:normal; }
#notes p { margin-bottom:5px; }
#notes .set_mb { margin-bottom:40px; }
#notes .box_att { padding:30px 20px; background-color:#fff; }

/* data
--------------------------------------------------------------------------------*/
#data h3 { font-size:16px; font-weight:normal; }
#data p { font-size:15px; margin-bottom:30px; }


/*================================================================================
	Animation keyframes
================================================================================*/
@keyframes ani_move {
	0% { left:600px; transform:rotate(360deg); opacity:0; }
	65% { left:0; transform:rotate(360deg); opacity:1.0; }
	85% { left:0; transform:rotate(360deg); opacity:1.0; }
	100% { left:0; transform:rotate(0); opacity:1.0; }
}
@keyframes ani_fadein {
	0% { top:300px; opacity:0; }
	100% { top:200px; opacity:1.0; }
}

/*================================================================================
	Media screen : PC 640px
================================================================================*/
@media screen and (min-width: 641px) {

/* top
--------------------------------------------------------------------------------*/
#top { height:744px; background:url(../img/img_main.jpg) no-repeat 50% 50px; padding-bottom:0; }
#top p { color:#fff; font-size:16px; font-family:"Yu Gothic", "YuGothic"; margin-top:10px; margin-left:80px; }
#top p span { font-size:14px; }
#top .wrap { width:1160px; height:100%; }
#top .wrap div { position:absolute; }
#top .wrap div:nth-of-type(1) { width:445px; top:120px; left:0; }
#top .wrap div:nth-of-type(2) { width:400px; right:250px; opacity:0; }
#top .wrap div:nth-of-type(3) { width:100%; bottom:140px; }
#top .wrap div:nth-of-type(3) img { width:504px; margin:10px auto ; }
#top .wrap div:nth-of-type(4) { width:100%; bottom:10px; }
#top .wrap div:nth-of-type(4) a { display:block; margin:0 auto; width:74px; height:94px; background:url(../img/icon_scroll.png) no-repeat 0 0; }
#top .wrap div:nth-of-type(4) a:hover { background:url(../img/icon_scroll.png) no-repeat 0 100%; }
#top .wrap div:nth-of-type(5) { width:100%; top:80px; }
#top .wrap div:nth-of-type(5) img { width:625px; margin:10px auto; }
#top .wrap div img:nth-child(2) { display:none; }
#top .wrap div:nth-of-type(3) img { display:none; }
#top .wrap div:nth-of-type(3) a img:nth-child(1) { display:block; }
.box_top { display:none; }
.sns_top { width:200px; position:absolute; top:80px; right:0; }

#top .wrap div:nth-of-type(1) { animation:ani_move 1.6s ease-in forwards; animation-delay:0; }
#top .wrap div:nth-of-type(2) { animation:ani_fadein 1.0s ease-in forwards; animation-delay:1.6s; }

/* info
--------------------------------------------------------------------------------*/
#info { background:#e94721 url(../img/bg_info.jpg) no-repeat 50% 170px; }
#info p.ttl { font-size:16px; line-height:180%; text-align:center; }
#info .box_info { margin:30px auto 0; padding:40px 60px; border:2px solid #fff; }

.twitter_area { margin-top:80px; padding:30px; color:#333; background-color:#fff; }
.twitter_area .txt_area { width:390px; float:left; }
.twitter_area .sns { width:500px; float:right; }
.txt_area dl { margin-bottom:30px; }
.txt_area dt { width:100px; margin-right:20px; float:left; }
.txt_area dd a { color:#1b479c; font-weight:bold; }
.txt_area p { font-size:16px; line-height:200%; }

/* artist
--------------------------------------------------------------------------------*/
#artist { background:url(../img/bg_artist.jpg) no-repeat 50% 0; }
#artist h3:nth-of-type(1) { letter-spacing:10px; line-heigt:2em;}
#artist .btn_more { padding-right:110px; padding-top:15px; background:url(../img/icon_more.png) no-repeat 90% 100%; }
#artist .btn_more:hover { background:url(../img/icon_more.png) no-repeat 100% 100%; }
#artist .box_fl div:nth-of-type(1) { float:left; }
#artist .box_fl div:nth-of-type(2) { float:right; }
#artist .box_01 { width:700px; margin:60px auto 0; }
#artist .box_01 .btn_more { display:block; width:300px; padding-left:20px; padding-bottom:10px; border:3px solid #f29337; box-sizing:border-box; }
#artist .box_01 .btn_more { background:url(../img/icon_more.png) no-repeat 90% 50%; margin:40px auto 0; }
#artist .box_01 .btn_more:hover { background:url(../img/icon_more.png) no-repeat 100% 50%; }
#artist .box_02 div:nth-of-type(1) { width:460px; height:593px; background:url(../img/box_artist_01.png) no-repeat 0 0; }
#artist .box_02 div:nth-of-type(2) { width:460px; height:584px; background:url(../img/box_artist_02.png) no-repeat 0 0; margin-top:20px; }
#artist .box_03 div:nth-of-type(1) { width:580px; }
#artist .box_03 div:nth-of-type(2) { width:285px; padding-top:20px; }
#artist .box_03 .btn_more { margin-top:0px; }

#artist br.sp { display:none; }
#artist p br.sp { display:none; }
#artist .box_00  { margin:0 auto 350px;}
#artist .box_01  { margin:480px auto 10px;}	
#artist .box_00 img { width:960px; margin:0 auto 10px; }
#artist .box_01 img { width:480px; margin:0 auto 30px; }
#artist .box_01 h4 { font-size:22px; font-weight:normal; margin-bottom:15px; }

/* event
--------------------------------------------------------------------------------*/
#event { background:#e94721 url(../img/bg_event.jpg) no-repeat 50% 120px; color:#fff; }
#event h5 { font-size:20px; font-weight:normal; color:#fff; text-align:center; margin-bottom:40px; }
#event .box_fl { padding:0 60px; margin-bottom:60px; }
#event .box_fl img { display:block; width:50%; float:left; box-sizing:border-box; }
#event .box_fl img:nth-child(1) { padding-right:15px; }
#event .box_fl img:nth-child(2) { padding-left:15px; }
#event p.ttl { font-size:16px; }

/* school
--------------------------------------------------------------------------------*/
#school h4 br { display:none; }
#school .box_open_sch div { padding-left:80px; padding-right:20px; margin-bottom:60px; }
#school .box_open_sch div img { float:left; }
#school .box_open_sch div img:nth-child(1) { width:43%; }
#school .box_open_sch div img:nth-child(2) { width:45%; margin-left:5%; margin-top:140px; }
#school .box_open_sch a { width:220px; }
#school .btn_pagetop.col_w { display:none; }

/* workshop
--------------------------------------------------------------------------------*/
#workshop h3 { line-height:170%; }
#workshop h4 br { display:none; }
#workshop .box_open_ws div img:nth-child(2) { display:none; }
#workshop .box_open_ws a { width:220px; }
#workshop .btn_pagetop.col_w { display:none; }

/* attention
--------------------------------------------------------------------------------*/
#attention { padding-top:140px; }

/* cafe
--------------------------------------------------------------------------------*/
#cafe { background:url(../img/bg_cafe.jpg) no-repeat 50% 280px; }
#cafe .box_fl { margin-top:80px; padding-bottom:80px; }
#cafe .box_fl div:nth-of-type(1) { float:left; width:320px; margin-left:100px; }
#cafe .box_fl div:nth-of-type(2) { float:right; width:480px; }
#cafe .box_fl div:nth-of-type(2) p { margin-bottom:30px; }
#cafe .box_fl div:nth-of-type(2) img:nth-of-type(1) { width:158px; margin-bottom:40px; }
#cafe .box_fl div:nth-of-type(2) img:nth-of-type(2) { width:400px; }
#cafe .box_fl div:nth-of-type(2) img:nth-of-type(3) { display:none; }

/* access
--------------------------------------------------------------------------------*/
#access img { width:775px; margin:0 auto; }

/* archive
--------------------------------------------------------------------------------*/
#archive .wrap { width:1000px; }
#archive li { width:230px; height:280px; margin:0 10px 20px; float:left; }
#archive li img { margin-bottom:15px; }

/* notes
--------------------------------------------------------------------------------*/
#notes { background:#dd7261 url(../img/bg_notes.jpg) no-repeat 50% 100px; }

/* data
--------------------------------------------------------------------------------*/
#data { background:url(../img/bg_data.jpg) no-repeat 50% 120px; }
#data .wrap { width:700px; }
#data h3:before { content:"◯"; padding-right:5px; }

}

/*================================================================================
	Media screen : 横幅100%時の背景色ヌケ防止
================================================================================*/
@media screen and (min-width: 641px) and (max-width: 1024px) {
#top .wrap { width:1000px; }
#top .wrap div:nth-of-type(1) { width:400px; top:120px; }
#top .wrap div:nth-of-type(2) { width:350px; }
#top .wrap div:nth-of-type(5) { width:90%; top:90px; }
#top p { font-size:15px; margin-top:20px; margin-left:40px; }
}

/*================================================================================
	Media screen : SP 640px
================================================================================*/
@media screen and (max-width: 640px) {

/* top
--------------------------------------------------------------------------------*/
#top { height:407px; background:url(../img/img_main_sp.jpg) no-repeat 50% 50px; background-size:cover; padding-bottom:0; }
#top .wrap { height:100%; }
#top p { display:none; }
#top img:hover { opacity:1.0; }
#top .wrap div { margin:0 auto; }
#top .wrap div:nth-of-type(1) { width:180px; padding-top:30px; }
#top .wrap div:nth-of-type(2) { width:200px; padding-top:10px; }
#top .wrap div:nth-of-type(3) { width:100%; position:absolute; bottom:0; }
#top .wrap div:nth-of-type(4) { display:none; }
#top .wrap div img:nth-child(1) { display:none; }
#top .wrap div:nth-of-type(3) img:nth-child(3) { display:none; }

.box_top { padding-bottom:10px; background:url(../img/bg_top.jpg) no-repeat 50% 10px; background-size:80% auto; }
.box_top p { padding:20px 20px 0 20px; font-size:14px; text-align:center; line-height:160%; font-family:"Yu Gothic", "YuGothic"; }
.box_top a { display:block; margin:100px auto 0; width:40px; height:36px;  }
.box_top a { background:url(../img/icon_scroll_sp.png) no-repeat 0 0; background-size:40px 36px; }

/* info
--------------------------------------------------------------------------------*/
#info { padding-bottom:40px; }
#info h2 span { width:45px; height:37px; background-size:45px 37px; top:-10px; left:40px; }
#info p.ttl { padding:0 10px; }
#info p.ttl br { display:none; }
#info .box_info { margin:20px 10px; padding:20px 10px; border:2px solid #fff; box-sizing:border-box; }
#info .box_info { background:url(../img/bg_info_sp.jpg) no-repeat 100% 20px; background-size:102px 100px; }
#info .box_info h3 { margin-bottom:10px; }
#info .box_info h3 span { border-bottom:1px solid #fff; }
#info .box_info p { line-height:160%; margin-bottom:20px; }
#info .box_info p span { padding-bottom:20px; }

.twitter_area { margin:20px 10px; padding:15px; color:#333; background-color:#e84720; }
.twitter_area .txt_area { margin-bottom:10px; background-color:#fff; padding:20px; }
.txt_area dl { margin-bottom:15px; line-height:120%; }
.txt_area dt { width:50px; margin-right:15px; float:left; }
.txt_area dd a { color:#1b479c; font-weight:bold; }
.txt_area p { font-size:14px; line-height:160%; }

/* artist
--------------------------------------------------------------------------------*/
#artist { background:url(../img/bg_artist_sp.jpg) no-repeat 50% 40px; background-size:100% auto; padding-top:175px;padding-left:10px;}
#artist h2 {margin:10px auto 30px;}
#artist h2 span { width:59px; height:44px; background-size:59px 44px; top:-20px; left:auto; right:20px; }
#artist h3:nth-of-type(1){margin-top:0; letter-spacing:7px; font-size:16px;}
#artist h3:nth-of-type(2) { background:url(../img/ttl_artist_sp.png) no-repeat 50% 60%; background-size:302px 31px; font-size:15px; margin-bottom:25px;}
#artist p { margin:10px auto 20px; padding:0 10px; }
#artist p.ttl span { display:block; }
#artist .btn_more { padding-right:25px; padding-bottom:5px; background:url(../img/icon_more_sp.png) no-repeat 100% 100%; background-size:155px 13px; }

#artist .box_01 { margin-top:360px; }
#artist .box_01 span { padding:10px 0 10px 30px; font-size:12px; text-align:left; }
#artist .box_01 .btn_more { display:block; width:200px; padding:5px 45px 5px 15px; border:2px solid #f29337; box-sizing:border-box; }
#artist .box_01 .btn_more { background:url(../img/icon_more.png) no-repeat 95% 50%; background-size:41px 11px; margin:30px auto 0; }
#artist .box_02 { margin-top:20px; }
#artist .box_02 div { margin:10px; padding-bottom:40px; }
#artist .box_02 div:nth-of-type(1) { background:url(../img/box_artist_sp_01.png) no-repeat 50% 0; background-size:297px 336px; }
#artist .box_02 div:nth-of-type(2) { background:url(../img/box_artist_sp_02.png) no-repeat 50% 0; background-size:297px 351px; }
#artist .box_02 h4 { font-size:14px; padding-top:25px; margin:0 10px; }
#artist .box_02 p { font-size:14px; padding-top:10px; margin-right:0; line-height:160%; }
#artist .box_03 { margin-top:50px; }
#artist .box_03 div { margin:0 10px; }
#artist .box_03 div:nth-of-type(2) { margin-top:10px; }
#artist .box_03 span { padding:2px 4px; font-size:12px; }
#artist .box_03 h4 { font-size:16px; margin-top:10px; margin-bottom:10px; }
#artist .box_03 div:nth-of-type(1) img { width:130px; margin:0 5px 10px auto; }
#artist .box_03 div:nth-of-type(2) img { width:142px; margin:0 5px 0 auto; }
#artist .box_03 p { padding:0; }
#artist .box_03 p.set_mb { margin-bottom:10px; }

#artist .box_00 { margin-top:150px; padding:0 10px; margin-bottom:40px; }
#artist .box_01 { padding:0 10px; position:relative; }
#artist .box_01 h4 { font-size:16px; font-weight:normal; margin-bottom:20px; margin-top:30px; text-align:center; }
#artist .box_01 img { width:80%; margin:0 auto; }
#artist .box_01 span.mark { display:block; margin:0; padding:0; width:114px; height:93px; /*background:url(../img/img_artist_on.png)*/ no-repeat 0 0; background-size:114px 93px; }
#artist .box_01 span.mark { position:absolute; top:-15px; right:15px; }

/* event
--------------------------------------------------------------------------------*/
#event { background-color:#e94721; color:#fff; }
#event h2 span { width:60px; height:45px; background-size:60px 45px; top:-20px; right:auto; left:20px; }
#event h3 { font-size:16px; background-size:30px 2px; padding-bottom:10px; margin-bottom:10px; }
#event h3 span { font-size:14px; margin-bottom:-25px; }
#event h3:nth-of-type(2) { padding-top:20px; margin-top:0; }
#event .disp_sp h3 { padding-top:20px; }
#event h4 { font-size:18px; margin-bottom:20px; }
#event p.ttl { text-align:left; margin:0 10px; }
#event p.ttl br { display:none; }
#event p.ttl span { display:block; margin-top:10px; }
#event p.btn { overflow:hidden; width:100%; height:0; padding-top:60px; margin-top:20px; }
#event p.btn_open { background:url(../img/icon_tg_open.png) no-repeat 50% 0; background-size:60px 49px; }
#event p.btn_close { background:url(../img/icon_tg_close.png) no-repeat 50% 0; background-size:60px 49px; }
#event .box_open { margin-top:10px; padding:10px; color:#504f4f; background-color:#fff; display:none; }
#event .box_open h5 { padding:10px 0; background:url(../img/ttl_artist_sp.png) no-repeat 50% 70%; background-size:302px 31px; font-size:16px; }
#event .box_open h5 { margin:15px 0; font-weight:normal; text-align:center; line-height:150%; }
#event .box_open img { margin-bottom:10px; }

/* school
--------------------------------------------------------------------------------*/
#school { color:#fff; background-color:#e84720; }
#school h3 { font-size:16px; padding-bottom:10px; margin-bottom:10px; background:url(../img/ttl_line_w.gif) no-repeat 50% 100%; background-size:30px 2px; }
#school h3 span { font-size:14px; margin-bottom:-25px; }
#school h4 { font-size:18px; margin-bottom:20px; }
#school h5 { margin-top:20px; }
#school p.ttl { margin-left:20px; margin-right:20px; }
#school p.btn { overflow:hidden; width:100%; height:0; padding-top:60px; margin-top:-40px; }
#school p.btn_open_sch { background:url(../img/icon_tg_open.png) no-repeat 50% 0; background-size:60px 49px; }
#school p.btn_close_sch { background:url(../img/icon_tg_close.png) no-repeat 50% 0; background-size:60px 49px; }
#school .box_open_sch { color:#333; background-color:#fff; padding:10px; display:none; }
#school .box_open_sch div { border-bottom:2px solid #e84720; padding-bottom:10px; margin-bottom:10px; }
#school .box_open_sch div img:nth-child(1) { width:60%; margin:0 auto 10px; }
#school .box_open_sch a { background-size:7px 11px; margin-bottom:60px; }
#school .btn_pagetop { display:none; }
#school .btn_pagetop.col_w { display:block; }

/* workshop
--------------------------------------------------------------------------------*/
#workshop { color:#fff; background-color:#e84720; }
#workshop h3 { font-size:16px; padding-bottom:10px; margin-bottom:10px; background:url(../img/ttl_line_w.gif) no-repeat 50% 100%; background-size:30px 2px; }
#workshop h3 span { font-size:14px; margin-bottom:-25px; }
#workshop h4 { font-size:18px; margin-bottom:20px; }
#workshop h5 { margin-top:20px; }
#workshop p.ttl { margin-left:20px; margin-right:20px; }
#workshop p.btn { overflow:hidden; width:100%; height:0; padding-top:60px; margin-top:-40px; }
#workshop p.btn_open_ws { background:url(../img/icon_tg_open.png) no-repeat 50% 0; background-size:60px 49px; }
#workshop p.btn_close_ws { background:url(../img/icon_tg_close.png) no-repeat 50% 0; background-size:60px 49px; }
#workshop .box_open_ws { color:#333; background-color:#fff; padding:10px; display:none; }
#workshop .box_open_ws div { border-bottom:2px solid #e84720; padding-bottom:10px; margin-bottom:10px; }
#workshop .box_open_ws div img:nth-child(1) { display:none; }
#workshop .box_open_ws a { background-size:7px 11px; margin-bottom:60px; }
#workshop .btn_pagetop { display:none; }
#workshop .btn_pagetop.col_w { display:block; }

/* cafe
--------------------------------------------------------------------------------*/
#cafe h2 span { width:66px; height:52px; background-size:66px 52px; top:-10px; left:20px; }
#cafe p { margin-left:5px; }
#cafe .box_fl { margin:40px 10px 0; padding:20px 0; border:2px solid #939192; border-left:none; border-right:none; }
#cafe .box_fl div:nth-of-type(1) { display:none; }
#cafe .box_fl div:nth-of-type(2) p { margin-bottom:10px; }
#cafe .box_fl div:nth-of-type(2) p br:nth-child(1) { display:none; }
#cafe .box_fl div:nth-of-type(2) img:nth-of-type(1) { width:80px; margin:0 auto 20px; }
#cafe .box_fl div:nth-of-type(2) img:nth-of-type(2) { display:none; }

/* attention
--------------------------------------------------------------------------------*/
#attention .wrap div { padding:20px; margin:0 10px; }
#attention h4 { font-size:17px; }
#attention p { font-size:14px; margin-top:10px; margin-left:5spx; }

/* access
--------------------------------------------------------------------------------*/
#access h2 span { width:72px; height:40px; background-size:70px 40px; top:-10px; left:20px; }
#access h3 { font-size:16px; margin:25px 10px 0; }
#access p { font-size:15px; margin:0 5px 0 15px; line-height:160%; }

/* archive
--------------------------------------------------------------------------------*/
#archive { background-size:798px 49px; }
#archive .slider { width:90%; margin:0 auto; }

/* notes
--------------------------------------------------------------------------------*/
#notes { margin-top:20px; background-color:#e84720; }
#notes h2 { margin:0 10px 20px; }
#notes .set_mb { margin-bottom:20px; }
#notes .box_att { margin:0 5px; padding:10px; }

/* data
--------------------------------------------------------------------------------*/
#data { background:url(../img/bg_data_sp.jpg) no-repeat 50% 40px; background-size:300px 265px; text-align:center; }
#data .wrap { margin:0 10px; }

.sns_top { display:none; }

}


/*================================================================================
	clearfix
================================================================================*/
#school .box_open_sch div:after,
#archive ul:after,
.twitter_area:after,
.twitter_area dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* clearfix for ie7 */
#school .box_open_sch div,
#archive ul,
.twitter_area,
.twitter_area dl {
	display: inline-block;
}
#school .box_open_sch div,
#archive ul,
.twitter_area,
.twitter_area dl {
	display: block;
}

@media screen and (min-width: 641px) { .twitter_area { display:none; } }