@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
	display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
.sp{
	display: none;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
	width: 100%;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

hr{
	display: none;
}

html {
	width: 100%;
	background: #f2f2f2;
	overflow-y: scroll;
}
body {
	width: 100%;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(../images/common/bg_base.jpg) center top repeat;
	background-attachment: fixed;
}
.wrapper {
	width: 100%;
}

/* common */
#bg {
	position: relative;
	width: 100%;
}
#lovl {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	background: url(../images/common/bg_base.jpg) center top repeat #cedd65;
	background-attachment: fixed;
	background-size: 100% auto;
}
#loadimg {
	position: absolute;
	width: 117px;
	height: 140px;
	left: 50%;
	top: 50%;
	margin-left: -58px;
	margin-top: -70px;
	animation: run 0.7s steps(18,end) infinite;
	background: url(../images/top/nobita_run.png) no-repeat;
}
#lovl p{
	position: absolute;
	width: 300px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: 70px;
	text-align:center;
	font-size:14px;
	color: #5a330a;
}
@keyframes run {
  to {
    background-position:-2106px;
  }
}
@-webkit-keyframes run {
  to {
    -webkit-background-position:-2106px;
  }
}

.contents{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#contsHeader{
	margin: 0 auto;
	position: relative;
	background: #FFF;
}
#contsHeader h1{
	width: 39.9479%;
	left: 0;
	margin-left: 32.34%;
	bottom: 36.7112%;
	position: absolute;
	z-index: 500;
}
#contsHeader p{
	position: absolute;
	z-index: 500;
}
#contsHeader p:nth-of-type(1){
	width:7.7083%;
	top: 0;
	right: 0;
}
#contsHeader p:nth-of-type(2){
	width:19.8437%;
	top: 1.2323%;
	right: 8.3854%;
}
#contsHeader p:nth-of-type(3){
	width:17.1875%;
	top: 0.8802%;
	right: 26.9791%;
}
#contsHeader p:nth-of-type(4){
	width:51.5625%;
	bottom: 25.01%;
	left: 24.01%;
}
#contsHeader p:nth-of-type(5){
	width:42.29%;
	bottom: 16.9492%;
	left: 28.802%;
}
/*#contsHeader p:nth-of-type(5){
	width:13.02%;
	bottom: 29%;
	left: 15%;
	box-shadow: 0 0 15px #FFF;
	border:solid 4px #FFF;
	border-radius: 5px;
	background:#FFF;
}
#contsHeader p:nth-of-type(5) img{
	border-radius: 5px;
}
#contsHeader p:nth-of-type(5):hover{
	opacity: 0.8;
	\zoom: 1;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}*/
#contsHeader ol{
	width: 51.4062%;/*987px*/
	left: 50%;
	margin-left: -25.7031%;
	bottom: 0.9964%;
	position: absolute;
	z-index: 500;
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#contsHeader ol li:nth-of-type(1){
	width: 55.42046%;
	padding-top:0.4026%;
}
#contsHeader ol li:nth-of-type(3){
	width: 55.72449%;
}
#contsHeader ol li:nth-of-type(2),
#contsHeader ol li:nth-of-type(4){
	width: 44.4782%;
	margin-left: -0.2057%;
}
#contsHeader ol li:nth-of-type(4){
	margin-top: 0.7057%;
}

#contsMain{
	background: url("../images/common/bg_01.png") center top repeat-x;
	width: 100%;
	margin-top: -50px;
	position: relative;
	z-index: 400;
}

.mainArea{
	width: 960px;
	margin: 0 auto;
}

#hatsubaibi h2{
	width: 85.625%;
	margin-left: 8.9583%;
	padding-top: 3.062%;
}
#hatsubaibi ul{
	width: 103.2291%;/*991*/
	margin-left: -1.875%;
	padding-top: 3.062%;
	-webkit-display: flex;
	display: flex;
}
#hatsubaibi ul li{
	list-style: none;
}
#hatsubaibi ul li:nth-of-type(1){
	width: 52.3713%;
}
#hatsubaibi ul li:nth-of-type(2){
	width: 50.7568%;
	margin-left: -3.1281%;
}

