@charset "utf-8";

h3 {text-align:center; font-size:40rem; margin:30rem 0;}

.util_wrap {background:#fff; border-radius:10rem; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.07); padding:10rem;}
.util_wrap::after {content:''; display:table; clear:both; }
.location { float:left; margin:10rem 0 0 10rem; }
.location a { position:relative; display:block; float:left; color:#555;  padding-left:40rem; }
.location a::before { content:''; position:absolute; left:17rem; top:10rem; width:5rem; height:5rem; border-top:2px solid #ccc; border-right:2px solid #ccc; transform:rotate(45deg); }
.location a.home {padding-left:0; width:22rem; text-indent:-99999px; }
.location a.home::before {display:none;}
.location a.home::after { content:'H'; position:absolute; left:0; top:0;  width:30rem; height:30rem; line-height:30rem; font-weight:800; color:#fff; font-size:14rem; background:var(--blue); text-indent:0; text-align:center; border-radius:5rem; }
.util { float:right;}
.util li { position:relative; float:left; }
.util li a { position:relative; display:block; width:40rem; height:40rem; margin:5rem; background:#f1f1f1; border-radius:10rem; text-indent:-99999px; }
.util li a::before {content:''; position:absolute; left:50%; top:50%; width:25rem; height:25rem; background:url('/design/icevalley/img/sub/util.png') no-repeat 64% 0/400% auto; transform:var(--center); }
.util li.print a::before {background-position:100% 0; }
.util div { display:none; position:absolute; left:0; top:45rem; }
.util div a::before { background:url('/design/icevalley/img/sub/share_sns.png') no-repeat 33.33% 0/400% auto; }
.util div a.twitter::before {background-position:66.66% 0; }
.util div a.band::before {background-position:100% 0; }

#content { min-height:100rem; margin-top:40rem;}

.sub_tab{border: 1px solid #e6e6e6; padding:12rem 30rem; margin-bottom: 60rem; border-radius: 10rem;}
.sub_tab ul li{display: inline-block; margin-right: 20rem; padding-right: 20rem; position: relative;}
.sub_tab ul li.on a{font-weight: 700;}
.sub_tab ul li.on a span{border-bottom: 1px solid;}
.sub_tab ul li::before{position: absolute; content: ""; width: 1px; height: 9px; right: 0; top: 50%; transform: translateY(-50%); background: #b2b2b2;}
.sub_tab ul li:last-child::before{display: none;}

.sub_tab ul li a{display: block;}