@charset "utf-8";
/*---------------------------------------------------------------------
Base Setting
---------------------------------------------------------------------*/

html,body {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {
	background:#FFF;
	color: #6D6660;
	min-width:1000px;
	position:relative;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
	letter-spacing: 0.14em;
	line-height: 1.6em;
}
img{
	vertical-align:bottom;
}
a {
color: #FFF;
	text-decoration:none;

}

h1{
	font-weight: bold;
	font-size: 200%;
}

h2,h3,h4,h5{
}

h3.Replace{
	font-size: 150%;
	padding: 26px 0;
	text-align: center;
}
h3.pp{
	font-size: 125%;

    font-weight: bold;
	margin: 0 auto 20px 0;
}

a:hover{
	opacity: 0.7;
}
.strong {
	font-weight:bold !important;
}

dl dt{
	font-size: 120%;
	font-weight: bold;
}

dl dd{
	margin-bottom: 20px;
}

p{
	margin-bottom: 20px;
}

span.ErrorMSG{
	display: inline-block;
    position:relative;
    background:#FF7373;
    padding:14px 18px;
	margin:0 0 20px 0 !important;
	line-height: 1em !important;
    text-align:left;
    color:#FFFFFF;
    border-radius:22px;
}
span.ErrorMSG:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 115, 115, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:9px;
    border-right-width:9px;
    margin-left: -15px;
    border-top-color:#FF7373;
    top:100%;
    left:40px;
}

.clear {clear:both;}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.wf:before,
.wf:after {
    content:"";
    display:block;
    overflow:hidden;
}
.wf:after {
    clear:both;
}
.wf {
	margin:0 auto;
	width:960px;
	position:relative;
    zoom:1;
}

.red{
	color: #ff7373;
}

/* Common
--------------------------------------------------------------------------------------------------------- */
body
#wrapper{
	background: #FFF;
	display: flex;
	flex-direction: column;
	min-height:100vh;
}

/*Header*/
header {
	width: 100%;
	height: 786px;
	background:url(../images/headbg.png);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #FFF;
	position: relative;
}
header div.headbar{
	background: #000;
	width: 100%;
	height: 76px;
	display: block
}
header div.headbar div.hbbox{
	background: #000;
	width: 98%;
	margin: 0 auto;
	padding:12px 0 0 0;
	display: block;
	position: relative;
}
div.hbbox ul.hdmenu{
	width: 100%;
	display: flex;
}
div.hbbox ul.hdmenu li{
	padding:8px 0 8px 8px;
}

div.hbbox ul.hdmenu>li:first-child {
	margin-right: auto;
	padding: 0!important;
	border: none !important;
	border-radius: 0!important;
}
div.hbbox ul.hdmenu li a{
	padding: 6px 18px;
	border: solid 2px #FFF;
	border-radius: 30px; 
	display: block;
}

