/* View Small */

html {
	min-height: 100vh;
	font-size: 16px !important;
	overflow: auto;
}
body {
	min-width: 480px;
	min-height: 100vh;
	font-size: 16px !important;
}
.only_pc {
	display: none !important;
}
.only_mobile {
	display: block;
}
#all_wrap {
    min-width: auto;
}
#all_wrap_inner {
    padding: 20px;
	padding-top: calc(80px + 20px);
}
.section_heading h3.title {
    float: none;
}


/* Header */

#header {
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
}
#header_inner {
    padding: 1em 2.1em;
}
#header h1#header_logo {
    float: left;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 190px;
    border-bottom: none;
}

/* Menu */

#menu_switch {
	position: fixed;
	top: 25px;
	right: 30px;
	display: block;
}
.bended #menu {
	float: right;
	padding: 0;
	margin: 0;
	margin-right: calc(40px + 2em);
	border-bottom: none;
}
.expanded #menu {
	z-index: 10010;
}
.bended #menu #menu_global li {
    margin-bottom: 0;
}
.bended #menu #menu_global li a {
	line-height: 47px;
}
.bended #menu_global_rest {
	display: none;
}
.expanded #menu_global_rest {
	display: block;
	padding-bottom: 2.1em;
    margin-bottom: 3.2em;
    border-bottom: 1px solid #e9e9e9;
}
.bended #header_links {
	display: none;
}
.expanded #header_links {
	display: block;
}
#header_links ul li:not(:last-child) {
	margin-bottom: 1em;
}
.bended #menu_global li .menu_en {
	display: none;
}
.bended #menu_global li {
	float: left;
}
#menu_global li {
	margin-left: 1.2em;
}
.expanded #menu {
	position: fixed;
	top: 0;
	right: -250px;
	padding-top: calc(80px + 30px);
	width: 45%;
	height: 100%;
	background: #fff;
		-o-animation: menu_show 350ms 1 ease-in-out forwards;
		-ms-animation: menu_show 350ms 1 ease-in-out forwards;
		-moz-animation: menu_show 350ms 1 ease-in-out forwards;
		-webkit-animation: menu_show 350ms 1 ease-in-out forwards;
	animation: menu_show 350ms 1 ease-in-out forwards;
}
#menu {
    padding: 0 30px 2.1em;
    padding-top: calc(80px + 30px);
    padding-bottom: 2.1em;
    margin-bottom: 0;
    text-align: right;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 600;
}
#menu_sns ul li {
    width: 30px;
    height: 30px;
}
#menu_sns ul li:not(:last-child) {
    margin-right: 1.2em;
}
@keyframes menu_show {
0% {
	right: -250px;
}
100% {
	right: 0;
}
}
.bended #menu {
		-o-animation: menu_hide 350ms 1 ease-in-out forwards;
		-ms-animation: menu_hide 350ms 1 ease-in-out forwards;
		-moz-animation: menu_hide 350ms 1 ease-in-out forwards;
		-webkit-animation: menu_hide 350ms 1 ease-in-out forwards;
	animation: menu_hide 350ms 1 ease-in-out forwards;
}
@keyframes menu_hide {
0% {
	right: 0;
}
100% {
	right: -250px;
}
}
.bended #menu li::after {
    display: none;
}
#menu #menu_global li::after,
#menu #menu_global_rest #menu_profile::after {
    right: -30px;
}


/* Floating */

#floating #contact_button {
	display: flex;
	justify-content: center;
	align-items: center;
	top: auto;
	right: auto;
	bottom: 10px;
	left: 10px;
	width: 47.5%;
	height: 100px;
		-ms-writing-mode: inherit;
	writing-mode: inherit;
	text-align: center;
}
.scroll_down  #contact_button {
		-o-animation: bottom_hide_down 500ms ease-in-out forwards;
		-ms-animation: bottom_hide_down 500ms ease-in-out forwards;
		-moz-animation: bottom_hide_down 500ms ease-in-out forwards;
		-webkit-animation: bottom_hide_down 500ms ease-in-out forwards;
	animation: bottom_hide_down 500ms ease-in-out forwards;
}
.scroll_up  #contact_button {
		-o-animation: bottom_show_up 500ms ease-in-out forwards;
		-ms-animation: bottom_show_up 500ms ease-in-out forwards;
		-moz-animation: bottom_show_up 500ms ease-in-out forwards;
		-webkit-animation: bottom_show_up 500ms ease-in-out forwards;
	animation: bottom_show_up 500ms ease-in-out forwards;
}
@keyframes bottom_hide_down {
	0% {
		opacity: 1;
		bottom: 10px;
	}
	100% {
		opacity: 0;
		bottom:  -100px;
	}
}

