@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 各スクロール */

//@view-transition {
//  navigation: auto;
//}

//@keyframes move-out {
//  from {
//	opacity:1.0;
//  }
//
//  to {
//	opacity:0.0;
//  }
//}
//
//@keyframes move-in {
//  from {
//	opacity:0.0;
//  }
//
// to {
//	opacity:1.0;
//  }
//}

/* 独自アニメーションを新旧のページ状態に適用 */
//::view-transition-old(root) {
//  animation: 1.0s ease-in both move-out;
//}

//::view-transition-new(root) {
//  animation: 1.0s ease-in both move-in;
//}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "メイリオ" ;
//	background-color: #122C45;

}

.pswp__button--download-button {
//  background: #136912 !important;
  font-size: 20px;
  color: #fff;
}

/* 全体 */
.box_all{
	margin-top:0%;
//	background:url(../parts/bg_pattern.png) repeat-y;
//	background-color: #122C45;
//	background-attachment:fixed;
	overflow: hidden;
//	background: no-repeat center top url(../parts/bg_pattern.png);
//	background: repeat center bottom url(../parts/bg_.jpg) #0d1d2d;
//	background-size: 100% auto;
    display: block;
/*	max-width:1600px;*/
	margin-right:auto;
	margin-left:auto;
    position: relative;
    box-sizing: border-box;
//	width:80%;
}




/* 動画 */
.bgmove{
	background: #E9E3D3;
}

/* メインビジュアル */
.box_main{
	background-size: 100% auto;
	width:80%;
}

.box_main_info{
	background-size: 100% auto;
	width:80%;
}