div.hbbox ul.hdmenu li h1{
	width: 377px;
	height: 52px;
	padding:0!important;
	border: none;
	border-radius: 0; 
	text-indent: -9999px;
}
div.hbbox ul.hdmenu li h1 a{
	display: block;
	background: url(../images/hd_logo.png) no-repeat;
	background-size: 377px 52px;
	white-space: nowrap;
	overflow: hidden;
	width: 377px;
	height: 52px;
	padding: 0;
	border: none!important;
	border-radius: 0;
}
header section.headbox{
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
header section.headbox h2{
	width: 100%;
	text-align: center;
	display: block;
	font-size: 280%;
	font-weight: bold;
	margin: 0 auto;
	position: absolute;
	top:34%;
}
header section.headbox2{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position:absolute;
	bottom: 7%;
}
header section.headbox2 h3{
	width: 100%;
	text-align:center;
	display: block;
	font-size: 130%;
	font-weight:300;
	margin: 0 auto;
	line-height: 1.8em;
	letter-spacing: 0.23em;
}
/*Header*/


/* drop down*/ 
.mod_dropnavi>ul{
    width:1000px;
	display: flex;
}
.mod_dropnavi>ul>li{
    position:relative;
    text-align:center;
}

 
/* mod_dropnavi_child */
.mod_dropnavi .mod_dropnavi_child{
  display:none;
  position:absolute;
  top:38px;
  right:-13px;
  z-index:1;
  padding:12px!important;
}
.mod_dropnavi .mod_dropnavi_child ul{
	padding:20px 20px 10px 20px!important;
	background:rgba(255,255,255,1);
	border: solid 1px #f98800;
	border-radius: 10px;
	text-align: center;
}
.mod_dropnavi .mod_dropnavi_child>ul>li{
	font-size:90%;
	line-height:1.3;
	text-align:center;
	white-space:nowrap;
	padding: 0!important;
}
.mod_dropnavi .mod_dropnavi_child>ul>li a{
	color: #FFF;
	background: #f98800;
 	padding:10px 16px!important;
	text-align:center;
	margin:0 auto 10px auto!important;	
	border-style: none!important;
	align-items: center;
 	display:block;
}

/*ドロップ*/


/*共通header*/
header.head_common {
	width: 100%;
	height: auto;
	background: #000;
	color: #FFF;
	position: relative;
}
/*共通header*/

/*基本設定*/
article{
	width:100%;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
}
section{
	width: 80%;
	margin: 0 auto;
	padding:20px 0;
}
section h2{
	font-size: 200%;
	height: 60px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}

section div.free{
	width: 52%;
	margin: 0 auto;
	padding: 40px 0;
}

section div.free a{
	width: 100%;
	font-size: 200%;
	font-weight: bold;
	margin: 20px auto;
	text-align: center;
	display: block;
}
/*基本設定*/

/*情報詳細*/
article.detail{
	background-color: #FFF;
	color: #6D6660;
	width:100%;
}

article.detail section{
	padding: 30px 0;
}

.column{
	display: flex;
	align-items:top; 
}

.MainMenu{
	background:#F9F9F9;
	width: 200px;
	min-height: 100vh;
	text-align: left;
	margin: 0;
	padding: 0;
}

.MainMenu ul.menu_block{
	padding: 20px;
	margin: 20px auto;
}

.MainMenu ul.menu_block li{
	margin-bottom: 14px;
}

.MainMenu ul.menu_block li a{
	display: block;
	color:#645D54;
	border-radius: 5px;
	padding: 8px 0 8px 20px;
}
.MainMenu ul.menu_block li a:hover{
	background: #F98800;
	color: #FFFFFF;
}

ul.menu_block>li.bt_active{
	background: #F98800;
	color: #FFFFFF !important;
	display: block;
	border-radius: 5px;
	padding: 8px 0 8px 20px;
}

ul.menu_block>li.bt_active a{
	color:#FFF;
	padding: 0;
}

ul.Page_link{
    display: flex;
    align-items:flex-start;
    justify-content: flex-start;
	margin: 0 auto 20px auto;
}

ul.Page_link li{
	width: 25%;
	margin: 0 14px 0 0;
	border: 1px solid #6D6660;
	border-radius: 20px;
	padding: 20px 20px 20px 100px;
}

ul.Page_link li:last-child{
	margin-right: 0;
}

ul.Page_link li.Editor{
	background: url(../images/icon_editor.png) no-repeat left 20px top 13px;
	background-size: 60px;
}

ul.Page_link li.Bkinky{
	background: url(../images/icon_blinky.png) no-repeat left 20px top 13px;
	background-size: 60px;
}

ul.Page_link li.Uploder{
	background: url(../images/icon_upld.png) no-repeat left 20px top 13px;
	background-size: 60px;
}

ul.Page_link li p{
	text-align: left;
	margin: 0;
}

ul.Page_link li a{
	color: #F98800;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}

section h2.title_common{
	width: 94%;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
.detail_box{
	margin: 10px auto;
	padding: 20px;
}

div.NoteBox{
	font-size: 110%;
	line-height: 1.26em;
	border: solid 2px #ddd;
	border-radius: 20px;
	padding: 40px 20px 20px 20px;
}

div.NoteBox p{
	margin: 0;
}

div.NoteTitle{
	padding: 10px;
	text-align: center;
	margin: -62px auto 10px auto
}

div.NoteTitle span{
	background: #FFF;
	font-weight: bold;
	font-size: 130%;
	padding: 0 20px;
}


.AppLink{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56%;
	margin: 20px auto;
}

.AppLink li{
	width: 250px;
}

.AppLink li.iOS a{
	display: block;
	width: 250px;
	height: 74px;
	background: url(../images/appstore.png) no-repeat;
	background-size: 250px 74px;
	text-indent: -9999px;
	margin: 0 20px 0 auto;
}

.AppLink li.Android a{
	display: block;
	width: 250px;
	height: 74px;
	background: url(../images/googleplay.png) no-repeat;
	background-size: 250px 74px;
	text-indent: -9999px;
	margin: 0 auto 0 20px;
}

.Channel_head{
	background: #eee url(../images/channel_header_1.png) no-repeat center;
	background-size:auto 300px;
	width: 98%;
	height: 300px;
	margin: 20px auto;
}

.Channel_information{
	display: block;
	position: relative;
	font-size: 120%;
	line-height: 1.6em;
	margin: 0;
	padding: 64px 0 20px 0;
	border-bottom: solid 1px #F3F3F3;
}

.Channel_information>ul.Ch_Ic_Title{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	top:-60px;
	left: 0;
}

.Channel_information>ul.Ch_Ic_Title li:last-child{
	margin:0 0 0 auto;
}

.Ch_Icon{
	background: url(../images/channel_icon_1.png) no-repeat center;
	background-size: 100px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-indent: -9999px;
	margin: 0 0 20px 0;
}

.Channel_information h3{
	font-size: 130%;
	margin-bottom: 10px;
}

.Channel_information ul{
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	margin: 0 auto 0 0;
}

.Channel_information ul li{
	align-items: flex-start;
	display:block;
	margin: 0 10px 0 0;
	padding: 10px 0;
	height: auto;
}

.Channel_information ul li:last-child{
	margin: 0 auto 0 0;
}

.Channel_information ul li span{
    padding: 6px 16px;
    border-radius: 20px;
}

.Channel_information ul li button{
    display:inline;
    background: #F98800;
    color: #FFF;
    font-size: 94%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 0 0 5px;
    padding: 8px 20px;
}

.Inbox{
	width:100%;
	font-size: 110%;
	padding: 10px;
	line-height: 2em;
}

.detail_box h2.svc_logo{
	background: url(../images/svclogo.png) no-repeat center;
	background-size: 330px 159px;
	height: 159px;
	text-indent: -9999px;
	margin: 20px auto 60px auto;
}
.detail_title{/*件名枠*/
	padding: 20px 10px;
	border-bottom:solid #6D6660 1px;
	position: relative;
}
.detail_title h3{/*件名*/
	font-size: 160%;
	font-weight: bold;
}
.detail_title span{/*日付*/
	text-align: right;
	position: absolute;
	right: 0;
	bottom:10px;
	font-weight: normal;
}
.detail_text{/*文章*/
	font-size: 115%;
	padding: 20px 10px;
	line-height: 1.8em;
}
.detail_text p{
	margin: 0 0 20px 0;
}

/*検索部分*/
div.search_area{
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-around;
	width: 100%;
	margin-bottom: 30px;
}

div.search_area button{
	display:inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 110%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 4px;
    padding: 8px 18px;
}
.Channel_Number{
	margin: 0 20px 0 0;
}

.Channel_Number>span{
	font-size: 120%;
	font-weight: bold;
}

.sort{
	display: block;
	width: 100%;
	text-align: right;
}

.sort select{
    font-size: 90%;
    width: 180px;
    height: 30px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 10px;
    margin: 0 8px 20px auto;
    padding-left: 10px;
}

div.create_contents{
	width: auto;
	margin: 0 0 0 auto;
}

div.search_area div.create_contents a{
	display:inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 110%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 0 8px auto;
    padding: 4px 14px;
}

div.search_area input{
    font-size: 120%;
    width: 220px;
    height: 30px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 8px;
    margin: 0 8px 0 auto;
    padding-left: 10px;
	display: inline;
}

div.search_area select{
    font-size: 120%;
    width: 120px;
    height: 34px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 10px;
    margin: 0 8px 0 auto;
    padding-left: 10px;
}

div.Adm_mode{
	width: 100%;
	padding: 0;
	margin:10px auto 24px auto;
    border-bottom: dotted #6D6660 2px;
}

div.Adm_mode .adm_inbox{
	width: 1000px;
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-around;
	margin: 0 auto;
	padding: 0 0 20px 0;

}

.adm_inbox input{
    font-size: 120%;
    width: 190px;
    height: 30px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 8px;
    margin: 0 4px;
    padding-left: 10px;
	display: inline;
}

/*検索部分*/

.Ch_CheckBox{
	margin:0 auto 15px 0;
}

.Ch_CheckBox h3{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 20px 0;
}

/*form*/
.login_box {
	width: 100%;
	margin: 0 auto;
}
.login_box a{
	color:#f98800;
	font-size: 110%;
	font-weight: bold;
}

div.note{
	font-size: 115%;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 14px;
}

div.note a{
    color: #f98800;
    font-size: 110%;
    font-weight: bold;
}

div.form_block{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

div.note h3{
	font-size: 130%;
	margin-bottom: 30px;
}
div.note h4{
	font-size: 130%;
	margin-bottom: 30px;
}

div.form_block .label{
	font-size: 110%;
	width: 380px;
	text-align: left;
	margin:0 auto 8px auto;
}
p.note_bottom{
	font-size: 90%;
	font-weight: normal;
	color:#A4A4A4;
	margin-top: -14px;
	margin-bottom: 20px;
}

.forgot_password {
	text-align: center;
	margin: 0 auto 40px auto;
}

.forgot_password a{
	color: #009FD7;
    font-size: 110%;
    font-weight: bold;
}

form{
	text-align: center;
	padding: 0;
}

input::placeholder {
	opacity: 0.5;
}
input::focus::placeholder {
  color: transparent;
}

texterea::placeholder {
	opacity: 0.5;
}
texterea::focus::placeholder {
  color: transparent;
}

input[type='text'] ,input[type='password'] ,input[type='number'] {
    display: block;
    font-size: 120%;
    width: 380px;
    height: 40px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 8px;
    margin: 0 auto 20px auto;
    padding-left: 10px;
}


input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    line-height: 1.5em;
    cursor: pointer;
}
 
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background-color: white;
    }
    input[type=radio] + label::before {
        border: 2px solid #c2ced2;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #c2ced2;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px; 
        background: #F98800;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #F98800;
        border-bottom: 3px solid #F98800;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


input[type='date'],input[type='time']{
	display: block;
	font-size: 120%;
	width:auto;
	height: 40px;
	letter-spacing: 1px;
	border: 1px solid #6D6660;
	border-radius: 8px;
	margin: 0 auto 20px auto;
	padding-left: 10px;
} 

textarea {
	display: block;
	font-size: 120%;
	width: 380px;
	height: 260px;
	letter-spacing: 1px;
	border: 1px solid #6D6660;
	border-radius: 8px;
	margin: 0 auto 20px auto;
	padding-left: 10px;
}

button[type='submit'],
button[type='button']{
	display: block;
	background: #009FD7;
	color: #FFF;
	font-size: 140%;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	border-style: none;
	margin: 40px auto;
	padding: 12px 40px;
}

button[type='submit']:hover,
button[type='button']:hover{
	opacity: 0.7;
}

input[type='radio']{
	margin-bottom: 30px;
}

.NotPress{
background:#EBEBEB!important;
}

button.NotPress:hover{
	opacity:1;
}

div.signup{
	display: block;
	margin: 40px auto;
}

div.signup a span{
	background: #FFF;
	color: #F98000;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	border-radius: 30px;
	border:#F98000 solid 1px;
	box-sizing:border-box;
	margin: 20px auto;
	padding: 12px 30px;
}

/*form*/
/*情報詳細*/

/*ダイアログ*/
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 2
 }

#modalWindow {
	width: 50%;
	height: auto;
	position: fixed;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.98);
	display: none;
	z-index: 3;
	padding: 30px 20px;
}


