@charset "EUC-JP";

/** ガイド機能 */
html {
    width: 100% !important;
}

h1 {
    font-size: 3vh !important;
}

h2 {
    font-size: 2.5vh !important;
}

img {
    width: 100%;
}

.m2em0 {
    padding: 0 !important;
}

/**  */
#top-contents p {
    font-size: 3.5vw !important;
}

#top-contents div.secList	li{
    font-size: 3.5vw !important;
}

.container .content {
    width: 100% !important;
}

/**********************************
 * ご利用の流れ
 **********************************/
.usage_flow a img {
    width: 100% !important;
}

/**  */
.anchor-link-area {
    flex-wrap: wrap !important;
}

.flex.flex-7column > li {
    width: 25% !important;
}

#guide-step-contents li > div:last-child {
    margin-top: -50px;
}

#guide-step-contents li > div:last-child h3 {
    left: 30%;
    position: relative;
    width: calc(70% - 20px);
    margin-bottom: 20px !important;
}

/**  */
#guide-step-contents li > div:first-child {
    background: none !important;
    width: 100% !important;
    min-height: auto !important;
    text-align: center;
}

#guide-step-contents li > div:first-child img {
    height: auto !important;
    width: 30% !important;
}

i.icon-mail {
    display: table !important;
}

/**  */
div.content {
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

#mainContent div.section {
    padding: 0 !important;
}

h2#in_data_title {
    width: 95% !important;
    height: auto !important;
    background: none !important;
    position: absolute !important;
    padding: 0 !important;
    box-sizing: border-box;
}

h2#in_data_title span {
    position: unset !important;
}

h2#in_data_title span#head_title {
    font-size: 4vw !important;
    margin-top: 2%;
    margin-left: 3%;
}

h2#in_data_title span#head_title_sub {
    font-size: 2vw !important;
    line-height: 10px !important;
    margin-left: 3%;
}

#in_data_img {
    display: block !important;
}

.content div {
    width: 100% !important;
    box-sizing: border-box;
}

h3.bar_long {
    width: 100% !important;
    background-size: 100% 100% !important;
    height: auto !important;
    font-size: 2vh !important;
    padding: 5px !important;
    line-height: inherit !important;
    text-indent:10% !important;
    box-sizing: border-box;
}

ul#tab li {
    width: 50% !important;
    margin: 0 !important;
}

ul#tab li a {
    width: auto !important;
}

.flw dt {
    width: 50% !important;
    margin: 0 !important;
}

.flw dd {
    width: 50% !important;
}

#arrow_img {
    width: 50% !important;
}


.flex.flex-2column > li {
    width: 47% !important;
}

.link-box.large {
    padding: 1em !important;
}

/**  */
.img-detail-list.column-3 li {
    width: 100% !important;
}

.img-detail-list .list-image-area img {
    max-width: 150px !important;
    margin: auto;
}

table.member_rank_explain_tbl tr td:nth-child(1) {
    width: 16% !important;
}

table.member_rank_explain_tbl tr td:not(:nth-child(1)) {
    width: 14% !important;
}

table.member_rank_explain_tbl div.rank_grade_name {
    font-size: 1vh !important;
}

table.member_rank_explain_tbl div.rank_privilege_name {
    font-size: 10px !important;
}

table.member_rank_explain_tbl div.rank_privilege_info {
    font-size: 10px !important;
}
table.member_rank_explain_tbl div.rank_privilege_info span.num {
    font-size: 12px !important;
}

/** データ入稿ガイド（メディアの郵送） */
.attention_img {
    width: 10% !important;
    float: left;
}
#sijisho {
    background: none !important;
    height: auto !important;
}

#btn_sijisho {
    top: 50% !important;
    left: 55% !important;
}

#img_sijisho {
    display: block !important;
}

/** ご郵送先 */
#address {
    width: 100% !important;
    box-sizing: border-box;
}

#address .spot {
    width: 100% !important;
}

/** 作成できるお見積もり書の種類 */
.flex.flex-4column > li {
    width: 50% !important;
}
.anchor-link-area img {
    width: 50% !important;
    margin: auto;
}

/** お届け方法について */
div.sec {
    padding: 0 !important;
}
div.sec ul.non_listmark {
    margin: 0 !important;
}

/** 発送代行サービス */
.anchor_link_area a {
    font-size: 12px !important;
    padding: 8px 20px 8px 10px !important;
    text-align: left !important;
    text-indent: 0 !important;
}

/** ご注文キャンセル及び変更について*/
#step {
    margin: 0 !important;
}

#step dl dt{
    /* height: 40px; */
} 
#step dl dd {
    /* height: 30px; */
}
#step dl dt, #step dl dd {
    width: 100% !important;
    padding: 0 !important;
    font-size: 3vw !important;
}

