body, canvas, div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
    padding: 0px;
    margin : 0px;
    min-width: 768px;
    min-height: 617px;
}
body {
    -webkit-overflow-scrolling: touch;
    padding:0;
    margin: 0;
    background: #000000;
    font-family: "Roboto Regular", "NotoSansJP Regular", sans-serif;
    font-feature-settings: "palt";
    -webkit-transform: translateZ(0px); /* hack for MESH-1232*/

    opacity: 0;
    animation: fadeIn 2s ease 2s 1 forwards;
    -webkit-animation: fadeIn 2s ease 2s 1 forwards;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media screen and (max-width: 767px) {
    body {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

@media screen and (max-height: 616px) {
    body {
        overflow-y: scroll;
    }
}

@media screen and (min-height: 617px) {
    body {
        overflow-y: hidden;
    }
}

input, label, select {
    font-size: large;
}
label {
    font-weight : normal;
}
* {
    -webkit-touch-callout: none;
}
input {
    border-radius : 0px;
}
textarea {
    border-radius : 0px;
    resize: none;
}

.content_wrappers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.content_wrappers > div {
    pointer-events: visiblePainted;
    -ms-touch-action: visiblePainted;
    touch-action: visiblePainted;
}

#gameCanvas {
    background-color: #EFEFEF !important;
}

#Cocos2dGameContainer {
    padding-top: 0px !important;
}

.background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

.content {
    width: 100%;
    height: auto;
    min-height: 80%;
    margin-top: 10%;
    margin-bottom: 10%;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 6px;
}

.modal-container {
    position: absolute;
    padding: 0;
    top:      0%;
    bottom:   0%;
    left:    10%;
    right:   10%;
    width:   80%;
    height: 100%;
}

.scroll-container {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;

}

.disabled {
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
}

canvas#media_stream_capture {
    display: none;
}

.lock-screen-layer {
    z-index: 9999;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/***** 初期起動時規約画面 *****/
.signin-sp .terms_of_use_contents_wrapper {
	padding: 44px 0 44px 0;
}

.signin-sp .terms_of_use_header {
	height: 44px;
	padding: 0;
}

/***** レシピ一覧 *****/
.recipes .recipe_container_wrapper {
	padding: 48px 0 0 0;
}

.recipes-sp .recipe_container_wrapper {
	padding: 44px 0 0 0;
}

.recipes .header_normal {
	height: 48px;
	padding: 0;
}

.recipes-sp .header_normal {
	height: 44px;
	padding: 0;
}

.recipes .header_edit {
	height: 48px;
	padding: 0;
}

.recipes-sp .header_edit {
	height: 44px;
	padding: 0;
}

.recipes .recipes_popup {
	top: 56px;
}

.recipes-sp .recipes_popup {
	top: 52px;
}

/***** レシピ情報 *****/
.recipes-sp .recipe_info_contents_wrapper {
	padding: 44px 0 44px 0;
}

.recipes-sp .recipe_info_header {
	height: 44px;
	padding-top: 0;
}

/***** メディア一覧 *****/
.media_list-sp .media_list_sound_categories .container_wrapper {
	padding: 44px 0 44px 0;
}

.media_list-sp .media_list_sound_categories .header_wrapper {
	height: 44px;
	padding: 0;
}

.media_list-sp .media_list_sounds .container_wrapper {
	padding: 44px 0 44px 0;
}

.media_list-sp .media_list_sounds .container_wrapper.container_wrapper_edit {
	padding: 44px 0 0 0;
}

.media_list-sp .media_list_sounds .header_wrapper {
	height: 44px;
	padding: 0;
}

.media_list-sp .popup_wrapper .delete_confirm {
	top: 52px;
}

.media_list-sp .popup_wrapper .add_sound {
	top: 52px;
}

/***** MESHアプリについて *****/
.appInfo-sp .appInfo_main_container .appInfo_contents {
	padding: 44px 0 200px 0;
}

/* PP停止対応 */
.appInfo-sp .appInfo_main_container .appInfo_contents {
	padding: 44px 0 148px 0;
}

.appInfo-sp .appInfo_header {
	height: 44px;
	padding-top: 0;
}

/***** チュートリアル *****/
.tutorial .tutorial_container {
	padding-top: 0;
}

.tutorial .tutorial_header {
	padding-top: 0;
	height: 44px;
}

.tutorial .tutorial_container.header_overlay {
	height: 44px;
}

.tutorial .tutorial_container.overlay .tutorial_header_underlay {
	height: 44px;
}

.tutorial .other_information_upper_info_wrapper {
	top: 40px;
}

.tutorial .tutorial_contents {
    width: 540px;
    height: 100%;
}

.tutorial .tutorial_container.select_tag .tutorial_contents_title_area {
	height: 18%;
	padding-top: 10%;
}

.tutorial .tutorial_contents_tag_select_list {
	height: 70%;
}

.tutorial .tutorial_contents_title_area {
	height: 28%;
	padding-top: 20%;
}

.tutorial .tutorial_header {
	height: 48px;
}

.tutorial .tutorial_container.header_overlay {
	height: 48px;
}

.tutorial .tutorial_container.overlay .tutorial_header_underlay {
	height: 48px;
}

.tutorial .other_information_upper_info_wrapper {
	top: 44px;
}

.setting_dialog .sd_fullscreen_header_function_setting {
	height: 154px;
	padding-top: 0;
}

.setting_dialog .sd_fullscreen_header .sd_header_prev_button {
	top: 10px;
}

.setting_dialog .sd_header_help_button {
    top: 8px;
}

/***** ポップアップリスト *****/
.popuplist-sp .popup_list {
	top: 52px;
}

.popuplist .popup_list {
	top: 56px;
}

/***** スクロールバー *****/
body::-webkit-scrollbar {width: auto;}
::-webkit-scrollbar {width: 3px;}

::-webkit-scrollbar-track { border-radius: 10px;}

::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(169,169,169); min-height: 50px}

::-webkit-scrollbar-thumb:window-inactive {background: rgb(128,128,128); }


* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
	-webkit-tap-highlight-color: transparent !important;
	outline: none !important;
}

/***** 新チュートリアル ****/
.help_1 #help_nav_arrow_text_C {
    top: 103px;
}

.help_1 .help_nav_arrow_image {
    top: 113px;
}

.help_1 #help_nav_arrow_text_E {
    top: 106px;
}

.help_1 .plus_button_circle {
    top: 98px;
}

.help_1 .plus_button_image {
    top: 116px;
    right: 115px;
}

.help_1 .help_1_text_add {
    top: 116px;
}

.help_1 #help_nav_arrow_text_list {
    top: 384px;
}

.help_1 .help_nav_line_image {
    height: -webkit-calc(100% - 80px);
            height: calc(100% - 110px);
    top: 94px;
}

.music_list .music_header_delete {
	margin: -12px 20px auto 0px;
}

/** wickedpicker **/
.wickedpicker {
    height: 200px;
}

.wickedpicker__controls {
    font-size: 36px;
}

.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
    width: 70px;
}

.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
    font-size: 36px;
}

.wickedpicker__controls__control-up {
    margin-bottom: 9px;
}

.fancybox-title {
    font-family: "Roboto Regular", "NotoSansJP Regular", sans-serif;
}

.fancybox-error {
    font-family: "Roboto Regular", "NotoSansJP Regular", sans-serif;
}