.dialog_bt_box{
	display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
}

.dialog_bt_box button{
	width: 30%;
}

button {
    display:block;
    background: #F98800;
    color: #FFF;
    font-size: 140%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 20px;
    padding: 12px 20px;
}
button:hover {
	opacity: 0.7;
}
/*ダイアログ*/

/*カスタムダイアログ*/
#customDialogOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 2
}
.customDialogWindow {
	width: 50%;
	height: auto;
	position: fixed;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.98);
	display: none;
	z-index: 3;
	padding: 50px 20px;
}

.customDialog_bt_box{
	display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
}

.customDialog_bt_box button{
	width: 30%;
}

button {
    display:block;
    background: #F98800;
    color: #FFF;
    font-size: 140%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 20px;
    padding: 12px 20px;
}
button:hover {
	opacity: 0.7;
}
/*カスタムダイアログ*/

/*ダイアログQR*/
.d_qr{
	width: 40%;
	margin: 0 auto;
    padding: 20px 0 0 0;
}

.d_qr span{
    text-align: left;
    background: #6D6660;
    color: #FFF;
    padding: 6px 10px;
    border-radius: 20px;
    margin: 0 auto 30px 0;
}

/*ダイアログQR*/

/*テーブル*/
.detail_box table{
	width: 100%;
}