@keyframes bottom_show_up {
	0% {
		opacity: 0;
		bottom: -100px;
	}
	100% {
		opacity: 1;
		bottom:  10px;
	}
}
#contact_button a {
	display: block;
	padding: 1em;
	width: 100%;
}
#contact_button a span {
	display: block;
	margin-top: 0;
}
#header_event {
	padding: 0;
	margin: 0;
	border-bottom: none;
}
#header_event_slide {
	position: fixed;
	bottom: 120px;
	right: 10px;
	padding: 0;
	margin-bottom: 0;
	width: 100%;
	border-bottom: none;
	z-index: 10000;
}
.scroll_down #header_event_slide {
		-o-animation: scroll_down 500ms ease-in-out forwards;
		-ms-animation: scroll_down 500ms ease-in-out forwards;
		-moz-animation: scroll_down 500ms ease-in-out forwards;
		-webkit-animation: scroll_down 500ms ease-in-out forwards;
	animation: scroll_down 500ms ease-in-out forwards;
}
.scroll_up #header_event_slide {
		-o-animation: scroll_up 500ms ease-in-out forwards;
		-ms-animation: scroll_up 500ms ease-in-out forwards;
		-moz-animation: scroll_up 500ms ease-in-out forwards;
		-webkit-animation: scroll_up 500ms ease-in-out forwards;
	animation: scroll_up 500ms ease-in-out forwards;
}
@keyframes scroll_down {
	0% {
		bottom:  120px;
	}
	100% {
		bottom: 10px;
	}
}
@keyframes scroll_up {
	0% {
		bottom: 10px;
	}
	100% {
		bottom:  120px;
	}
}
#header_event_slide .slick-list {
	overflow: visible;
}
#header_event .event_flyer {
	float: right;
	margin-bottom: 0;
    width: 150px;
}
#header_event .event_data {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1em 180px 1em 30px;
	margin-bottom: 0;
	text-align: right;
	color: #fff;
	background: #adaba6;
	text-align: left;
	z-index: -1;
}
.event_data .event_title {
    font-size: 1em;
}
.event_data ul li {
    font-size: 0.8em;
}
.event_data ul li.event_date {
	font-size: 1.6em;
}
#event_calendar_button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 47.5%;
	border-radius: 0;
	height: 100px;
	z-index: 10000;
}
.scroll_down #event_calendar_button {
		-o-animation: bottom_hide_down 500ms ease-in-out forwards;
		-ms-animation: bottom_hide_down 500ms ease-in-out forwards;
		-moz-animation: bottom_hide_down 500ms ease-in-out forwards;
		-webkit-animation: bottom_hide_down 500ms ease-in-out forwards;
	animation: bottom_hide_down 500ms ease-in-out forwards;
}
.scroll_up #event_calendar_button {
		-o-animation: bottom_show_up 500ms ease-in-out forwards;
		-ms-animation: bottom_show_up 500ms ease-in-out forwards;
		-moz-animation: bottom_show_up 500ms ease-in-out forwards;
		-webkit-animation: bottom_show_up 500ms ease-in-out forwards;
	animation: bottom_show_up 500ms ease-in-out forwards;
}
#event_calendar_button a {
	display: block;
	width: 100%;
	font-size: 1.14em;
}
#event_calendar_button .event_icon {
	width: 20px;
	height: 20px;
}