#topnav{
	width: 98.9583%;/*950px*/
	margin-top: 5%;
	margin-bottom: 3.2291%;
	margin-left: 1.1458%;
}
#topnav ul{
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#topnav ul li{
	width: 24.8421%;
	margin-bottom: 1.1578%;
	font-size: 0;
	position: relative;
}
#topnav ul li:nth-of-type(1){
	background: url("../images/top/gnav_01_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(2){
	background: url("../images/top/gnav_02_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(3){
	background: url("../images/top/gnav_03_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(4){
	background: url("../images/top/gnav_04_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(5){
	background: url("../images/top/gnav_05_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(6){
	background: url("../images/top/gnav_06_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(7){
	background: url("../images/top/gnav_07_ro.png") top left no-repeat;
}
#topnav ul li:nth-of-type(8){
	background: url("../images/top/gnav_08_ro.png") top left no-repeat;
}
#topnav ul li a{
	display: block;
	position: relative;
}
#topnav ul li a:hover img{
	opacity: 0;
	\zoom: 1;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
#topnav ul li a:hover:before{
	position: absolute;
	display: block;
	content: ' ';
	width: 9.7457%;
	background: url("../images/top/gnav_arrow.png") top left no-repeat;
	height: 38.0952%;
	top: 23.8095%;
	left: -1.6949%;
}
#topnav ul li a:hover:after{
	position: absolute;
	display: block;
	content: ' ';
}
#topnav ul li:nth-of-type(1) a:hover:after{
	width: 43.6440%;
	background: url("../images/top/gnav_ushi.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 25%;
}
#topnav ul li:nth-of-type(2) a:hover:after{
	width: 36.4406%;
	background: url("../images/top/gnav_hitsuji.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 28%;
}
#topnav ul li:nth-of-type(3) a:hover:after{
	width: 32.6271%;
	background: url("../images/top/gnav_tori.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 33%;
}
#topnav ul li:nth-of-type(4) a:hover:after{
	width: 39.8305%;
	background: url("../images/top/gnav_uma.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 28%;
}
#topnav ul li:nth-of-type(5) a:hover:after{
	width: 38.0281%;
	background: url("../images/top/gnav_risu.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 33%;
}
#topnav ul li:nth-of-type(6) a:hover:after{
	width: 47.8813%;
	background: url("../images/top/gnav_cat.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 24%;
}
#topnav ul li:nth-of-type(7) a:hover:after{
	width: 30.5084%;
	background: url("../images/top/gnav_usagi.png") top left no-repeat;
	height: 85.7142%;
	top: -53.4285%;
	left: 33%;
}
#topnav ul li:nth-of-type(8) a:hover:after{
	width: 36.4406%;
	background: url("../images/top/gnav_dog.png") top left no-repeat;
	height: 85.7142%;
	top: -51.4285%;
	left: 28%;
}
#topnav ul li:hover ul.topsecond-level{
	position: absolute;
	display: block;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
	box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
	border-radius: 10px;
	width: 95% !important;
	z-index: 10000 !important;
	margin-bottom: 0;
	padding: 3% 0 0;
	left: 0;
}
#topnav ul li:hover ul.topsecond-level:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}

#topnav ul li:nth-of-type(3):hover ul.topsecond-level{
}
#topnav ul li:nth-of-type(7):hover ul.topsecond-level{
	width: 105% !important;
}
#topnav ul li:hover ul.topsecond-level li{
	font-size: 14px;
	background: none;
	color: #5a330a;
	width: 100% !important;
	margin-bottom: 3%;
}
#topnav ul li:hover ul.topsecond-level li a{
	color: #5a330a;
	text-decoration: none;
}
#topnav ul li:hover ul.topsecond-level li a:hover{
	text-decoration: underline;
}
#topnav ul li:hover ul.topsecond-level li a:hover:before{
	content: none;
	width: 0;
}
#topnav ul li:hover ul.topsecond-level li a:hover:after{
	content: none;
	width: 0;
}

.toparea1{
	background: url("../images/top/bg_01.png") top center repeat-x;
	background-size: 100% auto;
}
.toparea1 .mainArea{
	padding-bottom: 8.3333%;
}

