@charset "UTF-8";

html {
  font-size: 62.5%;
}

body{
	font-size: 1.4rem;
  font-family: 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', sans-serif;
  font-weight: 500;
  margin: 0;
}

.logo {
	margin: 25px 0 30px 20px;
}

.logo img {
	height: 35px;
}

.head {
	background-color: #eee;
}

.head h1 {
  font-size: 2.4rem;
  margin: 0 0 0 80px;
  padding: 4px 0;
}

.head img {
	margin-left: 80px;
}

.maincontent {
	width: 900px;
	margin-left: 100px;
}

.maincontent h2 {
	font-size: 1.6rem;
	margin: 30px 0 0 0;
}

.item1 {
	margin: 20px 0;
}

.item2 {
	margin: 0 0 20px 0;
}

.content {
	margin: 40px 0 25px 0;
}

h3 {
	font-size: 1.6rem;
	font-weight:normal;
	float:left;
}

.comment {
	margin-top: 6px;
}

.content div.period {
	float:left;
}

.period p.date {
	color:#c00;
	font-size: 1.6rem;
}

.attention {
	width: 800px;
	margin: 50px 0 40px 0;
	border: 1px solid #c00;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

.attention__comment {
  margin: 30px 0;
}

.attention__comment_mb {
  display: none;
}

.attention h4 {
	color: #cc0000;
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	background-image: url("../images/icon_red.png");
	background-repeat: no-repeat;
  background-position: 0px 2px;
}

.attention p {
	width: 750px;
	margin:	10px 0 30px 50px;
}

.company {
	margin-bottom: 30px;
}

footer {
	border-top: 1px solid #ccc;
	margin-top: 30px;
}

footer p {
	width: 900px;
	padding: 15px 0 0 20px;
}

.sp_close {
  display: none;
}



@media screen and (max-width: 480px) {
  body {
    font-size: 1.5rem;
  }
  .logo {
    margin: 10px 0 10px 2%;
  }

  .head h1 {
    margin: 0 0 0 2%;
    font-size: 1.8rem;
  }

  .maincontent {
    width: 96%;
    margin: 0 auto;
  }

  .maincontent h2 {
    margin: 20px 0 0 0;
}

  .maincontent .content {
  margin: 20px 0;
}

  .content h3 {
    float: none;
    font-size: 0;
  }

  .content h3::before {
    content: '■休業期間';
    font-size: 1.5rem;
  }

  .content .period {
    float: none;
    margin: 0 0 0 1em;
  }

  .content .period p.date {
    font-size: 1.6rem;
  }

  .maincontent img {
    display: none;
  }

  .attention {
    width: 100%;
    margin: 0 auto 20px auto;
  }

  .attention__comment {
    display: none;
}

.attention__comment_mb {
  display: block;
  margin: 10px 12px;
}

  .attention__comment_mb h4 {
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 1.4rem;
    background-size: 12px;
  }

  .attention__comment_mb p {
    width: 90%;
    margin: 10px auto;
    line-height: 1.8;
  }

  footer {
  	border-top: 1px solid #ccc;
  	margin: 30px 0;
  }

  footer p {
  	width: 98%;
  	padding: 15px 0 0 2%;
  }

  .close {
    display: none;
  }

  .sp_close {
    display: block;
  }
}