body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: #e7e7e7;
    color: #44423B;
    font-size: 12px;
    zoom: 1;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
    /*  background: url(/https/help.sekaimon.com/res/images/common/page-background.png) no-repeat center top;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-style: normal;
    font-weight: bold;
}

p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    line-height: 140%;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    vertical-align: middle;
    border: none;
}

button {
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
    overflow: visible;
    cursor: pointer;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}

a:link {
    color: #4386ec;
    text-decoration: none;
}

a:visited {
    color: #4386ec;
    text-decoration: underline;
}

a:hover {
    color: #4386EC;
    background: transparent;
    text-decoration: underline;
}

a:active {
    color: #4386EC;
    text-decoration: underline;
}

a img {
    vertical-align: bottom;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    line-height: 150%;
}

input,
select,
textarea {
    vertical-align: middle;
}

input,
textarea {
    font-family: "Arial", "Helvetica", "Verdana", "ＭＳ ゴシック", "Osaka", sans-serif;
}

dl,
dt,
dd,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

dl,
ol,
ul,
li {
    list-style: none;
}

dt {
    font-weight: bold;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    display: none;
}

html,
div,
span,
iframe,
pre,
address,
em,
q,
strong,
fieldset,
form,
label,
legend,
article,
aside,
figure,
footer,
header,
section,
time {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: none;
}

button:focus {
    outline: none;
}

input::-moz-focus-inner {
    padding: 0;
    border: none;
}

.selectbox {
    position: relative;
    display: inline-block;
    height: 28px;
    border: 1px solid #e6e4dc;
    border-radius: 2px;
    background: url(/https/help.sekaimon.com/res/images/common/selectbox/selectbox.png) no-repeat right center white;
    font-size: 12px;
}

.selectbox select {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    position: relative;
    z-index: 2;
    height: 28px;
    padding: 3px 23px 3px 5px;
    line-height: 1;
}

.selectbox .select-value {
    position: absolute;
    top: 1px;
    left: 10px;
    line-height: 28px;
}

.red {
    color: #FF0000;
}

.skmn-marketing {
    display: none;
}

#skmn-scrolltop {
    position: fixed;
    bottom: 5px;
    right: 5px;
    opacity: 0;
    cursor: pointer;
}

#skmn-scrolltop img {
    width: 50px;
    height: 50px;
}

.header-wrap {
    background: #FFF;
}

.skmn-header {
    margin: 0 auto;
    background: #fff;
    padding: 5px 0;
}

.skmn-header-wrapper {
    width: 1000px;
    margin: 0 auto;
}

.mainarea {
    width: 1000px;
    margin: 0 auto;
}


/*　　　パンくず　　*/

ul.pankuzu {
    width: 1000px;
    margin: 5px auto;
    padding: 0;
    clear: both;
    background-color: transparent;
}

ul.pankuzu li {
    display: inline-block;
    word-break: break-all;
    padding-top: 5px;
}

ul.pankuzu li a {
    color: #44423B;
}

ul.pankuzu li a:hover {
    color: #44423B;
}

ul.pankuzu li:after {
    padding-right: 5px;
    padding-left: 5px;
    content: "＞";
}

ul.pankuzu li:last-child:after {
    content: none;
}

ul.pankuzu li:last-child {
    content: none;
    background: none;
    padding-right: 3px;
    border-bottom: 2px #FFF solid;
    position: relative;
}


/*　　　Sectionヘルプメインブロック　　　*/

.section {}

.section .helpMenuRow dt {
    font-size: 16px;
    border-bottom: 2px #ccc solid;
    padding: 5px 0 0 5px;
}

.section .helpMenuRow dt a {
    color: #44423B;
}

.section .mainarea ul li:before {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    clear: left;
    content: "";
    display: block;
    float: left;
    height: 7px;
    position: relative;
    top: 5px;
    left: -15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
    margin-right: 6px;
}

.section .helpMenuRow {
    display: inline-block;
}

.section .helpLinkBlock {
    width: 293px;
    padding: 10px 15px;
    float: left;
    margin: 5px 15px 5px 0;
    background: #FFF;
    border-bottom: 2px #ccc solid;
}

.section .helpLinkBlock:last-child {
    margin-right: 0;
    /*float:right;*/
}

.section .helpLinkBlock ul {
    margin: 20px 3px;
}