.toparea1 h2{
	width: 94.0625%;
	margin-left: -0.625%;
	padding-top: 5.3125%;
}
.toparea1 h2+p{
	width: 79.6875%;
	margin-top: -1.9791%;
	margin-left: -1.7708%;
}
.toparea1 p.btn{
	width: 34.375%;
	margin-top: -7.0833%;
	margin-left: 1.0416%;
}
.toparea1-1{
	width: 98.75%;/*948px*/
	margin-left: 1.04166%;
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.toparea1-1 p:first-of-type{
	width: 39.9789%;/*948px*/
}
.toparea1-1 p:last-of-type{
	width: 60.232%;/*948px*/
}

.toparea2{
	background: url("../images/top/bg_02.png") top center repeat-x;
	background-size: 100% auto;
	margin-top: -7em;
}
.toparea2 .mainArea{
	padding-bottom: 5.3333%;
}
.toparea2-1{
	width: 100.8333%;/*968px*/
	padding-top:  5.3333%;
	margin-left: 1.35416%;
	-webkit-display: flex;
	display: flex;
}
.toparea2-1 h2{
	width: 40.3925%;
}
.toparea2-1 p{
	width: 60.5371%;
	margin-left: -0.9296%;
	padding-top: 0.7231%;
}
.toparea2-2{
	width: 107.2916%;/*1030px*/
	margin-top: -4.1666%;
	margin-left: -6.4583%;
	-webkit-display: flex;
	display: flex;
}
.toparea2-2 p:first-of-type{
	width: 53.0097%;
}
.toparea2-2 p:nth-of-type(2){
	width: 46.9902%;
	padding-top: 4.0776%;
}
.toparea2 p.btn{
	width: 34.375%;
	margin-top: -0.625%;
	margin-left: 65.10416%;
}

.toparea3{
	background: url("../images/top/bg_03.png") top center repeat-x;
	background-size: 100% auto;
	margin-top: -6em;
}
.toparea3 .mainArea{
	padding-bottom: 7.3333%;
	position: relative;
}
.toparea3-1{
	width: 103.85416%;/*997px*/
	padding-top:  8.3333%;
	margin-left: -1.14583%;
	-webkit-display: flex;
	display: flex;
	position: relative;
	z-index: 20;
}
.toparea3-1 h2{
	width: 50.1504%;
	padding-top: 0.8024%;
}
.toparea3-1 p{
	width: 49.8495%;
}
.toparea3-2{
	width: 111.4583%;/*1070px*/
	margin-top: -29.2708%;
	margin-left: -11.3541%;
	-webkit-display: flex;
	display: flex;
	position: relative;
	z-index: 0;
}
.toparea3-2 p:first-of-type{
	margin-top: -2.4%;
	width: 49.3457%;
}
.toparea3-2 p:nth-of-type(2){
	width: 53.5514%;
	padding-top: 27.3831%;
	margin-left: -2.9906%;
}
.toparea3-2 p:nth-of-type(3){
	width: 30.84112%;
}
.toparea3-3{
	width: 34.375%;/*330px*/
	position: relative;
	margin-top: -2%;
	margin-left: 53.6458%;
	z-index: 30;
}

.toparea4{
	background: url("../images/top/bg_04.png") top center repeat-x;
	background-size: 100% auto;
	margin-top: -6em;
}
.toparea4 .mainArea{
	padding-bottom: 5.3333%;
	position: relative;
}
.toparea4-1{
	width: 98.6458%;/*947px*/
	margin-left: 1.0416%;
	-webkit-display: flex;
	display: flex;
	padding-top:  8.3333%;
}
.toparea4-2{
	width: 55.9662%;/*530px*/
	margin-left: -1.14583%;
	position: relative;
	z-index: 20;
}
.toparea4-2 h2{
	width: 83.0188%;
	margin-bottom: 0.943%;
}
.toparea4-2 h2+p{
	width: 100%;
	margin-bottom: 0.943%;
}
.toparea4-2 p.btn{
	width: 62.2641%;
}
.toparea4-3{
	width: 43.6114%;/*413px*/
	padding-top: 0.9445%;
}
.toparea4-3 p{
	width: 100%;
}
.toparea4 p.toparea4txt{
	width: 103.6458%;
	margin-top: -2.0833%;
	margin-left: -1.4583%;
	position: relative;
	z-index: 0;
}

.toparea5{
	background: url("../images/top/bg_05.png") top center repeat-x;
	background-size: 100% auto;
	margin-top: -6em;
}
.toparea5 .mainArea{
	padding-bottom: 3.3333%;
	position: relative;
}
.toparea5-1{
	width: 105%;/*1008px*/
	margin-left: -2.6041%;
	padding-top: 3.5416%;
	-webkit-display: flex;
	display: flex;
}
.toparea5-1 h2{
	width: 47.3214%;
}
.toparea5-1 p{
	width: 49.6261%;
	padding-top: 2.6785%;
}
p.toparea5txt{
	width: 97.6041%;
	margin-top: -2.3958%;
	margin-left: 1.04166%;
}
.toparea5 p.btn{
	width: 34.375%;
	margin-top: -5.3958%;
	margin-left: 1.04166%;
}


.toparea6{
	background: url("../images/top/bg_07.png") top center repeat-x;
	background-size: 100% auto;
	margin-top: -3em;
	height: 3em;
	position: relative;
}

#movie .mainArea{
	position: relative;
}
#movie h2{
	width: 90.10%;
	padding-top: 3%;
	margin-left: 4.06%;
}
.moviekazari{
	position: relative;
	background: url("../images/top/movie_bg_03.png") top center no-repeat;
	background-size: 100% auto;
	margin-bottom: 8.3333%;
}
#movie p.suneo{
	width: 13.95%;
	position: absolute;
	top:4.2553%;
	right: 3.85%;
}
#movie p.takeshi{
	width: 25.41%;
	position: absolute;
	top:31.9148%;
	right: -0.41%;
}
#movie p.uma{
	width: 25.31%;
	position: absolute;
	top: 77.3936%;
	right: -3.33%;
}
#movie p.hitsuji{
	width: 15%;
	position: absolute;
	bottom: -26.8617%;
	right: 20.625%;
}
#movie p.shizuka{
	width: 12.18%;
	position: absolute;
	bottom: -16.4893%;
	left: 5.83%;
}
#movie div.movieMain{
	width: 66.25%;
	background: url(../images/top/movie_bg_02.png) center top no-repeat;
	background-size: 100% auto;
	position: relative;
	padding-top: 0.78%;
	padding-bottom: 1.04%;
	margin: -1.35% auto 0;
}
.movieMain p{
	width: 95.923%;
	margin-left: 2.35%;
	background: #855536;
	position: relative;
	text-align: center;
}
.movieMain p span{
	overflow: hidden;
	display: block;
}
.movieMain p:hover img.mvimg{
	opacity: 0.7;
	\zoom: 1;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transform: scale(1.3);
	transition-duration: 0.3s;
}
.movieMain p img.mvimg{
	width: 96.06%;
	padding-top: 2.45%;
	padding-bottom: 2.29%;
	transition-duration: 0.3s;
}
.movieMain p img.mvbtn{
	width: 100%;
	position: absolute;
	top:0%;
	left: 0%;
}

