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

/*-------------------------
　▼共有
-------------------------*/
* {
	margin: 0;
	padding: 0;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
body {
	background: #fff;
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
	text-align: left;
	line-height: 1.5em;
	color: #4d4d4d;
}
::selection {
	background: #f9bbd9;
}
.inner {
	width: 960px;
	margin: 0 auto;
}
a {
	text-decoration: none;
}
a:hover {
	filter: alpha(opacity=80);
	opacity: 0.7;
}
ul {
	-webkit-padding-start: 0 !important;
}
ul, li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
}
p {
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
/* H
-------------------------*/
h1 img {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
h2 {
	text-align: left;
	color: #c971ca;
}
h4 {
	font-size: 18px;
	color: #ff5ba4;
}
/* Table
-------------------------*/
table {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
th {
	padding: 8px 0;
	vertical-align: top;
	color: #999999;
}
td {
	padding: 8px;
	vertical-align: top;
}
/* Mv
-------------------------*/
#mv {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
	border-top: 30px solid #ffff67;
	background-image: url(../images/bg_anicon.png);
	background-size: cover;
	background-position: center;
}
#mv img {
	vertical-align: bottom;
}
/* Nav
-------------------------*/
nav {
	width: 100%;
	background: #a7d8ff;
	border-bottom: 1px solid #fff;
}
nav ul {
	width: 100%;
	display: table;
	text-align: center;
	background: #4fb1ff;
	border-bottom: 1px solid #fff;
}
nav li {
	display: table-cell;
	vertical-align: middle;
	border-right: 3px solid #fff;
}
nav li a {
	display: block;
	padding: 14px 0;
	font-weight: bold;
	color: #fff;
}
nav li:first-child {
	border-left: 3px solid #fff;
}
.fixed/*Nav固定*/ {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 50000;
}
/* Footer
-------------------------*/
footer {
	background: #000000;
	margin: o auto;
	padding: 20px 0;
}
footer p {
	text-align: center;
	font-size: 14px;
	color: #4fb1ff;
}
footer p a {
	color: #4fb1ff;
}
/* Loopslider
-------------------------*/
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#loopslider ul {
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 200px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
/*-------------------------
    ClearFixElements
-------------------------*/
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#loopslider ul {
	display: inline-block;
	overflow: hidden;
}
/* Section
-------------------------*/
section {
	margin: 0 auto;
	padding: 50px 0;
}
.title1 {
	margin: -50px 0 50px 0;
	padding: 50px 0 0 0;
	border-radius: 0 0 100% 100% / 70%;
	text-align: center;
}
.title1 img {
	margin: 0 0 -5% 0;
	max-width: 650px;
}
.shadow_box {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 4px 5px 0px 3px #333333;
	-webkit-box-shadow: 4px 5px 0px 3px #333333;
	box-shadow: 4px 5px 0px 3px #333333;
	border: 2px solid #cccccc;
}
.shadow_box_m {
	margin: 30px;
}
/* Section News
-------------------------*/
.news_box h2 {
	margin: 0 0 16px 0;
}
.news_box a {
	color: #4d4d4d;
	text-decoration: underline;
}
.new {
	color: #ff5ba4;
	font-weight: bold;
}
/* Section About
-------------------------*/
.about_box .ill1 {
	background-image: url(../images/ill_anicon1.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.about_box_sub1 p {
	max-width: 600px;
	margin: 70px auto 30px;
	text-align: center;
	text-shadow: 1px 2px 0 #fff;
	line-height: 2.0em;
	font-weight: bold;
}
.about_box_sub2 img {
	max-width: 30px;
	padding: 0 4px 0 0;
	vertical-align: middle;
}
.about_box_sub2 ul li {
	vertical-align: middle;
	padding: 40px 0 0 0;
}
.about_box_sub2 ul li:first-child {
	padding: 26px 0 0 0;
}
.about_box_collabo {
	margin: 20px auto;
	text-align: center;
}
.about_box_collabo .shadow_box_m h2 {
	color: #009245;
	text-align: justify;
	text-justify: inter-ideograph;
}
.about_box_collabo .shadow_box_m img {
	max-width: 600px;
}
.about_box_collabo .shadow_box_m .link_collabo a {
	color:  #ff5ba4;
	text-decoration: underline;
	font-weight: bold;
}
.about_box_collabo .shadow_box_m a {
	color:  #888888;
	text-decoration: underline;
}
.emphasis {
	font-size: 180%;
	color: #ff5ba4;
}
/* Section Point
-------------------------*/
.point_box_sub {
	width: 48%;
	margin: 30px 0 0 0;
}
.point_box_sub img {
	margin: 14px 0 6px 0;
}
.point_no img {
	margin: -40px 0 0 0;
	max-width: 200px;
}
/* Section Point
-------------------------*/
.point_box_sub {
	width: 48%;
	margin: 30px 0 0 0;
}
.point_box_sub img {
	margin: 14px 0 6px 0;
}
.point_no img {
	margin: -40px 0 0 0;
	max-width: 200px;
}
/* Section Collabo
-------------------------*/
.collabo_box .ill2 {
	background-image: url(../images/ill_anicon2.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/* Section Voice
-------------------------*/
.voice_box_sub {
	width: 48%;
	margin: 30px 0 0 0;
}
/* Section Tie up
-------------------------*/
.tieup_box {
	margin: 0 auto;
	text-align: center;
}
.tieup_box .shadow_box_m img {
	max-width: 300px;
	margin: 0 0 8px 0;
}
/* Logo
-------------------------*/
.logo ul {
	width: 450px;
	margin: 20px auto;
	display: table;
	text-align: center;
}
.logo li {
	display: table-cell;
	vertical-align: middle;
}
.logo img {
	max-width: 200px;
}
/*-------------------------
　Btn
-------------------------*/
.btn_box {
	margin: 20px auto 26px;
	text-align: center;
	display: table;
}
.btn_box_line5 {
	width: 84%;
	margin: 0 auto;
	text-align: center;
}
.btn_box_line3 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.btn_box a {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	letter-spacing: 1px;
	display: block;
}
.btn_box_buy1 {
	min-width: 120px;
	margin: 6px 4px;
	padding: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	border-radius: 10px;        /* CSS3草案 */
}
.btn_place {
	font-weight: bold;
	font-size: 160%;
	margin-top: 7px;
}
.btn_date {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.2;
}
/* Btn color
	-------------------------*/
.btn_buy_bg1 {
	background: -moz-linear-gradient(left top, #ff5ba4, #ff5ba4 25%, #fc51a3 25%, #fc51a3 50%, #ff5ba4 50%, #ff5ba4 75%, #fc51a3 75%, #fc51a3);
	background: -webkit-linear-gradient(left top, #ff5ba4, #ff5ba4 25%, #fc51a3 25%, #fc51a3 50%, #ff5ba4 50%, #ff5ba4 75%, #fc51a3 75%, #fc51a3);
	background: linear-gradient(left top, #ff5ba4, #ff5ba4 25%, #fc51a3 25%, #fc51a3 50%, #ff5ba4 50%, #ff5ba4 75%, #fc51a3 75%, #fc51a3);
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	box-shadow: 0 6px 0 rgba(224,5,110,1);
}
.btn_buy_bg1:hover {
	position: relative;
	top: 2px;
	left: 0px;
	box-shadow: 0 4px 0 rgba(224,5,110,1);
}
.btn_buy_bg2 {
	background: -moz-linear-gradient(left top, #ffa969, #ffa969 25%, #fc9f60 25%, #fc9f60 50%, #ffa969 50%, #ffa969 75%, #fc9f60 75%, #fc9f60);
	background: -webkit-linear-gradient(left top, #ffa969, #ffa969 25%, #fc9f60 25%, #fc9f60 50%, #ffa969 50%, #ffa969 75%, #fc9f60 75%, #fc9f60);
	background: linear-gradient(left top, #ffa969, #ffa969 25%, #fc9f60 25%, #fc9f60 50%, #ffa969 50%, #ffa969 75%, #fc9f60 75%, #fc9f60);
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	box-shadow: 0 6px 0 rgba(249,111,18,1);
}
.btn_buy_bg2:hover {
	position: relative;
	top: 2px;
	left: 0px;
	box-shadow: 0 4px 0 rgba(249,111,18,1);
}
.btn_buy_bg3 {
	background: -moz-linear-gradient(left top, #49b776, #3cb371 25%, #49b776 25%, #49b776 50%, #3cb371 50%, #3cb371 75%, #49b776 75%, #49b776);
	background: -webkit-linear-gradient(left top, #3cb371, #3cb371 25%, #49b776 25%, #49b776 50%, #3cb371 50%, #3cb371 75%, #49b776 75%, #49b776);
	background: linear-gradient(left top, #3cb371, #3cb371 25%, #49b776 25%, #49b776 50%, #3cb371 50%, #3cb371 75%, #49b776 75%, #49b776);
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	box-shadow: 0 6px 0 rgba(40,107,67,1);
}
.btn_buy_bg3:hover {
	position: relative;
	top: 2px;
	left: 0px;
	box-shadow: 0 4px 0 rgba(40,107,67,1);
}
#page-top {
	width: 15%;
	max-width: 100px;
	position: fixed;
	right: 0;
	bottom: 0;
}
/*-------------------------
　SNS
-------------------------*/
.social {
	margin-top: 5px;
	margin: 5px 0px 0px;
	margin: 45px 0px 0px;
	text-align: center;
}
.social li {
	display: inline-block;
}
.fb-like {
	top: 1px;
	width: 111px !important;
	height: 25px !important;
	overflow: hidden !important;
}
.fb-like-box {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-top: 6px;
	margin-bottom: 15px;
	text-align: center;
}
.fb-like-box iframe {
	overflow: hidden;
	background: #fff;
	margin-top: 6px;
	margin-bottom: 15px;
	text-align: center;
}
.twitter-timeline {
	width: 100%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 15px;
}
/*-------------------------
  汎用
-------------------------*/
.display_pc_non {/*PC非表示*/
	display: none;
}
.display_sp_non {/*SP非表示*/
	display: block;
}
/* Float
-------------------------*/
.float_left {
	float: left;
}
.float_right {
	float: right;
}
/* BGcolor
-------------------------*/
.bg_w {
	background: #fff;
}
.bg_dot1 {
	background: url(../images/bg_dot1.png) repeat;
}
.bg_stripe1 {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-color: #b9e0ff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #d0eafc), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #d0eafc), color-stop(.75, #d0eafc), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #d0eafc 25%, transparent 25%, transparent 50%, #d0eafc 50%, #d0eafc 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #d0eafc 25%, transparent 25%, transparent 50%, #d0eafc 50%, #d0eafc 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #d0eafc 25%, transparent 25%, transparent 50%, #d0eafc 50%, #d0eafc 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #d0eafc 25%, transparent 25%, transparent 50%, #d0eafc 50%, #d0eafc 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #d0eafc 25%, transparent 25%, transparent 50%, #d0eafc 50%, #d0eafc 75%, transparent 75%, transparent);
}
.bg_stripe2 {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-color: #ffffb3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fffed4), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fffed4), color-stop(.75, #fffed4), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #fffed4 25%, transparent 25%, transparent 50%, #fffed4 50%, #fffed4 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #fffed4 25%, transparent 25%, transparent 50%, #fffed4 50%, #fffed4 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #fffed4 25%, transparent 25%, transparent 50%, #fffed4 50%, #fffed4 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #fffed4 25%, transparent 25%, transparent 50%, #fffed4 50%, #fffed4 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #fffed4 25%, transparent 25%, transparent 50%, #fffed4 50%, #fffed4 75%, transparent 75%, transparent);
}

/*-------------------------
　▼レスポンシブ
-------------------------*/
@media only screen and (max-width : 900px ) {
/*Contents
-------------------------*/
#container {
	width: 100%;
}
.inner {
	width: 90%;
}
img {
	max-width: 100%;
}
}

@media only screen and (max-width:770px) {
/* H
-------------------------*/
h3 {
	font-size: 16px;
}
/* Table
-------------------------*/
table {
	margin-bottom: 10px;
}
th {
	width: 28%;
	padding: 10px 0 0 0;
	font-size: 11px;
}
td {
	padding: 10px 0 0 4px;
	text-align: justify;
}
/* Loopslider
-------------------------*/
#loopslider {
	height: 100px;
}
#loopslider ul {
	height: 100px;
}
#loopslider ul li {
	width: 100px;
	height: 100px;
}
/* Section About
-------------------------*/
.about_box .ill1 {
	background: #fff;
}
/* Section Point
-------------------------*/
.point_box_sub {
	width: 100%;
}
.point_no img {
	margin: -30px 0 0 0;
	width: 160px;
}
/* Section Collabo
-------------------------*/
.collabo_box .ill2 {
	background: #fff;
}
/* Logo
-------------------------*/
.logo ul {
	width: 300px;
}
.logo img {
	width: 90%;
}
/* 汎用
-------------------------*/
.display_pc_non {/*PC非表示*/
	display: block;
}
.display_sp_non {/*SP非表示*/
	display: none;
}
.float_sp_non {
	width: 100%;
	float: none;
}
/*-------------------------
　Btn
-------------------------*/
.btn_box_buy1 {
	min-width: 80px;
	margin: 6px 4px;
	padding: 10px;
}
.btn_place {
	font-size: 140%;
	margin-top: 4px;
}
.btn_date {
	font-size: 13px;
	line-height: 1.2;
}
}

@media only screen and (max-width : 480px ) {
body {
	font-size: 13px;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
.inner_non {
	width: 100%;
}
.bg_dot1 {
	background: url(../images/bg_dot2.png) repeat;
}
/* Mv
-------------------------*/
#mv {
	padding: 20px 0;
	border-top: 14px solid #ffff67;
}
/* Nav
-------------------------*/
nav {
	font-size: 12px;
}
nav li {
	border-right: 2px solid #fff;
}
nav li:first-child {
	border-left: 2px solid #fff;
}
nav li a {
	padding: 13px 0 10px 0;
	line-height: 1.3em;
}
/* H
-------------------------*/
h4 {
	font-size: 14px;
}
/*Footer
-------------------------*/
footer p {
	font-size: 11px;
	line-height: 1.4em;
}
/*-------------------------
　Btn
-------------------------*/
.btn_box {
	margin: 16px auto 20px;
}
.btn_box_buy1 {
	min-width: 50px;
	margin: 5px 1px;
	padding: 4px 0;
}
.btn_place {
	font-size: 110%;
}
.btn_date {
	font-size: 10px;
	line-height: 1.2;
}
/* Btn color
-------------------------*/
.btn_buy_bg1 {
	box-shadow: 0 4px 0 rgba(224,5,110,1);
}
.btn_buy_bg1:hover {
	box-shadow: 0 2px 0 rgba(224,5,110,1);
}
.btn_buy_bg2 {
	box-shadow: 0 4px 0 rgba(249,111,18,1);
}
.btn_buy_bg2:hover {
	box-shadow: 0 2px 0 rgba(249,111,18,1);
}
.btn_buy_bg3 {
	box-shadow: 0 4px 0 rgba(40,107,67,1);
}
.btn_buy_bg3:hover {
	box-shadow: 0 2px 0 rgba(40,107,67,1);
}
/* Section
-------------------------*/
section {
	margin: 0 auto;
	padding: 30px 0;
}
.title1 {
	margin: -30px 0 30px 0;
	padding: 10px 0 0 0;
}
.shadow_box {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 0px 3px #333333;
	-webkit-box-shadow: 3px 3px 0px 3px #333333;
	box-shadow: 3px 3px 0px 3px #333333;
}
.shadow_box_m {
	margin: 16px;
}
/* Section News
-------------------------*/
.news_box h2 {
	margin: 0;
}
/* Section About
-------------------------*/
.about_box_sub1 p {
	margin: 30px auto 10px;
}
.about_box_sub2 img {
	width: 22px;
	padding: 0;
}
.about_box_sub2 ul li {
	padding: 10px 0 0 0;
}
.about_box_sub2 ul li:first-child {
	padding: 20px 0 0 0;
}
.emphasis {
	font-size: 104%;
	font-weight: bold;
}
/* Section Voice
-------------------------*/
.voice_box_sub {
	margin: 10px 0 0 0;
}
/* Section Tie up
-------------------------*/
.tieup_box .shadow_box_m img {
	width: 200px;
}
}