@charset "UTF-8";
/* CSS Document */

div#wrap{
width:950px;
margin:30px auto 0;
}

h1{
width:397px;
height:125px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/title.png') no-repeat;
text-indent:-9999px;
margin:0 0 27px 51px;
}

h2.head{
width:950px;
height:74px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/header_midashi.jpg') no-repeat;
text-indent:-9999px;
}

div#lp-header{
width:950px;
height:928px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/header_back.jpg') center top no-repeat;
padding-top:41px;
}

div#pricecont{
height:300px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/price_back.png') no-repeat;
margin:0 0 0 16px;
padding:31px 0 0 15px;
}

h3.price_midashi_black{
border:none;
margin:0 0 18px 0;
padding:0 0 0 0;
}
p.price1{
margin:0 0 15px 48px;
}
h3.price_midashi_red{
border:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
p.price2{
margin:0 0 2px 25px;
}

div#illust{
width:924px;
margin:0 auto;
margin-top:22px;
}

div#illust img{
float:left;
}

img.yajirushi{
padding-top:128px;
}

/*購入ボタン*/
a.btn_buy{
display:block;
width:950px;
height:88px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/btn_buy.jpg') no-repeat center top;
text-indent:-9999px;
margin:20px 0;
}

a.btn_buy:hover{
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/btn_buy.jpg') no-repeat center bottom;
}

/*MA40αの特徴*/
div#tokuchou{
width:950px;
margin-bottom:20px;
}

h2.midashi_01{
padding-bottom:7px;
}

ol.tokuchou li{
float:left;
}

/*弥生対応サプライ*/
div#supply{
width:950px;
margin-bottom:20px;
}

h2.midashi_02{
padding-bottom:9px;
}

div#supply_waku_top{
width:950px;
height:22px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku1_top.jpg') no-repeat;
}

div#supply_waku_middle{
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku1_middle.jpg') repeat-y;
padding-left:21px
}

div#supply_waku_bottom{
width:950px;
height:32px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku1_bottom.jpg') no-repeat;
}

div#supply_waku_middle li{
width:299px;
float:left;
}

div#supply_waku_middle li.supphoto2{
padding:0 5px 0 7px;
}

div#supply_waku_middle li.supphoto4{
padding:0 0 0 7px;
}

div#supply_waku_middle li h4{
text-align:center;
padding:5px 0 0 0;
color:#333;
font-size:18px;
line-height:125%;
}

ul.sup02{
width:918px;
padding-top:35px;
}

ul.sup02 li.kome{
font-size:12px;
line-height:150%;
padding:340px 0 0 8px;
}

ul.sup02._no-padding {
padding-top: 0;
margin-bottom: 30px;
}
ul.sup02._no-padding li.kome{
padding: 0 0 0 30px;
}

/*使い方*/
div.use_top{
width:950px;
height:17px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku_blue_top.jpg') no-repeat;
}

div.use_middle{
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku_blue_middle.jpg') repeat-y;
padding-left:20px;
}

div.use_bottom{
width:950px;
height:28px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/waku_blue_bottom.jpg') no-repeat;
margin-bottom:10px;
}

h3.baai{
border:none;
margin:0 0 13px 0;
padding:0 0 0 0;
}

ol.flow li{
float:left;
margin-bottom:10px;
}

/*動画ボタン*/
div#douga p.movie,div#douga2 p.movie{
float:left;
padding:14px 10px 0 0;
}

a.douga1,a.douga2{
display:block;
width:192px;
height:41px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/btn_movie.png') no-repeat left top;
text-indent:-9999px;
float:left;
}

a.douga1:hover,a.douga2:hover{
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/btn_movie.png') no-repeat left bottom;
}

div#douga,#douga2{
height:41px;
margin:0 auto;
padding:10px 0 6px 535px;
}

/*罫線*/
img.keisen{
display:block;
margin:-10px 0 10px 0;
padding:0;
}