#news-twi{
	position: relative;
	margin-bottom: 4.47%;
}
#news-twi p.decoration_01{
	position: absolute;
	width: 27.39%;
	bottom: -2.29%;
	left: -22.08%;
}
#news-twi p.decoration_02{
	position: absolute;
	width: 26.97%;
	bottom: -4.32%;
	right: -26.14%;
}
#news-twi p.decoration_03{
	position: absolute;
	width: 10.52%;
	bottom: -1.52%;
	left: 48.02%;
}
#news-twi p.decoration_04{
	position: absolute;
	width: 10%;
	top: 23.15%;
	right: -0.2%;
}
#news{
	position: relative;
	width: 49.16%;
	background: url(../images/top/news_bg.png) left top no-repeat;
	background-size: 100% auto;
	float: right;
	margin-top: 0.93%;
	margin-left: -4.375%;
	margin-right: 2.70%;
}
#news h2{
	width: 58.47%;
	margin-left: 22.24%;
	padding-top: 6.77%;
	padding-bottom: 58.26%;
}
#news p{
	width: 24.78%;
	position: absolute;
	bottom: -0.89%;
	right: -6.14%;
}
#news dl{
	position: absolute;
	width: 66.52%;
	height:46.17%;
	top: 35.35%;
	left: 16.94%;
	overflow:auto;
}
#news dl dt{
	width: 38.21%;
	float:  left;
	font-size: 13px;
	line-height: 1.38;
	font-weight: bold;
	color: #be2205;
	display: block;
	clear: both;
	padding-top: 5.85%;
}
#news dl dd{
	width: 61.79%;
	float:  right;
	font-size: 13px;
	line-height: 1.38;
	font-weight: bold;
	display: block;
	position: relative;
	padding-top: 5.85%;
	padding-bottom: 3.85%;
}
#news dl dd:after{
	content: ' ';
	width: 161.85%;
	padding-top: 10.6%;
	padding-bottom: 3.85%;
	background: url(../images/top/news_border_01.png) left top no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: -61.85%;
}
#news dl dt:first-of-type,
#news dl dd:first-of-type{
	padding-top: 0;
}
#news dl dd:first-of-type:after{
	padding-top: 0;
	background: none !important;
}

#twitter{
	position: relative;
	width: 49.27%;
	background: url(../images/top/twitter_bg.png) left top no-repeat;
	background-size: 100% auto;
	float: left;
	margin-left: 3.22%;
}
#twitter h2{
	width: 58.35%;
	margin-left: 21.14%;
	margin-bottom: 1.05%;
	padding-top: 8.66%;
	padding-bottom: 58.13%;
}
#twitter p{
	width: 28.11%;
	position: absolute;
	top: 0;
	left: -10.34%;
}
#twitter p{
	width: 28.11%;
	position: absolute;
	top: 0;
	left: -10.34%;
}
#twitter p#tw-replacement-content{
	width: 100%;
	position: relative;
	top:auto;
	left:auto;
}
#twf {
	position: absolute;
	width: 79.28%;
	height: 0;
	left: 9.72%;
	top: 30.02%;
	padding-top: 48.62%;
	background: #FFF;
}
#twitterwidget {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#footerslide{
	background: url("../images/top/bg_06.png") top center repeat;
	background-size: 100% auto;
	padding-top: 1.125em;
	padding-bottom: 1.125em;
}