.detail_box table th,
.detail_box table td{
	border:solid #CFCFCF 1px;
	padding: 5px;
	word-break : break-all;
}

.detail_box table th a,
.detail_box table td a{
	display:inline-block;
	background: #F98800;
	color: #FFF;
	line-height: 1.4em;
	font-size: 120%;
	text-align: center;
	border-radius: 8px;
	border-style: none;
	margin: 0 auto 14px auto;
	padding: 5px 10px;
}
.detail_box table td
button {
 	display:block;
	background: #F98800;
	color: #FFF;
	line-height: 1.4em;
	font-size: 110%;
	text-align: center;
	border-radius: 8px;
	border-style: none;
	margin: 0 auto;
	padding: 5px 8px;
}

.detail_box table th.t_id{
	width: 5%;
}
.detail_box table th.t_status{
	width: 7%;
}
.detail_box table th.t_thumb{
	width: 14%;
}
.detail_box table th.t_title{
	width: 11%;
}
.detail_box table th.t_detail{
	width: 14%;
}
.detail_box table th.t_date_modified{
	width: 10%;
}
.detail_box table th.t_date_publication{
	width: 10%;
}
.detail_box table th.t_edit{
	width: 8%;
}
.detail_box table th.t_operation{
	width: 14%;
}
.detail_box table th.t_report{
	width: 6%;
}

