@import url(style_base.css);
@import url(setting.css);
@import url(layout.css);
@import url(common.css);
#myElement {...behavior: url(PIE.htc);}/*IE6,7,8対応css3*/

/*---------------------------------
* カラーチャート
* メインカラー -> "#333"
* サブカラーA -> "#f00"
* サブカラーB -> "#f00"
* キーカラー -> "#000"
---------------------------------*/

/* =======================================

        font style

========================================== */
.fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}

.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} /* base 14px = px */
.fS   { font-size: 85%;} /* base 14px = px */
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}/* base 14px = px */
.fLL  { font-size: 130%;}/* base 14px = px */
.fLLL { font-size: 143%;}/* base 14px = px */
sup {
	font-size: 78%;
	vertical-align: top;
}
sub {
	font-size: 78%;
	vertical-align: baseline;
}

.big { font-size: 25px; }
.lh {
	line-height: 1.4;
}
.lh + p{
	margin-bottom: 20px;
}

h4.f14{font-size:15px!important;}

/* =======================================

        text color

========================================== */
.txt_m { color: #007f4b;}
.txt_s1 { color: #007f4b;}
.txt_s2 {}
.txt_k {}

.red { color:#E25C03; }
.gray { color: #999999; }
.blue { color: #0B4A8F; }
.indigo { color: #0A5C81; }

.mgn30 { margin: 30px auto; }

/* =======================================

Contents用

========================================== */

p {
	margin: 0 0 10px;
}

img{
	vertical-align: middle;
}

textarea {
	width: 98%;
}

input[type="number"] {
	text-align: right;
}

input.title {
	width: 98%;
}

#content h1,
#fullwide_content h1{
	display: none;
}
h2 {
	margin: 60px 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#content h2, h2.subheader {
	margin: 0 0 20px;
    padding: 0;
	background: url(../img/h2_back.jpg) no-repeat left top;
    color: #FFF;
    font-size: 20px;
	text-indent: 38px;
	background: url("../img/section_name.png") 50% -10px no-repeat;
    padding: 18px 0;
}

#content h2 a {
	color: #FFF;
	font-size: 14px;
}

h2.midashi {
	font-size: 18px;
	border-left: 10px solid #FF9933;
	border-bottom: 1px solid #FF9933;
	padding-left: 10px;
}
h2.midashi2 {
	border-left: 10px solid #0066FF;
	border-bottom: 1px solid #0066FF;
	padding-left: 10px;
}

h3 {
    font-size: 13px;
	font-weight: bold;
    margin-bottom: 10px;
}
h3.border {
	padding: 0 0 0 5px;
    border-left: 3px solid #3d91ee;
    font-size: 14px;
	font-weight: bold;
	clear: none;
}


h4.h01 {
    background: url("../img/h4_bg_01.jpg") no-repeat scroll left top transparent;
    color: #1E1E1E;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 15px;
    padding: 9px 0 9px 20px;
    width: 100%;
	font-weight:bold;
}


h4.h02 {
    background: url("../img/h4_bg_02.jpg") no-repeat scroll left top transparent;
    color: #1E1E1E;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 15px;
    padding: 9px 0 9px 20px;
    width: 100%;
font-weight:bold;
}

.h4_bg {
    background: url("../img/h4_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 1px 0 2px 19px;
    width: 100%;
}

.h4_no_margin{
    background: url("../img/h4_bg.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 14px;
    padding: 1px 0 2px 19px;
    width: 100%;
}


.center > input[type="submit"],
.center > input[type="button"] {
	width: 124px;
	text-align: center;
}

form.genre h2 {
	margin-top: 20px;
	margin-bottom: 5px;
    padding: 0;
    color: #E25C03;
    font-size: 18px;
    font-weight: bold;
}

form.genre p.genre-sub-title {
	color: gray;
}

form.genre div label {
	display: inline-block;
	width: 24%;
	margin-bottom: 5px;
}

form.genre div label input {
	margin-right: 0.4em;
}

form.genre textarea {
	padding: 10px;
	border-radius: 5px;
}

form.genre .center {
	margin-top: 30px;
}

/* =======================================

 ページ内リンク用

========================================== */

.page_link{
text-align:right;

}
.page_link a {
    text-decoration: underline;
    color: #3a7b00;
}

.page_link a:link,.page_link a:visited {
    text-decoration: underline;
    color: #3a7b00;
}

.page_link a:hover {
    text-decoration: none;
color:#9cbd7f;
}



.link {
    background: url("../img/arrow.gif") no-repeat 0 7px;
    padding: 0 0 0 12px;
}


.link a:link,.link a:visited {
	text-decoration: underline;
	color: #3a7b00;
}

.link a:hover {
	text-decoration: none;
	color:#9cbd7f;
}

.section .description {
	text-align: right;
	margin: 10px 10px;
}

/* =======================================

  テーブル

========================================== */

table {
	border-collapse: collapse;
	margin: 0 auto 30px;
}

th, td {
}

tr.hide {
	background-color: silver;
}

.table {
	width: 100%;
	overflow-x: auto;
}
.borderTbl01 td.font_12b {
	white-space: nowrap;
}
.borderTbl01 th, .borderTbl01 td {
	padding: 6px 12px;
	border: 1px solid #999999;
}

.ProfileTable th {
	background-color: #cccccc;
}

/* =======================================

  手数料について

========================================== */
table.sell{
	border:solid #2b9300;
	border-width: 1px 0 0 1px;
	width: 100%;
}
table.sell th,table.sell td{
	border:solid #2b9300;
	border-width: 0 1px 1px 0;
	padding: 10px;
	vertical-align: middle;
}

table.sell th{
	background-color: #e7f7e3;
	text-align: center;
	font-weight: bold;
}

table.sell th.title{
	background-color: #2b9300;
	font-weight: bold;
	color: #fff;
}


table.buy{
	border:solid #f66d00;
	border-width: 1px 0 0 1px;
	width: 100%;
}
table.buy th,table.buy td{
	border:solid #f66d00;
	border-width: 0 1px 1px 0;
	padding: 10px;
	vertical-align: middle;
}

table.buy th{
	background-color: #fbf4d7;
	text-align: center;
	font-weight: bold;
}

table.buy th.title{
	background-color: #f66d00;
	font-weight: bold;
	color: #fff;
}


table.plan_price{
	border:solid #dadada;
	border-width: 1px 0 0 1px;
	width: 454px;
}
table.plan_price th,table.plan_price td{
	border:solid #dadada;
	border-width: 0 1px 1px 0;
	padding: 10px;
	vertical-align: middle;
}

table.plan_price th{
	background-color: #e7f7e3;
	text-align: center;
	font-weight: bold;
}

table.plan_price th.title{
	background-color: #2b9300;
	font-weight: bold;
	color: #fff;
}


table.plan_example{
	border:solid #dadada;
	border-width: 1px 0 0 1px;
	width: 216px;
}
table.plan_example th,table.plan_example td{
	border:solid #dadada;
	border-width: 0 1px 1px 0;
	padding: 10px;
	vertical-align: middle;
}

table.plan_example th{
	background-color: #dadada;
	text-align: center;
	font-weight: bold;
}

table.plan_example .title{
	background-color: #3881da;
	font-weight: bold;
	color: #fff;
}


table .kihon{
	background-color: #fcffdd;
}

table .tenpa{
	background-color: #ddebff;
}

table .kyupa{
	background-color: #e1ffdd;
}

table .hatipa{
	background-color: #ffdddd;
}

th.error {
	background-color: #FF6666 !important;
	color: #333333 !important;
}

td.font_w13b,
td.font_12b_n {
	padding: 4px;
}

.mediakeisai {
	list-style: none;
}
.mediakeisai li {
	clear: left;
	margin-bottom: 15px;
	padding: 5px;
}
.mediakeisai .pic {
	float: left;
	margin: 5px 10px;
}
.mediakeisai p {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	line-height: 1.2em;
}
.mediakeisai .head {
	font-weight: bold;
}

.que {
	font-size: 15px;
	margin-top: 20px;
}

dt.que {
	font-size: 1.1em;
	font-weight: bold;
}

.ans {
	font-size: 16px;
	margin-top: 20px;
}

dt.ans {
	font-size: 1.1em;
	font-weight: bold;
}

.ans img.fltL {
	float: left;
}

.ans img.fltR {
	float: right;
}

dl.news {
	font-size: 14px;
	margin-bottom: 10px;
}

/* item_list */
.item_list .keyword{
	background-image: url(/static/img/sub_ttl_bg.jpg);
	display: inline-flex;
	margin-top: -0.5px;
	padding-right: 16px;
    padding-bottom: 1px;
}
.item_list .keyword span{
	font-weight: bold;
}
.item_list .keyword:before{
	content: url(/static/img/sub_com_searchttl01.jpg);
	padding-right: 8px;
}
.item_list .keyword + img{
	margin-top: -11.5px;
    margin-left: -5px;
}
.item_list .table > div{
	padding-bottom: 2px;
}
.item_list .table th,
.item_list .table td{
	border: 1px solid #FF9900;
	font-size: 12px;
}
.item_list .table th{
	padding: 5px 3px 5px 3px;
    background-color: #FFCC66;
}
.item_list .table th:not(:nth-of-type(2)){
	width: 65px;
}
.item_list .table th:first-of-type{
	width: 53px;
}
.item_list .table th:nth-of-type(3){
	width: 80px;
}
.item_list .table th:nth-of-type(4){
	width: 70px;
}
.item_list .table th:nth-of-type(8){
	width: 70px;
}
.item_list .table th:last-of-type{
	width: 50px;
}
.item_list .table td{
	padding: 3px;
	vertical-align: middle;
	background-color: #FFFFAA;
}
.item_list .table td:not(:nth-of-type(2)){
	text-align: right;
	white-space: nowrap;
}
.item_list .table td.list_01{
	background-color: #FFFFFF;
}
.item_list .table td.list_02{
	background-color: #FFF0D2;
}
.item_list .item_ope_cost {
	display: flex;
}
.item_list .item_ope_cost .item_detail:first-of-type{
	border-right: 1px solid #707070;
}
.item_list #content_l{
	width: 660px;
	display: inline-block;
}
.item_list #aside_r{
	width: 230px;
	float: right;
}
.item_list #aside_r > div:last-of-type > div {
	padding-top: 20px!important;
}
.item_list #aside_r > div:last-of-type > div > div:first-of-type {
	background-color: #FF8C00;
	text-align: left;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 6px 12px!important;
    border: 1px solid #999999;
}
.item_list #aside_r .logly-lift-ad.logly-lift-ad-ad {
	height: auto!important;
}
.item_list .item_body{
	width: 660px;
	margin: 0 30px 10px;
}
.item_list .item_body th,
.item_list .item_body td{
	padding: 6px 12px;
    border: 1px solid #999999;
}
.item_list .item_body th{
	background-color: #EFEFEF;
	font-weight: bold;
	width: 120px;
}
.item_list .item_body th.top{
	background-color: #FF8C00;
	font-size: 14px;
}
.item_list .item_body td.message{
	background-color: #EFEFEF;
	font-weight: 12px;
}
.item_list .item_body th.top > span{
	float: right;
}
.item_list .item_body th.top > span > a:last-of-type{
	font-weight: normal;
}
.item_list .item_body input[type="submit"]{
	width: 65px;
}
.item_list .qa_list {
	margin: 30px 0 10px;
}
.item_list .qa_usage {
	width: 586px;
	border:2px solid #FF9900;
	padding:10px;
}
.item_list .qa_usage h3,
.item_list .qa_usage span:nth-of-type(3) {
	color:#FF3000;
}
.item_list .qa_usage ul {
	margin-bottom:1em;
}
.item_list .qa_usage li {
	list-style:disc outside;
	margin-bottom:0.6em;
	margin-left:3em;
}
.item_list .item_faq{
	background-color:#FFFFDD!important;
	margin: 0!important;
}
.item_list .item_faq h2,
.item_list .item_recommend h2 {
	background-color:#FF8C00;
	border: 1px solid #999;
	width: 100%;
	margin: 0 auto 4px;
	padding: 6px 12px!important;
	box-sizing: border-box;
}
.item_list .item_faq ul {
	margin: 10px 0;
}
.item_list .item_faq li {
	margin-bottom: 4px;
    margin-left: 10px;
}
.item_list .item_faq p {
    margin: 4px 10px 10px;
}
.item_list .title {
	font-weight: bold;
	color: white;
	padding: 5px;
	margin: -1px 0 0 -1px;
}
.item_list .body {
	padding: 10px;
}
.item_list .question td span,
.item_list .answer td span{
	font-weight: bold;
}
.item_list .question {
	border: 1px solid #FF9900;
	margin: 10px 0 5px;
}
.item_list .question .title {
	background-color: #FF8C00;
}
.item_list .question th > span,
.item_list .answer th > span {
	border-left: 5px solid #FF8C00;
	padding-left: 7px;
}
.item_list .answer {
	border: 1px solid #5656CD;
	margin-left: 3em;
}
.item_list .answer th.top{
	background-color: #5656CD;
}
.item_list .answer .title {
	background-color: #5656CD;
}
.item_list .answer .title {
	background-color: #5656CD;
}
.item_list .answer tr:nth-of-type(3) th > span {
	border-left: 5px solid #5656CD;
	padding-left: 7px;
}
.item_list .item_recommend {
	padding-top: 30px;
	background-color: white;
}

.item_list .item_recommend .item {
	display: flex;
	padding: 10px;
	border: 1px solid black;
	margin-top: 10px;
}

.item_list .item_recommend .item a {
	font-size: 14px;
	text-decoration: none;
	color: black;
}

.item_list .item_recommend .item a:hover {
	opacity: 0.5;
}

.item_list .item_recommend .item a em {
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 5px;
}

/* item_buy */
.item_buy{
	width: 610px;
	margin: 0 auto 10px;
}
.item_buy table{
	width: 100%;
}
.item_buy th,
.item_buy td{
	padding: 4px 6px;
	border: 1px solid #999999;
}
.item_buy th{
	width: 170px;
	background-color: #EFEFEF;
	font-weight: bold;
}
.item_buy th span{
	font-size: 11px;
	font-weight: normal;
}
.item_buy .top{
	background-color: #5656CD;
	color: #FFFFFF;
	font-size: 13px;
}
.item_buy input:not([type="hidden"]) + input[type="submit"]{
	margin-left: 60px;
}

/* register */
.register h2.title{
	border-top: 1px solid #FF8C00;
    margin-top: -1px;
	margin-bottom: 30px;
}
.register h3.title{
	border-bottom: 3px solid #FF8C00;
	margin-bottom: 30px;
}
.register .flow{
	margin: 30px 0;
	text-align: center;
	font-size: 13px;
}
.register .flow img {
	max-width: 100%;
}
.register .head{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.register .head img {
	max-width: 100%;
}
.register .head img:first-of-type {
	margin-bottom: 1em;
}
.register .head img.fee {
	width: 100%;
}
.register ul.note{
	margin: 20px 30px 30px;
}
.register ul.note li{
	list-style-image: url(/static/img/sankaku_ore02.gif);
}
.register label,
.register label input{
	margin-right: 4px;
}
.register th,
.register td{
    padding: 4px 12px;
    border: 1px solid #999999;
}
.register th{
	width: 170px;
	background-color: #EFEFEF;
	font-weight: bold;
}
.register td{
	vertical-align: middle;
}
.register th span,
.register th div{
	font-weight: normal;
	font-size: 11px;
}
.register th span.label {
	font-weight: bold;
	font-size: 12px;
}
.register .center input[type="button"]{
	width: auto;
	padding: 1px 6px;
}
.register .head .price{
    margin-bottom: 20px;
}
.register .head .price table{
    margin-bottom: 10px;
}
.register .head .price th{
    background-color: #FF9933;
}
.register .head .price th:first-of-type {
	width: 40%;
}
.register .head .price th:nth-of-type(2) {
	width: 25%;
}
.register .head .price td{
	vertical-align: top;
}
.register .head .price span.bold{
	color: #FF3333;
}
.register .top{
	background-color: #FF9933!important;
	margin-bottom: 0;
	padding: 4px;
	color: #FFFFFF;
	font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
}
.register .criteria{
	padding: 0!important;
}
.register div.criteria{
	border: 2px solid #999999;
	margin-bottom: 30px;
}
.register .criteria > div{
	background-color: #FFFFCC;
	padding: 4px 12px;
}
.register div.criteria > div,
.register tr:nth-of-type(2) .criteria > div{
	padding: 20px 10px;
}
.register .criteria > div span{
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
}
.register .policy{
	margin-bottom: 20px;
}
.register .policy > div{
	border: 5px solid #EFEFEF;
}
.register .policy iframe {
	width: 100%!important;
}
.register .agree{
	width: 100%;
	border: 1px solid #999999;
}
.register .agree td{
	padding: 16px;
}
.register .agree div > label{
	color:#FF0000;
	font-size:1.5em;
	font-weight:bold;
}
.register .complete h3{
	margin-bottom: 20px!important;
}
.register .complete h3{
	margin-bottom: 20px!important;
}
.register.buyer h2.title,
.register.buyer h3.title{
	border-color: #5656CD!important;
}
.register.buyer .head .price th,
.register.buyer .top{
	background-color: #5656CD!important;
	color: #FFFFFF;
}

/* price_table */
.price_table{
	display: inline-flex;
}
.price_table table{
	width: 320px;
	margin-bottom: 10px;
	border-collapse: separate;
}
.price_table table:last-of-type{
	margin-left: 30px;
}
.price_table table th,
.price_table table tr:not(:last-of-type) td{
	border-bottom: 1px solid #FFFFFF;
}
.price_table table td{
	padding-left: 7px;
}
.price_table table td:first-of-type{
	width: 120px;
}
.price_table table td:last-of-type{
	width: 230px;
}
.price_table table.seller{
	border:1px solid #FF6600;
}
.price_table table.seller th{
	background-color: #FF6600;
}
.price_table table.seller td:first-of-type{
	background-color: #FCC48B;
}
.price_table table.buyer{
	border:1px solid #6666CC;
}
.price_table table.buyer th{
	background-color: #6666CC;
}
.price_table table.buyer td:first-of-type{
	background-color: #CCCCFF;
}
.price_table table div{
	 display: inline-block;
}

/* guide */
.guide .index {
	width: 700px;
}
.guide .index h2 {
	margin-bottom: 10px;
}
.guide .index ul {
	padding-left: 10px;
}
.guide .index td{
	width: 233px;
}
.guide > .section {
	margin-bottom: 30px !important;
	font-size: 13px;
}
.guide > .section .important{
	color: #FF0000 !important;
}
.guide > .section.top_image {
	padding: 10px;
	text-align: center;
}
.guide > .section.top_image > div{
	margin-bottom: 50px;
}
.guide > .section.top_image > div img{
	max-width: 100%;
}
.guide > .section.sec0 p.important{
	font-weight: bold;
}
.guide > .section.sec0 > div > div.ex_box{
	width: 350px;
	border: 1px solid #ff9933;
	padding:8px;
	margin: 10px;
}
.guide > .section.sec2 div.price_table{
	margin-left: 30px;
}
.guide > .section.sec2 div.price_table table{
	 width: 340px;
}
.guide > .section.sec3 span.seller{
	color: #FF6600;
}
.guide > .section.sec3 span.buyer{
	color: #0066FF;
}
.guide > .section.sec3 > div{
	width: 650px;
	max-width: 100%;
	margin: 0 auto  30px;
}
.guide > .section.sec3 h3{
	font-weight: bold;
	margin: 20px 0;
}
.guide > .section.sec3 h4{
	font-weight: bold;
	margin-top: 20px;
}
.guide > .section.sec3 p{
	text-indent: 13px
}
.guide > .section.sec3 ol,
.guide > .section.sec3 ul{
	padding-left: 20px;
}
.guide > .section.sec3 li{
	list-style: unset;
}
.guide > .section.sec3 ol li{
	margin-bottom: 20px;
}
.guide > .section.sec3 span.important{
	font-weight: bold;
	font-size: 12px;
}
.guide > .section.sec3 div.warning{
	border:1px solid #FF6600;
	color: #333!important;
	padding: 8px;
	margin-top: 10px;
}
.guide > .section.sec3 div.warning > img{
	float: left;
}
.guide > .section.sec3 div.warning > p,
.guide > .section.sec3 div.warning > ul{
	margin-left:30px;
	text-indent: 0;
}
.guide > .section.sec3 div.warning > ul{
	margin-top: 10px;
}
.guide > .section.sec3 div.warning > p:last-of-type{
	margin-bottom: 0;
}
.guide > .section.sec3 > div.fleft,
.guide > .section.sec3 > div.fright{
	width: 400px;
}
.guide > .section.sec3 > div.fleft > h4{
	margin-bottom: 30px;
}
.guide > .section.section.top_image .sp {
	display: none;
}

/* help */
.help .index li {
	margin: 5px;
}
.help .title{
	border-top: 1px solid #FF8C00;
    margin-top: -1px;
    margin-bottom: 10px;
}
.help .main dt {
	border-left: 10px solid #FF8C00;
	border-top: 1px solid #FF8C00;
	background-color: #eeeeee;
	padding: 6px;
	font-weight: bold;
}
.help .main dd {
	font-size: 95%;
	padding: 6px 6px 12px 12px;
	margin-bottom: 10px;
}

.help .qalist_sub .submenu{
	margin-bottom: 0;
}
.help .qalist_sub .submenu li,
.help .qalist_sub .submenu td {
	font-weight: bold;
	margin: 5px;
}
.help .qalist_sub dt {
	border-left: 10px solid #FF8C00;
	background-color: #eeeeee;
	padding: 6px;
	position: relative;
}
.help .qalist_sub dt:first-of-type {
	border-top: 1px solid #FF8C00;
	font-weight: bold;
}
.help .qalist_sub dt p {
	margin: 0;
}
.help .qalist_sub dt .backlink {
	position: absolute;
	bottom: 6px;
	right: 6px;
}
.help .qalist_sub dd {
	font-size: 95%;
	padding: 6px 6px 12px 12px;
	margin: 10px 0;
}
.help .qalist_sub dd div {
	margin-left: 12px;
}
.help .qalist_sub dd div + p {
	margin-top: 15px;
}
.help .qalist_sub ul:not(.submenu){
	margin-bottom: 10px;
	padding-left: 20px;
}
.help .qalist_sub ul:not(.submenu) > li{
	list-style-type: disc;
}
.help .important,
.help .attention{
	color: #FF0000 !important;
}
.help .attention{
	font-weight: bold;
}
.help div.warning{
	border:1px solid #FF6600;
	color: #333!important;
	padding: 8px;
	margin-top: 10px;
}
.help div.policy_item{
	text-indent: 12px;
	margin-left: 0!important;
	margin-bottom: 10px;
}

.help table.form_regist_site{
	width: 750px;
	border: 2px solid gray;
}
.help table.form_regist_site th,
.help table.form_regist_site td{
	padding: 6px;
	border: 1px solid gray;
}
.help table.form_regist_site th{
	background-color: #FF9933;
	width: 315px;
	font-weight: bold;
}
.help table.form_regist_site td > ul{
	margin-bottom: 10px;
	padding-left: 20px;
}
.help table.form_regist_site td li{
	list-style-type: disc;
}
.help table.form_regist_site th:first-of-type{
	color: #FFFFFF;
	width: 120px;
}
.help table.form_regist_site td:first-of-type{
	background-color: #EFEFEF;
	font-weight: bold;
}

.help .manda {
	width: 700px;
	margin: 0 auto;
}
.help .manda h2{
	border-left: 10px solid #FF8C00;
	border-top: 1px solid #FF8C00;
	background-color: #eeeeee;
	padding: 6px;
	position: relative;
	font-weight: bold;
}
.help .manda h3{
	margin: 30px 0 20px;
}
.help .manda .pre_header_text{
	font-size: 14px;
    padding: 4px 16px;
	font-weight: bold;
	line-height: 1.5;
}
.help .manda .difference{
	display: flex;
}
.help .manda .difference table{
	margin-bottom: 0;
}
.help .manda .img{
	margin-bottom: 5px;
}
.help .manda .difference th,
.help .manda .difference td{
	padding: 6px;
}
.help .manda .difference th{
	text-align: center;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
}
.help .manda .difference table.regular{
	border:1px solid #40A1FF;
	width: 325px;
}
.help .manda .difference table.regular th{
	background-color: #40A1FF;
}
.help .manda .difference table.premium{
	border:1px solid #FF7D51;
	width: 345px;
	width: 325px;
}
.help .manda .difference table.premium th{
	background-color:  #FF7D51;
}
.help .manda .feature table {
	border: 1px solid #FF6633;
	width: 660px;
	margin-bottom: 0;
	margin: 20px auto;
}
.help .manda .feature table th{
	background-color: #FF6633;
	padding: 2px 4px;
}
.help .manda .feature table td{
	background-color: #FFFFCC;
	padding: 8px 0 10px 20px;
    line-height: 20px;
    font-weight: bold;
}
.help .manda .price table{
	width: 360px;
	border: 2px solid #6666CC;
	margin-bottom: 10px;
}
.help .manda .price th,
.help .manda .price td{
	border: 1px solid #6666CC;
	padding: 2px 15px;
}
.help .manda .price table th{
	background-color: #CCCCFF;
	text-align: center;
}
.help .manda .price table th:first-of-type{
	width: 240px;
}
.help .manda .price table th:last-of-type,
.help .manda .price table td:last-of-type,
.help .manda .price > div{
	text-align: center;
	padding: 2px 6px;
}
.help .manda .flow{
	width: 700px;
	margin-bottom: 50px;
}
.help .manda .flow_head{
	width: 624px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}
.help .manda .flow_head li{
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
}
.help .manda .flow_head li:first-of-type{
	border: 1px solid #CC0000;
	background-color: #FF3300;
}
.help .manda .flow_head li:nth-of-type(2){
	border: 1px solid #CC6600;
	background-color: #FF9900;
}
.help .manda .flow_head li:last-of-type{
	border: 1px solid #000000;
	background-color: #666666;
	width: 120px;
}
.help .manda .flow_body{
	width: 500px;
	margin: 0 auto;
}
.help .manda .flow_body table{
	margin-bottom: 0;
}
.help .manda .flow_body table td{
	text-align: center;
	vertical-align: bottom;
	height: 50px;
}
.help .manda .flow_body table tr:last-of-type td{
	padding-bottom: 10px;
}
.help .manda .flow_body table td div{
	background-color: #E6E6E6;
	border: 1px solid #CCCCCC;
	width: 190px;
	margin: 0 auto;
	padding: 6px;
}
.help .manda .flow_body table td ul{
	padding-left: 40px;
}
.help .manda .flow_body table td li{
	text-align: left;
	text-indent: -12px;
}
.help .manda .left_table{
	border-left: 7px solid #FF3300;
	border-right: 7px solid #FF9900;
}
.help .manda .right_table{
	border-right: 7px solid #666666;
}
.help .manda .left_table tr:nth-of-type(2) td,
.help .manda .right_table tr:nth-of-type(2) td,
.help .manda .right_table tr:nth-of-type(5) td{
	height: 70px;
}
.help .manda .left_table tr:nth-of-type(5) td,
.help .manda .right_table tr:nth-of-type(3) td{
	height: 100px;
}
.help .manda .left_table tr:nth-of-type(3) td{
	height: 120px;
}
.help .manda .right_table tr:first-of-type td{
	height: 150px;
}
.help .manda .flow_footer{
	width: 540px;
	margin: 0 auto;
}
.help .manda .flow_footer div:nth-of-type(odd){
	background-color: #E6E6E6;
	border: 1px solid #CCCCCC;
	padding: 6px;
	text-align: center;
}
.help .manda .flow_footer div:nth-of-type(even){
	width: 49.5%;
	height: 18px;
	border-right: 6px solid #FF9900;
}
.help .manda .flow_footer div:last-of-type{
	background-color: #CCCCCC;
	border: 1px solid #666666;
}
.help .manda .inquiry_box{
	background-color: #FFFFCC;
	border: 1px solid #FF6633;
	text-align: center;
	font-weight: bold;
    font-size: 15px;
	line-height: 22px;
	padding-bottom: 15px;
}
.help .manda .inquiry_box .header{
	text-align: left;
	background-color: #FF6633;
    padding: 7px 9px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.help .manda .inquiry_box ul{
	text-align: left;
	padding-left: 40px;
	margin: 15px 0;
}
.help .manda .inquiry_box li{
	list-style-image: url(/static/img/sankaku_ore02.gif);
}

/* avoidance */
.avoidance h3 {
	font-size: 1.2em;
	margin-top: 1em;
}

.avoidance ul li {
	list-style: disc;
	margin: 5px 50px;
}

.avoidance ol li {
	list-style: decimal;
	margin: 5px 50px;
}

.avoidance .banner-bar {
	margin-top: 50px;
}

.section.banner-bar {
	text-align: center;
}

/* privacy */
.privacy {
	width: 690px;
	margin: 0 auto;
	line-height: 1.4;
}
.privacy ol,
.privacy p {
	margin: 20px;
}
.privacy h3 {
	border-left: 10px solid #FF9933;
	border-bottom: 1px solid #FF9933;
	padding-left: 10px;
}
.privacy ul {
	text-indent: -24px;
    margin-left: 44px;
}
.privacy .totop {
	text-align: right;
}

/* wants */
.wants {
	width: 700px!important;
}
.wants dl {
	margin: 0 0 30px;
	border:solid 1px #cccccc;;
}
.wants dt div{
	float: right;
}
.wants dt{
	background-color: #F0F0F0;
	border-bottom:solid 1px #cccccc;
	padding: 4px 8px;
}
.wants dd{
	padding: 8px 16px;
}
.wants dd div{
	margin-top: 10px;
	text-align: right;
}
.wants dd a:before{
	content: url(/static/img/sankaku_ore02.gif);
	padding-right: 4px;
}

/* inquiry */
.inquiry h2.title{
	border-top: 1px solid #FF9933;
    margin-top: -1px;
}
.inquiry.buy div.title{
	border-top: 1px solid #5566ff;
    margin-top: -1px;
	margin-bottom: 20px;
}
.inquiry.buy h2.title{
	padding-top: 10px;
	border-top: 0;
	border-bottom: 1px solid #5566ff;
}
.inquiry.sell h2.title{
	padding-top: 10px;
	border-top: 0;
	border-bottom: 1px solid #FF9933;
}
.inquiry h3{
	margin-bottom: 0;
    padding: 4px;
	font-size: 13px;
    color: #FFFFFF;
	font-weight: bold;
}
.inquiry h3{
	background-color: #FF9933;
}
.inquiry.buy h3{
	background-color: #6666ff;
}
.inquiry h3 span{
	font-weight: normal;
}
.inquiry ul{
	padding: 0 10px 20px;
}
.inquiry li:before{
	content: '■';
	color: #FF9933;
	font-size: 11px;
	padding-right: 5px;
}
.inquiry table{
	width: 100%;
}
.inquiry table th,
.inquiry table td{
	line-height: 1.2;
	padding: 4px;
}
.inquiry table th span{
	font-size: 11px;
}
.inquiry table th{
	width: 130px;
	background-color: #EFEFEF;
	font-weight: bold;
}
.inquiry table th span{
	color: #FF0000;
	font-size: 12px;
	font-weight: normal;
}
.inquiry input[type="submit"]{
	font-size: 13px;
	padding: 1px 6px;
	width: auto;
}
.inquiry input:not([type="hidden"]) + input[type="submit"]{
	margin-left: 60px;
}
.inquiry_body {
	width: 580px;
	margin: 20px auto 0;
	padding: 30px;
}
.inquiry.complete p{
    line-height: 150%;
	padding-left: 30px;
	margin-bottom: 30px;
}

/* quick */
.quick {
	width: 690px!important;
	max-width: 100%;
}
.quick h3{
	padding: 8px 20px 6px 20px;
    border-bottom: 1px #064c96 dotted;
    background-color: #ebf0f1;
    color: #064c96;
    font-size: 16px;
    font-weight: bold;
}
.quick h3:last-of-type{
	margin-top: 40px;
}
.quick h4{
	font-size: 15px;
    margin: 25px 0 10px 0;
    color: #00017A;
    font-weight: bold;
}
.quick h4 {
	margin: 25px 0 10px 0;
	color: #00017A;
	font-weight: bold;
	font-size: 105%;
}
.quick table.quick_form {
	width: 100%;
	margin-top: 30px;
}
.quick table.quick_form th {
	width: 170px;
	line-height: 25px;
	padding: 8px 8px 8px 20px;
	border: 1px #ccc solid;
	color: #333;
	font-weight: bold;
	background-image: url(../img/form_bg.jpg);
	background-repeat: repeat-x;
}
.quick table.quick_form td {
	line-height: 25px;
	padding: 8px 8px 8px 20px;
	border: 1px #ccc solid;
}
.quick table.quick_form span {
	margin-left: 10px;
	padding: 3px;
	color: red;
	font-size: 10px;
}
.quick table.quick_form input[type="submit"]:last-of-type {
	margin-left: 60px;
}
.quick p.mailmag {
	display: block;
	width: 658px;
	max-width: 95%;
	line-height: 30px;
	margin: 30px 0;
	padding: 10px;
	border: 1px #ccc solid;
	text-align: center;
}
.quick .button {
	width: 100%;
	text-align: center;
}
.quick button {
	padding: 0;
	border: 0;
}
.quick div.attention {
	width: 648px;
	max-width: 88%;
	margin: 20px 0;
	padding: 20px;
	border: 1px #f2d888 solid;
	background-color: #fffeee;
}
.quick div.attention p {
	font-size: 14px;
	font-weight: bold;
}
.quick div.attention li {
	list-style-type: disc;
	line-height: 20px;
	margin-left: 30px;
}

/* avoidance */
.avoidance h3 {
	font-size: 17px;
}

.avoidance em {
	color: #FF3333;
	font-weight: bold;
}

ol.jirei {
	font-size: 15px;
	margin-bottom: 50px;
}

ol.jirei li {
	margin-bottom: 1em;
}

ol.solution {
	font-size: 15px;
}

ol.solution li {
	margin-bottom: 1em;
}

/* company */
.company table {
    width: 100%;
}
.company table th,
.company table td{
	padding: 6px 12px;
    border: 1px solid #999999;
}
.company table th{
    background-color: #cccccc;
}
.company table dt{
	float: left;
	width: 130px;
}

/* mypage */
.table th{
	background-color: #efefef;
}
.table th.top {
	padding: 4px!important;
}
.table td label > input {
	vertical-align: middle;
	margin: 0 4px;
}
.table input[name="zip2"] {
	margin-right: 12px;
}
.table input[name="address1"] {
	margin-left: 12px;
}
.new {
	color: #FF0000;
	font-weight: bold;
}

/* login */
.login {
	width: 100%;
	max-width: 610px;
	margin: 45px  auto 0;
}
.login td {
	min-width: 100px;
}
.login .warning {
	font-size: 12px;
	margin-bottom: 8px;
	padding: 0;
}
.login .table {
	margin: 0 0 30px;
	border-bottom: solid 10px #999999;
}
.login .table th {
	background-color: #5656CD;
	font-size: 13px;
    color: #FFFFFF;
	padding: 4px;
}
.login .table tr:not(.white) {
	width: 170px;
	background-color: #EFEFEF;
	vertical-align: middle;
}
.login .table td input[type=submit] {
	margin: 4px 0 8px;
}
.login .table tr:last-of-type > td {
	line-height: 1.6!important;
}
.login .table tr:last-of-type > td span {
	color: #5656CD;
}

/* business */
.business h2 {
	font-size: 14px;
	margin: 40px 0 10px;
}
.business > h2:first-of-type {
	margin-top: 0;
}
.business .table{
	margin-bottom: 10px;
}
.business .table th,
.business .table td {
	padding: 6px 12px;
    border: 1px solid #999999;
	text-align: center;
}
.business .table th.check,
.business .table td.check {
	width: 30px !important;
}
.business .table th:nth-of-type(3),
.business .table td:nth-of-type(3) {
	text-align: left;

}
.business .table tr:first-of-type th{
	text-align: left;
	font-weight: bold;
}
.business .table td:first-of-type{
	width: 60px;
}
.business .table.item tr:first-of-type th{
	background-color: #ffcc00;
}
.business .table.item td:nth-of-type(4){
	width: 26px;
}
.business .table.estimation tr:first-of-type th,
.business .table.marked tr:first-of-type th,
.business .table.alerted tr:first-of-type th{
	background-color: #00ccff;
}
.business .table.marked td:nth-of-type(4),
.business .table.alerted td:nth-of-type(4){
	width: 34px;
}
.business .table.marked td:nth-of-type(5),
.business .table.alerted td:nth-of-type(5){
	width: 72px;
}
.business .table.estimation td:nth-of-type(5),
.business .table.estimation td:last-of-type,
.business .table.marked td:last-of-type,
.business .table.alerted td:last-of-type{
	width: 36px;
}

.register {
	margin-bottom: 10px;
	margin-right: 10px;
}

.logout {
	float: right;
	margin-bottom: 10px;
}

.logout a{
	color: #FF0000!important;
	font-weight: bold;
	text-decoration: none;
}

.left_side_bar h4 {
	margin: 20px 0 5px;
}
.left_side_bar h4:first-of-type {
	margin-top: 10px;
}

/* edit */
.edit {
	width: 650px;
	margin: 0 auto;
}
.edit .table {
	margin-bottom: 30px;
}
.edit .table th,
.edit .table td,
.view .table th,
.view .table td {
	padding: 4px;
	border: 1px solid #999999;
}
.edit .table th {
	background-color: #CCCCCC;
	font-weight: bold;
	line-height: 1.2;
}
.edit .table td:nth-of-type(odd) {
	width: 170px;
	background-color: #EFEFEF;
	font-weight: bold;
	vertical-align: top;
}
.edit .table td:nth-of-type(3) {
	width: 140px;
}
.edit .table td > span {
	font-weight: normal;
}
.edit .table td > div {
	font-weight: normal;
	font-size: 11px;
}
.edit .table td > input,
.edit .table td > textarea {
	margin-bottom: 4px;
}
.edit .table label {
	display: inline-block;
	margin: 2px;
}
.edit .textarea {
	margin-left: 15px !important;
}
.edit > div.center input:not(:last-of-type),
.edit > div.center a:not(:last-of-type),
.edit > form > div.center input:not(:last-of-type),
.edit > form > div.center a:not(:last-of-type) {
	margin-right: 20px;
}
.view > div.center input:not(:last-of-type),
.view > div.center a:not(:last-of-type),
.view > form > div.center input:not(:last-of-type),
.view > form > div.center a:not(:last-of-type) {
	margin-right: 20px;
}
.edit .table.pl td,
.view .table.pl td {
	padding: 4px;
	background-color: #EFEFEF;
	width: auto;
	font-weight: normal;
	text-align: right;
}

.edit .table.pl th,
.view .table.pl th {
	border: 1px solid #999999;
	font-weight: bold;
	line-height: 1.2;
}

/* complete */
.complete {
	width: 435px!important;
	margin: 30px auto 0;
}
.complete.table th,
.complete.table td {
	padding: 4px;
}
.complete.table th {
	font-weight: bold;
}
.complete.table td {
	padding-top: 20px!important;
}

/* info */
.info .title{
	border-top: 1px solid #FF8C00;
    margin-top: -1px;
    margin-bottom: 10px;
}
.info .table th.top {
	color: #FFFFFF;
	background-color: #FF8C00;
	font-size: 13px;
}

/* detail */
.detail .title{
	border-top: 1px solid #5656CD;
    margin-top: -1px;
    margin-bottom: 10px;
}
.detail .table th.top {
	color: #FFFFFF;
	background-color: #5656CD;
	font-size: 13px;
}
.detail .table label.area {
	width: 66px;
}
.detail .table label.area > input {
	margin: 0;
}

/* mail */
.mail .table th,
.mail .table td {
	padding: 4px;
}
.mail .table th {
	font-weight: bold;
}
.mail .table th.top {
	color: #FFFFFF;
	background-color: #FF8C00;
	font-size: 13px;
}
.mail .table td.set {
	font-weight: bold;
}
.mail .edit {
	width: 610px;
	margin: 0 auto;
}

/* secession */

.items .form,
.estimations .form {
	background-color: #EFEFEF;
	width: 100%;
}
.items .form td:first-of-type {
	font-weight: bold;
	width: 89px;
}
.estimations .form td:first-of-type {
	font-weight: bold;
	width: 76px;
}
.items.list .table th,
.items.list .table td,
.estimations.list .table th,
.estimations.list .table td {
	text-align: center;
	padding: 2px;
}
.items.list .table td:first-of-type,
.estimations.list .table td:first-of-type{
	width: 60px;
}
.items.list .table th:nth-of-type(2),
.items.list .table td:nth-of-type(2),
.estimations.list .table th:nth-of-type(2),
.estimations.list .table td:nth-of-type(2) {
	text-align: left;
}
.items.list .table td:nth-of-type(3) {
	width: 72px;
}
.items.list .table td:nth-of-type(4),
.estimations.list .table td:nth-of-type(3),
.estimations.list .table td:nth-of-type(4) {
	width: 72px;
}
.estimations.list .table td:nth-of-type(5) {
	min-width: 64px;
}
.items.list .table th.top,
.estimations.list .table th.top {
	font-weight: bold;
	text-align: left;
}
.items.list .table th.top {
	background-color: #ffcc00;
}
.estimations.list .table th.top {
	background-color: #00CCFF;
}

.items h4,
.estimations h4{
	margin: 30px 0;
}
.items h4 {
	border-bottom: 1px solid #FF8C00;
}
.estimations h4{
	border-bottom: 1px solid #5656CD;
}
.items h4 div,
.estimations h4 div{
	margin-bottom: 10px;
}
.items h4 a{
	margin-left: 10px;
}
.items .table th.detail,
.estimations .table th.detail{
	background-color: #5656CD;
	color: #FFFFFF;
}
.estimations .table td dt {
    float: left;
    font-weight: bold;
    width: 180px;
}
.items.view .table:not(.graph) th,
.estimations.view .table th{
	font-weight: bold;
	width: 180px;
}
.items.view .table th.top,
.estimations.view .table th.top{
	font-weight: bold;
	font-size: 13px;
}
.items.view > .table{
	margin-bottom: 30px;
}
.items.view > .table th.top,
.estimations.view .table th.top{
	background-color: #FF8C00;
}
.items.view > .table.list th.top{
	background-color: #ffcc00;
}
.items.view > .table th.buy,
.estimations.view .table th.buy{
	background-color: #0099FF;
}
.items.view > .table.list tr:nth-of-type(2) th:not(:nth-of-type(2)){
	width: 90px;
	text-align: center;
}
.items.view > .table.list td:not(:nth-of-type(2)){
	width: 90px;
	text-align: center;
}

/* estimation/reply */
.estimations.view div.message {
    color: #000;
    font-weight: bold;
}
.estimations.view .table td.action{
	font-weight: normal;
	background-color: #FFFFFF;
	border: none;
	padding-top: 10px;
	padding-left: 10px;
}
.estimations .table.complete th.top{
	background-color: #FF8C00;
	color: #FFFFFF;
}

/* messages */
.messages .table th,
.messages .table td{
	padding: 2px 4px;
}
.messages .table:not(.list) th{
	text-align: right;
	font-weight: bold;
	width: 116px;
}
.messages .table th.top{
	background-color: #FF8C00;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.messages .table th.top.buyer{
	background-color: #5656CD;
}
.messages .table td .message{
    font-weight: bold;
	color: #EE0000;
}
.messages .table.form{
	margin-bottom: 30px;
}
.messages .table.form td > input[type=text]{
	width: 100%;
}
.messages .table.form td .action{
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
	text-align: center;
}
.messages .table.form td .action input{
	width: 100px;
}
.messages .table.list th:first-of-type{
	width: 25px;
}
.messages .table.list th:nth-of-type(2){
	width: 450px;
}
.messages .table.list th:nth-of-type(3){
	width: 150px;
}
.messages .table.list th:nth-of-type(4){
	width: 30px;
}
.messages .table.list th:last-of-type{
	width: 125px;
}

/* secession */
.secession{
	width: 580px!important;
}
.secession .message{
	margin-bottom: 15px;
}
.secession .table{
	margin-bottom: 30px;
}
.secession .message span{
	color: #FF8C00;
}
.secession .table th,
.secession .table td {
	border: 1px solid #333333;
	padding: 4px;
}
.secession .table th{
	font-weight: bold;
	width: 170px;
}
.secession .table th.top{
	background-color: #FF8C00;
	color: #FFFFFF;
}
.secession .table.form td > input[type=text],
.secession .table.form td > input[type=email]{
	width: 98%;
}
.secession.complete .table th.top{
	background-color: #5656CD;
}

/* keiyaku */
.keiyaku {
	float: unset!important;
	font-size: 14px!important;
	line-height: 24px;
}
.keiyaku .table {
	margin: 30px 0;
}
.keiyaku .table th,
.keiyaku .table td {
	padding: 8px 12px;
	border: 1px solid #333333;
	font-size: 14px!important;
}
.keiyaku .table td:first-of-type {
	width: 35%;
}
.keiyaku h3 {
	border: 1px solid #333333;
	font-weight: bold;
	margin: 45px 0 15px;
}
.keiyaku > div {
	margin-bottom: 30px;
}
.keiyaku > div:last-of-type {
	margin-top: 45px;
}
.top-button {
	cursor: pointer;
}

table.item_detail {
	width: 100%;
	table-layout: fixed;
}

table.item_detail tr {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

table.item_detail th,
table.item_detail td {
	text-align: center;
	border-right: 1px solid #707070;
}

table.item_detail tr th:last-child,
table.item_detail tr td:last-child {
	border-right: none;
}

table.item_detail th {
	padding: 3px;
	font-size: 1.2em;
	background-color: #E6E6FF;
}

table.item_detail td {
	padding: 5px;
	font-size: 1.5em;
}

h3.item_subheader {
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #707070;
	margin-top: 50px;
}

ul.cost_comment {
	float: right;
	font-size: 0.8em;
	margin-bottom: 50px;
}

table.item_genre {
	width: 47%;
	float: left;
	margin-right: 10px;
}

table.item_genre tr {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

table.item_genre th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #E6E6FF;
}

table.item_genre td {
	padding: 10px;
}

table.item_genre td li {
	margin-bottom: 4px;
}

table.item_genre td > ul > li::before {
	content: '●';
}

table.item_genre td > ul > li > ul > li::before {
	content: '○';
}

table.item_genre td > ul > li > ul > li {
	margin-left: 20px;
}

.sticky-message {
	position: fixed;
	color: red;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	width: 300px;
	top: 180px;
	right: 20px;
	z-index: 99;
}

.sticky-message p.title {
	color: black;
}

.sticky-message .toggle {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	color:#00017A;
}

.item_list.share table.item_detail th {
	background-color: #EAE45D;
}

.item_list.share table.item_genre th {
	background-color: #EAE45D;
}

.secret_bar {
	max-width: 100%;
	margin: 10px 0;
}

.secret_bar img {
	max-width: 100%;
}

.buy_footer {
	display: none;
}

.sim-fee {
	margin: auto;
	margin-bottom: 50px;
	width: 550px;
}

.sim-fee h4 {
	font-size: 1.1rem;
}

.sim-fee > div {
	display: flex;
	flex-wrap: wrap;
	max-width: 100vw;
}

.sim-fee > div div {
	flex: 1;
	box-sizing: border-box;
	min-width: 270px;
	margin-top: 10px;
}

.sim-fee label {
	font-size: 1rem;
	font-weight: bold;
	display: inline-block;
	box-sizing: border-box;
	width: 80px;
}

.sim-fee input {
	font-size: 1rem;
	padding: 2px;
	margin: 2px;
	width: 100px;
	box-sizing: border-box;
	text-align: right;
}

#campaign_popup {
	display: none;
	position: fixed;
	z-index: 100;
    top: 50%;
    left: 50%;
	max-height: 80vh;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	padding: 20px;
	background-color: white;
}

#campaign_popup .close {
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
	font-size: 1.25rem;
}

#campaign_popup img {
	width: 580px;
	height: 435px;
}

#campaign_popup iframe {
	height: 80vh;
}