#footerslide li img{
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.contsFooter{
	width: 100%;
}
.contsFooterBg{
	background: url("../images/common/bg_03.png") center top repeat;
	width: 100%;
}
.contsFooterMain{
	width: 960px;
	margin: 0 auto;
	padding-top: 85px;
	padding-bottom: 6.84%;
	position: relative;
}
.contsFooterMain p.hatake{
	position: absolute;
	width: 216.77%;
	bottom: 0;
	left:-50%;
}
#spec{
	position: relative;
	width: 101.875%;
	background: url(../images/top/spec_bg_04.png) left top no-repeat;
	background-size: 100% auto;
	margin-left: -0.52%;
	margin-bottom: 2.29%;
}
#spec h2{
	width: 16.35%;
	padding-top: 5.21%;
	margin-left: 40.08%;
	margin-bottom: 5.41%;
}
#spec p:nth-of-type(1){
	width: 87.21%;
	margin-bottom: 7.79%;
	margin-left: 6.4417%;
}
#spec p:nth-of-type(2){
	width: 99.0797%;
	margin-left: 0.2044%;
}

#kiyaku{
	position: relative;
	width: 99.5833%;
	margin-left: 0.7291%;
	margin-bottom: 2.8125%;
}

#sns{
	position: relative;
	width: 28.43%;
	margin: 0 auto 1.875%;
}
#sns ul{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#sns ul li{
	width: 29.30%;
}
#sns ul li a:hover img{
	opacity: 0.6;
	\zoom: 1;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

#copyright{
	position: relative;
	width:64.16%;
	margin: 0 auto;
}

#copyright p{
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

/* footer	*/
.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align:right;
	display:block;
	z-index:500 !important;
}
.ptop img {
	width: 19em !important;
}

.ptop a:hover	{
	opacity: 0.7;
}