.detail_box table td.Td01{
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}
.detail_box table td.Td02{
	vertical-align:middle;
	text-align: center;
}
.detail_box table td.Td03{
	font-size: 90%;
	vertical-align:top;
}
.detail_box table td.Td04{
	font-size: 90%;
	vertical-align:top;
}
.detail_box table td.Td05{
	font-size: 90%;
	vertical-align:top;
}
.detail_box table td.Td06{
	font-size: 70%;
	vertical-align:top;
}
.detail_box table td.Td07{
	font-size: 70%;
	vertical-align:top;
}
.detail_box table td.Td08{
	font-size: 80%;
	vertical-align:middle;
	text-align: center;
}
.detail_box table td.Td09{
	font-size: 90%;
	vertical-align:middle;
	text-align: center;
}
.detail_box table td.Td09 a{
 	display:block;
	background: #F98800;
	color: #FFF;
	line-height: 1.4em;
	font-size: 105%;
	width: 65%;
	text-align: center;
	border-radius: 8px;
	border-style: none;
	margin: 0 auto 10px auto;
	padding: 4px 6px;
}

.detail_box table td.Td10{
	font-size: 70%;
	vertical-align:middle;
	text-align: center;
}

.detail_box table td.status{
	text-align: center;
}

span.unconfirmed{
	color: #ff7373;
	padding: 6px;
	margin: 0 auto;
}

span.verified{
	color:#77A100;
	padding: 6px;
	margin: 0 auto;
}

/*テーブル*/

/*コンテンツ*/
.List_Box{
	padding:20px;
	background:#E5E5E5;
	margin: 0 0 20px 0;
}

.List_Box li{
	display: block;
	background: #FFF;
	/*border-bottom:#E5E5E5 solid 1px;*/
	margin-bottom: 2px;
	padding:20px;
}

.List_Box li:last-child{
	margin-bottom: 0;
	/*border-style: none;	*/
}

.Upper{
	width: 100%;
	margin: 0 0 10px 0;
	align-items: flex-start !important;
}

.tutobox{
	margin: 0 0 40px 0;
	
}

.tutobox h3{
	text-align: left;
	font-size: 92%;
	width: 90%;
	margin: 10px auto;
}

.Thefirst{
	text-align: center;
	font-size: 200%;
	line-height: 1.6em;
	padding: 40px 0 30px 0;
}

.Thefirst a{
	color: #f98800;
	font-weight: bold;
}

.No_Deleted{
	margin: 0 20px 0 0;
}

.list_ID{
	width: auto;
	margin: 0 auto 0 0;
}

.list_price{
	width: auto;
	margin: 0 auto 0 0;
}

.List_Date{
	width: auto;
	margin: 0 auto 0 0;
	letter-spacing: 0.1em;
	font-size: 90%;
}

.list_Edit{
	width: auto;
	text-align: right;
	margin: 0 0 0 auto;
}

.list_Edit a,
.list_Edit button{
    display: inline-block;
    background: #F98800;
    color: #FFF;
    line-height: 1.4em;
    font-size: 100%;
    text-align: center;
    border-radius: 20px;
    border-style: none;
    margin: 0 auto;
    padding: 5px 14px;
}

button.Delete{
	background: #ff7373;
}

.Delete a{
	background: #ff7373;
}

.Middle{
	width: 100%;	
}

.List_Thumb{
	width: 20%;
	padding: 5px 20px 5px 5px;
	position: relative;
}

.List_Thumb
.ReplaceIN{
	position: absolute;
	background: url(../images/replaceicon_in.png) no-repeat center;
	background-size: 128px 40px;
	text-indent: -9999px;
	width: 128px;
	height: 40px;
	top: 60px;
	left: 50px;
	z-index: 2;
}

.List_Thumb
.ReplaceOUT{
	position: absolute;
	background: url(../images/replaceicon_out.png) no-repeat center;
	background-size: 128px 40px;
	text-indent: -9999px;
	width: 128px;
	height: 40px;
	top: 60px;
	left: 50px;
	z-index: 2;
}

.l_thumb{
	position: relative;
	width: 100%;
}

span.time{
	background:#000;
	color:#FFF;
	font-size: 80%;
	padding: 3px 8px;
	border-radius: 10px;
	position: absolute;
	bottom: 1%;
	left: 1%;;
	z-index: 1;
}

.List_Text{
	width: 72%;
	padding: 5px;
}

.List_Text dt{
	margin-bottom: 15px;
}

.Lower{
	width: 100%;	
}

.Lower .State{
	width: 19%;
	padding: 10px;
	text-align: center;
}

.Lower .State span{
	padding: 6px 16px;
	border-radius: 20px;
}

span.private{
	
}

span.disclose{
	color: #F98800;
	border: 1px solid #F98800;
}

span.examination{
	color:#2B2B2B;
	border: 1px solid #2B2B2B;
}