.box_story_top{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_menubar{
	top:1%;
	left:61%;
	position:absolute;
	width:38%;
	height:auto;
}
.box_menubar_block{
	width:100%;
	height:auto;
}
.box_menubar2{
	left:60%;
}

.box_menubar_btn {
	transition-duration: 0.3s;
	transition-property: transform, transform-origin;
	transition-timing-function: ease-out;
//	animation: anim_menubar_btn_out 0.3s ease-out forwards;
	transform-origin:50% 50%;
	transform: translateY(0%) rotate(0deg);
	z-index:110;
}
.box_menubar_btn:hover {
	transform: translateY(-5%);
	cursor: pointer;
	transform-origin:50% 5%;
	transform: translateY(10%) rotate(12deg);
//	animation: anim_menubar_btn_in 0.3s ease-out forwards;
	z-index:111;
}

@keyframes anim_menubar_btn_in {
	0% {
		transform-origin:50% 50%;
		transform: translateY(0%) rotate(0deg);
	}
	100% {
		transform-origin:50% 5%;
		transform: translateY(15%) rotate(12deg);
	}
}
@keyframes anim_menubar_btn_out {
	0% {
		transform-origin:50% 5%;
		transform: translateY(15%) rotate(12deg);
	}
	100% {
		transform-origin:50% 50%;
		transform: rotate(0deg);
		transform: translateY(0%) rotate(0deg);
	}
}

.box_menubar_gray {
	filter: grayscale(1);
	opacity:0.5;
}

.box_left_slide_btn {
	top:9.25%;
	left:1%;
	box-sizing: border-box;
	position:absolute;
	width:3.385%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_left_slide_btn:hover {
	transform: scale(1.2);
    cursor: pointer;
}

.box_right_slide_btn {
	top:9.25%;
	left:96%;
	box-sizing: border-box;
	position:absolute;
	width:3.385%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_right_slide_btn:hover {
	transform: scale(1.2);
    cursor: pointer;
}

.box_down_slide_btn {
	top:80%;
	left:79%;
	box-sizing: border-box;
	position:absolute;
	width:10%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_down_slide_btn:hover {
//	transform: translateY(-5%);
	transform: scale(1.2);
    cursor: pointer;
}

.box_up_slide_btn {
	top:80%;
	left:79%;
	box-sizing: border-box;
	position:absolute;
	width:12.17%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_up_slide_btn:hover {
//	transform: translateY(-5%);
	transform: scale(1.2);
    cursor: pointer;
}


.box_world_top{
	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_world_img{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	transition-duration: 2.0s;
//	transition-property: transform;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_world_img_on{
	display: block;
}

.box_world_img_non{
	display: none;
}

.box_world_img_is_leftout{
	animation-name:slideLeftOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_rightout{
	animation-name:slideRightOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_upout{
	animation-name:slideUpOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_downout{
	animation-name:slideDownOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_leftin{
	animation-name:slideLeftOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 100%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_rightin{
	animation-name:slideRightOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: -100%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_upin{
	animation-name:slideUpOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 100%;
//	transform: translateX(-100%);
	display: block;
}

.box_world_img_is_downin{
	animation-name:slideDownOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: -100%;
//	transform: translateX(-100%);
	display: block;
}


@keyframes slideLeftOut{
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-100%);
	}
}
@keyframes slideUpOut{
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-100%);
	}
}

@keyframes slideDownOut{
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(100%);
	}
}

@keyframes slideRightOut{
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(100%);
	}
}

.box_world_img_out_left{
	left: -100%;
}
.box_world_img_out_right{
	left: 100%;
}

.box_world_img_base{
}
.box_world_img_img01{
}
.box_world_img_img02{
}
.box_world_img_img03{
}
.box_world_img_img04{
}
.box_world_img_img051{
}
.box_world_img_img052{
}

.box_world_img_shift_left{
	transform: translateX(-100%);
}
.box_world_img_shift_up{
	transform: translateY(-100%);
}
.box_world_img_shift_right{
	transform: translateX(100%);
}
.box_world_img_shift_down{
	transform: translateY(100%);
}


.box_chara_top{
	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_chara_menu{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
	z-index:99;
}

.box_chara_images{
	background-size: 100% auto;
	width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
	z-index:200;
}

.box_chara_panel{
	background-size: 100% auto;
	width:88%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:18.7%;
	left:6%;
	z-index:100;
}

.box_chara_menu_title{
	background-size: 100% auto;
	width:30.9%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:4.907%;
	left:2.03%;
}

.box_chara_panel_block01{
	background-size: 100% auto;
	width:27%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:-19%;
	left:33%;
	z-index:101;
}

.box_chara_panel_block01:hover{
	z-index:104;
}

.box_chara_panel_block02{
	background-size: 100% auto;
	width:92.37%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:6.5%;
	left:3.815%;
	z-index:102;
}

.box_chara_panel_block03{
	background-size: 100% auto;
	width:92.37%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:76.5%;
	left:3.815%;
	z-index:103;
}

.box_chara_panel_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_chara_panel_btn:hover{
	transform: scale(1.1);
    cursor: pointer;
}

.box_chara_panel_btn0{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_chara_data{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_chara_on{
	display: block;
}

.box_chara_data_on{
	display: block;
}

.box_chara_data_img_on{
	display: block;
}

.box_chara_non{
	display: none;
}

.chara_data_voice_block {
	top:29%;
	left:30%;
	box-sizing: border-box;
	position:absolute;
	width:16%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}


.box_voice_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_voice_btn:hover{
	transform: scale(1.1);
    cursor: pointer;
}

.chara_data_return_block {
	top:4%;
	left:95%;
	box-sizing: border-box;
	position:absolute;
	width:4.5%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}
.chara_data_return_block:hover{
	transform: scale(1.1);
    cursor: pointer;
}

.box_chara_data_imgs_fadein{
	animation-name:imageFadeIn;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
	opacity:0.0;
}

.box_chara_data_imgs_fadeout{
	animation-name:imageFadeOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
	opacity:1.0;
}

@keyframes imageFadeIn{
	from {
		opacity:0.0;
	}

	to {
		opacity:1.0;
	}
}

@keyframes imageFadeOut{
	from {
		opacity:1.0;
	}

	to {
		opacity:0.0;
	}
}


.box_gallery_top{
	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_gallery_mode{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_gallery_on{
	display: block;
}

.box_gallery_page{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_gallery_page_on{
	display: block;
}

.box_gallery_images_block{
	background-size: 100% auto;
	width:92%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	position:absolute;
	top:35%;
	left:4%;
}

.box_gallery_image_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_gallery_image_btn0{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}
.box_gallery_image_btn:hover{
	transform: scale(1.2) rotate(7deg);
    cursor: pointer;
}

.box_gallery_image_btn:hover > img:nth-child(2){
	opacity:0.0;
}

.box_gallery_image_btn > img:nth-child(1){
	border: 0.5vw solid #ffffff;
//	border: 0.5vw solid rgba(255, 255, 255, 1.0);
//	border-image: linear-gradient(to right, red 0%, pink 100%) 1;
	transform: rotate(-7deg);
	box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0, 0, 0, .3);
}
@media screen and (min-aspect-ratio: 16/9) {
.box_gallery_image_btn > img:nth-child(1){
	box-shadow: 0.9vh 0.9vh 0.9vh 0 rgba(0, 0, 0, .3);
}
}

@media screen and (min-aspect-ratio: 16/9) {
.box_gallery_image_btn > img:nth-child(1){
    border: 0.9vh solid #ffffff;
}
}


.box_gallery_image_btn > img:nth-child(2){
	position:absolute;
	top:-22%;
	left:27.5%;
	width:30%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: opacity;
	opacity:1.0;
}

.box_gallery_image_btn0 > img:nth-child(1){
	transform: rotate(-7deg);
	box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0, 0, 0, .3);
}
@media screen and (min-aspect-ratio: 16/9) {
.box_gallery_image_btn0 > img:nth-child(1){
	box-shadow: 0.9vh 0.9vh 0.9vh 0 rgba(0, 0, 0, .3);
}
}

.box_gallery_image_btn0 > img:nth-child(2){
	position:absolute;
	top:-22%;
	left:27.5%;
	width:30%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: opacity;
	opacity:1.0;
}


.gallery_page_block {
	top:21.5%;
	left:7%;
	box-sizing: border-box;
	position:absolute;
	width:18%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
}


.gallery_page_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
}
.gallery_page_btn:hover{
	transform: scale(1.1);
    cursor: pointer;
}

.gallery_page_btn_active{
}
.gallery_page_btn_active:hover{
	transform: none;
    cursor: auto;
}

.gallery_page_btn > img:nth-child(1){
	display: block;
}
.gallery_page_btn > img:nth-child(2){
	display: none;
}
.gallery_page_btn_active > img:nth-child(1){
	display: none;
}
.gallery_page_btn_active > img:nth-child(2){
	display: block;
}


.box_gallery_btn1 {
	top:14%;
	left:61.8%;
	box-sizing: border-box;
	position:absolute;
	width:15.5%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:101;
}
.box_gallery_btn1:hover {
	transform: scale(1.2);
    cursor: pointer;
	z-index:104;
}

.box_gallery_btn2 {
	top:15%;
	left:76.5%;
	box-sizing: border-box;
	position:absolute;
	width:17.5%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:101;
}
.box_gallery_btn2:hover {
	transform: scale(1.2);
    cursor: pointer;
	z-index:104;
}

.box_gallery_btn_on{

}
.box_gallery_btn_on:hover{
	transform: none;
    cursor: auto;
}


.box_special_top{
//	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_special_title{
	background-size: 100% auto;
	width:27.5%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:4.907%;
	left:2.03%;
}

.box_special_panel{
	background-size: 100% auto;
	width:82%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
//	display: block;
	position:absolute;
	top:20%;
	left:9%;
}

.box_special_pvs01{
	background-size: 100% auto;
	width:30%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:7.5%;
	left:1%;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:100;
}
.box_special_pvs01:hover{
	transform: scale(1.1);
    cursor: pointer;
	z-index:101;
}

.box_special_pvs0w{
	background-size: 100% auto;
	width:16%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:17.5%;
	left:8%;
	z-index:102;
}


.box_special_pvc01{
	background-size: 100% auto;
	width:19.5%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:2.7%;
	left:31.7%;
}

.box_special_pvc02{
	background-size: 100% auto;
	width:19.5%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:2.7%;
	left:52.1%;
}

.box_special_pvc03{
	background-size: 100% auto;
	width:12%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:27.5%;
	left:31.7%;
}

.box_special_pvc04{
	background-size: 100% auto;
	width:12%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:27.5%;
	left:45.7%;
}

.box_special_pvc05{
	background-size: 100% auto;
	width:12%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:27.5%;
	left:59.6%;
}

.box_special_pvc0w{
	background-size: 100% auto;
	width:25%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:8.7%;
	left:40.7%;
}

.box_special_pvr01{
	background-size: 100% auto;
	width:26.5%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:2.7%;
	left:72.5%;
}

.box_special_pvr0w{
	background-size: 100% auto;
	width:15.7%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:15.2%;
	left:78%;
}

.box_special_trial_img{
	background-size: 100% auto;
	width:14%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:62%;
	left:5%;
}

.box_special_trial_dln{
	background-size: 100% auto;
	width:10%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:93%;
	left:1.5%;
}

.box_special_trial_dlf{
	background-size: 100% auto;
	width:10%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:93%;
	left:12.4%;
}

.box_special_shop_img{
	background-size: 100% auto;
	width:14%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:62%;
	left:30%;
}

.box_special_shop_btn{
	background-size: 100% auto;
	width:10.79%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:93%;
	left:26%;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_special_shop_btn:hover{
	transform: scale(1.2);
    cursor: pointer;
}

.box_special_chara_img{
	background-size: 100% auto;
	width:14%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:62%;
	left:54.5%;
}

.box_special_chara_btn{
	background-size: 100% auto;
	width:10.79%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:93%;
	left:51.2%;
	transition-duration: 0.3s;
	transition-property: transform;
}
.box_special_chara_btn:hover{
	transform: scale(1.2);
    cursor: pointer;
}

.box_special_count_img{
	background-size: 100% auto;
	width:14%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:62%;
	left:80%;
}

.box_special_count_btn{
	background-size: 100% auto;
	width:12.19%;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:93%;
	left:74.7%;
}

.box_shop_top{
	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_shop_mode{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_shop_on{
	display: block;
}

.box_shop_page{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	display: none;
	position:absolute;
	top:0%;
	left:0%;
}

.box_shop_page_on{
	display: block;
}

.box_shop_images_block{
	background-size: 100% auto;
	width:96%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	position:absolute;
	top:27%;
	left:2%;
}

.box_shop_images_block2{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
//	position: relative;
//	display: block;
	position:absolute;
	top:24%;
	left:10%;
}

.box_shop_image_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
    border: 0.5vw solid #ffffff;
	z-index:100;
	box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0, 0, 0, .3);
}


@media screen and (min-aspect-ratio: 16/9) {
.box_shop_image_btn{
    border: 0.9vh solid #ffffff;
	box-shadow: 0.9vh 0.9vh 0.9vh 0 rgba(0, 0, 0, .3);
}
}


.box_shop_image_btn:hover{
	transform: scale(1.2);
    cursor: pointer;
	z-index:200;
}

.box_shop_image_btn > img:nth-child(1){
}
.box_shop_image_btn > img:nth-child(2){
	position:absolute;
	left:0%;
	bottom:-6%;
	aspect-ratio: 351/80;
	width:100%;
	height:auto;
}

.box_shop_jump_btn{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
//    border: 2px solid #ffffff;
	box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0, 0, 0, .3);
	z-index:100;
}

@media screen and (min-aspect-ratio: 16/9) {
.box_shop_jump_btn{
	box-shadow: 0.9vh 0.9vh 0.9vh 0 rgba(0, 0, 0, .3);
}
}

.box_shop_jump_btn:hover{
	transform: scale(1.2);
    cursor: pointer;
	z-index:200;
}

.box_shop_jump_btn2{
	background-size: 100% auto;
	width:90%;
	padding-top:5%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
//    border: 2px solid #ffffff;
	box-shadow: 0.5vw 0.5vw 0.5vw 0 rgba(0, 0, 0, .3);
	z-index:100;
}

@media screen and (min-aspect-ratio: 16/9) {
.box_shop_jump_btn2{
	box-shadow: 0.9vh 0.9vh 0.9vh 0 rgba(0, 0, 0, .3);
}
}

.box_shop_jump_btn2:hover{
	transform: scale(1.2);
    cursor: pointer;
	z-index:200;
}

.box_shop_newly_title{
	top:9.06%;
	left:32.488%;
	width:26.0%;
	height:auto;
	position:absolute;
}

.box_shop_newly_title img{
	width:100%;
	height:auto;
}

.box_shop_org_title{
	top:9%;
	left:32.5%;
	width:26%;
	height:auto;
	position:absolute;
}

.box_shop_org_title img{
	width:100%;
	height:auto;
}

.box_shop_btn1 {
	top:12.5%;
	left:60%;
	box-sizing: border-box;
	position:absolute;
	width:18.5%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:101;
}
.box_shop_btn1:hover {
	transform: scale(1.2);
    cursor: pointer;
	z-index:104;
}

.box_shop_btn2 {
	top:12.5%;
	left:80%;
	box-sizing: border-box;
	position:absolute;
	width:18.5%;
	height:auto;
	transition-duration: 0.3s;
	transition-property: transform;
	z-index:101;
}
.box_shop_btn2:hover {
	transform: scale(1.2);
    cursor: pointer;
	z-index:104;
}

.box_shop_btn_on{

}
.box_shop_btn_on:hover{
	transform: none;
    cursor: auto;
}



//.box_gallery_image_btn > img:nth-child(1){
//	transform: rotate(-7deg);
//	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .3);
//}

//.box_gallery_image_btn > img:nth-child(2){
//	position:absolute;
//	top:-22%;
//	left:27.5%;
//	width:30%;
//	height:auto;
//}



.image_is_leftout{
	animation-name:slideLeftOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.image_is_rightout{
	animation-name:slideRightOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
//	left: 0%;
//	transform: translateX(-100%);
	display: block;
}

.image_is_leftin{
	animation-name:slideLeftOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 100%;
//	transform: translateX(-100%);
	display: block;
}

.image_is_rightin{
	animation-name:slideRightOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: -100%;
//	transform: translateX(-100%);
	display: block;
}

.box_zindex100{
	z-index:100;
}

.box_zindex101{
	z-index:101;
}

.box_zindex1000{
	z-index:1000;
}

.image_is_fadein{
	animation-name:imageFadeIn;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
	display: block;
	opacity:0.0;
	z-index:200;
}

.image_is_fadeout{
	animation-name:imageFadeOut;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	left: 0%;
	top: 0%;
	display: block;
	opacity:1.0;
	z-index:200;
}


.box_top{
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}

.box_top_button01{
	top:13.5%;
	left:5%;
	width:15%;
	height:auto;
	position:absolute;
//    display: block;
//    position: relative;
}

.box_top_button01 img{
	width:100%;
	height:auto;
}

.box_top_button02{
	top:13.5%;
	left:80%;
	width:15%;
	height:auto;
	position:absolute;
//    display: block;
//    position: relative;
}

.box_sns_btn{
	top:27.69%;
	left:1.875%;
	position:absolute;
	width:41%;
	height:auto;
}

.box_top_button02 img{
	width:100%;
	height:auto;
}

.box_newtext{
//	background-size: 100% auto;
//	background-color: rgba(255,230,230,1.0);;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
//	display: flex;
//  flex-direction: row;
//  flex-wrap: nowrap;
}

.box_newtext_title{
	top:5%;
	left:3%;
	width:38%;
	height:auto;
	position:absolute;
}

.box_newtext_title img{
	width:100%;
	height:auto;
}

.box_newtext_info{
	top:16%;
	left:3.5%;
	width:24%;
	height:auto;
	position:absolute;
}

.box_newtext_info_block{
	width:100%;
	height:auto;
}

.box_newtext_book{
	top:68.2%;
	left:3.5%;
	width:24%;
	height:auto;
	position:absolute;
}

.box_newtext_book_block{
	width:100%;
	height:auto;
}

.box_newtext_camp{
	top:23.5%;
	left:29.5%;
	width:28.5%;
	height:auto;
	position:absolute;
}

.box_newtext_camp_block{
	width:100%;
	height:auto;
}
.box_newtext_camp_title{
	top:16.2%;
	left:36%;
	width:14%;
	height:auto;
	position:absolute;
}

.box_newtext_camp_title img{
	width:100%;
	height:auto;
}

.box_newtext_deli{
	top:23.5%;
	left:calc(29.5% + 30.5%);
	width:17%;
	height:auto;
	position:absolute;
}

.box_newtext_deli_block{
	width:100%;
	height:auto;
}
.box_newtext_deli_title{
	top:16.2%;
	left:calc(36% + 25.5%);
	position:absolute;
	width:14%;
	height:auto;
}

.box_newtext_deli_title img{
	width:100%;
	height:auto;
}

.box_newtext_goods{
	top:23.5%;
	left:calc(29.5% + 49.5%);
	position:absolute;
	width:17%;
	height:auto;
}

.box_newtext_goods_block{
	width:100%;
	height:auto;
}
.box_newtext_goods_title{
	top:16.2%;
	left:calc(36% + 44.5%);
	position:absolute;
	width:14%;
	height:auto;
}

.box_newtext_goods_title img{
	width:100%;
	height:auto;
}

.box_newtext_webanq{
	top:72.7%;
	left:calc(29.5% + 0%);
	position:absolute;
	transition-duration: 0.3s;
	transition-property: transform;
	width:21.7%;
	height:auto;
}

.box_newtext_webanq img{
	width:100%;
	height:auto;
}

.box_newtext_shop{
	top:72.7%;
	left:calc(29.5% + 24.7%);
	position:absolute;
	transition-duration: 0.3s;
	transition-property: transform;
	width:21.7%;
	height:auto;
}

.box_newtext_shop img{
	width:100%;
	height:auto;
}

.box_newtext_patch{
	top:72.7%;
	left:calc(29.5% + 49.5%);
	position:absolute;
	width:16.8%;
	height:auto;
}

.box_newtext_patch img{
	width:100%;
	height:auto;
}

/*
.box_newtext_btn {
	transition-duration: 0.3s;
	transition-property: transform;
}

.box_newtext_btn:hover {
	transform: scale(1.1);
//	transform: translateY(-8%);
    cursor: pointer;
}
*/
.box_newtext_btn {
	transform-origin:49.33% 6%;
}
.box_newtext_btn:hover {
    cursor: pointer;
	animation-name:imagePendulum;
	animation-duration:0.75s;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
}


.box_top_btn {
	transition-duration: 0.3s;
	transition-property: transform;
}

.box_top_btn:hover {
//	transform: translateY(-10%);
	transform: scale(1.2);
    cursor: pointer;
}
.box_newtext_gray {
	filter: grayscale(1);
	opacity:0.5;
}

.box_menus_nav_btn {
//	transition-duration: 0.3s;
//	transition-property: transform;
	transform-origin:49.33% 12.88%;
}
.box_menus_nav_btn:hover {
//	transform: translateY(-5%);
    cursor: pointer;
	animation-name:imagePendulum;
	animation-duration:0.75s;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
//	animation-timing-function: ease-in-out;
//	animation-timing-function: ease;
}

@keyframes imagePendulum{
	0% {
//		transform-origin:50% 2%;
		transform: rotate(0deg);
	}
	
	12.5% {
//		transform-origin:50% 2%;
		transform: rotate(4deg);
	}
	
	25% {
//		transform-origin:50% 2%;
		transform: rotate(5deg);
	}
	
	37.5% {
//		transform-origin:50% 2%;
		transform: rotate(4deg);
	}
	
	50%{
//		transform-origin:50% 2%;
		transform: rotate(0deg);
	}
	
	62.5%{
//		transform-origin:50% 2%;
		transform: rotate(-4deg);
	}

	75%{
//		transform-origin:50% 2%;
		transform: rotate(-5deg);
	}

	87.5%{
//		transform-origin:50% 2%;
		transform: rotate(-4deg);
	}

	100% {
//		transform-origin:50% 2%;
		transform: rotate(0deg);
	}
}


.box_menus{
//	background-size: 100% auto;
//	background-color: rgba(255,230,230,1.0);;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
//	display: flex;
//  flex-direction: row;
//  flex-wrap: nowrap;
}

.box_menus_title{
	top:5%;
	left:3%;
	position:absolute;
	width:28%;
	height:auto;
}

.box_menus_title img{
	width:100%;
	height:auto;
}


.box_menus_event{
	top:23.5%;
	left:67.7%;
	position:absolute;
	width:28%;
	height:auto;
}

.box_menus_event_block{
	width:100%;
	height:auto;
}
.box_menus_event_title{
	top:12.2%;
	left:67.7%;
	position:absolute;
	width:28.15%;
	height:auto;
}

.box_menus_event_title img{
	width:100%;
	height:auto;
}

.box_menus_event_char{
	top:66.2%;
	left:64.5%;
	position:absolute;
	width:34%;
	height:auto;
}

.box_menus_event_char img{
	width:100%;
	height:auto;
}

.box_menus_nav {
	top:23.5%;
	left:2.8%;
	position:absolute;
	width:64%;
	height:auto;
}
.box_menus_nav_block{
	width:100%;
	height:auto;
}

.box_product{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}
.box_sns{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}


.box_newtext_l{
	background-color: rgba(255,0,0,1.0);;
//	display: block;
	float:left;
//	display: flex;
	color :white;
    font-weight: bold;
	width:20%;
    text-align: center;
    padding: 0.5%;
    clip-path: polygon(0 0, 90% 0,100% 50%,90% 100%, 0 100%);
}
.box_newtext_c{
	background-color: rgba(255,0,0,1.0);;
//	display: block;
	float:left;
//	display: flex;
	width:2%;
    padding: 0.5%;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.box_newtext_r{
//	display: block;
	float:left;
//	display: flex;
	width:80%;
	color :red;
    text-align: left;
    padding: 0.5%;
    padding-left: 2.0%;
}

.box_lineup{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}


.box_top_text{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_info_text{
	background-size: 100% auto;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

.box_news_text{
    text-align: center;
	font-size: 2.5vw;
//	-webkit-text-stroke: 1px #000;
//	text-stroke: 1px #000;
//	  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
//              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
//              0px 1px 0 #FFF,  0-1px 0 #FFF,
//              -1px 0 0 #FFF, 1px 0 0 #FFF;
	color:black;
//	color:white;
	margin-right:auto;
	margin-left:auto;
}

.box_code{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_list{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_topcs{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_participation_award{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_footer{
	background-size: 100% auto;
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.box_item{
	width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	padding-top:0%;
    display: grid;
//    display: block;
//    position: relative;
//    border: 1px solid #ffffff;
	z-index:0;
}

.box_item2{
	width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	padding-top:0%;
//    display: grid;
//    display: block;
//    position: relative;
//    border: 1px solid #ffffff;
	z-index:0;
}


/* 重要なお知らせ */
.box_info{
	background-size: 100% auto;
//	background:rgba(67,166,231,0.0);
}


/* PV */
.box_pv{
	background: url(../img/bg_charatop.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:50;
	margin-top: 0%;
	position: relative;
}


/* 作品概要 */
.box_concept01{
	background: url(../img/bg_main.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:10;
}

/* 作品紹介 */
.box_workintro{
	background-size: 100% auto;
	z-index:20;
	margin-top: 0%;
}


/* あらすじ */
.box_story01{
	background: url(../img/bg_main.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:10;
}


/* 舞台紹介 */
.box_stage{
	background-size: 100% auto;
	z-index:10;
	position: relative;
	background:url(../img/stage01-01.jpg) no-repeat top center rgba(240,227,219,1.0);
	background-size:80%;

}


/* キャラクター */
.box_charactertop{
	background: url(../img/bg_main.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:10;
}

.box_character{
	background: url(../img/bg_main.jpg) repeat-y top center;
	background-size: 100% auto;
	z-index:10;
}

/* ギャラリー */
.box_gallery{
	background: url(../img/bg_main.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:10;
}


/* スペシャル */
.box_special{
	background: url(../img/bg_main.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:10;
}




/* 商品情報 */
//.box_product{
//	background: url(../img/bg_main.jpg) no-repeat top center;
//	background-size: 100% auto;
//	z-index:10;
//}


/* ショップ特典 */
.box_shop{
	background-size: 100% auto;
	z-index:10;
	position: relative;
}

/* 体験版 */
.box_trial{
	background-size: 100% auto;
	background:rgba(240,227,219,1.0);
	margin-top: 0%;
	position: relative;
}


/* オフィシャル通販 */
.box_official_top{
	clip-path: border-box;
	background-size: 100% auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;

//	margin-top:-8%;
//    background-color: white;

//	background: url(../img/official/official_bg.jpg);
//	background-repeat: no-repeat;
//	background-size: 100% auto;
//	background-attachment:fixed;
//	overflow: hidden;

//	overflow: clip;
}


.official_block{
position:absolute;
width:100%;
height:auto;
top:0%;
left:0%;
margin-top:0%;
margin-left:0%;
aspect-ratio:16/9;
//	overflow: auto;
	overflow: auto;
//background-attachment: fixed;
  mask-image: linear-gradient(to top,black 70%,transparent 100%);
}

/* グッズ */
.box_goods{
	background-size: 100% auto;
}


/* 抱き枕 */
.box_pillow{
	background-size: 100% auto;
}

/* タペストリー */
.box_tapestry{
	background-size: 100% auto;
}



/* 抱っこ枕 */
.box_dakko{
	background-size: 100% auto;
}


/* Webアンケート */
.box_webq{
	background: url(../img/bg_special.png);
	background-repeat: repeat;
	z-index:50;
	margin-top: 0%;
	position: relative;
}

/* 前作紹介 */
.box_slowlife{
	background-size: 100% auto;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ボタン反応 */


/* Float メニュー */
.float_menu {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_menu:hover {
  transform: translateY(-20%);
}

.float_menu01 {
    justify-content: center;        /*中央揃え*/
    text-align: center;

//    background-color: black;
//  display: inline-block;
//  transition-duration: 0.3s;
//  transition-property: transform;
//  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//  transform: translateZ(0);
//  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
//  background: url("img/btn001ro.png") no-repeat;
}
.float_menu01 a {
//  display: inline-block;
}
.float_menu01 a:hover {
//  background-color: transparent;
}
.float_menu01 a:hover img{
//  visibility: hidden;
}
.float_menu01 p {
  font-size: 1.5vw;
  color: #ffffff;
}
.float_menu01 img {
  width: 100%;
}



//.float_panel{
//position:bloxk;
//}

//.new{
//position:absolute;
//width:10%;
//height:auto;
//margin-top:0%;
//margin-left:0%;
//}


.float_menu02 {
position: relative;
    justify-content: center;        /*中央揃え*/
    text-align: center;
//  color: #000000;

//    background-color: black;
//  display: inline-block;
//    transition: 0.5s;
//  transition-duration: 0.3s;
//  transition-property: transform;
//  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//  transform: translateZ(0);
//  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
//  background: url("img/btn001ro.png") no-repeat;
}
.float_menu02 a {
//  display: inline-block;
//    border: solid 5px #4ec4d3;
    border: solid 5px #ffffff;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.4);
//	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32);
	border-radius: 5px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index:55;
}
.float_menu02 a:hover {
//    border: solid 5px #000000;
    border: solid 5px #4ec4d3;
//  background-color: transparent;
  z-index:55;
}
.float_menu02 a:hover img{
//  visibility: hidden;
//	opacity:0.5;
}

.float_menu02 a div img {
  width: 100%;
  position:bloxk;
  z-index:53;
}
.float_menu02 a div div {
  z-index:54;
position:absolute;
/*    border: solid 5px rgba(255, 255, 255, 0.0);*/
  width: calc(100% - 10px);
/*  margin-top: calc(-50% - 10px);*/
    left: 5px;
    bottom: 5px;
  height: 25%;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: left;
overflow:hidden;
}
.float_menu02 a div div p::before{
	content: "　";
}

.float_menu02 a div div p br{
	content: "";
}
.float_menu02 a div div p br::after{
	content: "\a　";
	white-space: pre;
}
.float_menu02 a div div p span::before{
	content: "\a　";
	white-space: pre;
}
.float_menu02 a div div p {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-left: -0.5vw;
  font-size: 1.1vw;
/*  font-size: 20px;*/
/*  text-shadow: 2px 2px 3px #3660c4, -2px 2px 3px #3660c4, 2px -2px 3px #3660c4, -2px -2px 3px #3660c4, 2px 0px 3px #3660c4, 0px 2px 3px #3660c4, -2px 0px 3px #3660c4, 0px -2px 3px #3660c4, -1px -3px 0px #3660c4, 0px -3px 0px #3660c4, 1px -3px 0px #3660c4, -2px -2px 0px #3660c4, -1px -2px 0px #3660c4, 0px -2px 0px #3660c4, 1px -2px 0px #3660c4, 2px -2px 0px #3660c4, -3px -1px 0px #3660c4, -2px -1px 0px #3660c4, -1px -1px 0px #3660c4, 0px -1px 0px #3660c4, 1px -1px 0px #3660c4, 2px -1px 0px #3660c4, 3px -1px 0px #3660c4, -3px 0px 0px #3660c4, -2px 0px 0px #3660c4, -1px 0px 0px #3660c4, 1px 0px 0px #3660c4, 2px 0px 0px #3660c4, 3px 0px 0px #3660c4, -3px 1px 0px #3660c4, -2px 1px 0px #3660c4, -1px 1px 0px #3660c4, 0px 1px 0px #3660c4, 1px 1px 0px #3660c4, 2px 1px 0px #3660c4, 3px 1px 0px #3660c4, -2px 2px 0px #3660c4, -1px 2px 0px #3660c4, 0px 2px 0px #3660c4, 1px 2px 0px #3660c4, 2px 2px 0px #3660c4, -1px 3px 0px #3660c4, 0px 3px 0px #3660c4, 1px 3px 0px #3660c4;*/
  text-shadow: 0.1vw 0.1vw 0.15vw #3660c4, -0.1vw 0.1vw 0.15vw #3660c4, 0.1vw -0.1vw 0.15vw #3660c4, -0.1vw -0.1vw 0.15vw #3660c4, 0.1vw 0px 0.15vw #3660c4, 0px 0.1vw 0.15vw #3660c4, -0.1vw 0px 0.15vw #3660c4, 0px -0.1vw 0.15vw #3660c4, -0.05vw -0.15vw 0px #3660c4, 0px -0.15vw 0px #3660c4, 0.05vw -0.15vw 0px #3660c4, -0.1vw -0.1vw 0px #3660c4, -0.05vw -0.1vw 0px #3660c4, 0px -0.1vw 0px #3660c4, 0.05vw -0.1vw 0px #3660c4, 0.1vw -0.1vw 0px #3660c4, -0.15vw -0.05vw 0px #3660c4, -0.1vw -0.05vw 0px #3660c4, -0.05vw -0.05vw 0px #3660c4, 0px -0.05vw 0px #3660c4, 0.05vw -0.05vw 0px #3660c4, 0.1vw -0.05vw 0px #3660c4, 0.15vw -0.05vw 0px #3660c4, -0.15vw 0px 0px #3660c4, -0.1vw 0px 0px #3660c4, -0.05vw 0px 0px #3660c4, 0.05vw 0px 0px #3660c4, 0.1vw 0px 0px #3660c4, 0.15vw 0px 0px #3660c4, -0.15vw 0.05vw 0px #3660c4, -0.1vw 0.05vw 0px #3660c4, -0.05vw 0.05vw 0px #3660c4, 0px 0.05vw 0px #3660c4, 0.05vw 0.05vw 0px #3660c4, 0.1vw 0.05vw 0px #3660c4, 0.15vw 0.05vw 0px #3660c4, -0.1vw 0.1vw 0px #3660c4, -0.05vw 0.1vw 0px #3660c4, 0px 0.1vw 0px #3660c4, 0.05vw 0.1vw 0px #3660c4, 0.1vw 0.1vw 0px #3660c4, -0.05vw 0.15vw 0px #3660c4, 0px 0.15vw 0px #3660c4, 0.05vw 0.15vw 0px #3660c4;
  
/*  text-shadow: 1px 1px 0px #3660c4, -1px 1px 0px #3660c4, 1px -1px 0px #3660c4, -1px -1px 0px #3660c4, 1px 0px 0px #3660c4, 0px 1px 0px #3660c4, -1px 0px 0px #3660c4, 0px -1px 0px #3660c4;
  */
/*  -webkit-text-stroke: 1px #3660c4;
  text-stroke: 1px #3660c4;
  text-shadow: 0px 0px 4px #3660c4;*/
  
/*  text-shadow: rgb(54, 96, 196) 3px 0px 0px, rgb(54, 96, 196) 2.83487px 0.981584px 0px, rgb(54, 96, 196) 2.35766px 1.85511px 0px, rgb(54, 96, 196) 1.62091px 2.52441px 0px, rgb(54, 96, 196) 0.705713px 2.91581px 0px, rgb(54, 96, 196) -0.287171px 2.98622px 0px, rgb(54, 96, 196) -1.24844px 2.72789px 0px, rgb(54, 96, 196) -2.07227px 2.16926px 0px, rgb(54, 96, 196) -2.66798px 1.37182px 0px, rgb(54, 96, 196) -2.96998px 0.42336px 0px, rgb(54, 96, 196) -2.94502px -0.571704px 0px, rgb(54, 96, 196) -2.59586px -1.50383px 0px, rgb(54, 96, 196) -1.96093px -2.27041px 0px, rgb(54, 96, 196) -1.11013px -2.78704px 0px, rgb(54, 96, 196) -0.137119px -2.99686px 0px, rgb(54, 96, 196) 0.850987px -2.87677px 0px, rgb(54, 96, 196) 1.74541px -2.43999px 0px, rgb(54, 96, 196) 2.44769px -1.73459px 0px, rgb(54, 96, 196) 2.88051px -0.838247px 0px;*/
  
/*  1px 1px 0px #3660c4, -1px 1px 0px #3660c4, 1px -1px 0px #3660c4, -1px -1px 0px #3660c4, 1px 0px 0px #3660c4, 0px 1px 0px #3660c4, -1px 0px 0px #3660c4, 0px -1px 0px #3660c4,
  2px 2px 0px #3660c4, -2px 2px 0px #3660c4, 2px -2px 0px #3660c4, -2px -2px 0px #3660c4, 2px 0px 0px #3660c4, 0px 2px 0px #3660c4, -2px 0px 0px #3660c4, 0px -2px 0px #3660c4,
  3px 3px 0px #3660c4, -3px 3px 0px #3660c4, 3px -3px 0px #3660c4, -3px -3px 0px #3660c4, 3px 0px 0px #3660c4, 0px 3px 0px #3660c4, -3px 0px 0px #3660c4, 0px -3px 0px #3660c4;*/
  color: #ffffff;
  transform: rotate(0.05deg);
overflow:hidden;
white-space: nowrap;
/*  transform: scale(0.5) rotate(0.05deg);*/
}

.float_menu02 a div div p:nth-of-type(2)::before{
	content: "　";
}
.float_menu02 a div div p:nth-of-type(2){
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.0vw;
  margin-left: -0.8vw;
  letter-spacing : 0.02em;
  
/*  text-shadow: 2px 2px 3px #ff0800, -2px 2px 3px #ff0800, 2px -2px 3px #ff0800, -2px -2px 3px #ff0800, 2px 0px 3px #ff0800, 0px 2px 3px #ff0800, -2px 0px 3px #ff0800, 0px -2px 3px #ff0800, -1px -3px 0px #ff0800, 0px -3px 0px #ff0800, 1px -3px 0px #ff0800, -2px -2px 0px #ff0800, -1px -2px 0px #ff0800, 0px -2px 0px #ff0800, 1px -2px 0px #ff0800, 2px -2px 0px #ff0800, -3px -1px 0px #ff0800, -2px -1px 0px #ff0800, -1px -1px 0px #ff0800, 0px -1px 0px #ff0800, 1px -1px 0px #ff0800, 2px -1px 0px #ff0800, 3px -1px 0px #ff0800, -3px 0px 0px #ff0800, -2px 0px 0px #ff0800, -1px 0px 0px #ff0800, 1px 0px 0px #ff0800, 2px 0px 0px #ff0800, 3px 0px 0px #ff0800, -3px 1px 0px #ff0800, -2px 1px 0px #ff0800, -1px 1px 0px #ff0800, 0px 1px 0px #ff0800, 1px 1px 0px #ff0800, 2px 1px 0px #ff0800, 3px 1px 0px #ff0800, -2px 2px 0px #ff0800, -1px 2px 0px #ff0800, 0px 2px 0px #ff0800, 1px 2px 0px #ff0800, 2px 2px 0px #ff0800, -1px 3px 0px #ff0800, 0px 3px 0px #ff0800, 1px 3px 0px #ff0800;*/
  text-shadow: 0.1vw 0.1vw 0.15vw #ff0800, -0.1vw 0.1vw 0.15vw #ff0800, 0.1vw -0.1vw 0.15vw #ff0800, -0.1vw -0.1vw 0.15vw #ff0800, 0.1vw 0px 0.15vw #ff0800, 0px 0.1vw 0.15vw #ff0800, -0.1vw 0px 0.15vw #ff0800, 0px -0.1vw 0.15vw #ff0800, -0.05vw -0.15vw 0px #ff0800, 0px -0.15vw 0px #ff0800, 0.05vw -0.15vw 0px #ff0800, -0.1vw -0.1vw 0px #ff0800, -0.05vw -0.1vw 0px #ff0800, 0px -0.1vw 0px #ff0800, 0.05vw -0.1vw 0px #ff0800, 0.1vw -0.1vw 0px #ff0800, -0.15vw -0.05vw 0px #ff0800, -0.1vw -0.05vw 0px #ff0800, -0.05vw -0.05vw 0px #ff0800, 0px -0.05vw 0px #ff0800, 0.05vw -0.05vw 0px #ff0800, 0.1vw -0.05vw 0px #ff0800, 0.15vw -0.05vw 0px #ff0800, -0.15vw 0px 0px #ff0800, -0.1vw 0px 0px #ff0800, -0.05vw 0px 0px #ff0800, 0.05vw 0px 0px #ff0800, 0.1vw 0px 0px #ff0800, 0.15vw 0px 0px #ff0800, -0.15vw 0.05vw 0px #ff0800, -0.1vw 0.05vw 0px #ff0800, -0.05vw 0.05vw 0px #ff0800, 0px 0.05vw 0px #ff0800, 0.05vw 0.05vw 0px #ff0800, 0.1vw 0.05vw 0px #ff0800, 0.15vw 0.05vw 0px #ff0800, -0.1vw 0.1vw 0px #ff0800, -0.05vw 0.1vw 0px #ff0800, 0px 0.1vw 0px #ff0800, 0.05vw 0.1vw 0px #ff0800, 0.1vw 0.1vw 0px #ff0800, -0.05vw 0.15vw 0px #ff0800, 0px 0.15vw 0px #ff0800, 0.05vw 0.15vw 0px #ff0800;
  
/*  text-shadow: 2px 2px 3px #3660c4, -2px 2px 3px #3660c4, 2px -2px 3px #3660c4, -2px -2px 3px #3660c4, 2px 0px 3px #3660c4, 0px 2px 3px #3660c4, -2px 0px 3px #3660c4, 0px -2px 3px #3660c4, rgb(54, 96, 196) 3px 0px 0px, rgb(54, 96, 196) 2.83487px 0.981584px 0px, rgb(54, 96, 196) 2.35766px 1.85511px 0px, rgb(54, 96, 196) 1.62091px 2.52441px 0px, rgb(54, 96, 196) 0.705713px 2.91581px 0px, rgb(54, 96, 196) -0.287171px 2.98622px 0px, rgb(54, 96, 196) -1.24844px 2.72789px 0px, rgb(54, 96, 196) -2.07227px 2.16926px 0px, rgb(54, 96, 196) -2.66798px 1.37182px 0px, rgb(54, 96, 196) -2.96998px 0.42336px 0px, rgb(54, 96, 196) -2.94502px -0.571704px 0px, rgb(54, 96, 196) -2.59586px -1.50383px 0px, rgb(54, 96, 196) -1.96093px -2.27041px 0px, rgb(54, 96, 196) -1.11013px -2.78704px 0px, rgb(54, 96, 196) -0.137119px -2.99686px 0px, rgb(54, 96, 196) 0.850987px -2.87677px 0px, rgb(54, 96, 196) 1.74541px -2.43999px 0px, rgb(54, 96, 196) 2.44769px -1.73459px 0px, rgb(54, 96, 196) 2.88051px -0.838247px 0px;*/
  
  
/*  1px 1px 0px #ff0800, -1px 1px 0px #ff0800, 1px -1px 0px #ff0800, -1px -1px 0px #ff0800, 1px 0px 0px #ff0800, 0px 1px 0px #ff0800, -1px 0px 0px #ff0800, 0px -1px 0px #ff0800,
  2px 2px 0px #ff0800, -2px 2px 0px #ff0800, 2px -2px 0px #ff0800, -2px -2px 0px #ff0800, 2px 0px 0px #ff0800, 0px 2px 0px #ff0800, -2px 0px 0px #ff0800, 0px -2px 0px #ff0800,
  3px 3px 0px #ff0800, -3px 3px 0px #ff0800, 3px -3px 0px #ff0800, -3px -3px 0px #ff0800, 3px 0px 0px #ff0800, 0px 3px 0px #ff0800, -3px 0px 0px #ff0800, 0px -3px 0px #ff0800;*/
  color: #ffffff;
  transform: rotate(0.05deg);
overflow:hidden;
white-space: nowrap;
/*  transform: scale(0.5) rotate(0.05deg);*/
}


/*.float_menu02 img:nth-of-type(2){*/

.float_menu02_new{
  z-index:51;
position:absolute;
width:30%;
height:auto;
margin-top:-10%;
margin-left:-110%;
//-webkit-animation:blink 0.8s ease-out infinite alternate;
//-moz-animation:blink 0.8s ease-out infinite alternate;
animation:blink 0.8s ease-out infinite alternate;
pointer-events:none;

}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

.float_menu02_mes{
position:absolute;
    border: solid 5px rgba(255, 255, 255, 0.0);
  width: 100%;
  margin-top:-50%;
  height:50%;
//position:bloxk;
  background-color: rgba(255, 255, 255, 0.5);
}



.float_menu02 p {
  font-size: 2.0vw;
  color: #000000;
  margin-top: 2.5%;
  margin-bottom: 0;
}

.float_menu02 {
    justify-content: center;        /*中央揃え*/
//    background-color: black;
//  display: inline-block;
  transition: 1.0s;
//  transition-property: transform;
//  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//  transform: translateZ(0);
//  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
//  background: url("img/btn001ro.png") no-repeat;
}
.float_menu02 a {
  display: inline-block;
}
.float_menu02 a:hover {
//  background-color: transparent;
}
.float_menu02 a:hover img{
//  visibility: hidden;
}




.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/* Float メニュー */
.float_chara {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_chara:hover {
  transform: translateY(-5%);
}

/* Float 横 右 */
.float_right {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_right:hover {
  transform: translateX(15%);
}

/* Float 横 左 */
.float_left {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_left:hover {
  transform: translateX(-15%);
}


/* Float スペシャル */
.float_sp {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float_sp:hover {
  transform: translateY(-10%);
}


/* Scale キャラ */
.scale_chara {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.scale_chara:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
}

/* Scale パッケージ */
.scale_pak {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.scale_pak:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* メインへ戻る */

.back_main {
	width:100%;
	height:100%;
    text-align: center;
	padding-bottom:3%;
	background-size: 100% auto;
	z-index:50;
}

.mainback {
	box-shadow: 3px 4px #000000;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ＴＯＰ動画 */

#bg-video video {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	object-fit:cover;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* メインビジュアル */


.main{
	width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	padding-top:0%;
	z-index:0;
}

.main02{
	width:100%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	padding-top:0%;
	z-index:0;
}

.bt01{
    border: 0px
    z-index:5;

}

.main02 a{
    position: absolute;
    left: 50%;
    top: 200%;
    transform: translate(-50%,-50%);
    display: block;
    width: 200px;
    box-sizing: border-box;
 //   background: rgba(255,255,255,0.3);
//    border: 1px solid #FFF;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-size: 120%;
    font-weight: bold;
    transition: .3s;
    text-decoration: none;
}
.main_logo {
	margin-top:-126%;
	margin-right:auto;
	margin-left:44%;
	z-index:10;
}

.main_text {
	margin-top:-102%;
	margin-right:auto;
	margin-left:59%;
	z-index:10;
}
}


#top{
	margin-top:0%;
}

.main_info{
	width:65%;
	height:100%;
	margin-top:0%;
	padding-bottom:3%;
	background: url(../img/bg_main_info.png) no-repeat top center;
	background-size: 100% auto;
	z-index:50;
}

.main_info_area{
	text-align: center;
	width:90%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	z-index:100;
}

#top video {
	width:100%;
	height:100%;
//	margin-top:-14%;
	left:0;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/



.tuhan {
	margin-top:-120%;
	margin-right:auto;
	margin-left:75%;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

.cont_line_up{
	width:100vw;
	height:6vh;
	rgba(255,255,255,0.0);
	z-index:10000;
}

.cont_line_down{
	width:100vw;
	height:6vh;
	rgba(255,255,255,0.0);
	z-index:10000;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 重要なお知らせ */

.infoall{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:2%;
}

.info{
	width:80%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
}


/* メインスライダー */
#info_slide{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 更新履歴 */

#news_area{
	width:100%;
	height:100%;
	background:rgba(67,166,231,0.0);
	
}


.news_area{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;        /*中央揃え*/
	padding-bottom:3%;
	
}


/*////////////////////////////////////////////////////////////////////////////////////////*/

/* 更新情報内容 */


.news{
	width:100%;
	height:auto;
	margin-top:0px;
	margin-right:0%;
	margin-left:auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
	background:rgba(255,0,0,0.0);
	
}

.topic{
	background-color:#4ec4d3;
	color:white;
	border-radius: 1.0vw;
	padding-left: 1.0vw;
	padding-right: 1.0vw;
}

.magazines{
	background-color:#c44e4e;
	color:white;
	border-radius: 1.0vw;
	padding-left: 1.0vw;
	padding-right: 1.0vw;
}

.news_contents{
//	border: 3px solid #000000;
//	border: 3px solid #4ec4d3;
    border-radius: 0px;
	font-size: 0.8vw;
	width:100%;
	height:20vw;
	margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
	padding:1.0%;
//	background:rgba(255,0,0,0.0);
//	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
//	box-shadow: 0px 4px 4px #000000;
}

@media screen and (min-aspect-ratio: 16/9) {
.news_contents{
	font-size: 1.48vh;
	height:37vh;
}
}

.books_contents{
//	border: 3px solid #000000;
//	border: 3px solid #4ec4d3;
    border-radius: 0px;
	font-size: 0.8vw;
//	font-weight: bold;
	width:100%;
	height:7vw;
	margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
	padding:1.0%;
//	background:rgba(255,0,0,0.0);
//	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
//	box-shadow: 0px 4px 4px #000000;
}

@media screen and (min-aspect-ratio: 16/9) {
.books_contents{
	font-size: 1.48vh;
	height:12.95vh;
}
}

.scrollarea{
text-align:left;
width:100%;
//background:rgba(255,255,255,0.7);
//margin-top:2%;
margin-left: auto;
margin-right: auto;
overflow:auto;
color:black;
}

.scrollarea li{
margin-bottom:0.8%;
padding-bottom:0.8%;
padding-left:0.8%;
border-bottom:solid 1px rgba(0,0,0,1.0);
font-weight: 900;
}

.scrollarea li div{
display: inline-block;
//vertical-align:bottom;
font-size: 80%;
font-weight: 900;
padding-right:1em;
}
//.scrollarea li div:after{
//	content: "　";
//}

.scrollarea li h8,
.scrollarea li p{
display: inline-block;
vertical-align:bottom;
font-size: 80%;
}

.scrollarea li h8{
margin-right:1%;
color:#FFFFFF;
}

.news_contents .scrollarea li h6{
margin-right:2%;
color:#FFF;
font-size:1.3vmin;
}


.scrollarea::-webkit-scrollbar {

  width: 7px;

}

.scrollarea::-webkit-scrollbar-thumb {

//  background: linear-gradient(0deg,#FFFFFF,#999999);
  background-color: #2351a3;
  border:solid 1px rgba(255,255,255,1.0);
//4ec4d3
  border-radius: 3px;

}

.scrollarea::-webkit-scrollbar-track {

//  background: rgba(90,90,90, .7);
  background: rgba(255,255,255, .7);

}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 雑誌掲載情報 */

.magazine{
	width:100%;
	height:auto;
	margin-top:0px;
	margin-right:0%;
	margin-left:auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
	background:rgba(0,255,0,0.0);
	
}

.magazine_contents{
	border: 2px solid #605856;
    border-radius: 0px;
	font-size:1.5vmin;
	width:48vw;
	height:20vh;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:1.0%;
	background:rgba(255,0,0,0.0);

}


.magazine_contents .scrollarea li h6{
margin-right:2%;
color:#FFF;
font-size:1.5vmin;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* pv */

.pv{
	width:68%;
	height:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:10%;
	position:relative;

}

#demomove{
//	border: #FFFFFF solid 5px;
	background:rgba(255,255,255,1.0);
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* コンセプトスライド */

.concept01{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:2%;
}

.con01{
	height:100%;
	width:100%;
	margin:0 auto;
	background-size: 100% auto;
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	position:relative;
	z-index:10;
}


/* メインスライダー */
#con_slide{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.0);
}


.con01-002 {
	margin-top:-45%;
	margin-right:auto;
	margin-left:auto;
	position: absolute;
	z-index:1000;
}

.con01-002-01 {
	margin-top:0%;
}
.con01-002-02 {
	margin-top:2%;
}

.con01-002-03 {
	margin-top:15%;
	margin-right:60%;
	margin-left:auto;
	z-index:100000;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 間の画像 */

.img.b {
	background: url("../img/while01.jpg") no-repeat center center / cover fixed;
    width: 100% ;
    height: 40vh ;
}

.img.c {
	background: url("../img/while02.jpg") no-repeat center center / cover fixed;
    width: 100% ;
    height: 40vh ;
}

.img.d {
	background: url("../img/while03.jpg") no-repeat center center / cover fixed;
    width: 100% ;
    height: 40vh ;
}

.img.e {
	background: url("../img/while04.jpg") no-repeat center center / cover fixed;
    width: 100% ;
    height: 40vh ;
}

.img.f {
	background: url("../img/while05.jpg") no-repeat center center / cover fixed;
    width: 100% ;
    height: 40vh ;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 作品概要 */

.cont_title{
	width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:0%;
	z-index:10000;
}

.concept02{
	width:100%;
	height:auto;
	background: url(../img/concept02.png) no-repeat top center;
	background-size:cover;
	margin:0 auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:0%;
	position:relative;
}


.con01-01 {
	margin-top:18%;
	margin-right:100%;
	margin-left:0%;
}

.con01-02 {
	margin-top:13%;
	margin-right:98%;
	margin-left:2%;
}

.con01-03 {
	margin-top:15%;
	margin-right:auto;
	margin-left:36%;
}

.con01-04 {
	margin-top:18%;
	margin-right:98%;
	margin-left:2%;
}

.con01-05 {
	margin-top:8%;
	margin-right:98%;
	margin-left:2%;
	padding-bottom:5%;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/
/* あらすじ01 */

.story{
	width:100%;
	height:100%;
	background: url(../img/story01.png) no-repeat top center;
	background-size:cover;
	margin:0 auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:0%;
	position:relative;
}



.str01-01 {
	margin-top:28%;
	margin-right:0%;
	margin-left:40%;
}

.str01-02 {
	margin-top:0%;
	margin-right:0%;
	margin-left:36%;
}

.str01-03 {
	margin-top:15%;
	margin-right:98%;
	margin-left:2%;
}

.str01-04 {
	margin-top:0%;
	margin-right:98%;
	margin-left:2%;
	padding-bottom:15%;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 舞台紹介 */

.stage{
	margin:0 auto;
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
}


/* メインスライダー */
#main_slide_stage{
	width:100%;
	padding-top:15%;
	padding-bottom:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.5);
}

.stage li{
    border: solid 5px #FFFFFF;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* キャラクター紹介 */

.character{
	width:100%;
	height:100%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:1%;
}


/* メインスライダー */
#main_slide_chara{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.5);
	z-index:10;
}

/* サムネイル */
#chara_slide{
	width:85%;
	padding-top:0%;
	padding-bottom:0%;
	margin-top:0%;
	margin-bottom:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,255,0.5);
	z-index:1000;
}



/* ------------キャラセレクト------------ */

.select_area{
	position: relative;
	width:30%;
	margin-top:-111%;
	margin-bottom:0%;
	margin-right:auto;
	margin-left:2%;
	text-align:center;
	z-index:300;
}

.change_area{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.change_area li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に*つ並べる場合*/
	padding:0% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.change_area li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


.select_area03{
	width:20%;
	margin-top:-75%;
	margin-bottom:60%;
	margin-right:auto;
	margin-left:18%;
	text-align:center;
	z-index:10000;
}


/* ------------01ベルベル------------ */

.chara01{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.ch01_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch01_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch01_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch01_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}

.dressfull01 {
	position: relative;
	z-index:50;
}


.fll01 {
	margin-top:-120%;
	margin-right:0%;
	margin-left:30%;
	position: absolute;
}



.ch01area{
	width:65%;
	padding-top:37%;
	padding-bottom:-20%;
	margin-right:auto;
	margin-left:30%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	z-index:10000;
}

.ch01dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch01dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/6);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch01dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


/* 音声再生 */


.voice-sample01{
	padding-top:26%;
	width:35%;
	background:rgba(0,255,0,0.0);
}


.voice-sample01 ul{
  text-align: right;
}


.voice-sample01 ul li{
	list-style: none;
	display: inline;
	background:rgba(0,255,0,0.0);
}

/* ------------02ソニア------------ */

.chara02{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.ch02_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch02_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch02_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch02_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}



.ch02area{
	width:65%;
	padding-top:37%;
	padding-bottom:-20%;
	margin-right:auto;
	margin-left:30%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	z-index:10000;
}

.ch02dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch02dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/6);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch02dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


/* 音声再生 */


.voice-sample01{
	padding-top:26%;
	width:35%;
	background:rgba(0,255,0,0.0);
}


.voice-sample01 ul{
  text-align: right;
}


.voice-sample01 ul li{
	list-style: none;
	display: inline;
	background:rgba(0,255,0,0.0);
}


/* ------------05ルキシス------------ */

.chara05{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.ch05_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch05_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch05_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch05_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}



.ch05area{
	width:65%;
	padding-top:37%;
	padding-bottom:-20%;
	margin-right:auto;
	margin-left:30%;
	background:rgba(0,255,255,0.0);
	text-align:center;
	z-index:10000;
}

.ch05dress{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.ch05dress li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/6);/*←画像を横に*つ並べる場合*/
	padding:0% 0% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.ch05dress li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


/* 音声再生 */


.voice-sample01{
	padding-top:26%;
	width:35%;
	background:rgba(0,255,0,0.0);
}


.voice-sample01 ul{
  text-align: right;
}


.voice-sample01 ul li{
	list-style: none;
	display: inline;
	background:rgba(0,255,0,0.0);
}


/* ------------リーン------------ */


.chara00{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
	background:rgba(0,255,255,0.0);
}

.ch00_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch00_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch00_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch00_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}



/* ------------ゾナ------------ */


.chara06{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
	background:rgba(0,255,255,0.0);
}

.ch06_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch06_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch06_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch06_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}


/* ------------ニケ------------ */


.chara07{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.ch07_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch07_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch07_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch07_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}


/* ------------ジルグント＆ユルグント------------ */


.chara08{
	background-size: 100% auto;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.ch08_panel {
	margin-top:-69.5%;
	margin-right:46%;
	margin-left:0%;
}

.ch08_full {
	margin-top:-137.3%;
	margin-right:0%;
	margin-left:21%;
}

.ch08_text {
	margin-top:-177%;
	margin-right:44%;
	margin-left:0%;
}


.ch08_oppai {
	margin-top:-60%;
	margin-right:0%;
	margin-left:40%;
}





/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ギャラリー */


#gallery{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:5%;

}

.gallery{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	margin-top:0%;
	padding-top:0%;
	padding-bottom:0%;

}

#gallerythumb{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:5%;
	padding-bottom:3%;
}

#gallerythumb img{
    border: solid 3px #FFFFFF;
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .3);
}

.cgthumb{
	display: flex;
	flex-wrap:wrap;
	background:rgba(255,0,0,0.0);
}

.thumbsize {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に*つ並べる場合*/
	padding:8px 8px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
	transform: rotate(3deg);  /* 2D(平面)で回転 */

}

.cgthumb li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.thsize {
	width:100%;
	background:rgba(255,0,0,0.0);
	padding-top:3%;
	padding-bottom:3%;
}

.display-none{
	display:none;
}

.graphic{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:5%;
	padding-bottom:5%;
}


.viewer01{
	margin-top:3%;
	margin-right:auto;
	margin-left:-80%;
	
}


.viewer01 img{
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
}


/*
.cgviewe:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}
*/


.viewer02:hover{
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity:0.5;
}



.cgnone{
opacity:0.3;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* スペシャル */


.special{
	width:68%;
	height:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:0%;
	padding-bottom:5%;
}

.special_area{
	width:100%;
	padding-top:6%;
	padding-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:10000;
}

.specon_area{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}

.specon_area li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/2);/*←画像を横に*つ並べる場合*/
	padding:1% 1%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.specon_area li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 製品情報 */

.product{
	width:100%;
	height:100%;
	margin:0 auto;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	z-index:50;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* グッズ */

#goods01{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;

}


.goods_title{
	padding-top:3%;
	padding-bottom:3%;
}


.goods01{
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(233,228,209,0.0);
	text-align:center;
}

.weblink {
	margin-top:-14%;
	margin-right:auto;
	margin-left:40%;
}


.weblinknone {
	margin-top:-25%;
	margin-right:30%;
	margin-left:auto;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* ショップ特典 */
/* 
#shop{
	width:65%;
	height:100%;
	margin-top:61%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:6%;
	padding-bottom:0%;
	position: relative;
	z-index:100;
	

}
 */

.shop_title{
	padding-top:3%;
	padding-bottom:3%;
}

.shop_original_title{
	padding-top:10%;
	padding-bottom:0%;
}

.shop_new_title{
	padding-top:5%;
	padding-bottom:0%;
}

.shop{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
	position: relative;
	z-index:100;
}

.shoplineup00{
	width:100%;
	margin-top:5%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.shoplineup01{
	width:100%;
	margin-top:5%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.shoplineup02{
	width:100%;
	margin-top:6%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.shoplineup03{
	width:100%;
	margin-top:6%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.shoplineup04{
	width:100%;
	margin-top:6%;
	margin-bottom:0%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

#linepucolumn{
	width:100%;
	margin:0 auto;
	margin-bottom:2%;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:5%;
}

.column01{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.column01 li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に●つ並べる場合*/
	padding:0px 0px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(255,0,0,0.0);
}

.column01 li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.tenpo00{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:31%;
	padding:0px 10px;/*←画像の左右に●pxの余白を入れる場合*/
}


.tenpo00_long{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:50%;
	padding:0px 10px;/*←画像の左右に●pxの余白を入れる場合*/
}


.tenpo01{
	width:100%;
	margin:5 auto;
	text-align:center;
	background:rgba(0,0,255,0.0);
	padding-top:0%;
	padding-bottom:3%;
}


.cg_line{
    border: solid 1px #917C4F;
	margin-top:2%;
	margin-bottom:2%;
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
}



.shopthumb01{
    border: solid 5px #FFFFFF;
	margin-top:2%;
	margin-bottom:2%;
	box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2);
}



.shopnone{
pointer-events:none;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 抱き枕カバー */


.box_pillow{
	background:rgba(0,0,0,1.0);
	background-size: 100% auto;
}

#pillow{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-top:0%;
	padding-bottom:0%;
	background-size: 100% auto;
	background:rgba(238,223,212,1.0);
}

.pillow_title{
	padding-top:3%;
	padding-bottom:0%;
}

.pillow{
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}


/* 抱き枕カバースライダー */
.pillowmov{
	width:100%;
	background-size: 100% auto;
	z-index:0;
	position:relative;
}

.pillow_setcontent{
	width:100%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,255,0.0);
	text-align:center;
}

#pillow_slide{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	background:rgba(0,0,0,0.0);
}


.pillow_obj{
  z-index:30;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}






.pillow01-01{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:3%;
	padding-bottom:0%;
	background:rgba(255,255,0,0.0);
	background-size: 100% auto;
	z-index:0;
}

.pillow-text{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:0%;
	background:rgba(255,0,0,0.0);
	background-size: 100% auto;
	z-index:0;
}

.pillow01-02{
	width:100%;
	z-index:0;
	padding-bottom:45%;
}


.pillow01_fll {
	margin-top:-55%;
	margin-right:5%;
	margin-left:auto;
}


.pillow01_wafflestore {
	margin-top:-21%;
	margin-right:-50%;
	margin-left:auto;
}



.pillow01-03{
	width:100%;
	z-index:0;
	padding-bottom:50%;
}


.pillow02_fll {
	margin-top:-55%;
	margin-right:auto;
	margin-left:5%;
}


.pillow02_wafflestore {
	margin-top:-17%;
	margin-right:auto;
	margin-left:-50%;
}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/* タペストリー */

#tapestry{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
}

.tapestry_title{
	padding-top:3%;
	padding-bottom:3%;
}

.tapestry{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:250%;
	padding-bottom:0%;
	background: url(../img/tapestry01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01-01{
	width:100%;
	height:100%;
	margin-top:3%;
	padding-top:98%;
	padding-bottom:20%;
	background: url(../img/tapestry01-01.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01-02{
	width:100%;
	height:100%;
	margin-top:0%;
	padding-top:85%;
	padding-bottom:20%;
	background: url(../img/tapestry01-02.png) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}

.tapestry01_fll {
	margin-top:-43%;
	margin-right:-10%;
	margin-left:auto;
}

.tapestry01_area{
	width:18%;
	margin-top:-57%;
	padding-bottom:10%;
	margin-right:auto;
	margin-left:63%;
	background:rgba(0,255,255,0.0);
	text-align:center;
}

.tapestry01_seles{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,255,0.0);
}
.tapestry01_seles li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/1);/*←画像を横に*つ並べる場合*/
	padding:2% 2%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.tapestry01_seles li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}



.tapestry01-03{
	width:100%;
	height:100%;
	margin-top:10%;
	padding-top:80%;
	padding-bottom:0%;
	background: url(../img/tapestry01-03.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index:0;
}


.tapestry02_fll {
	margin-top:-39%;
	margin-right:-62%;
	margin-left:auto;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
/* オフィシャル通販 */


.official_title{
	width:45%;
	padding-top:0%;
	padding-bottom:0%;
	height:auto;
	left:0%;
	top:0%;
	position:absolute;
	z-index:1000;
}

.official{
	width:80%;
	height:auto;
	margin:0 auto;
	text-align:center;
//	background-attachment:fixed;
	background-attachment: fixed;
	padding-top:15%;
	padding-bottom:3%;
	background-size: 100% auto;
//	position:absolute;
}


.setname{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}

.namelist{
	margin-top:-15.7%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
}


.wafflestorelink{
	margin-top:-12%;
	margin-right:-83%;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
    border: solid 1px #000000;
}


.setcontent{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}


.setcontent #setimg{
    border: solid 2px #ffffff;
}


/*
#setchange{
	width:15%;
	margin-top:-64%;
	margin-bottom:6%;
	margin-left:auto;
	margin-right:-2%;
	background:rgba(255,0,0,0.0);
	text-align:center;
	padding-left:1%;
	padding-right:0%;
}

*/
#setchange{
	position:absolute;
	width:12%;
	height:auto;
	top:39%;
	left:80.5%;
	background:rgba(255,0,0,0.0);
	text-align:center;
}


.setlineuplink{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,255,0.0);
	text-align:center;
}

#setcontlineup{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:2%;
}

.linkbottom{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.linkbottom li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に●つ並べる場合*/
	padding:10px 0px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.linkbottom li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.delivery_price{
	width:75%;
	margin-right:auto;
	margin-left:auto;
	padding-top:0%;
	padding-bottom:0%;
	background:rgba(0,255,0,0.0);
	text-align:center;
//	display: inline-block;
	flex-direction: row;
	flex-wrap: nowrap;
	display: flex;
    justify-content: space-between;        /*中央揃え*/
//	flex-wrap:wrap;
}

.dp00{
	background:rgba(0,0,0,0.0);
	display: inline-block;
	width:49%;
}


.dp02{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,0.1);
}


.setlist{
	width:75%;
	margin-top:2%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,0,0,0.1);
	text-align:center;
}

.setlistlineup{
	width:75%;
	margin-top:0.5%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,255,0.0);
	text-align:center;
}


.setlisttext{
	margin-top:-31.5%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(0,255,0,0.0);
	text-align:center;
}




.banner{
	width:75%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,0,0,0.0);
	text-align:center;
}


#bannerlineup{
	width:90%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,255,0,0.0);
	padding-top:2%;
	padding-bottom:5%;
}

.bannerbottom{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.bannerbottom li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/3);/*←画像を横に●つ並べる場合*/
	padding:10px 30px;/*←画像の左右に●pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}

.bannerbottom li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}



/*////////////////////////////////////////////////////////////////////////////////////////*/

.posterinfo{
	padding:2% 2% 2% 2%;
	background:rgba(0,0,200,0.3);

}
.posterinfo p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}



.postext{
	width:95%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.5);
	text-align:left;
	

}

.postext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.postext a:link{color:#007BFF;}
.postext a:visited{color:#007BFF;}
.postext a:hover{color:#007BFF;}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 体験版 */

#trial{
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	margin-top:0%;
	margin-bottom:0%;
	padding-top:0%;
	padding-bottom:5%;
	background:rgba(240,227,219,1.0);
}


.trial{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:5%;
	padding-bottom:0%;
	position: relative;
	z-index:100;
}



.trialtext{
	width:75%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.5);
	text-align:left;
	

}

.trialtext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.trialtext a:link{color:#007BFF;}
.trialtext a:visited{color:#007BFF;}
.trialtext a:hover{color:#007BFF;}

.trialtext_info{
	width:75%;
	margin-top:0%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	text-align:left;
	background:rgba(0,0,0,0.5);

}

.trialtext_info p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}

.trial_wach {
	margin-top:-15%;
	margin-right:auto;
	margin-left:auto;
}

.tridl{
	width:70%;
}




/* ダウンロードリスト短い */
#demo_list2{
margin-left:auto;
margin-right:auto;
margin:auto;
margin-top:0%;
margin-bottom:10%;
}


/* 内枠内 */
#demo_list2 ul{
margin-right:auto;
margin-left:auto;
width:100%;
color:#990000;
font-size:2vmin;
background:rgba(255,255,255,0.2);
padding:3%;
padding-bottom:1%;


/* 内枠線 */
border:2px solid rgba(0,0,0,0.3);
border-radius:90%;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#demo_list2 ul li{
text-align:center;
margin-bottom:3%;
}


#demo_list2 ul li ol li{
text-align:center;
vertical-align:top;
margin-bottom:1%;
margin:auto;
}

/* 見出し文章 */
#demo_list2 ul li h5{
color:#000;
font-size:1.5vmin;
font-weight:nomal;
}

#demo_list2 ul li h5 a{color:#7931B7;}
#demo_list2 ul li h5 a:hover{color:#7931B7}


/* ミラーサイト■ */
#demo_list2 ul li ol li h6 a{
color:#FFF;
font-size:2vmin;
font-weight:bold;
text-align:center;
padding-left:10%;
padding-right:10%;
padding-bottom:3%;
}

#demo_list2 ul li ol li h6 a:hover{
color:#7B436D;
}

#demo_list2 ul li ol li p a{
display:block;
font-size:1.3vmin;
color:#FFF;
font-weight:bold;
padding:2%;
padding-top:1%;
padding-bottom:1%;
margin-bottom:1%;


/* DOWNLOADリンク■ */
background:rgba(121,49,183,1);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 1px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 1px 0px 0px;
}

#demo_list2 ul li ol li p a:hover{
background:rgba(249,131,250,1);
color:#7B436D;
margin-top:2px;
box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-webkit-box-shado:rgba(0,0,0,0.7) 0px 0px 0px 0px;
-moz-box-shadow:rgba(0,0,0,0.7) 0px 0px 0px 0px;
}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 抱っこ枕 */

#dakko{
	width:80%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;

}


.dakko_title{
	padding-top:3%;
	padding-bottom:3%;
}


.dakko_title img{
	border:1px solid rgba(255,255,255,1.0);
}

.dktext{
	width:75%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	background:rgba(0,0,0,0.5);
	text-align:left;
	

}

.dktext p {
	font-size:1.7vmin;
	margin: 1.67em 0;
	color:#FFF;
	line-height: 1.8em;
}

.font_link{
	font-weight:  bold;
}

.rctext a:link{color:#007BFF;}
.rctext a:visited{color:#007BFF;}
.rctext a:hover{color:#007BFF;}

.dktext_info{
	width:75%;
	margin-top:0%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:2% 2% 2% 2%;
	text-align:left;
	background:rgba(0,0,0,0.5);

}

.dktext_info p {
	font-size:1.5vmin;
	margin: 1.8em 0;
	color:#FFF;
	line-height: 1.8em;
}

.dakkolineup01{
	width:75%;
	margin-top:2%;
	margin-bottom:3%;
	margin-right:auto;
	margin-left:auto;
	padding:0% 0% 0% 0%;
	background:rgba(255,255,0,0.0);
	text-align:center;
}

.dkobn00{
	background:rgba(0,255,0,0.0);
	display: inline-block;
	width:30%;
	padding:0px 20px;/*←画像の左右に●pxの余白を入れる場合*/
}

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* webアンケート */

#webq{
	width:65%;
	height:100%;
	margin-top:-4%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:6%;
	padding-bottom:10%;
	position: relative;
	z-index:100;

}



.trialtext {
	margin-top:5%;
	margin-bottom:5%;
	margin-right:auto;
	margin-left:auto;
}


.webbottom01 {
	margin-top:8%;
	margin-right:auto;
	margin-left:auto;
}


.weblinknone {
	margin-top:-25%;
	margin-right:30%;
	margin-left:auto;
}



@media screen and (max-width: 1600px) {

.float_menu02 a div div p {
  font-size: 1.1vw;
}
.float_menu02 a div div p:nth-of-type(2){
  font-size: 1.0vw;
}
}

@media screen and (min-width: 1601px) {

.float_menu02 a div div p {
  margin-left: -8px;
  font-size: 17.6px;
}
.float_menu02 a div div p:nth-of-type(2){
  margin-left: -12.8px;
  font-size: 16px;
}
}


@media screen and (max-width: 480px) {
.float_menu01 p {
  font-size: 1.5vw;
  color: #ffffff;
}
/*
.float_menu02 p {
  font-size: 2.0vw;
  color: #ffffff;
}*/
.float_menu02 a div div {
	overflow:visible;
/*  line-height:100%;*/
}


.float_menu02 a div div p {
/*  transform: scale(0.5) translate(-50%, -50%) rotate(0.05deg);*/
/*  white-space:pre;*/
  font-size: calc(1.1vw * 2);
  letter-spacing : -0.02em;
  transform: scale(0.5) translate(-50%, -50%) rotate(0.05deg);
	overflow:visible;
/*  line-height:100%;*/
}
/*.float_menu02 a div div p::after {
  line-height:50%;
}*/
.float_menu02 a div div p:nth-of-type(2){
/*  transform: scale(0.5) translate(-50%, -50%) rotate(0.05deg);*/
  font-size: calc(1.0vw * 2);
  letter-spacing : -0.02em;
  transform: scale(0.5) translate(-50%, calc(-50% - 3.5em)) rotate(0.05deg);
/*  font-size: 0.8vw;*/
/*  white-space:pre;*/
	overflow:visible;
}

}


.box_gray{
	transform: none;
	animation: none;
	filter: grayscale(1);
	opacity:0.5;
}

.box_gray:hover{
	transform: none;
	animation: none;
	filter: grayscale(1);
	opacity:0.5;
    cursor: auto;
}


.btn_no{
	opacity:1.0;
}

.btn_no:hover{
	animation: none;
	transform: none;
    cursor: auto;
	opacity:1.0;
}