/*
─────────────────────────
タイトル：正確な時間（アナログ時計）
機能名称：CSS初期設定
作成者名：atari
作成開始：2023.12.10
更新履歴：

機能説明：

        Copyright(C) CMT LLC. All Rights Reserved.
─────────────────────────
*/

html,body{
	min-width        :100%;
	min-height       :100%;
	margin           :0px;
	padding          :0px;
	font-family      :"Meiryo","Yu Gothic","YuGothic",sans-serif;
	font-size        :10pt;
	color            :#eee;
	background       :#222;
	user-select      :none;

	scrollbar-color  :#333 #222;
	scrollbar-width  :thin;
}

.main{
	padding          :10px;
}

/* ----- image ----- */
img{
	border           :none;
	vertical-align   :bottom;
	user-drag        :none;
	-webkit-user-drag:none;
	-moz-user-select :none;
}

/* ----- A LINK ----- */
a:link{
	color            :#6af;
	text-decoration  :none;
}

a:active{
	color            :#6af;
	text-decoration  :none;
}

a:visited{
	color            :#6af;
	text-decoration  :none;
}

a:hover{
	color            :#fff;
	background       :#08f;
	border-radius    :3px;
}

.aclock{
	position         :absolute;
	top              :150px;
	left             :calc(50% - 150px);
}

.ymd{
	width            :100%;
	color            :#888;
	text-align       :center;
	font-size        :16pt;
	letter-spacing   :1px;
	text-shadow      :2px 2px 2px rgba(0,0,0, 0.2);
}

.time{
	display          :none;
	width            :100%;
	text-align       :center;
	font-family      :"Century Gothic","Gadugi","Times New Roman","Times","Yu Mincho","YuMincho",sans-serif;
	font-size        :30pt;
	line-height      :50px;
	font-weight      :bold;
	letter-spacing   :3px;
	color            :#fff;
	background       :#333;
	border-radius    :10px;
}

.wamei{
	margin           :7px;
	width            :100%;
	color            :#888;
	text-align       :center;
	font-size        :12pt;
	letter-spacing   :1px;
}

.digital_btn{
	z-index          :999;
	position         :absolute;
	top              :20px;
	left             :165px;
	width            :75px;
	height           :24px;
	text-align       :center;
	line-height      :26px;
	font-size        :11px;
	color            :#ccc;
	background       :#444;
	border-radius    :12px;
	cursor           :pointer;

}

.digital_btn:hover{
	background       :#fff;
	color            :#000;
}

.analog_btn{
	z-index          :999;
	position         :absolute;
	top              :20px;
	left             :244px;
	width            :75px;
	height           :24px;
	text-align       :center;
	line-height      :26px;
	font-size        :11px;
	color            :#fff;
	background       :#777;
	border-radius    :12px;
	cursor           :pointer;

}

.analog_btn:hover{
//	background       :#aaa;
}

.pv1{
	position         :absolute;
	margin           :10px;
	width            :45px;
	cursor           :pointer;
	opacity          :1;
}

.pv1:hover{
	opacity          :0.5;
}

.pv2{
	z-index          :999;
	position         :absolute;
	top              :11px;
	right            :10px;
	width            :42px;
    transform: rotateZ(0deg);
    transition       :1s;
	cursor           :pointer;
}

.pv2:hover{
	opacity          :0.5;
    transform        :rotateZ(180deg);
}

.xicon{
	width            :30px;
	margin           :20px 0px 0px 7px;
	cursor           :pointer;
}

.xicon:hover{
	opacity          :0.5;
}

.dial_select{
	width            :120px;
	border           :1px #bbb solid;
	cursor           :pointer;
}

img.pv3{
	position         :absolute;
	margin           :5px;
	width            :40px;
	cursor           :pointer;
}

img.pv3:hover{
	opacity          :0.5;
}

.dial_select:hover{
	border           :1px #555 solid;
	border-radius    :7px;
}

/* ------------------------ */
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position         :fixed;
	top              :0;
	left             :0;
	width            :100%;
	height           :100%;
	color            :#000;
	text-align       :center;
	background       :rgba(0,0,0,60%);
	padding          :10px;
	overflow         :auto;
	opacity          :0;
	visibility       :hidden;
	transition       :.2s;
    box-sizing       :border-box;
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content          :"";
	display          :inline-block;
	vertical-align   :middle;
	height           :100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity          :1;
	visibility       :visible;
}

/*モーダル枠の指定*/
.modal-body{
	position         :relative;
	display          :inline-block;
	vertical-align   :middle;
	top              :80px;
	width            :90%;
	padding          :0px;
}

/*モーダルを閉じるボタンの指定*/
.modal-close{
	position         :absolute;
	display          :flex;
	top              :-26px;
	right            :5px;
	font-size        :20px;
	color            :#fff;
	cursor           :pointer;
}

/*モーダル内のコンテンツの指定*/
.modal-content{
	background       :#bbb;
	text-align       :center;
	padding          :10px;
	border-radius    :5px;
}

/* ------------------------ */
div.comment_view_header{
	padding          :2px 8px 0px 8px;
	font-size        :13pt;
	background       :#555;
	border-radius    :7px 7px 0px 0px;
}

/* ------------------------ */
div.comment_view{
	padding          :0px;
	background       :#333;
	border           :0.5px #555 solid;
	border-radius    :7px;
}