span.Limited_release{
	color:#74c600;
	border: 1px solid #74c600;
}

span.examination_NG{
	color: #FFF;
	background: #ff7373;
}

span.Unpublish{
	color:#ff7373;
	border: 1px solid #ff7373;
}

span.waiting{
	color:#54a4fd;
	border: 1px solid #54a4fd;
}
.Channel{
	width: auto;
	text-align: left;
	padding: 10px;
}

.Pre_DL{
	width: auto;
	display: flex;
	text-align: right;
	display: flex;
    flex-flow: row wrap;
    justify-content:flex-end;
	margin: 0 0 0 auto;
}

.Pre_DL a{
    display:block;
    background: #F98800;
    color: #FFF;
    line-height: 1.4em;
    font-size: 100%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 5px;
    padding: 10px 20px;
}

.Pre_DL form{
	display: flex;
}

.Pre_DL select{
    font-size: 90%;
    height: 30px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 10px;
    margin: 5px 10px 0 10px;
    padding-left: 10px;
}

.Pre_DL button[type='submit'], .Pre_DL button[type='button'] 
{
    background: #F98800;
    color: #FFF;
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 30px;
    border-style: none;
    margin: 0 4px;
    padding: 6px 12px;
}


/*コンテンツ*/

/*ページャー*/
ul.pageNav01 {
	margin: 20px auto;
	padding: 10px 10px 5px;
	text-align: center;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav01 li a {
	display: inline-block;
	color: #645D54;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 10px;
	text-decoration: none;
	vertical-align: middle;
}

ul.pageNav01 li span {
	display: inline-block;
	color: #FFF;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #f98800;
	border: 1px solid #f98800;
	border-radius: 10px;
	text-decoration: none;
	vertical-align: middle;
}

ul.pageNav01 li a:hover {
	background: #f98800;
	color:#FFF; 
	border-color: #FFF;
}
/*ページャー*/

/*コンテンツEDITBOX*/
div.editbox{
	width: 96%;
	margin: 0 auto 20px auto
}

.flex{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.inputlog{
	display: flex;
	flex-flow: nowrap;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
}

.inputlog input{
	margin: 0 20px;
}

.edit{
	text-align: right;
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
}

.edit a{
	display: inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 110%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 0 8px auto;
    padding: 6px 14px;
}

.save{
	text-align:center;
	margin: 0 auto 20px auto;
	padding: 0;
}

.save a{
	display: inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 160%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 10px;
    padding: 20px 50px;
}

.save button{
	display: inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 160%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 10px;
    padding: 12px 50px;
}

.moviebox{
	width: 60%;
	margin: 0;
}

.m_thumb{
	position: relative;
	width: 94%;
}


span.time_l {
    background: #000;
    color: #FFF;
    font-size: 110%;
    padding: 3px 8px;
    border-radius: 10px;
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 1;
}

.qr{
	width: 32%;
	padding: 0 0 0 30px;
	word-break: break-all;
}
.qr img{
	width: 80%;
	display: block;
	margin: 0 auto 15px auto;
}

.qr span{
	text-align: left;
	background: #6D6660;
    color: #FFF;
    padding: 6px 10px;
    border-radius: 20px;
    margin: 0 0 30px 30px;
}

.qrurl a{
	color: #f98800;
	display: block;
	text-align: center;
	margin: 10px auto 20px auto;
}

.urlcopy{
	text-align: center;
}

.urlcopy a{
	display: inline-flex;
    background: #FFF;
    color: #F98800;;
    font-size: 110%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0 auto 10px auto;
    padding: 4px 14px;
	border: solid #F98800 2px;
	box-sizing: content-box;
}


div.Small_items{
	width: 25%;
    margin: 0 0 50px 0;
	padding:  0 0 0 10px;
	text-align: left;
}

div.Small_items span{
	text-align: center;
    background: #6D6660;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 20px;
    margin:0;
}
.plan{
	text-align: center;
	border: 2px solid #6D6660;
    color: #6D6660;
    padding: 10px 20px;
    border-radius: 10px;
    margin:0;
}

div.Small_items p.newline{
	margin: 12px 0 0 6px;
}

ul.Anglelist{
margin: 20px 0;
}

ul.Anglelist li{
	list-style:decimal;
	border-bottom: 1px solid #6D6660;
	padding: 30px 80px 20px 0;
	position: relative;
}

ul.Anglelist li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

div.AngleArrow{
	position: absolute;
	bottom:80px;
	right: 0;
}

div.AngleArrow ul{
	width: 70px;
	margin: 0;
}

div.AngleArrow ul li{
	list-style: none;
	border: none;
	margin-bottom: 70px;
	padding: 0;
}

div.AngleArrow ul li:last-child{
	margin-bottom:0;
}

div.items{
	width: 70%;
	font-size: 120%;
	text-align: left;
    color: #6D6660;
    margin: 0 0 30px 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #6D6660;
}

div.items a{
	color: #F98800;
	font-weight: bold;
}

div.items form{
	text-align: left;
}

div.items
.bt a{
    display: inline-flex;
    background: #F98800;
    color: #FFF;
    font-size: 110%;
    text-align: center;
    border-radius: 30px;
    border-style: none;
    margin: 0;
    padding: 11px 24px;
}

div.items p{
	display: block;
}

div.items select{
    font-size: 120%;
    width: auto;
    height: 34px;
    letter-spacing: 1px;
    border: 1px solid #6D6660;
    border-radius: 10px;
    margin: 0 0 20px 20px;
   padding-left: 10px;
}

.State{
	padding: 6px 16px;
	border-radius: 20px;
}

.map{
	width: 400px;
	height: 400px;
	margin: 0 0 20px 0;
}

.Ch_IMG{
	margin-bottom: 40px;
}

.Ch_Thumb{
	display: block;
	width: 140px;
	height: 140px;
	margin:0 auto 40px 10%;
}

.Ch_Thumb img{
	border-radius: 50%;
	width: 100%;
}


div.items button{
	font-size: 110%;
	display:inline-block;
	padding: 8px 20px;
	margin: 0 6px 6px 6px;
}


span.price{
	font-size: 130%;
	line-height: 1.2em;
}

div.items input[type='text'], div.items input[type='password'] ,div.items textarea{
    margin: 0 0 20px 0;
}

div.items .point{
	width: 40%;
	display: inline;
}

div.items span{
	line-height: 1.6em;
	margin: 0 0 0 10px;
}

div.items input[type='date']{
text-align: left;
	margin: 0 10px 20px auto;
}

div.items input[type='time']{
text-align: left;
	margin: 0 auto 20px 10px;
}

div.items .Chabout{
	display: block;
	text-align: right;
	margin: 0 0 14px 0;
}

div.items .Chabout button{
	font-size: 95%;
	padding: 7px 20px 7px 50px;
	margin: 0 6px 6px 6px;
	color: #F98800;
	background:#FFF url(../images/about_q.png) no-repeat left 10px center;
	background-size: 25px;
	border: #F98800 2px solid;
}

.dragarea{
	display: block;
	margin: 0 0 20px 0;
	padding: 20px;
	border: medium dashed #666666;
	word-break: break-all;
}

.dragarea button{
	text-align: center;
	display: block !important;
	margin: 28px auto 10px auto !important;
}

/*@media */
@media (max-width: 767px) {

#modalWindow {
	width: 90%;
	height: auto;
	position: fixed;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.98);
	display: none;
	z-index: 3;
	padding: 30px 20px;
}

#modalWindow div.editbox div.Small_items{
	width: 25%;
    margin: 0 0 50px 0;
    padding: 0 0 0 10px;
    text-align: left;
}
	