#campaign_popup label {
	display: block;
	font-size: 1rem;
	text-align: center;
	padding: 2px;
}

.pl-table {
	margin-top: 50px;
}

.pl-table th, .pl-table td {
	padding: 10px;
	border: 1px solid #000;
}

.pl-table th {
	background-color: #E6E6FE;
}

.pl-table td {
	text-align: right;
}

.cnt.button img {
	background-color: white;
	width: 300px;
}

.fee_container {
	overflow-x: auto;
	max-width: 100vw;
}

table.fee {
	min-width: 600px;
}

table.fee th:first-of-type {
	width: auto !important;
}

table.fee tr {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

table.fee th {
	white-space: nowrap;
	text-align: center;
	background-color: #F09252 !important;
	color: white;
	border: none;
}

table.fee.buyer th {
	background-color: #5656CD !important;
}

table.fee td {
	position: relative;
	border: none;
	padding: 0;
}

table.fee td:nth-child(1) {
	width: 200px;
}

table.fee.buyer td:nth-child(1) {
	width: 350px;
}

table.fee td:nth-child(2) {
	white-space: nowrap;
	padding: 5px;
}

table.fee td div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 998px) {
	.item_list #content_l {
		width: 100%;
	}
	.item_list .item_body {
		width: 100%;
		margin: 0 0 10px;
	}
	.item_list .item_body th {
		width: 80px;
	}
	.item_list .item_body td {
		min-width: 80px;
	}
	.item_list .item_ope_cost {
		display: block;
	}

	.item_list .item_ope_cost .item_detail:first-of-type{
		border-right: none;
	}
	.item_list .qa_usage {
		width: calc(100% - 35px);
	}
	.item_list #aside_r {
		float: none;
		margin: 0 auto!important;
		max-width: 600px;
		width: 100%;
	}
	.estimations .table td dt {
		width: 120px;
	}
	.items.view .table:not(.graph) th,
	.estimations.view .table th{
		width: 120px;
	}
	.messages .table:not(.list) th {
		width: 85px;
	}
	.secret_footer {
		display: none;
	}
}