.section .helpLinkBlock ul li {
    margin-top: 8px;
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}

.section .helpLinkBlock .linkPage {
    text-align: right;
    margin-top: 10px;
    width: 300px;
    top: 220px;
    position: absolute;
}


/* clearfix  */

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */


/* お問い合わせフォームボタン*/

.contactwrap div {
    font-size:16px;
}

.contactwrap, .backtop {
    margin: 20px auto 30px auto;
    text-align: center;
    padding: 30px 40px 20px 40px;
    background: #FFF;
    clear: both;
}

a.contact_btn {
    background: #808080;
    border-radius: 10px;
    color: #FFF;
    width: 300px;
    padding: 15px 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin: 20px auto 10px auto;
    font-size: 16px;
    vertical-align: middle;
}

a.contact_btn.member {
    background: #00bfff;
    margin-right: 30px;
    padding: 27px 5px;
    vertical-align: middle;
}

a.contact_btn:hover {
    text-decoration: none;
    color: #FFF;
    opacity: .7;
}

/* 検索 */


/* Reset input[type="search"] */

input[type="search"] {
    -webkit-box-sizing: content-box;
}

input[type="search"]:focus {
    outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

.searchareawrap {
    background: #d0d0d0;
    width: 100%;
}

.searchareawrap span {
    font-size: 10px;
    padding-left: 3px;
}

.searcharea {
    width: 1000px;
    margin: 0 auto;
}

.div-table-cell {
    padding: 7px 5px 7px 0;
    background-color: #d0d0d0;
    font-size: 0;
}

.div-table-cell li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.inquiry_list .inquiry_search {
    background-color: #d0d0d0;
    padding: 2px;
    overflow: hidden;
}

.inquiry_list .inquiry_search .searchinput {
    float: left;
    height:20px;
    border: none;
    width: 93%;
}

.inquiry_list .inquiry_search #go2google {
    padding: 0;
    border: none;
    border-radius: 0 3px 3px 0;
    text-align: center;
    background: #d94646;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
    border-left: none;
    float: left;
    height: 22px;
    width:6%;
}

.searcharea input.searchinput {
    width: 670px;
    height: 40px;
    border: none;
}

.searchinput {
    font-size: 16px;
    width: 50%;
}

.search_btn {
    width: 42px;
    height: 42px;
}

.search_btn button {
    width: 100%;
    height: 42px;
    padding: 0;
    border: none;
    border-radius: 0 3px 3px 0;
    text-align: center;
    background: #d94646;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
    border-left: none;
}


/*　　　下層ヘルプメインブロック　　　*/

.category .mainarea,
.articles .mainarea,
.search .mainarea {
    margin-top: 10px;
}

.category .mainarea ul li:before,
.articles .mainarea ul li:before,
.search .mainarea ul li:before {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    clear: left;
    content: "";
    display: block;
    float: left;
    height: 7px;
    position: relative;
    top: 5px;
    /*left:-15px;*/
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
    margin-right: 6px;
    margin-bottom: 15px;
}

.category .mainarea .linkList ul li:before {
    left: -1px;
}


/*左メニュー*/

.leftmenu dl {
    margin-bottom: 10px;
    background: #fff;
    border-bottom: 2px #ccc solid;
}

.leftmenu dl dt a {
    color: #44423B;
}

.leftmenu dt.btn_on {
    background: #666;
    border-bottom: none;
}

.leftmenu dt.btn_on a {
    color: #fff;
}

.leftmenu {
    width: 260px;
    float: left;
}

.leftmenu ul {
    margin: 20px 10px;
}

.leftmenu ul li {
    margin-top: 8px;
    font-size: 14px;
/*    padding-left:1em;
    text-indent:-1em;*/
}

.leftmenu .linkPage {
    text-align: right;
    margin: 10px 10px 5px 5px;
}

.leftmenu dt {
    font-size: 16px;
    padding: 10px 5px 7px 15px;
    border-bottom: 2px #ccc solid;
}


/*右メニュー*/

.rightmenu {
    width: 730px;
    float: right;
    background: #FFF;
    border-bottom: #ccc 2px solid;
}

.rightmenu dt {
    width: 335px;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    background: #E0E0E0;
}

.rightmenu .helpLinkBlock {
    width: 345px;
    float: left;
    margin: 10px 0 0 15px;
}