/*主な仕様*/
h2.txtmidashi{
font-size:25px;
font-weight:bold;
margin:15px 0 15px 15px;
color:#333;
}

/*テーブル*/
table.siyo{
width:916px;
border-collapse:collapse;
margin:0 auto;
margin-bottom:25px;
}

table.siyo th{
border:1px solid #ddd;
text-align:left;
padding:10px;
background:#fcfcfc;
font-size:16px;
white-space: nowrap;
}

table.siyo td{
border:1px solid #ddd;
text-align:left;
padding:10px;
font-size:14px;
line-height:150%;
}

td a{color:#03C;}
td a:hover{color:#F60;}

/*注意*/
ul.chuui{
padding:0 0 30px 45px;
}

ul.chuui li{
font-size:16px;
line-height:170%;
list-style-type:disc;
}


a.kamikuse{color:#03C;}
a.kamikuse:hover{color:#F60;}


/*折り方*/
p.orikata{
padding:0 0 30px 35px;
font-size:16px;
}

div#orikata{
width:573px;
height:100px;
margin:0 auto;
}

div#orikata img.ori1{
padding-right:47px;
}

/*保証・アフターサービス*/
div#dressin{
background:#2f9af8;
margin:0 auto;
padding:0 22px 19px 22px;
}

h2.dressin{
height:56px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/midashi_h2_blue.jpg') no-repeat center top;
text-indent:-9999px;
}

div#whitetop{
width:906px;
height:10px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/top.jpg') no-repeat;
}

div#whitemiddle{
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/middle.jpg') repeat-y;
padding:8px 18px;
text-align:center;
}

div#whitebottom{
width:906px;
height:10px;
background:url('/content/dam/yayoi-corp/yss/store/supply/kamioriki/images/bottom.jpg') no-repeat;
}


p.txt{
font-size:16px;
line-height:160%;
margin:0 0 10px 40px;
text-align:left;
}

div#whitemiddle div.waku{
border-top:5px solid #002388;
border-left:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
}

h3.dressin{
border:none;
width:464px;
height:21px;
margin:10px auto;
}

img.tel{
display:block;
margin:0 auto;
}

p.time{
text-align:center;
font-size:16px;
color:#333;
padding:8px 0;
margin:5px 0;
}

/*罫線2*/
img.keisen2{
display:block;
margin:20px auto;
}

/*ご注文・お問い合わせ*/
div#toiawase{
font-size:14px;
width:400px;
background:#eeeeee;
margin:0 auto 44px auto;
text-align:center;
line-height:145%;
color:#000000;
padding:0 0 5px 0;
}

h3.toiawase{
font-size:15px;
border:none;
color:#fff;
background:#666;
text-align:center;
padding:9px 0 9px 0;
margin:0;
}

p.toiawasetxt{
width:400px;
}

h4.toiawasemidashi{
font-size:14px;
text-align:center;
padding:8px 0;
}


/*紙くせの取り方*/

.i-wrap{
display:none;
}

div#inline_kamikuse{
padding:15px;
background:#fff;
}

ul.kamikuse li{
float:left;
}

p.kamikusetxt{
width:320px;
text-align:center;
line-height:200%;
font-size:14px;
}

li.ya_gray img{
padding:90px 10px 0 20px;
}

/* ----------------------------------------------------------------
modal-box
----------------------------------------------------------------- */
.modal-box {
	border: none;
	background-color: transparent;
	padding: 0;
	overflow: hidden;
}

.modal-box_body {
	position: relative;
	width: 100%;
	max-width: 1400px;
	max-height: calc(100vh - (40px * 2));
	overflow: auto;
}

.modal-box_hdg {
	position: relative;
	margin: 0;
}

.modal-box_hdg_txt {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: -30px;
	min-width: 400px;
	padding: 50px 25px;
	transform: translateY(-50%);
	background: #0057a5;
	color: #fff;
	font-size: 3rem;
	font-weight: 500;
	text-align: left;
}

.modal-box_hdg_img {
	overflow: hidden;
	border-radius: 6px 6px 0 0;
	background: #fff;
}