#header{
	background: url("../images/common/header_bg_01.png") bottom center repeat-x;
	background-size: 100% auto;
	padding-bottom: 5.375em;
	margin-bottom: -5.375em;
	position: relative;
	z-index: 500;
}
#headerMain{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#nav{
	width: 104.0625%;/*999px*/
	margin-left: -2.0833%;
	background: url("../images/common/nav_bg.png") top center no-repeat;
	background-size: 100% auto;
	-webkit-display: flex;
	display: flex;
	margin-bottom: 3.125%;
}
#nav p.menuBtn{
	display: none;
}
.navlogo{
	width: 22.9229%;/*229px*/
	margin-left: 7.2072%;
	padding-top: 3.5035%;
}
.navlogo p:first-child{
	margin-bottom: 0.8733%;
}
.navlogo p:last-of-type{
	width: 87.7729%;
	margin-left: 3.9301%;
}
.navmain{
	width: 59.3593%;/*593px*/
	padding-top: 4.5045%;
	padding-right: 8.3084%;
	padding-bottom: 1.8018%;
	padding-left: 2.2022%;
}
.navmain ul{
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.navmain ul li{
	list-style: none;
	width: 23.946%;
	position: relative;
}
.navmain ul li:nth-of-type(1){
	background: url("../images/common/nav_01_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(2){
	background: url("../images/common/nav_02_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(3){
	background: url("../images/common/nav_03_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(4){
	background: url("../images/common/nav_04_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(5){
	background: url("../images/common/nav_05_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(6){
	background: url("../images/common/nav_06_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(7){
	background: url("../images/common/nav_07_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li:nth-of-type(8){
	background: url("../images/common/nav_08_ro.png") top left no-repeat;
	background-size: 100% auto;
}
.navmain ul li a{
	position: relative;
	display: block;
}
.navmain ul li a:hover:before,
.navmain ul li a.current:before{
	position: absolute;
	display: block;
	content: ' ';
	width: 11.2676%;
	height: 47.3684%;
	background: url("../images/common/nav_arrow.png") top left no-repeat;
	top:26.3157%;
	left: -3.5211%;
}
.navmain ul li a.current:after,
.navmain ul li a:hover:after{
	position: absolute;
	display: block;
	content: ' ';
}
.navmain ul li:nth-of-type(1) a.current:after,
.navmain ul li:nth-of-type(1) a:hover:after{
	width: 46.4788%;
	background: url("../images/common/nav_ushi.png") top left no-repeat;
	height: 101.7543%;
	top: -61.4285%;
	left: 25%;
}
.navmain ul li:nth-of-type(2) a.current:after,
.navmain ul li:nth-of-type(2) a:hover:after{
	width: 40.1408%;
	background: url("../images/common/nav_hitsuji.png") top left no-repeat;
	height: 101.7543%;
	top: -61.4285%;
	left: 28%;
}
.navmain ul li:nth-of-type(3) a.current:after,
.navmain ul li:nth-of-type(3) a:hover:after{
	width: 34.507%;
	background: url("../images/common/nav_tori.png") top left no-repeat;
	height: 85.7142%;
	top: -61.4285%;
	left: 33%;
}
.navmain ul li:nth-of-type(4) a.current:after,
.navmain ul li:nth-of-type(4) a:hover:after{
	width: 42.2535%;
	background: url("../images/common/nav_uma.png") top left no-repeat;
	height: 101.7543%;
	top: -61.4285%;
	left: 28%;
}
.navmain ul li:nth-of-type(5) a.current:after,
.navmain ul li:nth-of-type(5) a:hover:after{
	width: 38.7323%;
	background: url("../images/common/nav_risu.png") top left no-repeat;
	height: 101.7543%;
	top: -61.4285%;
	left: 30.63385%;
}
.navmain ul li:nth-of-type(6) a.current:after,
.navmain ul li:nth-of-type(6) a:hover:after{
	width: 50.7042%;
	background: url("../images/common/nav_cat.png") top left no-repeat;
	height: 101.7543%;
	top: -55.4285%;
	left: 24%;
}
.navmain ul li:nth-of-type(7) a.current:after,
.navmain ul li:nth-of-type(7) a:hover:after{
	width: 32.3943%;
	background: url("../images/common/nav_usagi.png") top left no-repeat;
	height: 101.7543%;
	top: -65.4285%;
	left: 32%;
}
.navmain ul li:nth-of-type(8) a.current:after,
.navmain ul li:nth-of-type(8) a:hover:after{
	width: 38.7323%;
	background: url("../images/common/nav_dog.png") top left no-repeat;
	height: 101.7543%;
	top: -61.4285%;
	left: 28%;
}

.navmain ul li a:hover img{
	opacity: 0;
	\zoom: 1;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.navmain ul li:nth-of-type(-n+4){
	margin-bottom: 1.5177%;

}
ul.second-level {
	position: absolute;
    display: none !important;
    z-index: 100 !important;
	bottom:0;
	left: -5%;
}
.navmain ul li:hover ul.second-level{
    display: block !important;
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
	box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
	border-radius: 10px;
	width: 120% !important;
	padding: 5% 0;
}
.navmain ul li:hover ul.second-level:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}
.navmain ul li:nth-of-type(3) ul.second-level{
    bottom: -210%;
}
.navmain ul li:nth-of-type(4) ul.second-level{
	width: 140% !important;
    bottom: -500%;
}
.navmain ul li:nth-of-type(5) ul.second-level{
    bottom: -160%;
}
.navmain ul li:nth-of-type(7) ul.second-level{
	width: 180% !important;
    bottom: -575%;
	left: -40%;
}
.navmain ul li:nth-of-type(8) ul.second-level{
    bottom: -160%;
}
.navmain ul li > ul.second-level li{
	font-size: 14px;
	width: 100% !important;
	margin-bottom: 3%;
	background: none;
}
.navmain ul li > ul.second-level li a{
	color: #5a330a;
	text-decoration: none;
}
.navmain ul li > ul.second-level li a:hover{
	text-decoration: underline;
}
.navmain ul li > ul.second-level li a:before,
.navmain ul li > ul.second-level li a:after{
	content: none;
}

#navsp,
#topnavsp{
	display: none;
}
#title{
	width: 98.5416%;/*946px*/
	margin-left: 0.625%;
	position: relative;
}
#title h1{
	font-size: 0;
	width: 100%;
	margin-bottom: 1.5856%;
}
#title:before{
	position: absolute;
	content: ' ';
	width: 27.8012%;
	height: 240%;
	bottom: 0%;
	left:-27.1498%;
	background: url("../images/common/header_bg_02.png") bottom center no-repeat;
}
#title:after{
	position: absolute;
	content: ' ';
	width: 27.5898%;
	height: 230%;
	bottom: 0%;
	right:-27.1498%;
	background: url("../images/common/header_bg_03.png") bottom center no-repeat;
}
#title ul{
	width: 100.2114%;
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#title ul li{
	width: 32.7004%;
	margin: 0 0.3164% 0.5274%;
	font-size: 0;
}

.conts{
	width: 960px;
	margin: 0 auto;
}

#subcopyright{
	background: url("../images/common/footer_bg.png") bottom center repeat-x;
	background-size: 100% auto;
	padding-top: 4.375em;
	padding-bottom: 6.875em;
}
#subcopyright p{
	text-align: center;
	font-size: 0;
	line-height: 0;
	
}
#subcopyright p img{
	font-size: 0;
	line-height: 0;
	width: 616px;
}