.rightmenu .block_end {
    float: right;
    margin: 10px 15px 0 0;
}

.sectionBlock {
    height: 236px;
    position: relative;
}

.section_name {
    display: table;
    width: 650px;
    padding: 20px 40px 0 40px;
}

.category .helpLinkBlock ul {
    margin: 15px 10px 2px 1px;
}

.category .helpLinkBlock ul li {
    margin-top: 15px;
    font-size: 14px;
    /*padding-left:1em;*/
}

.category .helpLinkBlock .linkPage {
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
}

.articles_title {
    display: table;
    border-bottom: 2px solid #ccc;
    width: 680px;
    padding: 20px 10px 0 40px;
}

.articles .rightmenu h1 {
    display: table-cell;
}


/*.articles .rightmenu span {
  display:table-cell;
  text-align:right;
  font-size:11px;
  padding-right:20px;
}*/

.articles .rightmenu p {
    padding: 30px 40px;
    line-height: 180%;
    font-size: 14px;
}


/* 下層共通ヘルプTOPボタン　*/

a.back_btn {
    color: #FFF;
    padding: 12px 0 12px 12px;
    margin: 0;
    display: block;
    background: #1266ba;
    text-align: center;
    margin-bottom: 10px;
    padding-right: 20px;
    font-size: 14px;
    letter-spacing: 0.2rem;
}

a.back_btn:hover {
    text-decoration: none;
    color: #FFF;
    background: #1772cd;
}

a.back_btn i {
    padding-right: 3px;
    font-size: 110%;
}


/*検索結果*/

.kekkatitle,
.kekkainfo {
    margin: 20px 20px 0 20px;
    width: 100%;
}

.kekkatitle {
    display: table;
    width: 680px;
}

.kekkatext {
    display: table-cell;
    font-size: 14px;
}

.search .rightmenu h4 {
    font-size: 16px;
    display: table-cell;
}

.search .rightmenu span {
    font-size: 11px;
    display: table-cell;
    padding-bottom: 2px;
    color: #535353;
    display: block;
    text-align: right;
}

.search .rightmenu span.kekkakeyword {
    display: inline;
    font-size: 17px;
    font-weight: bold;
}

.search .rightmenu p {
    margin: 5px 20px 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    line-height: 160%;
}

.skmn-header-heading {
    width: 180px;
    float: left;
    margin-top: 9px;
}


/*ヘッダフッタ変更*/

.skmn-footer {
    background: #222222 0% 0% no-repeat padding-box;
    color: #DDDDDD;
    font-size: 14px;
    margin: 0px;
    clear: both;
    text-align: left;
    min-width: 1000px;
}

.skmn-footer .inner {
    width: 1000px;
    margin: 30px auto 0 auto;
}

.skmn-footer .inner ul {
    text-align: center;
    width: 100%;
    font-size: 13.5px;
    margin-top: 15px;
}
.skmn-footer .inner ul li {
    display: inline-block;
    margin: 32px 16px;
}
.skmn-footer .inner ul li a {
    color: #DDDDDD;
    font-size: 13.5px;
}
.skmn-footer .inner ul li a:hover {
    color: white;
    text-decoration: none;
}

.skmn-footer .company-info {
    text-align: center;
    display: flex;
    margin: auto;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}
.skmn-footer .inner .row {
    width: 100%;
}
.skmn-footer .inner .company {
    border-top: 1px solid #707070;
    padding-top: 32px;
    padding-bottom: 32px;
}

.skmn-footer .company-info .d-flex {
    display: flex;
}

.skmn-footer .company-info p {
    text-align: left;
    letter-spacing: 0px;
    color: #DDDDDD;
    opacity: 1;
    font-size: 14px;
    transform: translateY(15%);
    @media(max-width: 767px) { 
        text-align: center;
    }
}
.skmn-footer .company-info img {
    padding-left: 24px;
    width: 52px;
}

.skmn-footer .pc-hide {
    display: none;
}

.skmn-footer dl {
    width: 230px;
    float: left;
    line-height: 220%;
    padding: 20px 0;
    margin-right: 20px;
}

.skmn-footer dl:last-child {
    margin-right: 0;
}

.skmn-footer dt {
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.skmn-footer dd a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
}

.skmn-footer dd a:hover {
    text-decoration: underline;
}