.modal-box_content {
	padding: 70px 100px;
	background: #fff;
	text-align: left;
}

.modal-box_content > *:last-child {
	margin-bottom: 0;
}

.modal-box_figure {
	margin-bottom: 40px;
}

.modal-box_figure_label {
	display: none;
}

.modal-box_btn-close {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 22px;
	height: 22px;
}

.modal-box_btn-close > button {
	position: absolute;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background-color: transparent;
	transition: opacity .1s ease-out;
}

.modal-box_btn-close > button::before,
.modal-box_btn-close > button::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 3px;
	background: #777777;
}

.modal-box_btn-close > button::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.modal-box_btn-close > button::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-box_btn-close > button > span {
	position: absolute;
	top: 100%;
	left: 50%;
	white-space: nowrap;
	transform: translateX(-50%);
}

.modal-box_btn-close > button:hover,
.modal-box_btn-close > button:active,
.modal-box_btn-close > button:focus {
	opacity: .6;
}

.modal-box .ge-lyt-btn,
.modal-box .ge-lyt-btn > p {
	margin: 0;
	width: 100%;
	text-align: center;
}
.modal-box .ge-btn,
.modal-box .ge-btn-02 {
	min-width: 0;
	max-width: 370px;
	width: 100%;
}

.modal-box::backdrop {
	background-color: rgba(0, 0, 0, .3);
}

@media only screen  and (max-width: 900px) {
	.modal-box_content {
	padding: 60px 30px 30px;
	}

	.modal-box_figure {
	margin-bottom: 30px;
	}

	.modal-box_figure_inner {
	overflow-x: auto;
	}

	.modal-box_figure_label {
	position: relative;
	display: block;
	text-align: center;
	color: #777777;
	margin-bottom: 12px;
	}

	.modal-box_figure_label::before,
	.modal-box_figure_label::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 16px;
	height: 9px;
	background-image: url('/content/dam/yayoi-corp//common_a/img/icon-arrow.png');
	background-size: cover;
	transform: translateY(-50%);
	}

	.modal-box_figure_label::before {
	left: 0;
	transform: translateY(-50%) rotate(-180deg);
	}

	.modal-box_figure_label::after {
	right: 0;
	}

	.modal-box_figure_img {
	max-width: none;
	}

	.modal-box_btn-close {
	position: absolute;
	top: 14px;
	right: 20px;
	width: 15px;
	height: 15px;
	}

	.modal-box_btn-close > button {
	width: 15px;
	height: 15px;
	}

	.modal-box_btn-close > button::before,
	.modal-box_btn-close > button::after {
	height: 2px;
	}
}

.modal-kamioriki {
	margin: auto;
}

.modal-kamioriki_iframe {
	width: 75vw;
    max-width: 1100px;
    height: 70vh;
    max-height: 500px;
    border: none;
}

/* .fn-modal
----------------------------------------------- */
.fn-modal {
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	transform: translateY(80px);
	transition: opacity .5s cubic-bezier(.4, 0, .2, 1) .2s, transform .5s cubic-bezier(.4, 0, .2, 1) .2s;
    margin: auto !important;
}

.fn-modal.is-modal-show {
	transform: translateY(0);
	opacity: 1;
}

.fn-modal.is-modal-hide {
	transition-delay: 0s;
}

.js-unavailable .fn-modal {
	display: block;
	opacity: 1;
}

.fn-modal_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
}

.fn-modal_overlay.is-overlay-show {
	opacity: 1;
}

.fn-modal_overlay.is-overlay-hide {
	transition-delay: .2s;
}

.fn-modal_inner {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
}

.fn-modal.is-modal-show .fn-modal_inner {
	opacity: 1;
}

/* .is-modal-open
----------------------------------------------- */
.is-modal-open,
.is-modal-open body {
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .cmp-textfree .header {
    width: 1170px;
  }

  .cmp-textfree .footer {
    width: 1170px;
  }

  .footer-page-top {
    right: 80px;
  }
}