body {
	word-wrap: break-word;
}

dt.mob-menu-wrap div.mob-menu {
    width: 280px;
    height: auto;
    background: rgba(255,255,255,0.96);
    display: none;
    margin-left: -208px;
}

dt.mob-menu-wrap div.mob-menu-button {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.05);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px;
    text-align: center;
    font-size: 0.3em;
    cursor: pointer;
}

@media screen and (max-width: 700px){
	body.site-body {
		padding: 150px 0px 0px;
	}

	dt.mob-menu-wrap {
		display: block;
    	right: 10px;
    	top: 10px;
    	width: 60px;
    	height: auto;
    	opacity: 100;
	}

	dt.mob-menu-wrap div.mob-menu-button {
		width: 40px;
    	height: 40px;
	}

	dt.mob-menu-wrap div.mob-menu-button div.first, dt.mob-menu-wrap div.mob-menu-button div.second, dt.mob-menu-wrap div.mob-menu-button div.third {
		height: 3px;
    	margin: 5px auto 0px;
	}

	div.info-content h3,
	div.live-content h3 {
    	line-height: 160%;
    	margin-top: 30px;
    	font-size: 0.8em;
		max-width: 100vw;
	}

	div.info-content h1,
	div.live-content h1 {
    	font-size: 0.8em;
	}

	div.info-content h2 span,
	div.live-content h2 span {
    	font-size: 0.6em;
	}

	div.info-content h2,
	div.live-content h2 {
		color: #777777;
    	font-size: 0.8em;
    	padding: 7px 0px;
	}

	header.site-header {
		height: 150px;
	}

	header.site-header h1 img {
		width: auto;
    	height: 45px;
	}

	div.info-content, div.prof-content, div.live-content, div.calender-content, div.disc-content, div.mail-magazine-content, div.contact-content {
		width: 100vw;
    	padding: 0 20px 32px;
    	box-sizing: border-box;
	}

	div.mob-menu h2 div {
		height: 40px;
	}

	div.header-sub-menu dl.social {
    	position: fixed;
    	left: -3px;
    	top: 30px;
    	width: fit-content;
	}

	div.header-sub-menu dl img.social {
    	height: 20px;
	}

	dl.social a {
    	padding: 0 0.075em;
	}

	header.site-header h1 {
		padding: 85px 0px 0px;
		width: 100vw;
	}

	div.category-sub.disc,
	div.category-sub.info,
	div.category-header,
	header.site-header h2,
	.film_roll_wrapper,
	div.index-content div.index-banner-style,
	header.site-header,
	body.site-body,
	footer.site-footer h1,
	div.index-content div.index-topix,
	header.site-header h2 {
		width: 100vw;
	}

	.category-sub.info {
		display: flex;
		justify-content: center;
	}

	div.calender-content h1 {
		width: 100%;
		box-sizing: border-box;
    	display: flex;
    	justify-content: space-between;
	}

	.fc th.fc-day-header.fc-sun, .fc th.fc-day-header.fc-sat, .fc-unthemed td.fc-day.fc-sun, .fc-unthemed td.fc-day.fc-sat, td.fc-day-number.fc-sun, td.fc-day-number.fc-sat {
		width: 14.285% !important;
	}

	td.fc-day-number.fc-sun span {
		margin-left: 18px !important;
	}

	div.calender-content h1 dt {
		display: flex;
		padding: 0px 40px;
	}

	div.fc-DISC,
	div.fc-LIVE,
	div.fc-MEDIA,
	div.fc-INFO {
		background-size: 78% !important;
		background-position: 5px 20% !important;
		padding: 30px 5px 0px 5px !important;
	}

	span.fc-title div span {
		font-size: 0.4em !important;
	}

	.fc-basic-view tbody .fc-row {
		min-height: 2.5em !important;
		height: auto !important;
	}

	.fc-row .fc-content-skeleton {
		padding-bottom: 5px !important;
	}

	.fc-day-grid-event > .fc-content {
		white-space: pre-line !important;
	}

	div.index-content div.index-topix {
		height: auto;
	}

	div.index-content div.index-topix div {
		width: 85vw;
		margin: 0 auto 2rem !important;
		float: none;
	}

	div.index-content div.index-topix div h3 {
		width: 100%;
		height: calc(100% - 1.5em);
	}

	div.index-content div.index-topix div h3 dt {
		font-size: 0.55em;
		width: 100%;
	}

	div.index-content div.index-topix div h3 dl {
		width: 100%;
	}

	div.prof-content h1 {
		width: 100%;
		height: auto;
	}

	div.prof-content h1 div {
		float: none;
    	height: auto;
	}

	div.prof-content h1 div img {
		height: auto;
		width: 60%;
	}

	div.prof-content h1 div dt {
		height: auto;
	}

	div.prof-content h1 div dt img {
		width: 50%;
		margin-top: 0.5em;
	}

	div.prof-content h1 div dl {
		margin-top: 0;
		height: auto;
		width: 100%;
	}

	div.prof-content h1 div dl img {
		width: 7%;
	}

	div.prof-content h1 div p img {
		height: 115%;
		width: auto;
	}

	div.prof-content h2 {
		font-size: 0.55em;
    	line-height: 170%;
	}

	div.category-sub.disc {
		height: 10vh;
		display: flex;
		flex-wrap: wrap;
	}

	div.category-sub.disc div:nth-child(even) {
		display: none;
	}

	div.category-sub.disc div {
		margin: 0 0 0.6em;
	}

	div.disc-content {
		display: flex;
	}

	div.disc-content h1#tags {
		display: flex;
    	flex-wrap: wrap;
    	width: 35%;
		justify-content: space-between;
		align-items: flex-start;
    	align-content: flex-start;
	}

	div.disc-content div#choice {
		width: 60%;
		justify-content: space-around;
	}

	div.disc-content h1 dl {
		float: none;
    	width: 1.3em;
    	height: 1.3em;
    	margin: 0 0 0.2em;
	}

	div.disc-content #choice h2 {
		float: none;
		width: 100%;
		margin: 0 0 0 4%;
	}

	div.disc-content #choice h2 dl {
		width: 100%;
		height: auto;
	}

	div.disc-content #choice h2 dl img {
		width: 100%;
		height: auto;
	}
	div.disc-content #choice h2 dt {
		width: 100%;
		height: auto;
	}
	div.disc-content #choice h2 dt div.disc-title {
		font-size: 0.7em;
    	line-height: 130%;
	}

	div.disc-content #choice h2 dt div.disc-spec {
		font-size: 0.8em;
		line-height: 140%;
	}

	div.disc-content #choice h2 dt div.disc-detail {
		font-size: 0.6em;
		line-height: 140%;
	}

	div.mail-magazine-content h2 div.form-pos {
		width: 100%;
		box-sizing: border-box;
	}

	div.mail-magazine-content {
		font-size: 0.6em;
	}

	div.mail-magazine-content h2 div.form-pos dl div.checkbox {
		font-size: 0.6em;
	}

	div.mail-magazine-content h2 div.form-pos dl div.input-form input.submit {
		width: auto;
    	height: auto;
    	color: black;
    	text-align: center;
    	padding: 5px 10px;
	}

	div.contact-mail-form h1 div,
	div.contact-mail-form h2 div,
	div.contact-mail-form h3 div,
	div.contact-mail-form h4 div {
		width: 100%;
		text-align: center;
	}

	div.contact-mail-form h1 dl,
	div.contact-mail-form h2 dl,
	div.contact-mail-form h3 dl,
	div.contact-mail-form h4 dl {
		width: 100%;
	}

	div.contact-mail-form h4 div {
		display: none;
	}

	#formWrap {
		width: 100%;
	}

	div#colorbox {
		width: 329px !important;
		height: 350px !important;
		top: 15% !important;
		left: 5% !important;
		border-radius: 10px;
	}

	div#cboxWrapper {
		width: 329px !important;
		height: 350px !important;
	}

	div#cboxBottomRight,
	div#cboxBottomCenter,
	div#cboxBottomLeft,
	div#cboxMiddleRight,
	div#cboxMiddleLeft,
	div#cboxTopRight,
	div#cboxTopLeft,
	div#cboxTopCenter {
		display: none;
	}

	div#cboxContent {
		width: 329px !important;
		height: 350px !important;
	}

	div#cboxLoadedContent {
		width: 329px !important;
		height: 336px !important;
		margin-bottom: 14px !important;
	}

	div#cboxTitle {
		bottom: 2px !important;
	}

	div#cboxMiddleRight {
		height: 350px !important;
	}
}