.copy {
    background: #000;
    font-size: 14px;
    color: #DDDDDD;
    text-align: center;
    padding: 10px 0;
    min-width: 1000px;
}

.skmn-header-nav1 {
    border: none !important;
    margin-top: 10px !important;
    display: none;
}

#tomeoki .skmn-header-nav1 a:link {
    color: #333;
    text-decoration: none;
}

#tomeoki .skmn-header-nav1 a:visited {
    color: #333;
    text-decoration: none;
}

#tomeoki .skmn-header-nav1 a:hover {
    color: #333;
    text-decoration: underline;
}

#tomeoki .skmn-header-nav1 a:active {
    color: #333;
    text-decoration: underline;
}

.skmn-header h1 {
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 12px 0 12px 10px;
}

mark {
    background: none;
    font-weight: bold;
}

.category_font {
    font-size: 14px;
    margin-top: 15px;
}

.index_mark {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    content: "";
    display: block;
    height: 7px;
    margin-bottom: 4px;
    margin-right: 6px;
    position: relative;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
}

.category_table {
    margin-left: 10px;
    margin-top: 10px;
}


/*articles_block*/

.articles_underblock {
    width: 600px;
    margin: 10px auto 30px auto;
    padding: 5px 0 10px 0;
    border: 1px #ccc solid;
    background: #FFF;
}

.articles_underblock ul li {
    margin: 10px 20px 0 20px;
    padding: 0 0 0 5px;
}

.articles_underblock h3 {
    background-color: #e7e7e7;
    margin: 0 5px;
    padding: 5px 0;
    padding-left: 10px;
}

div.rightmenu div.articles_underblock dt {
    background: none;
    text-align: left;
    margin: 0 20px;
    padding: 10px 0 0 5px;
}

div.mainarea div.articles_underblock ul li:before {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    clear: left;
    content: "";
    display: block;
    float: left;
    height: 7px;
    position: relative;
    top: 5px;
    left: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
    margin-right: 10px;
}

.articles_underblock dd.linkPage {
    text-align: right;
    margin-right: 10px;
}

.infomation {
    background-color: #fff;
    display: block;
    float: right;
    line-height: 3.5em;
    padding: 0 7px;
}

.contactwrap div:nth-child(2) {
    padding-bottom: 10px;
    padding-top: 10px;
    background: #e7e7e7;
}


/*このヘルプは役に立ちましたか*/

.contactwrap input {
    cursor: pointer;
    border: 0;
    background: #ff7800;
    color: #FFF;
    padding: 5px 7px;
    margin: 0 6px;
    font-size: 15px;
    border-radius: 2px;
    font-weight: bold;
    width: 80px;
}

.contactwrap input:hover {
    opacity: 0.8;
}

.contactwrap i {
    margin-right: 5px;
    color: #00de1f;
}

.mainarea .inquiry_enquete {
    float: right;
}

.skmn-header-logo img {
    width: 90%;
}