#modalWindow div.editbox div.Small_items span{
	text-align: center;
    color: #6D6660;
	background:none;
    padding: 10px 20px;
    border-radius: 20px;
    margin:0;
}

}
/*@media */

.dragarea img{
	display: block;
	width: 48%;
	margin:20px auto;
}

.dragarea img.Chart{
	width: 100%;
}

.dragarea img.Chicon{
	width: 30%;
}

.probox{
	font-size: 200%;
	text-align: center;
	padding: 40px 0 0 0;
}

.prolist{
	text-align: left;
	margin: 60px auto;
	width: 80%;
	line-height: 2em;
}

.prolist li{
	background: url(../images/check.png) no-repeat left top 18px;
	background-size: 60px;
	color: #F98800;
	padding: 20px 0 20px 80px;
	font-size:120%;
	font-weight: bold;
}

.prolist li p{
	color: #6D6660;
	font-size:60%;
	font-weight: normal;
	line-height: 1.8em;
	margin: 10px 0;
}

.Agreement{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	padding: 70px 20px 0 20px;
	border: solid #E5E5E5 20px;
	box-sizing: content-box;
}

.Agreement button{
	font-size: 160%;
	margin: 0 auto 30px auto;
	padding: 12px 50px;
}

.Agreement>p{
	display: block;
	margin: 0 auto 50px auto;
	font-size: 200%;
	line-height: 1.3em;
}

span.AgPrice{
	font-size: 220%;
	font-weight: bold;
	vertical-align: text-top;
}