/** 再注文・追加注文の手順 */
dl.exp {
    width: auto !important;
}
.f22 {
    font-size: 3vh !important;
}
.f16 {
    font-size: 2vh !important;
}
.f20 {
    font-size: 2vh !important;
}

.sec_nonline {
    margin: 0 !important;
    padding: 0 !important;
}

h3#idx_1, h3#idx_2, h3#idx_3, h3#idx_4, h3#idx_5 {
    margin: 20px 0px 5px 0px !important;
    font-size: 1em !important;
    height: 40px !important;
    box-sizing: border-box;
    padding: 10px 0 !important;
    line-height: normal !important;
}

/** 簡易校正・本機色校正手順 */
img#arrow {
    display: none !important;
}

#ok, #ng {
    line-height:2 !important;
    font-size: 3vw !important;
}

/** オフセット印刷 */
#print_sample {
    display: inline-block !important;
    margin: 20px 0px !important;
}

#print_sample li {
    margin: 0 !important;
    width: 50% !important;
    float: left;
    padding: 10px !important;
    box-sizing: border-box !important;
}

/** オフセット印刷の商品例 */
#print_sample li img {
    max-width: 100% !important;
    margin: 10px 0 0px 0  !important;
}

/** 「オフセット印刷とは」ボタン */
#mainContent div.button1 p.mg1020 {
    margin: 5px !important;
}

#mainContent .button1 p {
    margin: 5px !important;
    width: 50% !important;
}

#mainContent .button1 p a {
    width: 100% !important;
    font-size: 3vw !important;
}

.button_offset, .button_ondemand, .button_digital {
    display: flex !important;
    padding: 5px !important;
}

/** オフセット印刷商品へボタン */
.hoveropacity {
    width: 100% !important;
}

/***********************************  
 * お支払い方法（楽天ペイ）
 ***********************************/
#link-navi li {
    width: 47%;
    box-sizing: border-box;
    margin: 3px;
}

#link-navi li a {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
}

.exchange_list {
    width: 100% !important;
}

/***********************************  
 * PDF入稿について
 ***********************************/
 /** 「PDF入稿」のメリット */
#merit {
    width: 100% !important;
    height: auto !important;
    background: none !important;
    /* position: absolute !important;
    padding-top: 10% !important; */
}

#merit p {
    position: inherit !important;
    float: left;
    width: 33%;
    margin: 0px !important;
    font-size: 0.8em;
    line-height: 1.3em !important;
    padding: 43% 5px 0px 15px;
    box-sizing: border-box;
    top: 17%;
    left: auto;
}

.merit_img {
    display: block !important;
    position: absolute;
}

/** 対象アプリケーション */
#application_area {
    display:inline-block ;
}

#application_area #application {
    box-sizing: border-box;
    text-align: center;
}

#application_area #application dl {
    width: 100% !important;
}

#application_area #application dl dt {
    width: 100% !important;
    box-sizing: border-box;
}

#application_area #application p {
    width: 100%;
    padding: 0px !important;
}

#application_area #application p img {
    width: 30%;
    float: unset !important;
    margin: auto;
}

/** 完全データ簡単移行ガイド */
.data_navi {
    margin: 0px !important
}

.nav_area li {
    width: 100%;
    box-sizing: border-box;
    margin: 0px !important;
    display: table;
}

.nav_area li:last-child {
    margin-top: 20px !important;
}

.nav_area li:nth-child(2) img, .nav_area li:nth-child(4) img, .nav_area li:nth-child(6) img {
    transform: rotate(90deg);
    width: 5%;
    display: block;
    margin: 10px auto;
    text-align: center;
}

.nav_area li a {
    width: 100% !important;
    box-sizing: border-box;
    background-position-x: -50px !important;
    display: table-cell;
    vertical-align: middle;
    height: 30px !important;
    background-size: 120% !important;
}

.nav_area li a span {
    margin: auto !important;
}

.nav_area li a span br {
    display: none;
}

/** プリセットファイル */
#preset_area {
    margin: 0px !important;
}

#preset_area dl {
    width: 100% !important;
}

#preset_area dl dt {
    width: 100% !important;
    box-sizing: border-box;
}

#preset_area dd {
    text-align: center;
    width: 100%;
    padding: 0px !important;
}

#preset_area dd img {
    width: 30%;
    float: unset !important;
    margin: auto;
}

/** プリセットの登録 */
#preset_add, #pdf_save, ul.nav_area, #slide-5 {
    margin: 0px 0px 10px 0px !important;
}

.jquery-slider-element {
    overflow: auto !important;
}