.qanda-menu {
    text-align: left;
    margin: 10px 0px 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.qanda-menu a:hover div div {
    border: none;
}

.qanda-menu a div div {
    border: none;
    min-height: 120px;
}

.qanda-menu a:hover > div {
    margin: 0px;
}

.qanda-menu a {
    width: 350px;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    color: #004f9d;
    min-height: 170px;
    margin: 5px;
}

.qanda-menu a:hover {
    border: 1px #ccc solid;
    opacity: 0.8;
}

.qanda-menu a div div {
    border: none;
}

.articles .rightmenu .qanda-menu div p {
    padding: 15px 5px 15px 135px;
    color: #44423B;
}

.articles .rightmenu .qanda-menu a:hover {
    text-decoration: none;
}

.nyusatsu div {
    background: url(../img/help/design/qa1.gif) 5px 10px no-repeat;
}

.rakusatsu div {
    background: url(../img/help/design/qa2.gif) 5px 10px no-repeat;
}

.kakunin div {
    background: url(../img/help/design/qa3.gif) 5px 10px no-repeat;
}

.deli div {
    background: url(../img/help/design/qa4.gif) 5px 10px no-repeat;
}

.arrive div {
    background: url(../img/help/design/qa5.gif) 5px 10px no-repeat;
}

.other div {
    background: url(../img/help/design/qa6.gif) 5px 10px no-repeat;
}

.qanda-menu h2 {
    padding: 7px 0 7px 10px;
    position: relative;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.qanda-menu a:hover h2 {
    background: #004f9d;
    color: #FFF;
}

.qanda-menu h2:after {
    content: '\f0da';
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 9px;
}

.articles .rightmenu p.qatitle {
    margin: -30px 0 10px 20px;
    padding: 0;
}

.articles .rightmenu .config {
    text-align: center;
    margin: -50px 0px 20px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.articles .rightmenu .config p {
    padding: 5px;
}

.articles .rightmenu .config a {
    width: 260px;
    box-sizing: border-box;
    color: #FFF;
    min-height: 170px;
    background-color: #0b5ba9;
    margin: 15px;
}

.articles .rightmenu .config a:hover {
    opacity: 0.8;
}

/* 問い合わせ */

.mainarea .inquiry_list {
    padding: 10px 15px;
    float: left;
    background: #FFF;
    border-bottom: 2px #ccc solid;
    box-sizing: border-box;
    min-height:700px;
}

.mainarea .inquiry_list h2 {
    font-size: 16px;
    border-bottom: 2px #ccc solid;
    padding: 5px 0 0 5px;
}
    
.mainarea #inquiry_guide, .mainarea #inquiry_faq {
    width: 49%;
    margin-bottom: 2%;
}

.mainarea #inquiry_faq div ul li dl dt {
    cursor: pointer;
}

.mainarea #inquiry_faq div ul li dl dd {
    margin: 5px 0 20px 0;
    display: none;
    padding: 5px;
    border:2px solid #f5f5f5;
}

.mainarea #inquiry_faq dl {
    margin-block-start: 0;
    margin-block-end: 0;
}

.mainarea #inquiry_faq div ul li {
    margin-bottom: 15px;
}

.mainarea #inquiry_guide {
    margin:0 2% 2% 0;
}

.mainarea #inquiry_faq p {
    display: inline;
    float: right;
}

.mainarea #inquiry_faq ul li {
    position: relative;
}

.mainarea #inquiry_faq ul li:before {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    clear: left;
    content: "";    
    display: block;
    float: left;
    height: 5px;
    position: absolute;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 5px;
    margin-right: 6px;
    left:0px;
}

.section .mainarea .inquiry_list ul li {
    margin-top: 8px;
    font-size: 14px;
    padding-left: 1em;
}

.section .mainarea .inquiry_list ul li:before, .section .mainarea #inquiry_guide div:before {
    transition: 0.2s;
}

.section .mainarea .inquiry_list ul li.open:before, .section .mainarea #inquiry_guide div.open:before {
    transform: rotate(135deg) !important;
}

.section .mainarea #inquiry_guide h3 {
    cursor: pointer;
    margin-top: 8px;
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}

.rotate_test {
    transition: 1s;
}
 
.rotate_test:hover {
    transform: rotateX(180deg);
}

.section .mainarea .inquiry_list div {
    margin-top: 15px !important;
}

.section .mainarea #inquiry_guide div {
    margin-top: 8px;
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}

.section .mainarea #inquiry_guide div::before {
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    clear: left;
    content: "";
    display: block;
    float: left;
    height: 7px;
    position: relative;
    top: 5px;
    left: -15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 7px;
    margin-right: 6px;
}

.section .mainarea  {
    left:0; 
}

/*商品落札後の流れ　　1462*/

.rakusatsu-flow {
    background: url(/https/help.sekaimon.com/img/help/design/anshin.png) top center no-repeat;
    background-size: 90%;
    width: 730px;
    height: 100px;
    text-indent: -999999px;
}

.sp-only {
    display: none;
}

.publication-date {
    display: inline-block;
    width: 120px;
    color: grey;
}

.recommendation {
    background-color: green;
}

.important {
    background-color: #fac851;
}

.announcement {
    background-color: #78b5e1;
}

.sticker {
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
    color: white;
    width: 80px;
    border-radius: 4px;
}

.text-center {
    text-align: center;
}

.infomationarea h2 {
    font-size: 16px;
    margin-top: 13pt;
}

.infomationarea ul {
    padding: 10px 15px;
    margin-bottom: 2%;
}

.section .mainarea .infomationarea ul li:before {
    border-right: none;
    border-top: none;
    display: block;
}

.list-group-item {
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}