/*
Theme Name:
Theme URI:
Description:
Version:
Author:
Author URI:
*/

@font-face {
	font-family: "OpenSans";
  src: url(font/OpenSans-Regular.eot) format("eot"), url(font/OpenSans-Regular.woff) format("woff");
}
body {
	margin: 0;
	padding: 0;
	font-family:  'OpenSans', 'Noto Sans Japanese', メイリオ, Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif , "ＭＳ Ｐゴシック";
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}
.sp {
	font-size: 150%;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
img {
	vertical-align: bottom;
  border: 0;
  width: 100%;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	opacity: 0.7;
}
section {
	overflow: hidden;
}
.inner {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
header {
	background: #000;
	color: #fff;
	font-size: 90%;
	overflow: hidden;
	padding: 8px 0;
}
header .left {
	float: left;
	width: auto;
}
header .right {
	float: right;
	width: auto;
}
header .right img {
	vertical-align: baseline;
	margin: 0 0 0 30px;
}
.main-bg {
	height: 614px;
	background: url(images/2019yumepass/main01.jpg) no-repeat;
	background-position: 50% 0;
	overflow: hidden;
}
.main-bg .ptn-msg {
	text-align: center;
  color: #fff;
  width: 850px;
  background: #df5d0f;
  padding: 9px 0 9px 0;
  border-radius: 15px;
	font-size: 110%;
	box-shadow:0px 3px 1px 0px rgba(55,55,55, 0.1);
}
.sp .main-bg .ptn-msg {
	font-size: 80%;
}
.ttl {
	background: linear-gradient(#e26a21 50%, #df5d05 50%);
	text-align: center;
	margin: 0;
	padding: 5px 0;
	color: #fff;
	font-size: 160%;
	font-weight: 600;
}
.ttl02 {
	display: flex;
  align-items: center;
  text-align: center;
	color: #df5d0f;
	font-weight: 500;
	font-size: 140%;
	margin: 0;
}
.ttl02:before,
.ttl02:after {
    border-top: 2px solid #df5d0f;
    content: "";
    display: inline;
    flex-grow: 1;
}
.ttl02:before {
    margin: 0 20px 0 0;
}
.ttl02:after {
    margin: 0 0 0 20px;
}
.cont01 {
	margin: 0 0 10px 0;
}
.cont01 .txt {
	margin: 2em 0 ;
	text-align: center;
}
.cont01 .txt span {
	display: block;
	font-size: 150%;
	font-weight: 500;
	margin: 0 0 1em 0;
}
.cont02 {
	margin: 0 0 120px 0;
}
.cont02 .ptn {
	margin: 35px auto 0;
}
.main-bg .ptn {
  margin: 330px auto 15px;
  display: flex;
}
.main-bg .ptn li,
.cont02 .ptn li {
	float: left;
	width: 220px;
	/* height: 130px; */
	/*margin: 0 10px 12.5px 0;*/
}
.main-bg .ptn li {
	padding: 0 2.5px;
	/* margin: 0 12.5px 12.5px 0; */
}
.sp .main-bg .ptn li,
.sp .cont02 .ptn li {
	/* height: 125px; */
}
.main-bg .ptn li:nth-child(4n+5),
.cont02 .ptn li:nth-child(4n+5) {
	/* margin: 0 0 12.5px 0; */
}
.cont02 .ptn li span {
	margin: 3px 0 0 0;
	display: block;
}
.main-bg .ptn li span {
	/* margin: 3px 0 0 0;
	display: block;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
  height: 48px;
  font-size: 96%; */
}
.sp .main-bg .ptn li span {
	/* height: 42px; */
}
.main-bg .ptn li span {
	height: 64px;
	background: rgba(255,255,255,.5);
	font-size: 14px;
	text-align: center;
	margin: 3px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp .main-bg .ptn li span,
.sp .cont02 .ptn li span {
	/* font-size: 64%; */
	/* line-height: 1.2; */
}
.cont03 {
	margin: 0 0 150px 0;
}
.cont03 img {
	display: block;
	margin: 0 auto;
}
.cont03 .link {
	display: block;
	text-align: center;
	color: #fff;
  width: 80%;
  margin: 5% auto;
	background: #df5d0f;
	padding: 5px 0;
	border-radius: 15px;
	font-size: 160%;
	font-weight: 600;
}
.cont03 .link .day {
	font-size: 80%;
	margin: 0 0 0 30px;
}
.cont03 .about_table{
  border-collapse: collapse;
  border: solid 4px #df5d0f;
  width: 852px;
  margin: 0 auto;
}
.cont03 .about_table td{
  border-top: solid 1px #df5d0f;
  border-bottom: solid 1px #df5d0f;
  padding: 2%;
}
.cont03 .about_table td:first-child{
  width: 20%;
  background-color: #ffecdb;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}
.cont03 .about_table td .bold{
  font-weight: bold;
  display: inline-block;
  margin: 1% 0;
}
.cont03 .about_table .title{
  padding: 1% 0;
  text-align: center;
  background-color: #df5d0f!important;
  font-size:1.5em!important;
  color: #fff;
}
.sp .cont03 .link {
	font-size: 110%;
}
.sp .cont03 .link .arw {
	vertical-align: top;
}