@media (max-width: 660px) {
	.item_list .item_body th {
		width: 60px;
	}
	.item_list .item_status input{
		float: none;
		margin: 10px auto 0;
	}
	table.item_genre {
		width: 100%;
	}
	table.item_genre th {
		width: 40%;
	}
	table.item_genre.genre_1 {
		margin-bottom: -1px;
	}
	.register th {
		width: 80px;
	}
	.register td {
		width: calc(100% - 80px);
	}
	.register th, .register td {
		padding: 4px;
	}
	.estimations .table td dt {
		width: 90px;
	}
	.items.view .table:not(.graph) th,
	.estimations.view .table th{
		width: 90px;
	}
	.messages .table:not(.list) th {
		width: 72px;
	}
	.guide > .section.top_image {
		border: 1px solid #999999;
		padding: 10px;
		text-align: center;
	}
	.guide > .section.section.top_image .sp {
		display: block;
	}
	.guide > .section.top_image > img{
		margin: 10px;
		max-width: 100%;
	}
	.guide > .section.top_image img:nth-of-type(2) {
		margin: 0;
	}
	.guide > .section.sec2 div.price_table {
		display: block;
		margin-left: 0;
	}
	.guide > .section.sec2 div.price_table table {
			width: 100%;
	}
	.price_table table:last-of-type{
		margin-left: 0;
	}
	.guide > .section.sec3 > p {
		text-indent: 0;
		padding: 0;
	}
	.guide > .section.sec3 img {
			max-width: 100%;
		margin-left: 0;
	}
	.guide table.index {
		width: 100%;
	}
	.guide table.index td {
		display: block;
		width: 100%;
	}
	.secret_bar {
		display: none;
	}
	.buy_item {
		width: 98% !important;
		margin: 0 0 30px;
	}
	.buy_item tr th,
	.buy_item tr td {
		display: block;
		width: 100%;
	}
	.buy_footer {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		margin-left: -8px;
		text-align: center;
		background-color: #0C519ED9;
		opacity: 1;
	}
	.buy_footer a {
		display: inline-block;
		background-color: #D84242;
		border-radius: 13px;
		box-shadow: 0 12px #B52A2A;
		font: normal normal bold 1.5rem Meiryo;
		color: white !important;
		text-decoration: none;
		margin: 25px 0;
		padding: 0.5rem 3rem;
	}
	.sticky-message {
		position: unset;
		width: 100%;
		font-size: 10px;
	}
	.sticky-message p {
		margin-bottom: 1px;
	}
	form.genre div label {
		display: inline-block;
		width: 100%;
		margin-bottom: 5px;
	}
}