.flip dl {
    margin: 5px 35px !important;
}

.flip dl dt {
    font-size: 1.5em !important;
    line-height: 1.5em !important;
}

.flip dl dt span {
    font-size: 2em !important;
}

.flip dd img {
    width: 80%;
}

.flip dl dd div {
    font-size: 0.8em !important;
    margin: 0px !important;
    margin-bottom: 30px !important;
}

/** 弊社規定PDFのサンプル */
.pdf_sample {
    margin: 0px !important;
}

.pdf_sample p {
    margin: 0px !important;
}

.pdf_sample div#sample_area {
    background: none !important;
    height: auto;
}

.pdf_sample div#sample_area img#bg_sample {
    display: block !important;
    margin-bottom: 50px !important;
}

#sample_area #sample_1, 
#sample_area #sample_2, 
#sample_area #sample_3,
#sample_area #sample_4,
#sample_area #sample_5 {
    letter-spacing: normal !important;
    line-height: 12px !important;
    font-size: 0.8em;
    
}

#sample_area #sample_1 {
    top: 2% !important;
    left: 63% !important;
}

#sample_area #sample_2 {
    top: 24% !important;
    left: 63% !important;
}

#sample_area #sample_3 {
    top: 45% !important;
    left: 63% !important;
}

#sample_area #sample_4 {
    top: 75% !important;
    left: 1% !important;
}

#sample_area #sample_5 {
    top: 110% !important;
    left: 1% !important;
}

#sample_area #sample_5 span {
    float: left;
}

#sample_area #sample_5 img {
    display: initial;
    width: 15px;
}

#sample_area #sample_5 a {
    font-size: 0.8em;
}

h4#step1, h4#step2, h4#step3, h4#step4, h4#stepp {
    font-size: 2.5vw !important;
    line-height: 1 !important;
    background-size: 100% !important;
    padding-left: 12% !important;
    text-indent: 0px !important;
    height: 30px !important;
    box-sizing: border-box;
    padding-top: 1% !important;
    margin-top: 0 !important;
    width: 95% !important;
    background: none !important;
    position: absolute;
    align-items: center;
    display: flex;
}

#step1_img, #step2_img, #step3_img, #step4_img, #stepp_img {
    display: block !important;
    margin-bottom: 10px;
}

.point_back {
    margin: 0px !important;
}

.cautionary_note div {
    position: static !important;
    height: auto !important;
}

.cautionary_note div ul {
    position: static !important;
    height: auto !important;
}

.cautionary_note div p {
    position: static !important;
    height: auto !important;
}

h5 {
    width: 100% !important;
}

#ibox_wrapper {
    height: auto !important;
    width: calc(100% - 10px) !important;
}

#ibox_wrapper .ibox_image {
    width: 100% !important;
}

/***********************************  
 * PDF入稿のポイント還元表
 ***********************************/
.pdf_point {
    width: 100% !important;
}

.pdf_point td:nth-child(1) {
    width: 20%;
}

.pdf_point td:nth-child(2) {
    width: 60%;
}

.pdf_point td:nth-child(3) {
    width: 20%;
}

.pdf_point td div dl dd{
    text-indent: 0px !important;
    padding-left: 10px !important;
    margin: 0px !important;
}

/***********************************  
 * 規定内PDFと規定外PDF
 ***********************************/
.pdf_example h3 {
    margin-bottom: 3px;
    padding-top: 10px !important;
}

.pdf_example #pdf_ok, .pdf_example #pdf_ng,
#pdf_example_part #pdf_ok, #pdf_example_part #pdf_ng {
    background: none !important;
    margin: 0px !important;
    height: auto !important;
    margin-bottom: 10px !important;
}

.pdf_example #pdf_ok img, .pdf_example #pdf_ng img,
#pdf_example_part #pdf_ok img, #pdf_example_part #pdf_ng img {
    display: block !important;
}

/***********************************  
 * 指示書の作成について
 ***********************************/
#siji img {
    height: auto;
    margin-left: 0 !important;
}
#siji h3.ball {
    margin: 0px !important;
}

#siji div, #siji ul, #siji dl {
    margin-left: 0px !important;
    box-sizing: border-box;
    width: auto;
}

#siji ul {
    padding-left: 10px;
    display: table;
    width: 100%;
}

#siji h4 {
    font-size: 5vw !important;
    text-indent: 0 !important;
    padding-left: 10px;
}

#siji h4, #siji p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#siji img#zu_tenchi {
    height: auto;
}

#siji .attention_img {
    width: 20% !important;
    height: auto;
    float: unset;
}

#siji .mark {
    width: 27px !important;
}

#siji .attention2 {
    width: 20%;
    height: auto;
}