@media only screen and (max-width: 960px) {
	#wrapper {
		background-position: -480px 0;
	}
}
@media screen and (max-width:767px) {
	/* common */
	.sp{
		display: block;
	}

	.pc{
		display: none;
	}

	#wrapper {
		background-size: 200% auto;
		-webkit-background-size: 200% auto;
		background-position: center top;
		-webkit-background-position: center top;
		background-attachment: fixed;
	}
	#contsMain{
		background-size: 200% auto;
		-webkit-background-size: 200% auto;
		background-position: center top;
		-webkit-background-position: center top;
		margin-top: -2.6%;
	}

	.contents {
		width: 100%;
	}
	.mainArea{
		width: 100%;
	}
	#contsHeader h1{
		width: 50%;
		margin-left: 25%;
		bottom: 15.017%;
	}
	#contsHeader h2{
		width: 50%;
		margin-left: -23.5%;
		bottom: 1.017%;
	}
	#contsHeader ol{
		width: 98%;
		margin-left: -49%;
		bottom: -66.617%;
	}
	#contsHeader p:nth-of-type(4){
		width:95.6%;
		bottom: -20.9492%;
		left: 3%;
	}
	#contsHeader p:nth-of-type(5){
		width:90%;
		bottom: -35.9492%;
		left: 5%;
	}
	#topnav{
		display: none;
	}

	#hatsubaibi h2{
		width: 100%;
		margin-left: 0;
		padding-top: 42.062%;
	}
	#hatsubaibi ul{
		width: 100%;
		margin-left: 0;
		padding-top: 30.062%;
	}

	#movie{
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
	}

	#movie p.ushi{
		width: 18.43%;
		position: absolute;
		bottom: 0;
		right: 20.625%;
	}

	#news{
		width: 83.58%;
		float: none;
		margin-top: -8%;
		margin-left: 7.3%;
		margin-right: 0;
	}
	#news dl dt{
		font-size: 11px;
		font-size: 0.6875rem;
	}
	#news dl dd{
		font-size: 11px;
		font-size: 0.6875rem;
	}

	#twitter{
		width: 83.58%;
		float: none;
		background: url(../images/top/twitter_bg_sp.png) left top no-repeat;
		background-size: 100% auto;
		margin-top: -1%;
		margin-bottom: 5%;
		margin-left: 7.5%;
		padding-bottom: 1%;
	}
	#twitter h2{
		width: 58.35%;
		padding-bottom: 1.5%;
	}
	#twa {
		position: relative;
		width: 81.97%;
		padding: 75% 0 2.5% 0;
		margin: 0 0 4% 10.5%;
	}

	#twi-spec{
		padding-bottom: 9.35%;
	}
	#twf {
		padding: 0;
		margin: 0;
		left: -0.5%;
		top: -2%;
		width: 100%;
		height: 100%;
	}
	#twitterwidget {
		position: absolute;
		left: 2%;
		top: 0;
		width: 95%;
		height: 100%;
	}
	iframe{
		width: 100%;
	}

	#news-twi p.decoration_01{
		position: absolute;
		width: 27.39%;
		bottom: -0.29%;
		left: 5%;
	}
	#news-twi p.decoration_02{
		position: absolute;
		width: 26.97%;
		bottom: 2.32%;
		right: 8%;
	}
	#news-twi p.decoration_03{
		width: 21.39%;
		bottom: -2.52%;
		left: 0;
	}
	#news-twi p.decoration_04{
		width: 20.33%;
		top: 23.15%;
		right: -5.5%;
	}
	#news-twi p.decoration_05{
		width: 15%;
		margin-left: 50%;
	}


	.ptop img {
		width: 6em !important;
	}

	.contsFooter{
		background-size: 200% auto;
		-webkit-background-size: 200% auto;
		background-position: center top;
		-webkit-background-position: center top;
		padding-top: 0;
	}
	.contsFooterBg{
		background-size: 200% auto;
		-webkit-background-size: 200% auto;
		background-position: center top;
		-webkit-background-position: center top;
	}
	.contsFooterMain{
		width: 100%;
		padding-top: 8%;
		padding-bottom: 13%;
	}
	.contsFooterMain p.hatake{
		width: 200%;
	}

	#header{
	padding-bottom: 2.375em;
	margin-bottom: -5%;
	}

	#headerMain{
		width: 100%;
	}
	#nav{
		display: none;
	}
	#navsp{
		background: url("../images/common/nav_bg.png") top center no-repeat;
		background-size: 100% auto;
		width: 100%;
		margin-left: 0;
		padding-bottom: 3.125%;
		-webkit-display: flex;
		display: flex;
		position: fixed;
		z-index: 2000;
	}
	#topnavsp{
		background: url("../images/common/nav_bg.png") top center no-repeat;
		background-size: 100% auto;
		width: 100%;
		margin-left: 0;
		padding-bottom: 2%;
		-webkit-display: flex;
		display: flex;
		position: fixed;
		z-index: 2000;
	}
	#navsp p.menuBtn,#topnavsp p.menuBtn{
		position: absolute;
		top:25%;
		right: 10%;
		width: 13%;
	}
	#navsp p.menuBtn:after,
	#navsp p.active:after,
	#navsp p.open:after,
	#topnavsp p.menuBtn:after,
	#topnavsp p.active:after,
	#topnavsp p.open:after{
		content:'　';
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	#navsp p.menuBtn:after,
	#topnavsp p.menuBtn:after{
		background: url("../images/common/menu_btn_open.png") top center no-repeat;
		background-size:100% auto;
		padding-top:100%;
		height:0;
	}
	#navsp p.open:after,
	#topnavsp p.open:after{
		background: url("../images/common/menu_btn_close.png") top center no-repeat;
		background-size:100% auto;
		padding-top:100%;
		height:0;
	}
	.navlogo{
		width: 34.9229%;/*229px*/
		margin: 0 auto;
		padding-top: 3.0035%;
	}
	.navlogo p:first-child{
		margin-bottom: 0.8733%;
	}
	#navsp .navmain,
	#topnavsp .navmain{
		display: none;
		width:85%;
		position: absolute;
		top: 100%;
		right: 2.5%;
		height: 0;
		padding-bottom: 100%;
		background-color: rgba(255,255,255,0.8);
		-webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
		box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
		border-radius: 10px;
		z-index: 10000 !important;
	}
	#navsp .active,
	#topnavsp .active{
		display: block;
		animation: fadeIn .5s ease-in both;
		-webkit-animation: fadeIn .5s ease-in both;
		opacity: 0;
		}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@-webkit-keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.navmain ul{
		-webkit-display: flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin-left: 8%;
	}
	#topnavsp .navmain ul{
		padding-top: 8%;
	}

	.navmain ul li{
		list-style: none;
		width: 49.1638%;
		margin-bottom: 3%;
		position: relative;
	}
	.navmain ul li:nth-of-type(n+5){
		margin-top: 0;
	}
	.navmain p{
		margin-left: 8%;
		margin-top: 5%;
		margin-bottom: 5%;
	}

	.toparea1{
		background-size: 200% auto;
	}

	.toparea2{
		background-size: 200% auto;
		margin-top: -3%;
	}

	.toparea3{
		background-size: 200% auto;
		margin-top: -3%;
	}

	.toparea4{
		background-size: 200% auto;
		margin-top: -3%;
	}

	.toparea5{
		background-size: 200% auto;
		margin-top: -3%;
	}

	.toparea6{
		background-size: 200% auto;
		margin-top: -3%;
	}

	#title:before{
		display: none;
	}
	#title:after{
		display: none;
	}
	#title ul li{
		width: 49.0506%;
	}

	.conts{
		width: 100%
	}

	#subcopyright{
		background-size: 200% auto;
		padding-top: 4.375em;
		padding-bottom: 2.5em;
	}
	#subcopyright p{
		width: 90%;
		margin: 0 auto;
		font-size: 0;
	}
	#subcopyright p img{
		width:100%;
	}

}