div.Ag_Chanel{
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 20px 0;
}
.Ag_Ch_L{
    width: 40%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.Ag_Ch_L span{
	text-align: center;
    background: #6D6660;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 0;
}

.Ag_Ch_R{
    width: 60%;
    font-size: 120%;
    text-align: left;
    color: #6D6660;
    border-radius: 20px;
    margin: 0;
    padding:0;
}

.Ag_Ch_R span{
	line-height: 2.6em;
    margin: 0 0 0 10px;
}

.AgPlus{
	width: 100%;
	margin: 30px auto 44px auto;
	text-align: center;
	font-size: 500%;
	font-weight: bold;
}

.Cancellation_Box{
	font-size: 140%;
	text-align: left;
	width: 90%;
	margin: 0 auto 80px auto;
}

/*コンテンツEDITBOX*/

/*お支払い*/
.PaymentBox{
    padding: 20px;
    background: #E5E5E5;
    margin: 0 0 20px 0;
}

.PaymentBox li{
    background: #FFF;
    /* border-bottom: #E5E5E5 solid 1px; */
    margin-bottom: 2px;
    padding: 20px;
	align-items: flex-start !important;
}



.PayCard{
	width: 60%;
	text-align: center;
}

.PayCard img{
	width: 18%;
	vertical-align: middle;
	margin: 0 auto;
	
}
/*お支払い*/

/*収益*/
.Earning{
	width: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 auto 20px 0;
	line-height: 3em;
	border-bottom: 1px #6D6660 solid;
}

.Earning dt{
	width: 30%;
	display: block;
	padding: 0 0 0 20px;
}

.Earning dd{
	width: 60%;
	display: block;
	margin: 0 auto 40px 0;
	padding: 20px 30px 0 0;
	text-align: right;
}

.Bt_Center{
	text-align: center;
	margin: 0 0 30px auto;
}
/*収益*/

/*アプリダウンロード*/
.Dl_Image{
	text-align: center;
	margin-bottom: 30px;
}

.Dl_Text{
	font-size: 120%;
	line-height: 1.6em;
	margin: 0 auto 60px auto;
}

.Dl_info{
	width: 100%;
	margin: 0 auto 30px auto;
}

.Dl_info dt{
	font-size: 140%;
	padding: 0 0 0 30px;
	margin: 0 auto 20px auto;
}
.Dl_info dd{
	padding: 0 0 0 80px;
	font-size: 120%;
	margin: 0 auto 80px auto;
}

.Dl_Bt{
	display: flex;
	justify-content:center;
	text-align: center;
}

.Dl_Bt a{
	display:block;
	width: 340px;
    background: #F98800;
    color: #FFF;
    font-size: 120%;
	font-weight: bold;
    text-align: center;
	vertical-align: middle;
    border-radius: 8px;
    border-style: none;
    margin: 0 20px;
    padding: 20px 14px;
}

.relative{
	display: block;
	position: relative;
}

span.comoingsoon{
	display: block;
	width: 100%;
	font-weight: bold;
	background:rgba(255,255,255,0.9);
	position: absolute;
	padding: 10px 0;
	left: 0;
	top:22px;
}
/*アプリダウンロード*/


/* Footer */
#footer {
	background: #000;
	width:100%;
	padding:40px 0 20px 0;
	margin-top: auto;
}

#footer ul{
	width: auto;
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 10px 0 40px 0;
	border-bottom:1px solid #fff;
	display: flex;
	justify-content:space-around;
	align-items: center;
}

#footer ul li{
	margin: 0 10px;
}

#footer p {
	clear:both;
	text-align: center;
	font-size:100%;
	line-height:18px;
	color:#FFF;
}
/* Footer */

/*パンくず*/
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	width:80%;
	margin: 20px auto 30px 0;
	padding: 0;
	color: #6D6660;
}
.cp_breadcrumb a {
	text-decoration: none;
	color: #f98800;
}
.cp_breadcrumb .breadcrumbs {
	width: 100%;
	padding-left: 0;
	margin:0 auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #6D6660
}
.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #6D6660;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}
/*パンくず*/

/*上部へボタン*/
#pagetop {
	margin:0 0 0 auto;
	width: 63px;
	height:63px;
	position: fixed;
	bottom: 26px;
	right: 10px;
	z-index: 99;
}
#pagetop a {
	background:#f98800 url(../images/ico_pagetop.png) 50% 50% no-repeat;
	width:63px;
	height:63px;
	display:block;
	text-indent:-9999px;
	border: solid 2px #FFF;
	border-radius: 200px;
	opacity:none!important;
		filter:drop-shadow(0px 5px 1px rgba(0,0,0,0.2));
}
#pagetop a:hover {
	background:#ffcc71 url(../images/ico_pagetop.png) 50% 50% no-repeat;
	opacity:none!important;
}
/*上部へボタン*/

.head-border {
	display: flex;
	align-items: center;
	color: #aaa;
}
 
.head-border:before,
.head-border:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: #aaa;
}
 
.head-border:before {
	margin-right: 0.3rem;
}
 
.head-border:after {
	margin-left: 0.2rem;
}