#clothes {
    margin-right: 0;
}
.page_home #waist {
    float: none;
    width: 100%;
    margin-right: 0;
}
#note_recently {
    padding: 3.4em 3em;
}
#note_list {
	padding: 3.7em 0 6.6em 3em;
}
#filter_month {
    margin-right: 0;
}
#filter_month #jul {
	clear: both;
}
#filter_month li {
	margin-bottom: 1em;
	width: 2.5em;
}
#filter_month li:not(:nth-last-child(n + 7)) {
	margin-bottom: 0;
}
#filter_year {
	float: right;
	margin-top: 1em;
}
#note_filter {
	padding: 0 1.4em 0 0;
}
.filter_year_navi a {
    width: 10px;
    height: 10px;
}


/* Waist */

#waist {
	width: 100%;
}
#heading_pane {
    margin-bottom: 20px;
}
#page_content .inner {
    padding: 3.4em 2em;
}
.page_note #page_content .inner {
	padding: 0;
}

/* Skirt */

#skirt {
	width: 100%;
}
#skirt_profile {
	padding: 7em 0;
	margin-bottom: 2em;
	padding-right: 3em;
	background: url(../images/home/profile_image_mobile.jpg) no-repeat center / cover;
}
#skirt_profile h4 {
    font-size: 1.31em;
    line-height: 1.4em;
}
#skirt_profile h4 span {
    margin-left: 0;
	display: block;
}
#skirt_profile h5 {
    font-size: 0.75em;
}
#skirt_profile_data {
	float: right;
}
#skirt_profile .link a {
    font-size: 0.75em;
}
#skirt_music {
	margin-bottom: 2em;
}
#skirt_music_slide .music_slide img {
	height: 200px;
}
#skirt_books_slide .books_slide img {
	height: 285px;
}

/* Footer */

#footer {
    margin-right: 0;
}


/* Waist */

#page_content .inner {
    padding: 3.4em 2.4em;
}


/* Note */

#filter_month li:not(:last-child) {
    margin-right: 0;
}
#filter_month li:not(:nth-child(6n)) {
    margin-right: 1.1em;
}
.note_pane, .note_content {
    padding: 3.4em 3em;
}
.note_pane h3,
.note_content h3 {
    max-width: 93%;
}

/* Music */

.music_cd_data {
	float: none;
	margin-bottom: 4em;
	width: 100%;
}
.music_cd_image {
    float: left;
    width: 40%;
}
.music_cd_sample {
    float: right;
    width: 55%;
}
.music_cd_buy {
    position: relative;
    float: right;
    width: 55%;
    bottom: auto;
    right: auto;
    text-align: center;
}
.music_cd_text {
    float: none;
    width: 100%;
}
.music_cd_buy a {
    display: block;
}
#music_poster_filter {
    float: none;
    margin-top: 2em;
}
#poster_filter_genre li {
    font-size: 1em;
}
#poster_filter_genre li:not(:last-child) {
	margin-right: 1em;
}
#poster_filter_year {
    margin-left: 1em;
}


.music_poster_pane:not(:nth-last-of-type(-n + 4)) {
    margin-bottom: 0;
}
.music_poster_pane:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 3.5em;
}
.music_poster_pane:not(:nth-of-type(3n)) {
    margin-right: 0;
}
.music_poster_pane:not(:nth-of-type(2n)) {
    margin-right: 1em;
}
.music_poster_pane:nth-of-type(3n + 1) {
    clear: none;
}
.music_poster_pane:nth-of-type(2n + 1) {
    clear: both;
}
.music_poster_pane {
    width: calc((100% - 1em) / 2);
}


/* Writing */

.writing_book_data {
	float: none;
	margin-bottom: 4em;
	width: 100%;
}
.writing_book_image {
    float: none;
    width: 100%;
}
.writing_book_text {
    float: none;
    width: 100%;
}
.writing_book_buy a {
    display: block;
}


/* Profile */

#profile_basic {
    top: 50%;
    left: 50px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#profile_basic h4 {
    margin-bottom: 2em;
    font-size: 1.5em;
}
#profile_basic h4 span {
    display: block;
    margin-left: 0;
    font-size: 0.57em;
}
#profile_details {
    float: none;
    padding-right: 0;
    width: 100%;
    border-right: none;
}
#profile_history,
#profile_award {
    float: none;
    width: 100%;
}
#profile_details ul li:not(:last-child) {
    margin-bottom: 5em;
}
#profile_history ul li:not(:last-child) {
	margin-bottom: 2em;
}