#wrapper-popup-update {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fdf7e9;
}

#popup-update {
	width: 100%;
	padding-bottom:5em;
}
#popup-update h1{
	width: 90%;
	margin: 0 auto 1em;
	font-size:22px;
	color:#432214;
	padding-top: 1em;
}
#popup-update h2,
#popup-update h3 {
	width: 90%;
	margin: 0 auto 1em;
	font-size:16px;
	color:#432214;
	padding-top: 1em;
}
#popup-update h4{
	width: 90%;
	margin: 0 auto;
	font-size:16px;
	color:#432214;
	padding-top: 1em;
}
#popup-update p{
	width: 90%;
	margin: 0 auto;
	font-size:16px;
	color:#432214;
}
.boxopen,
.boxclose{
	width: 88%;
	margin: 0 auto 2em;
}
.boxopen:after{
	content:'※詳細はこちらをご確認ください。▼';
	cursor:pointer;
	text-decoration:underline;
	font-size:16px;
	color:#432214;
}
.boxclose:after{
	content:'※詳細はこちらをご確認ください。▲';
	cursor:pointer;
	text-decoration:underline;
	font-size:16px;
	color:#432214;
}
.shosai{
	display:none;
	border:solid 1px #432214;
	width: 90%;
	margin: 0 auto;
}
.shosai h3,
.shosai h4{
	width: 98% !important;
}
#popup-update ul{
	width: 90%;
	margin: 0 auto 2em;
}
.shosai ul{
	width: 95% !important;
	margin: 0 auto 1em !important;
}
#popup-update ul li{
	font-size:16px;
	list-style:none;
	color:#432214;
}
@media screen and (max-width:767px) {
#popup-update h1{
	font-size:16px;
	font-size:1rem;
	padding-top: 1em;
}
#popup-update h2,
#popup-update h3{
	font-size:14px;
	font-size:0.875rem;
}
#popup-update p{
	font-size:12px;
	font-size:0.75rem;
}
#popup-update ul{
	margin: 0 auto 1em;
	font-size:12px;
	font-size:0.75rem;
}
#popup-update ul li{
	font-size:12px;
}
.boxopen:after{
	font-size:12px;
}
.boxclose:after{
	font-size:12px;
}
}

#popup_20220715{
	width:100%;
	margin:0;
	position:relative;
}
#popup_20220715 p{
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
#popup_20220715 p:nth-of-type(1){
	width:100%;
	position:relative;
}
#popup_20220715 p:nth-of-type(2){
	width:52.6%;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:9.45%;
	margin-left:25.81%;
}