#fix_wrapper {
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	#js_fix.stop {
		position: relative;
		top: 200px;
	}
	#js_fix {
		position: fixed;
		width: 230px;
	}
}
@media screen and (max-width: 767px) {
	#aside_r {
		border-top: 1px solid;
		padding-top: 30px;
   }
}
#aside_r .cta-btn {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 0px;
}
#aside_r .aside_r-menu a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #777 !important;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 20px;
	background: linear-gradient(180deg, #fff, #eee);
	transition: box-shadow 0.3s ease;
	box-shadow: inset -1px -1px 1px rgba(150, 150, 150, 0.3),
	            inset 1px 1px 5px rgba(255, 255, 255, 0.8);
}
#aside_r .aside_r-menu a:hover {
	opacity: 0.8;
}
#aside_r .aside_r-menu a:active {
	box-shadow: none;
	transform: translateY(1px);
}
#aside_r .aside_r-menu a img {
	width: 20px;
	height: auto;
	margin-right: 10px;
}
#aside_r .aside_r-menu hr {
	display: block;
	margin-bottom: 20px;
}
h2.item_name {
	color: #222;
}
.item_status2 {
	margin-bottom: 40px;
}
.item_status2 span {
	font-size: 14px;
	margin-right: 10px;
}
.item_status {
	display: flex;
	flex-wrap: wrap;
}
.item_status span {
	border-radius: 6px;
	padding: 5px !important;
	font-weight: normal !important;
	text-align: center;
	float: none;
	margin-bottom: 10px;
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.item_status span {
		padding: 3px !important;
   }
}
.item_status span.plan-direct {
	background: #214f78 !important;
}
.item_status span.plan-agency {
	background: #f58d37 !important;
}
.item_status span.plan-open {
	background: #dd6a2a !important;
}
.item_status span.plan-close {
	background: gray !important;
}
.item_status span.plan-private {
	background: #0b6af8 !important;
}
.item_status span.plan-transfer {
	background: #ff0000 !important;
}
.item_status span.plan-discount {
	background: #da2d33 !important;
}
.item_status span.plan-ga {
	background: #ff6600 !important;
}
.item_status span.plan-sc {
	background: #800080 !important;
}
.item_status span.plan-id {
	background: #578139 !important;
}
.item_status span.plan-add {
	background: #20adeb !important;
}
.item_status span:last-of-type {
	margin: 0 !important;
}
.item_price dl {
	font-size: 20px;
	vertical-align: bottom;
}
@media screen and (min-width: 768px) {
	.item_price dl {
		align-items: flex-end;
		display: flex;
   }
}
.item_price dl dt {
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.item_price dl dt {
		margin-right: 10px;
		border-right: 1px solid;
		padding: 0 20px 0 0;
   }
}
@media screen and (max-width: 767px) {
	.item_price dl dt {
		border-bottom: 1px solid;
		margin-bottom: 10px;
   }
}
.item_price dl dt span {
	margin-right: 5px;
}
.item_price dl dd {
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	.item_price dl dd {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
   }
}
@media screen and (min-width: 768px) {
	.item_price dl dd {
		padding-left: 20px;
   }
}
.item_price dl dd span {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 18px;
	color: #2f5fc9;
}
.item_information {
	margin-top: 60px;
}
.item_information img {
	max-width: 100%;
}
@media screen and (min-width: 768px) {
	.item_information dl {
		display: flex;
		justify-content: space-between;
   }
}
@media screen and (min-width: 768px) {
	.item_information dl dt {
		width: 53%;
   }
}
.item_information dl dt img.item-icon {
	display: block;
	width: 60%;
	margin: 0 auto 60px;
}
.item_information dl dt .item_information_text {
	margin-bottom: 60px;
	background: #20adeb;
	color: #fff;
	border-radius: 20px;
	padding: 20px 30px;
	box-sizing: border-box;
}
.item_information dl dt .item_information_text ul li {
	font-size: 16px;
}
@media screen and (min-width: 768px) {
	.item_information dl dt .item_information_text {
		padding: 30px 30px 100px 30px;
   }
}
.item_information dl dt .item_information_text img {
	max-width: 100%;
	width: 200px;
	margin-bottom: 30px;
}
.item_information dl dt .cost_comment {
	font-size: 13px;
}
@media screen and (min-width: 768px) {
	.item_information dl dd {
		width: 43%;
   }
}
.item_information dl dd h2 {
	font-size: 18px;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	margin-top: 0;
	padding-bottom: 5px;
}
.item_information dl dd table {
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid;
	border-bottom: 1px solid;
	margin-bottom: 30px;
}
.item_information dl dd table th, .item_information dl dd table td {
	padding: 8px;
	vertical-align: middle;
	border-left: 1px solid;
	width: 50%;
	box-sizing: border-box;
	border-top: 1px solid;
}
.item_information dl dd table th {
	background-color: #e6e6fe;
	font-size: 15px;
}
.item_information dl dd table td {
	text-align: center;
	font-size: 17px;
}
.tabs {
	margin: 60px 0;
	padding-bottom: 40px;
	background-color: #fff;
	margin: 0 auto;
}
.tab_item {
	width: calc(100%/3);
	height: 40px;
	border-top-right-radius: 15px;
	border-top: 3px solid #e06b1e;
	border-left: 3px solid #e06b1e;
	border-right: 3px solid #e06b1e;
	border-top-left-radius: 6px;
	color: #e06b1e;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	background-color: #fff;
	line-height: 40px;
	font-size: 15px;
	text-align: center;
	display: block;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
}
@media screen and (min-width: 768px) {
	.tab_item {
		width: 250px;
		max-width: 33%;
		margin-right: 5px;
   }
}
.tab_item:hover {
	background-color: #e06b1e;
	color: #fff;
	cursor: pointer;
}
input[name="tab_item"] {
	display: none;
}
.tab_content {
	display: none;
	border-top: 3px solid #e06b1e;
	padding: 40px 40px 0;
	clear: both;
	overflow: scroll;
	min-height: 300px;
}
#tab_cost:checked ~ #content_cost, #tab_ga:checked ~ #content_ga, #tab_sc:checked ~ #content_sc {
	display: block;
}
.tabs input:checked + .tab_item {
	background-color: #e06b1e;
	color: #fff;
}
.cta-btn {
	background: #e06b1e;
	color: #fff !important;
	font-size: 16px;
	text-decoration: none !important;
	border-radius: 10px;
	text-align: center;
	width: 250px;
	box-sizing: border-box;
	max-width: 80%;
	margin: 60px auto;
	padding: 12px;
	display: block;
	transition: box-shadow 0.3s ease;
	box-shadow: inset -2px -2px 6px rgba(150, 150, 150, 0.5),
	            inset 1px 1px 2px rgba(255, 255, 255, 0.8);
}
.cta-btn:hover {
	opacity: 0.7;
}
.cta-btn:active {
	box-shadow: inset -1px -1px 2px rgba(150, 150, 150, 0.5);
	transform: translateY(2px);
}
.item_faqbox .seemore {
	text-align: center;
}
.item_faqbox .seemore a {
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}
.item_sitestatus ul {
	display: flex;
	flex-wrap: wrap;
}
.item_sitestatus ul li {
	color: 16px;
	margin-right: 20px;
	flex-wrap: wrap;
}
.item_sitestatus ul li span {
	color: #2f5fc9;
}
.item_sitestatus .marketprice {
	border: 1px solid;
	padding: 10px;
}
.item_sitestatus .marketprice.marketprice-low {
	background-color: #e6e6fe;
	color: #2f5fc9;
}
.st-or {
	background: #e06b1e;
	color: white;
	font-size: 20px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.st-n {
	border-bottom: 1px solid;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 18px;
	margin-top: 40px;
}
.item_likeitem {
	margin-bottom: 60px;
}
.item_likeitem ul.pc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item_likeitem ul.pc li {
	width: 32%;
	border: 1px solid #222;
	margin-bottom: 20px;
	min-height: 200px;
}
.item_list .section {
	margin-bottom: 30px;
}
.item_list .section h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0;
}
.item_list .section .row {
	width: 100%;
	display: flex;
}
.item_list .section .row .field {
	border: 1px solid silver;
	width: 50%;
	display: flex;
}
.item_list .section .row .field > div:first-child {
	width: 25%;
	background-color: #e06b1f;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
}
.item_list .section .row .field > div:first-child p {
	margin: 0 auto;
}
.item_list .section .row .field > div {
	width: 75%;
	font-size: 13px;
	padding: 10px;
}
@media screen and (min-width: 768px) {
	.item_likeitem ul.slide-items {
		display: none;
   }
}
.item_likeitem ul.slide-items li.slide-item {
	padding: 0 5px;
	text-align: center;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner {
	border: 1px solid #222;
	margin-bottom: 10px;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a {
	display: flex;
	flex-direction: column;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner img {
	width: 30vw;
	height: 30vw;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a em {
	font-size: 1.4em;
	margin-bottom: 5px;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a .img {
	float: left;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a .tbl {
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a .tbl table {
	margin: 0 20px;
}
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a .tbl table th,
.item_likeitem ul.slide-items li.slide-item .slide-item-inner a .tbl table td {
	font-size: 1.2em;
}

.recommends li {
	padding: 5px;
}
.recommends li a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.recommends li a em {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: black;
}
.recommends li a .content {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.recommends li .img {
	text-align: center;
	width: 40%;
}
.recommends li .tbl {
	width: 60%;
}
.recommends li img {
	max-width: 80%;
}
.recommends li table {
	width: 100%;
}
.recommends li table th,
.recommends li table td {
	border: 1px solid silver;
	padding: 2px;
	text-wrap: nowrap;
}
.recommends li table th {
	text-align: center;
	background-color: #eeeeee;
}
.recommends li table td {
	text-align: right;
}
.contact-mail a {
	display: block;
	width: 400px;
	margin: 50px auto;
}
.contact-mail a img {
	width: 100%;
}
.contact-mail.sp a {
	width: 100%;
}
/*ベース*/
.accordion {
	margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
	.accordion {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
   }
}
@media screen and (min-width: 768px) {
	.accordion > div {
		width: 49.5%;
   }
}
.Label-toggle {
	display: none;
}
.Label {
	display: block;
	border: 1px solid #222;
	padding: 15px 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.Label::before {
	content: "Q";
	background: #2f5fc9;
	color: #fff;
	width: 25px;
	display: block;
	border-radius: 100%;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	font-weight: bold;
	text-align: center;
}
.Label::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #2f5fc9;
	border-right: 2px solid #2f5fc9;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	right: 20px;
	transform: rotate(135deg);
}
.Label, .Label-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.Label-content {
   /*本文*/
	height: 0;
	margin-bottom: 10px;
	padding: 0 20px;
	overflow: hidden;
}
.Label-toggle:checked + .Label + .Label-content {
   /*開閉時*/
	height: auto;
	padding: 20px;
	transition: all 0.3s;
}
.Label-toggle:checked + .Label::after {
	transform: rotate(-45deg) !important;
}
@media screen and (min-width: 768px) {
	.sp {
		display: none;
   }
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
   }
}

.genre_list{
    width: 1060px;margin: 0 auto;max-width: 100%;
}
.genre_list .genre_heading{
    margin: 0 0 10px;padding: 10px;
    font-size: 16px;font-weight: bold; text-align: left;
    background: linear-gradient(360deg,#e3e3e3 0%, #F1F5F6 100%,transparent);
    color: #292929;
}
.genre_list .genre_heading img{margin: 0 5px 0 0;width: 22px;}

.genre_list ul {
    display: flex;flex-wrap: wrap;justify-content: left;
    }
.genre_list ul li{
    width: calc(100%/4);
	margin: 0 0 10px;
	max-width: 100%;
    padding:0 5px 0 0 ;
     box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    list-style: none;
    text-decoration: underline;
}

.genre_list summary {
  position: relative;
  display: block;
  cursor: pointer;
}
.genre_list summary::-webkit-details-marker {
  display: none;
}
.genre_list summary:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
    width: 14px;
    height: 13px;
    border: 6px solid transparent;
    border-left: 10px solid #292929;
    box-sizing: border-box;
    transition: .1s;
}

.genre_list details[open] summary:after {
  transform: rotate(90deg);
  right: 9px;
  top: 5px;
}
.genre_list details[open] ul {animation: fadeIn 0.5s ease;}
@keyframes fadeIn {
  0% {opacity: 0;transform: translateY(-10px);}
  100% {opacity: 1;transform: none;}
}

@media screen and (max-width: 767px) {
  .genre_list ul li{
    width: calc(100%/2);
  }
}

.footer .linklst_boxdetail{
  background: #f3f3f3;
}

.footer .linklst_boxdetail ul.footer_linklst {
	width: 1000px;
	margin: 0 auto;
	max-width: 100%;
	padding: 30px 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	list-style: none;
}

.footer .linklst_boxdetail ul.footer_linklst .footer_ttl {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: bold;
}

.footer .linklst_boxdetail ul.footer_linklst>li {
	margin: 0 10px 0 0;
}

.footer .linklst_boxdetail ul.footer_linklst>li:last-child {
	margin-right: 0;
}

.footer .linklst_boxdetail ul.footer_linklst ul li {
	margin: 0 0 5px;
	list-style: none;
	display: flex;
	align-items: center;
	font-size: 11px;
}

.footer .linklst_boxdetail ul.footer_linklst ul li:last-child {
	margin-bottom: 0;
}

.footer .linklst_boxdetail ul.footer_linklst ul li:before {
	content: ">";
	margin: 0 3px 0 0;
	font-size: 10px;
	display: inline-block;
}

.footer .linklst_boxdetail .copyright_txt {
	font-size: 12px;
	text-align: center;
}

.copyright_txt {
	text-align: center;
	max-width: 90%;
	margin: 0 auto;
}

.footer_copyright {
	background: #11113c;
	padding: 7px;
}

.footer_copyright p {
	font-size: 12px;
	text-align: center;
	color: #fff;
}


@media screen and (max-width: 767px) {
	.footer .linklst_boxdetail ul.footer_linklst {
		padding: 30px 18px 10px;
		display: block;
	}

	.footer .linklst_boxdetail ul.footer_linklst>li {
		margin: 0 auto 15px;
	}

	.footer .linklst_boxdetail ul.footer_linklst .footer_ttl {
		font-size: 14px;
	}

	.footer .linklst_boxdetail ul.footer_linklst ul li {
		font-size: 14px;
	}

	.footer .linklst_boxdetail .copyright_txt {
		font-size: 14px;
	}
}