@charset "utf-8";
/* CSS Document */

/* HTMLエディター */
div.editor{
    height: 10em;
}


/* モーダルウィンドウ */
div#modal {
	display: none;
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	z-index:10;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
div#modal div.container {
	position: relative;
	width: 80%;
    /*min-width: 400px;*/
	background-color: #ffffff;
	overflow-x : hidden;
	overflow-y : auto;
	border-radius: 10px;
    text-align: center;
    max-height: 100%;
}
div#modal div.container img{
	width: auto;
	height: auto;
}

div#modal div.container .button_box {
    padding: 20px 10px;
}
div#modal div.container .button_box .button_box_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
div#modal div.container .button_box .button_box_row:last-child {
    margin-bottom: 0px;
}
div#modal div.container .button_box .button_box_row .button_box_group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
div#modal div.container .button_box .button_box_row .button_box_group:last-child {
    margin-right: 0;
}
div#modal div.container .button_box .button_box_row .button_box_group button {
    margin-right: 2px;
}
div#modal div.container .button_box .button_box_row .button_box_group button:last-child {
    margin-right: 0;
}

div#modal div.container button { /*ボタン共通*/
    font-size: 1.3rem;
    text-align: center;
    display: block;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
div#modal div.container button:hover {
    opacity: .9;
}
.croppbtn__scale { /*拡大縮小*/
    color: #fff;
    background-color: #444;
    padding: 10px 13px;
}
.croppbtn__prime { /*適用、画像を挿入*/
    color: #000;
    background-color: #fc0;
    padding: 10px 13px;
    min-width: 100px;
}

.croppbtn__other { /*その他*/
    color: #fff;
    background-color: #000;
    padding: 10px 13px;
}

.croppbtn__close { /*閉じる*/
    font-size: 1.2rem;
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    border-radius:  20px;
}
.croppbtn__close span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.croppbtn__close span .croppbtn__close__ico {
    width: 10px !important;
    height: 10px !important;
    margin-right: 2px;
}

div.free_area img{
	width: auto;
	height: auto;
}

div.qr_box img{
    width: auto;
    height: auto;
}

/* Zoom専用壁紙作成のメニュー */
a.a_pro_only{
    background-color: #666;
}
a.a_pro_only::after {
	content: none;
}

/* チェックボックスdisabledでlabel内もdisabled風に */
 input[type="checkbox"][disabled] + span{
    color: #999;
}

/* メッセージボックス */
div.message_box{
    /*
    position: fixed;
    z-index: 2000;
    background-color: #000;
    color: #FFF;
    text-align: center;
    display: none;
    width: auto;
    min-width: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    font-size: 1.8rem;
    line-height: 3em;
    */
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    border: solid 6px #fc0;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    padding: 10px 25px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%), -5px -5px 10px rgb(0 0 0 / 20%);
    display: none;
}


.ui-datepicker {
    font-size: 225% !important;
}