@charset "UTF-8";

/* ---- base.css ---- */


/**
 *
 * リセット、再定義
 *
**/


* {
	padding: 0;
	margin: 0;
}

html {
}

body {
	min-width: 1290px;
	color: #463024;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: center;
	background: #eedcbb url("../images/body_back_01.jpg");
	overflow-x : hidden;
}

table {
	color: #463024;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0px;
}


table td,table td {
	empty-cells: show;
}

ul,ol {
	list-style: none;
}

a {
	color: #463024;
	text-decoration: none;
}

a:hover {
	color: #998770;
	text-decoration: underline;
}

#content a {
	color: #7e4687;
	text-decoration: none;
}

#content a:hover {
	color: #9d59a9;
	text-decoration: underline;
}

#content a:hover img,
#footer a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

img { border: none; }

em { font-style: normal; }



/* ---- easyselectbox.css ---- */
/* Core CSS. Do not edit unless your sure */
.easy-select-box{
	display:inline-block;
	position:relative;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box{
	width:118px;
	text-align:left;
	font-size:11px;
	color:#0c2245;
}
.easy-select-box .esb-displayer{
	background: url(images/bg-select-1.png) no-repeat 0 0;
	color:#0c2245;
	padding:0 3px;
	height:18px;
	line-height:18px;
	cursor: default;
}
.easy-select-box:hover .esb-displayer{
	background-position: 0 -18px;
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}
.easy-select-box .esb-dropdown{
	border:1px solid #cccccc;
	width:116px;
	max-height:200px;
	overflow:auto;
	background:#FFFFFF;
}
.easy-select-box .esb-dropdown .esb-item{
	padding:3px;
	background:#FFFFFF;
	color:#0c2245;
	cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:hover{
	background:#3399ff;
	color:#FFFFFF;
	text-decoration:none;
}


/* Custom Presentation CSS. You can edit appearance here */
.easy-select-box-nice{
	text-align:left;
	color:#0c2245;
	min-width:200px;
}
.easy-select-box-nice .esb-displayer{
	background: url(images/bg-select-2.png) no-repeat right 0;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:0 5px;
	height:37px;
	line-height:37px;
	cursor: default;
	border-radius:10px;
}
.easy-select-box-nice:hover .esb-displayer{
	background-position: right -37px;
}
.easy-select-box-nice.disabled .esb-displayer,
.easy-select-box-nice:hover.disabled .esb-displayer{
	background-position: right -74px;
	color:#ccc;
}
.easy-select-box-nice .esb-dropdown{
	border:1px solid #cccccc;
	background:#FFFFFF;
}
.easy-select-box-nice .esb-dropdown .esb-item{
	padding:3px 5px;
	cursor:default;
}
.easy-select-box-nice .esb-dropdown .esb-item:hover{
	background:#3399ff;
	color:#FFFFFF;
}

/* ---- common.css ---- */


/**
 *
 * 汎用スタイルシート
 *
**/


/**
 * アンカー
**/

.blank {
	padding-right: 15px;
	background: url("../images/icon_blank.png") no-repeat right 1px;
}

.begginer_icon2 {
	padding-left: 15px;
	background: url("../images/icon_begginer2.png") no-repeat 2px 0;
}

.begginer_icon {
	padding-left: 15px;
	margin-left: 5px; /* add */
	background: url("../images/icon_begginer.png") no-repeat 0 2px;
	font-weight: bold; /* add */
}

/* add */
.delivery_icon {
	padding-left: 20px;
	margin-left: 5px;
	background: url(../images/icon_delivery.png) no-repeat 0 4px;
	font-weight: bold;
}

/* add */
.order_icon {
	padding-left: 20px;
	margin-left: 5px;
	background: url(../images/icon_order.png) no-repeat 0 2px;
	font-weight: bold;
}

/* add */
.mail_icon {
	padding-left: 25px;
	background: url(../images/icon_mail.png) no-repeat 0 3px;
	font-weight: bold;
}

/* add */
.pdf_icon {
	padding-left: 25px;
	background: url(../images/icon_pdf.png) no-repeat 0 -4px;
	font-weight: bold;
}


/**
 * フォントカラー
**/

.gray { color: #6c6a6a !important; }
.red { color: #d70000 !important; }
.pink { color: #d8658c !important; }
.blue { color: #0c7dc1 !important; }
.orange { color: #e34d00 !important; }

/**
 * フォントウェイト
**/

.bold { font-weight: bold !important; }


/**
 * フォントサイズ
**/

.font09 {
	line-height: 1.5;
	font-size: 9px;
}

.font10 {
	line-height: 1.5;
	font-size: 10px;
}

.font11 {
	line-height: 1.5;
	font-size: 11px;
}

.font12 {
	line-height: 1.5;
	font-size: 12px;
}

.font13 {
	line-height: 1.5;
	font-size: 13px;
}

.font14 {
	line-height: 1.5;
	font-size: 14px;
}

.font15 {
	line-height: 1.5;
	font-size: 15px;
}

.font16 {
	line-height: 1.5;
	font-size: 16px;
}

.font18 {
	line-height: 1.5;
	font-size: 18px;
}

.font20 {
	line-height: 1.5;
	font-size: 20px;
}

.font22 {
	line-height: 1.5;
	font-size: 22px;
}

.font24 {
	line-height: 1.5;
	font-size: 24px;
}


/**
 * テキストアライン
**/

.txt_right { text-align: right !important; }
.txt_left { text-align: lef !importantt; }
.txt_center { text-align: center !important; }
.txt_center img {
	margin-left: auto !important;
	margin-right: auto !important;
}

/**
 * テキストインデント
**/

.txt_indent { text-indent: 1em !important; }


/**
 * マージン
**/

/* マージントップ */
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

/* マージンボトム */
.mb0 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb07 { margin-bottom: 7px !important; }
.mb08 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }

/* マージンレフト */
.ml05 { margin-left: 5px !important; }
.ml09 { margin-left: 9px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

/* マージンライト */
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

/* add */
.mr13 { margin-right: 13px !important; }

.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }


/**
 * フロート
**/

.fl { float: left !important; }
.fr { float: right !important; }


/**
 * ワイド
**/

.w50 { width: 50px !important; }
.w95 { width: 95px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }


/**
 * スクローラー
**/

.scrollTarget {
    padding-top: 180px !important;
    margin-top: -180px !important;
}


/**
 * フォームパーツ
**/

/* テキスト、テキストエリア、セレクトボックスの修飾 */
input.radius,
textarea.radius,
.easy-select-box {
    padding: 15px 10px;
    font-size: 16px;
    background-color: #fffef1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: 0;
    vertical-align: middle;
}

textarea.radius {
    padding: 10px;
}

input.radius.mini,
textarea.radius.mini,
select.mini .easy-select-box {
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.radius.error,
textarea.radius.error,
select.error .easy-select-box {
    background-color: #ffdddd;
    border: 1px solid #c70000;
    padding: 13px 8px;
}

input.radius.mini.error,
textarea.radius.mini.error,
select.mini.error .easy-select-box {
    background-color: #ffdddd;
    border: 1px solid #c70000;
    padding: 3px 8px;
}

.easy-select-box .esb-dropdown .esb-item {
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
}

.easy-select-box .esb-displayer {
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
    background: url(../images/dropdown_cursor.png) no-repeat right center;
}

.easy-select-box:hover .esb-displayer {
    background-position: right center;
    text-decoration: none;
}

.radius.w551 {
    width: 531px;
}

.radius.w110 {
    width: 90px;
}

.radius.w245 {
    width: 225px;
}

.radius.w780 {
    width: 760px;
}

.radius.w696 {
    width: 676px;
}

select.design_select.w215 + .easy-select-box {
    width: 195px;
}

select.design_select.w245 + .easy-select-box {
    width: 225px;
}

select.design_select.w345 + .easy-select-box {
    width: 325px;
}

select.design_select.w551 + .easy-select-box {
    width: 531px;
}

/* ラジオボタンの修飾 */
.design_radio input[type='radio'] {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
}

.design_radio {
    background: url("../images/radio_off.png") no-repeat 0 0;
    line-height: 22px;
    display: block;
    padding: 1px 0 0 35px;
    cursor: pointer;
}

.design_radio.on {
    background: url("../images/radio_on.png") no-repeat 0 0;
}

/* チェックボックスの修飾 */
.design_checkbox input[type='checkbox'] {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
}

.design_checkbox {
    background: url("../images/check_off.png") no-repeat 0 0;
    line-height: 22px;
    display: block;
    padding: 1px 0 0 35px;
    cursor: pointer;
}

.design_checkbox.on {
    background: url("../images/check_on.png") no-repeat 0 0;
}

p.form_error {
    clear: both;
    color: #cb0200;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}

p.form_error.standalone {
    margin: 0 30px 20px;
    padding: 10px;
    background-color: #f0c8c6;
    border: 1px solid #cb0200;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

p.form_error.standalone + p.form_error.standalone {
    margin-top: -15px;
}

p.form_error.standalone.w820 {
    width: 820px;
    margin: 0 40px 20px;
}

span.form_error {
    color: #cb0200;
}



.txt_w551 {
	width: 551px;
	height: 51px;
	background: url("../images/input_back_01.png") no-repeat 0 0;
}

.txt_w551 .txt {
	margin: 1px 0 0 10px;
	width: 531px;
	height: 47px;
	line-height: 47px;
	font-size: 18px;
	font-weight: bold;
	background: #fffef1;
	border: 1px solid #fffef1;
}

*:first-child+html .txt_w551 .txt {
	height: 45px;
	line-height: 45px;
}

.txt_w110 {
	width: 110px;
	height: 50px;
	background: url("../images/input_back_02.jpg") no-repeat 0 0;
}

.txt_w110 .txt {
	margin: 1px 0 0 10px;
	width: 90px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	background: #fffef1;
	border: 1px solid #fffef1;
}

*:first-child+html .txt_w110 .txt {
	height: 45px;
	line-height: 45px;
}

.textarea_w780 {
	background: url("../images/textarea_back_01.png") no-repeat 0 0;
}

.textarea_w780 .textarea {
	margin: 10px 0 10px 10px;
	width: 760px !important;
	height: 110px;
	font-size: 18px;
	font-weight: bold;
	background: #fffef1;
	border: 1px solid #fffef1;
}

.textarea_w696 {
	width: 696px;
	height: 130px;
	background: url("../images/textarea_back_02.png") no-repeat 0 0;
}

.textarea_w696 .textarea {
	margin: 10px;
	width: 676px;
	height: 110px;
	font-size: 18px;
	font-weight: bold;
	background: #fffef1;
	border: 1px solid #fffef1;
}


/**
 * クリアフィックス
**/

.clear {
	clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }




/* ---- layout.css ---- */


/**
 *
 * レイアウト、共通コンテンツ
 *
**/


/**
 * ラッパー
**/

#wrapper {
	width: 100%;
	overflow: hidden;
}


/**
 * 左サイドインフォメーション
**/
#side_information {
	width: 108px;
	text-align: left;
	position: fixed;
	top: 95px;
	z-index: 120;
	left: -10px;
}

#side_information .design {
	margin-bottom: 5px;
	width: 108px;
	height: 117px;
	background: url("../images/side_back_01.png") no-repeat 0 0;
	position: relative;
}

#side_information .design .soft {
	width: 108px;
	position: absolute;
	top: 42px;
	left: 16px;
}

#side_information .design .soft li {
	padding: 0 2px 0 0;
	float: left;
	display: inline;
}

#side_information .design .soft li img {
	display: block;
}

#side_information .design .link {
	width: 92px;
	display: block;
	position: absolute;
	top: 79px;
	left: 8px;
}

#side_information .delivery {
	margin-bottom: 5px;
	width: 108px;
	height: 157px;
	background: url("../images/side_back_02.png") no-repeat 0 0;
	position: relative;
}

#side_information .delivery .link {
	width: 92px;
	display: block;
	position: absolute;
	top: 119px;
	left: 8px;
}

#side_information .delivery .txt {
	display: block;
	position: absolute;
	top: 52px;
	left: 26px;
}

#side_information .delivery .days {
	padding: 0 0 4px 0;
	width: 100%;
	line-height: 120%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #de330c;
	background: url("../images/days_back_01.png") no-repeat 17px bottom;
	display: block;
	position: absolute;
	top: 71px;
	left: 0;
}

#side_information .badge {
	margin-bottom: 5px;
	width: 108px;
	height: 560px;
	background: url("../images/side_back_03.png") no-repeat 0 0;
	position: relative;
}

#side_information .badge .link {
	width: 92px;
	display: block;
	position: absolute;
	top: 522px;
	left: 8px;
}

#side_information .badge ul {
	padding: 49px 0 0 0;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}

#side_information .badge ul img {
	margin: 0 auto;
	display: block;
}

#side_information .badge ul li {
	margin: 0 0 5px 0;
	width: 100%;
	float: left;
}

#side_information .badge .size {
	padding: 0 0 0 5px;
	font-size: 11px;
	background: url("../images/arrow_02.jpg") no-repeat 0 center;
}


/**
 * サイドカレンダー
**/
#side_calendar {
	margin-right: -761px;
	width: 241px;
	height: 744px;
	text-align: left;
	background: url("../images/side_back_04.png") no-repeat 0 0;
	position: absolute;
/*	top: 0;*/
	top: -564px;
	right: 50%;
	z-index: 120;
}

#side_calendar .wrap {
	width: 241px;
	height: 564px;
	position: relative;
}

#side_calendar .wrap .check {
	position: absolute;
	top: 22px;
	left: 17px;
}

#side_calendar .wrap .check:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#side_calendar .calendar_01 {
	width: 205px;
	height: 194px;
	background: url("../images/side_back_05.png") no-repeat 0 0;
	position: absolute;
	top: 134px;
	left: 18px;
}

#side_calendar .calendar_02 {
	width: 205px;
	height: 194px;
	background: url("../images/side_back_05.png") no-repeat 0 0;
	position: absolute;
	top: 337px;
	left: 18px;
}

#side_calendar .month {
	margin: 6px 0 2px 6px;
	width: 193px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: url("../images/side_back_06.png") no-repeat 0 0;
}

#side_calendar .tb {
	margin: 0 0 0 6px;
	width: 193px;
}

#side_calendar .tb th {
	width: 26px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	color: #462f23;
}

#side_calendar .tb td {
	width: 26px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	color: #848484;
	background: url("../images/day_back_02.jpg") no-repeat 0 0;
}

#side_calendar .tb td.holiday {
	color: #ffffff;
	background: url("../images/day_back_01.jpg") no-repeat 0 0;
}

#side_calendar .tb td.today {
	color: #848484;
	font-weight: bold;
	text-decoration: underline;
}

#side_calendar .tb td.campain_day {
	color: #370b40;
	background: url("../images/day_back_04.jpg") no-repeat 0 0;
}

#side_calendar .tb td.campain_day.today,
#side_calendar .tb td.holiday.today {
	color: #fff;
}

#side_calendar .tb td.disabled {
	color: #d7d7d7;
}

#side_calendar .note {
	width: 100%;
	line-height: 1.2;
	text-align: center;
	font-size: 11px;
	position: absolute;
	top: 540px;
	left: 0;
}

#side_calendar .note li {
	padding: 0 9px 0 18px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#side_calendar .note li.label_01 {
	background: url("../images/calendar_label_01.jpg") no-repeat 0 0;
}

#side_calendar .note li.label_02 {
	background: url("../images/calendar_label_02.jpg") no-repeat 0 0;
}

#side_calendar .note li.label_03 {
	padding: 0 0 0 18px;
	background: url("../images/calendar_label_03.jpg") no-repeat 0 0;
}

#side_calendar .btn {
	width: 241px;
	height: 180px;
	text-align: left;
	display: block;
	position: relative;
}

#side_calendar .btn .himo {
    display: block;
    position: absolute;
    top: 73px;
    left: 73px;
    -webkit-animation: swing 10s infinite alternate linear;
    -webkit-transform-origin: 50% 0%;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-animation: swing 10s infinite alternate linear;
    -moz-transform-origin: 50% 0%;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
}

#side_calendar.active .btn .himo {
    -webkit-animation: none;
    -moz-animation: none;
}

@keyframes swing {
    0%	{-webkit-transform: rotate(0deg);}
    20%	{-webkit-transform: rotate(-10deg);}
    40%	{-webkit-transform: rotate(10deg);}
    60%	{-webkit-transform: rotate(0deg);}
    80%	{-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(10deg);}
}

@-webkit-keyframes swing { /* Safari & Chrome */
    0%	{-webkit-transform: rotate(0deg);}
    20%	{-webkit-transform: rotate(-10deg);}
    40%	{-webkit-transform: rotate(10deg);}
    60%	{-webkit-transform: rotate(0deg);}
    80%	{-webkit-transform: rotate(-10deg);}
    100% {-webkit-transform: rotate(10deg);}
}




/**
 * ヘッダー
**/

#head_line {
    position: relative;
    background: url("../images/wrapper_back_02.png") repeat-x 0 0;
    height: 20px;
}

#head_line .inner {
    margin: 0 auto;
    width: 980px;
    text-align: left;
    position: relative;
}

#head_line .zeami_ent {
    position: absolute;
    top: 4px;
    left: 1px;
}

#head_line .sub_link {
    position: absolute;
    top: 0;
    left: 168px;
}

#head_line .sub_link li {
    float: left;
    display: inline;
}

#head_line .sub_link li img {
    display: block;
}

#head_line .twitter {
    position: absolute;
    top: 3px;
    right: 16px;
}

#head_line .twitter img {
    display: block;
}

#head_line .facebook {
    position: absolute;
    top: 3px;
    right: 0;
}

#head_line .facebook img {
    display: block;
}

#head_container {
	background: url("../images/wrapper_back_01.jpg") repeat-x 0 0;
	width: 100%;
	height: 181px;
	top: 0;
	z-index: 100;
}

#home #head_container {
	height: auto;
}

#header {
	margin: 0 auto;
	width: 980px;
/*	height: 197px;*/
	height: 73px;
	text-align: left;
	position: relative;
}

#header .logo {
	position: absolute;
	top: 9px;
	left: 0;
}

#header .tel {
	position: absolute;
	top: 15px;
	left: 333px;
}

#header .info {
	position: absolute;
	border-top : 1px solid #f481ad;
	top: 37px;
	left: 334px;
}

#header .contact {
	position: absolute;
	top: 15px;
	left: 490px;
}

#header .order {
	position: absolute;
	top: 0px;
	right: -13px;
}


/**
 * ナビゲーション
**/

#navi {
/*	width: 980px;
	position: absolute;
	top: 98px;
	left: 0;*/
	width: 100%;
	height: 108px;
	background: #5d2e65;

}

#navi ul {
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 980px;
}

#navi ul li {
	float: left;
	display: inline;
	position: relative;
}

#navi ul li img {
	display: block;
}

#navi ul li .sub_navi {
	margin: 0;
	padding: 9px 0 0 0;
	width: 160px;
	background: url("../images/navi_back_01.png") no-repeat 0 0;
	position: absolute;
	top: 95px;
	left: -9px;
	z-index: 5000000;
	display: none;
}

#navi ul li ul {
	margin: 0;
	padding: 0 0 5px 0;
	width: 160px;
	background: url("../images/navi_back_03.png") no-repeat 0 bottom;
	position: inherit;
}

#navi ul li ul li {
	padding: 0 5px;
	width: 150px;
	background: url("../images/navi_back_02.png") repeat-y 0 0;
	position: static;
	display: block;
	float: float;
	clear: both;
	z-index: 6000000;
}

#navi ul li ul li a {
	padding: 8px 0;
	width: 150px;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #cac2b2;
	z-index: 7000000;
}
#navi ul li ul li span.midashi {
	padding: 12px 0 8px;
	width: 150px;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
	display: block;
	z-index: 7000000;
}

#navi ul li ul li:last-child a {
	border-bottom: none;
}

#navi ul li ul li .label {
	padding: 6px 0;
	width: 150px;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #582a5c;
	display: block;
}

#navi ul li a.navi_01 {
	width: 139px;
	height: 95px;
	background: url("../images/navi_01-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_02 {
	width: 140px;
	height: 95px;
	background: url("../images/navi_02-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_03 {
	width: 140px;
	height: 95px;
	background: url("../images/navi_03-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_04 {
	width: 140px;
	height: 95px;
	background: url("../images/navi_04-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_05 {
	width: 140px;
	height: 95px;
	background: url("../images/navi_05-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_06 {
	width: 140px;
	height: 95px;
	background: url("../images/navi_06-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.navi_07 {
	width: 141px;
	height: 95px;
	background: url("../images/navi_07-on.jpg") no-repeat 0 0;
	display: block;
}

#navi ul li a.active img {
	display: none;
}



/**
 * ページタイトル
**/

#page_title {
	width: 100%;
	height: 140px;
	background: url("../images/title_back_01.jpg") repeat-x 0 0;
}

#page_title .wrap {
	margin: 0 auto;
	width: 980px;
	height: 140px;
	text-align: left;
	position: relative;
}

#page_title .wrap h2 {
	padding: 54px 0 0 14px;
	float: left;
/*
	margin-top: -16px;
	position: absolute;
	top: 50%;
	left: 14px;*/
}

#page_title .wrap .note {
	margin: 54px 0 0 0;
	width: 570px;
	float: right;
	display: inline;
	color: #83735d;
/*
	margin-top: -18px;
	color: #855f36;
	position: absolute;
	top: 50%;
	right: 0;*/
}

#page_title .wrap .note2 {
	margin: 40px 0 0 0;
	width: 570px;
	float: right;
	color: #83735d;
/*
	margin-top: -30px;
	color: #855f36;
	position: absolute;
	top: 50%;
	right: 0;*/
}

#page_title .wrap .back {
	position: absolute;
	top: 145px;
	right: -27%;
	display: block;
	z-index: -1;
}

*+html #page_title .wrap .back {
	right: -22%;
}

/**
 * コンテンツ
**/

#content {
	margin: 0 auto;
	padding: 30px 0;
	width: 980px;
	text-align: left;
    position: relative;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}


/**
 * サイドコンテンツ
**/

#side {
	width: 250px;
	float: right;
	display: inline;
}


/**
 * メインコンテンツ
**/

#main {
	width: 700px;
	float: left;
	display: inline;
}


/**
 * パンくず
**/

#topics {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: url("../images/topics_back_01.jpg") repeat-x 0 0;
}

#topics .wrap {
	margin: 0 auto;
	width: 980px;
	height: 48px;
	font-size: 12px;
	color: #917f67;
	text-align: left;
}

#topics li {
	float: left;
	padding-left: 0px;
	display: inline;
}

#topics a {
	color: #83735d;
}

#topics li:last-child {
	color: #83735d;
}

#topics img {
	margin-bottom: -3px;
}

#topics li.faq {
	padding: 0 0 0 20px;
	background: url("../images/topics_faq.png") no-repeat 0 48%;
}

#topics li.order {
	padding: 0 0 0 20px;
	background: url("../images/topics_order.png") no-repeat 0 46%;
}

#topics li.badge {
	padding: 0 0 0 20px;
	background: url("../images/topics_badge.png") no-repeat 0 50%;
}

#topics li.contact {
	padding: 0 0 0 20px;
	background: url("../images/topics_contact.png") no-repeat 0 49%;
}

#topics li.resend {
	padding: 0 0 0 20px;
	background: url("../images/topics_resend.png") no-repeat 0 47%;
}

#topics li.sample {
	padding: 0 0 0 20px;
	background: url("../images/topics_sample.png") no-repeat 0 48%;
}

#topics li.campaign {
	padding: 0 0 0 20px;
	background: url("../images/topics_campaign.png") no-repeat 0 45%;
}

#topics li.guide {
	padding: 0 0 0 20px;
	background: url("../images/topics_guide.png") no-repeat 0 48%;
}

#topics li.sticker {
	padding: 0 0 0 20px;
	background: url("../images/topics_sticker.png") no-repeat 0 48%;
}

#topics li.nouki {
	padding: 0 0 0 20px;
	background: url("../images/topics_nouki.png") no-repeat 0 48%;
}


#topics li.design {
	padding: 0 0 0 20px;
	background: url("../images/topics_design.png") no-repeat 0 50%;
}

#topics li.company {
	padding: 0 0 0 22px;
	background: url("../images/topics_company.png") no-repeat 0 45%;
}

/**
 * キャンペーン
**/

#campain {
	padding: 27px 0 78px 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
	zoom: 1;
	clear: both;
}

#campain .wrap {
	margin: -21px auto 0;
	padding: 57px 0 0 0;
	width: 980px;
	background: url("../images/campain_back_02.png") no-repeat 0 0;
	text-align: left;
}

#campain .wrap .box {
	width: 980px;
	height: 190px;
	background: url("../images/campain_back_03.png") no-repeat 0 0;
}

#campain .wrap .box .scroll {
	width: 972px;
	height: 182px;
	overflow: auto;
}

#campain .wrap .box dl {
	margin-left: 183px;
	padding: 20px 0 0 0;
	width: 760px;
}

#campain .wrap .box dl dt {
	padding: 0 0 10px 0;
	width: 760px;
}

#campain .wrap .box dl dt a {
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

#campain .wrap .box dl dt a:hover {
	text-decoration: none;
}

#campain .wrap .box dl dt .label {
	margin: 0 10px 0 0;
	line-height: 1.2;
	font-size: 11px;
	font-weight: bold;
	color: #3f2415;
	float: left;
	display: inline;
}

#campain .wrap .box dl dt .bg_01 {
	padding: 3px 6px 3px 22px;
	background: #fd7009 url("../images/label_icon_01.png") no-repeat 7px 50%;
}

#campain .wrap .box dl dt .bg_02 {
	padding: 3px 6px 3px 22px;
	background: #ec629f url("../images/label_icon_02.png") no-repeat 7px 50%;
}

#campain .wrap .box dl dd {
	padding: 0 0 37px 0;
	width: 760px;
	line-height: 1.4;
	font-size: 14px;
}


/**
 * ページトップ
**/

#pagetop {
	margin: 0 auto;
	width: 970px;
	height: 42px;
	overflow: hidden;
}


/**
 * フッター
**/

#footer {
	width: 100%;
	background: url("../images/footer_back_01.jpg") repeat-x 0 0;
	overflow: hidden;
	zoom: 1;
}

#footer .wrap {
	margin: 0 auto;
	padding: 21px 0 0 0;
	width: 980px;
	height: 413px;
	text-align: left;
	color: #462f23;
	background: url("../images/footer_back_02.png") no-repeat 0 147px;
	position: relative;
}

#footer .wrap a {
	color: #462f23;
	text-decoration: none;
}

#footer .wrap a:hover {
	color: #998770;
	text-decoration: underline;
}

/* バナースライダー */
#slider_bnr {
	margin: 0 0 31px 0;
	width: 980px;
	height: 96px;
	background: url("../images/slider_back_01.png") no-repeat 20px 0;
}

#slider_bnr #carousel_prev {
	margin: 8px 0 0 0;
	width: 36px;
	height: 81px;
	cursor: pointer;
	float: left;
	display: inline;
}

#slider_bnr #carousel_next {
	margin: 8px 0 0 0;
	width: 36px;
	height: 81px;
	cursor: pointer;
	float: right;
	display: inline;
}

#slider_bnr .slider {
	margin: 8px 0 0 14px;
	width: 894px;
	height: 80px;
	float: left;
	display: inline;
	position: relative;
}

#slider_bnr .slider li {
	float: left;
	display: inline;
}

#slider_bnr .slider li img {
	margin-right: 20px;
	display: block;
}

#footer .bnr_list {
	position: absolute;
	top: 147px;
	right: 11px;
}

#footer .bnr_list li {
	padding: 0 0 17px 0;
	float: left;
	clear: both;
}

#footer .bnr_list li img {
	display: block;
}

#footer .wrap .tit {
	line-height: 1.3;
	font-size: 13px;
	font-weight: bold;
	color: #462f23;
}

#footer .wrap .info {
	width: 204px;
	position: absolute;
	top: 160px;
	left: 10px;
}

#footer .wrap .info .contact_info {
	margin: 0 0 44px 0;
	padding: 10px 8px 8px 8px;
	width: 178px;
	background: #eae1d3;
}

#footer .wrap .info .contact_info dl {
	margin: 0 0 5px 0;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #c2baaa;
}

#footer .wrap .info .contact_info dl dt {
	font-size: 9px;
	float: left;
	display: inline;
}

#footer .wrap .info .contact_info dl dd {
	font-size: 11px;
	float: right;
	display: inline;
}

#footer .wrap .link_line_01 {
	width: 135px;
	position: absolute;
	top: 160px;
	left: 225px;
}

#footer .wrap .link_line_02 {
	width: 135px;
	position: absolute;
	top: 160px;
	left: 378px;
}

#footer .wrap .link_line_03 {
	width: 135px;
	position: absolute;
	top: 160px;
	left: 531px;
}

#footer .wrap .link_line_04 {
	width: 135px;
	position: absolute;
	top: 264px;
	left: 531px;
}

#footer .wrap .link_line_05 {
	width: 135px;
	position: absolute;
	top: 160px;
	left: 684px;
}

#footer .wrap .link_dl {
}

#footer .wrap .link_dl dt {
	padding-bottom: 22px;
	line-height: 1.3;
	font-size: 13px;
	font-weight: bold;
	color: #462f23;
}

#footer .wrap .link_dl dt.icon_01 {
	padding: 0 0 22px 25px;
	background: url("../images/footer_icon_01.png") no-repeat 0 1px;
}

#footer .wrap .link_dl dt.icon_02 {
	padding: 0 0 22px 25px;
	background: url("../images/footer_icon_02.png") no-repeat 5px 2px;
}

#footer .wrap .link_dl dt.icon_03 {
	padding: 0 0 22px 25px;
	background: url("../images/footer_icon_03.png") no-repeat 0 2px;
}

#footer .wrap .link_dl dt.icon_04 {
	padding: 0 0 22px 25px;
	background: url("../images/footer_icon_04.png") no-repeat 0 2px;
}

#footer .wrap .link_dl dt.icon_05 {
	padding: 0 0 22px 25px;
	background: url("../images/footer_icon_05.png") no-repeat 0 0;
}


#footer .wrap .link_dl dd li {
	margin: 0 0 10px 5px;
	padding: 0 0 0 9px;
	line-height: 1.3;
	font-size: 11px;
	background: url("../images/arrow_01.png") no-repeat 0 4px;
}

#footer .wrap .char {
	margin-right: -660px;
	display: block;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 50%;
}

#footer #copyright {
	width: 100%;
	height: 87px;
	background: url("../images/copyright_back_01.jpg") repeat-x 0 0;
}

#footer #copyright .wrap {
	margin: 0 auto;
	padding-top: 0;
	width: 980px;
	height: 87px;
	text-align: left;
	position: relative;
}

#footer #copyright .wrap #taiko {
	width: 58px;
	height: 49px;
	background: url("../images/char_02.png") no-repeat 0 0;
	display: block;
	position: absolute;
	top: 18px;
	left: 0;
}

#footer #copyright .wrap #taiko.on {
	background: url("../images/char_02-on.png") no-repeat 0 0;
}

#footer #copyright .wrap .social_link {
	position: absolute;
	top: 28px;
	left: 71px;
	z-index: 5;
}

#footer #copyright .wrap .social_link li {
	padding: 0 3px 0 0;
	float: left;
	display: inline;
}

#footer #copyright .wrap .social_link li img {
	display: block;
}

#footer #copyright .wrap .social {
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 10;
}

#footer #copyright .wrap .social li {
	padding: 0 0 0 17px;
	display: inline;
}

#footer #copyright .wrap .txt {
	width: 100%;
	line-height: 1.3;
	text-align: center;
	font-size: 10px;
	color: #9d7143;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 0;
}

/* ---- content.css ---- */


/**
 *
 * コンテンツ
 *
**/

/**
 * タイトル
**/
.title_01 {
	padding: 28px 0 0 30px;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	background: url("../images/title_back_02.png") no-repeat 0 0;
	position: relative;
	z-index: 2;
}

.title_01 .sub {
	line-height: 60px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

/**
 * ホーム
**/

/* メインイメージ */
#main_image {
	padding: 10px 0 0 0;
	width: 100%;
	height: 300px;
	background: url("../images/main_image_back_01.jpg") repeat-x 0 0;
}

#main_image .wrap {
	margin: 0 auto;
	width: 980px;
	height: 290px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#main_image .wrap .item {
	width: 980px;
	height: 290px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 980px;
	z-index: 0;
}

#main_image .wrap .item:nth-child(1) {
	left: 0px;
}

#main_image .wrap .item img {
	margin: 0 auto;
	display: block;
}

#main_image .wrap .prev {
	margin: -40px 0 0 -490px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

#main_image .wrap .next {
	margin: -40px -490px 0 0;
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 100;
}

#main_image .wrap #home_slider_navi {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 276px;
	left: 0;
	z-index: 1000;
}

#main_image .wrap #home_slider_navi li {
	padding: 0 4px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#main_image .wrap #home_slider_navi li a {
	width: 8px;
	height: 8px;
	background: url("../images/slider_navi_off.png") no-repeat 0 0;
	text-indent: -9999px;
	text-align: left;
	display: block;
}

#main_image .wrap #home_slider_navi li a.active {
	background: url("../images/slider_navi_on.png") no-repeat 0 0;
}

/* サイトメニュー */
#site_menu {
	padding: 0 0 22px 0;
}

#site_menu li {
	margin: -2px 10px 0 0;
	width: 237px;
	height: 270px;
	/*	position: relative;*/
	float: left;
	display: inline;
}

#site_menu li:last-child {
	margin: 0;
}

#site_menu li img {
	display: block;
}

#site_menu li .balloon {
	padding: 15px 0 0 0;
	width: 237px;
	height: 51px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	font-size: 13px;
	display: block;
	position: absolute;
	margin-top: -6px;
	/*	top: 246px;
		left: 0;*/
	z-index: 1;
	display: none;
}

#site_menu li a:hover .balloon {
	display: block;
}

#site_menu li:nth-child(1) .balloon {
	background: url("../images/balloon_back_01.png") no-repeat center 0;
}

#site_menu li:nth-child(2) .balloon {
	background: url("../images/balloon_back_02.png") no-repeat center 0;
}

#site_menu li:nth-child(3) .balloon {
	background: url("../images/balloon_back_03.png") no-repeat center 0;
}

#site_menu li:nth-child(4) .balloon {
	background: url("../images/balloon_back_04.png") no-repeat center 0;
}

/**
 * よくある質問
**/

/* よくある質問メニュー */
#faq_menu {
	padding: 0 0 13px 0;
	position: relative;
	zoom: 1;
}

#faq_menu li {
	padding: 0 10px 0 0;
	float: left;
	display: inline;
}

#faq_menu li:last-child {
	padding: 0;
}

#faq_menu li img {
	display: block;
}

/* よくある質問コンテンツ */
.faq_wrap {

}

.faq_wrap h3 {
	margin-bottom: 40px;
	padding: 28px 0 0 30px;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	background: url("../images/title_back_02.png") no-repeat 0 0;
}

.faq_wrap h4 {
	padding: 25px 11px 20px 80px;
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
	color: #462f23;
	background: #d4cab9 url("../images/faq_back_01.png") no-repeat 0 0;
}

.faq_wrap h4 .state {
	margin: -10px 0 0 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url("../images/close.png") no-repeat 50% 50%;
	float: right;
	display: inline;
}

.faq_wrap .question.active h4 .state {
	background: url("../images/open.png") no-repeat 50% 50%;
}

.faq_wrap h4 .fl {
	width: 820px;
}

.faq_wrap .question {
	margin-bottom: 20px;
	padding: 0 0 7px 0;
	background: url("../images/faq_back_02.png") no-repeat 0 bottom;
	zoom: 1;
}

.faq_wrap .answer {
	padding: 16px 0 40px 77px;
	line-height: 1.8;
	font-size: 14px;
	background: url("../images/icon_a.png") no-repeat 0 0;
	zoom: 1;
	display: none;
}

.faq_wrap .answer h5 {
	line-height: 1.8;
	font-size: 20px;
	font-weight: bold;
}

/**
 * オーダーフォーム
**/

.order_about {
	line-height: 1.8;
	font-size: 14px;
	color: #463024;
}

.order_about a {
	font-weight: bold;
	text-decoration: none;
	color: #463024;
}

.order_about a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.order_about .note {
	color: #e32563;
	font-size: 11px;
}

.order_form {
	padding: 35px 0 0 0;
	background: url("../images/order_back_01.jpg") no-repeat 0 0;
	color: #463024;
	position: relative;
	z-index: 2;
}

.order_form .wrap {
	background: url("../images/order_back_02.jpg") repeat-y 0 0;
}

.order_form .btn {
	padding: 0 30px 30px 30px;
	background: url("../images/order_back_03.jpg") no-repeat 0 bottom;
}

.order_form .important_note {
	color: #e34d00;
}

.order_form .list_01 {
	padding: 0 30px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

.order_form .list_01 li {
	padding: 10px 10px 10px 0;
	float: left;
	display: inline;
}

.order_form .list_05 {
	padding: 15px 30px 0 0;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

.order_form .list_05 li {
	padding: 0 120px 10px 0;
	float: left;
	display: inline;
}

.order_form .form {
	margin-left: 30px;
	width: 920px;
	color: #463024;
}

.order_form .form th {
	padding: 0 0 20px 0;
	width: 200px;
	line-height: 51px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.order_form .form th em {
	color: #e32563;
}

.order_form .form td {
	padding: 0 0 20px 0;
}

.order_form .form td .list_01 {
	padding: 0;
}

.order_form .form td .note {
	padding: 0 0 0 10px;
	line-height: 51px;
	font-size: 11px;
	float: left;
}

.order_form .form td .name_prefix {
	padding: 0 10px 0 0;
	line-height: 51px;
	font-size: 16px;
	width: 40px;
	text-align: right;
	font-weight: bold;
	float: left;
}

.order_form .form td .note.multiline {
	line-height: 1.83em;
	margin-top: 10px;
}

.order_form .form.confirm td p {
	font-size: 16px;
	padding: 15px 10px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.order_form .option_wrap {
	margin-left: 30px;
	padding: 20px 0 0 0;
	background: url("../images/order_back_04.png") no-repeat 0 0;
}

.order_form .option_wrap .back_01 {
	background: url("../images/order_back_05.png") repeat-y 0 0;
}

.order_form .option_wrap .foot {
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
	background: url("../images/order_back_06.png") no-repeat 0 0;
}

.order_form .option_wrap .total_price {
	margin: 0 0 10px 40px;
	padding: 0 0 6px 0;
	width: 840px;
	border-bottom: 2px solid #b5a189;
}

.order_form .option_wrap .total_price .name {
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

.order_form .option_wrap .total_price .price {
	line-height: 1.2;
	font-size: 18px;
	color: #e60020;
	float: right;
}

.order_form .option_wrap .total_price .price .num {
	line-height: 1.2;
	font-size: 24px;
	font-weight: bold;
}

.order_form .option_wrap .total_price .schedule {
	padding: 0 18px 0 0;
	line-height: 1.2;
	font-size: 18px;
	color: #473125;
	float: right;
}

.order_form .option_wrap .total_price .schedule.font_s {
	padding: 0 18px 0 0;
	line-height: 1.2;
	font-size: 14px;
	color: #473125;
	float: right;
}

.order_form .option_wrap .total_price .schedule .days {
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
}

.order_form .option_wrap .total_price_last {
	padding-bottom: 30px;
	margin: -10px 0 10px 40px;
	padding: 0 0 6px 0;
	width: 840px;
}

.order_form .option_wrap .total_price_last p.price {
	text-align: right;
	border-bottom: 2px solid #b5a188;
	color: #e34d00;
	font-size: 18px;
	padding-bottom: 6px;
}

.order_form .option_wrap .total_price_last p.note {
	text-align: right;
	color: #e34d00;
	padding-top: 8px;
	font-size: 14px;
}

.order_form .option_wrap .total_price_last .price .num {
	line-height: 1.2;
	font-size: 24px;
	font-weight: bold;
}

.order_form .option_wrap .box {
	margin: 0 0 0 40px;
	width: 840px;
	position: relative;
	background: url("../images/order_back_08.jpg") repeat-y 0 0;
}

.order_form .option_wrap .box .head_back {
	padding: 27px 0 0 0;
	width: 840px;
	background: url("../images/order_back_07.jpg") no-repeat 0 0;
}

.order_form .option_wrap .box .foot_back {
	padding: 0 0 5px 0;
	width: 840px;
	background: url("../images/order_back_09.jpg") no-repeat 0 bottom;
}

.order_form .option_wrap .box .close {
	position: absolute;
	right: 10px;
	top: 10px;
}

.order_form .list_02 {
}

.order_form .list_02 li {
	margin: 0 0 0 30px;
	padding: 0 0 25px 0;
	width: 388px;
	float: left;
	display: inline;
	position: relative;
}

.order_form .list_02 li.full {
	width: 776px;
}

.order_form .list_02 li.upload_file {
	height: 30px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.order_form .list_02 li.upload_file label {
	float: left;
}

.order_form .list_02 li.upload_file .upload_btn {
	margin-top: -10px;
	margin-left: 15px;
	float: left;
}

.order_form .list_02 li.upload_file .note {
	position: absolute;
	left: 560px;
	top: 12px;
	margin-left: 15px;
	float: left;
}

.order_form .list_02 li .name {
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

.order_form .list_02 li .name em {
	font-size: 14px;
}

.order_form .list_02 li .guide {
	line-height: 1.2;
	font-size: 11px;
	font-weight: normal;
	color: #e34d00;
	display: block;
}

.order_form .list_02 #upload_file_list ul {
	padding-left: 35px;
}

.order_form .list_02 #upload_file_list li {
	padding: 0;
	display: block;
	float: none;
	width: 100%;
	margin: 5px 0 0 0;
}

.order_form .list_02 #upload_file_list li a.close_button {
	padding-left: 5px;
	text-decoration: underline;
}

.order_form .resend #upload_file_list ul {
	padding-left: 30px;
	position: relative;
	z-index: 10;
	margin-top: -20px;
	margin-bottom: 20px;
}

.order_form .resend #upload_file_list li {
	padding: 0;
	display: block;
	float: none;
	width: 100%;
	margin: 5px 0 0 0;
}

.order_form .resend #upload_file_list li a.close_button {
	padding-left: 5px;
	text-decoration: underline;
}

.order_form .textarea_dl {
	margin: 0 0 0 30px;
}

.order_form .textarea_dl dt {
	margin: 0 0 8px 0;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

.order_form .list_03 {
	padding: 0 0 0 30px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

.order_form .list_03 li {
	padding: 0 40px 0 0;
	float: left;
	display: inline;
}

.order_form .list_04 {
	padding: 0 0 0 30px;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	clear: both;
}

.order_form .form .list_04 li.w100p {
	width: 100%;
}

.order_form .list_05 li {
	float: left;
}

.order_form .list_04 li {
	padding: 0 20px 0 0;
}

.order_form .product_image {
	margin: 0 0 17px 27px;
	float: left;
	display: inline;
}

.order_form .product_image img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.order_form .type {
	width: 510px;
	float: right;
	display: inline;
}

.order_form .type dl {
	width: 510px;
}

.order_form .type dl dt {
	padding: 0 0 20px 0;
	width: 120px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	display: inline;
	clear: both;
}

.order_form .type dl dd {
	padding: 0 0 20px 0;
	width: 390px;
	float: left;
}

.order_form .type dl dd span.fl {
	padding: 0 0 0 15px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
}

.order_form .type2 {
	width: 390px;
	margin: 0 0 0 23px;
	float: left;
	display: inline;
}

.order_form .type2 dl {
	width: 390px;
}

.order_form .type2 dl dt {
	padding: 0 0 20px 0;
	width: 120px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	display: inline;
	clear: both;
}

.order_form .type2 dl dd {
	padding: 0 0 20px 0;
	width: 270px;
	float: left;
}

.order_form .type2 dl dd span.fl {
	padding: 0 0 0 15px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
}

.order_form .sub_form {
	float: left;
	line-height: 26px;
	font-size: 14px;
	height: 24px;
	vertical-align: top;
}

.order_form .sub_form .form_wrap {
	margin-right: 5px;
	display: block;
	float: left;
	background: url(../images/input_back_03.png) no-repeat left top;
	width: 86px;
	height: 20px;
	padding: 2px;
}

.order_form .sub_form .form_wrap_02 {
	margin-right: 5px;
	display: block;
	float: left;
	background: url(../images/input_back_04.png) no-repeat left top;
	width: 349px;
	height: 21px;
	padding: 2px;
}

.order_form .sub_form .form_wrap input[type=text] {
	border: 0;
	width: 86px;
	font-size: 12px;
	height: 20px;
}

.order_form .sub_form .form_wrap_02 input[type=text] {
	border: 0;
	width: 349px;
	font-size: 12px;
	height: 21px;
}

.order_form .form .list_04 {
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
	margin-left: -30px;
}

.order_form .form .list_04 li {
	padding: 8px 0;
	width: 340px;
	float: left;
	display: inline;
}

.order_form .option_wrap .order_list {
	margin: 0 0 30px 40px;
	width: 840px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
	color: #463024;
	border-top: 1px solid #cdc1a9;
	border-right: 1px solid #cdc1a9;
}

.order_form .option_wrap .order_list th {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background: #d7cfc0;
	border-left: 1px solid #cdc1a9;
	border-bottom: 1px solid #cdc1a9;
}

.order_form .option_wrap .order_list td {
	padding: 10px;
	text-align: center;
	background: #fffef1;
	border-left: 1px solid #cdc1a9;
	border-bottom: 1px solid #cdc1a9;
}

.order_form .option_wrap .return_download_btn {
	margin: 0 0 0 158px;
	width: 605px;
}

.order_form .upload_file .upload_button {
	position: absolute;
	z-index: 20;
	left: 250px;
	top: 0;
}

.order_form .upload_file .upload_button button {
	outline: none;
	border: 0;
	cursor: pointer;
}

.order_form .upload_file .progress_bar {
	position: absolute;
	z-index: 25;
	left: 250px;
	top: 45px;
	width: 300px;
}

.order_form .upload_file .progress_bar span {
	display: inline-block;
	border-radius: 3px;
	height: 5px;
	width: 0;
	background: #fa6000;
}

.order_form .standalone.upload_file {
	position: relative;
}

.order_form .standalone.upload_file .zip {
	margin: 0 0 20px 30px;
}

.order_form .standalone.upload_file .note {
	position: absolute;
	left: 390px;
	top: 12px;
}

.order_form .standalone.upload_file .upload_button {
	left: 80px;
}

.order_form .standalone.upload_file .progress_bar {
	left: 80px;
}

.order_form .form .num {
	padding: 0 0 0 10px;
	line-height: 51px;
	font-size: 18px;
	font-weight: bold;
}

.order_form .survey {
	padding-left: 3px;
}

.order_form .survey h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 20px 0;
}

.order_form .survey h4 .important_note {
	color: #e32563;
}

.order_form .survey .list_04 li {
	padding-right: 7px;
	float: left;
	margin-right: 14px;
	zoom: 1;
}

.order_form .survey .list_04 .important_note {
	font-size: 12px;
	font-weight: normal;
	color: #e32563;
}

#sample_back {
	position: absolute;
	z-index: -1;
	top: 0;
	right: -300px;
}

/**
 * 缶バッジ製品情報
**/

/* ZEAMI Artがお客様から支持される4つのポイント */
.badge_point {
}

.badge_point h4 {
	padding: 0 0 10px 84px;
	line-height: 61px;
	font-size: 20px;
	font-weight: bold;
}

.badge_point .desc {
	padding: 0 14px;
	line-height: 1.4;
	font-size: 14px;
}

.badge_point .catch {
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 20px;
}

.badge_point .point_01 {
	margin: 0 0 20px 0;
	width: 480px;
	height: 316px;
	background: url("../images/badge_point_01.png") no-repeat 0 0;
	float: left;
	display: inline;
}

.badge_point .point_01 .catch {
	color: #2fa6bb;
}

.badge_point .point_01 .note {
	line-height: 1.2;
	font-size: 11px;
	color: #9d7143;
}

.badge_point .point_02 {
	margin: 0 0 20px 0;
	width: 480px;
	height: 316px;
	background: url("../images/badge_point_02.png") no-repeat 0 0;
	float: right;
	display: inline;
}

.badge_point .point_02 .catch {
	color: #d97a7e;
}

.badge_point .point_03 {
	margin: 0 0 30px 0;
	width: 480px;
	height: 316px;
	background: url("../images/badge_point_03.png") no-repeat 0 0;
	float: left;
	display: inline;
	clear: both;
}

.badge_point .point_03 .catch {
	color: #91a621;
}

.badge_point .point_04 {
	margin: 0 0 30px 0;
	width: 480px;
	height: 316px;
	background: url("../images/badge_point_04.png") no-repeat 0 0;
	float: right;
	display: inline;
}

.badge_point .point_04 .catch {
	color: #de9318;
}

.badge_point .point_04 .note {
	line-height: 1.4;
	color: #b99f7f;
	font-size: 14px;
}

/* 製品ラインナップ */
#product_lineup {
	padding: 29px 0 80px 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#product_lineup .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#product_lineup .wrap .product_list {
	/* padding: 0 0 70px 0; */
	width: 990px;
}

#product_lineup .wrap .product_list .item {
	margin: 0 10px 0 0;
	width: 188px;
	height: 268px;
	float: left;
	background: url("../images/product_back_01.png") no-repeat 0 0;
	display: inline;
	position: relative;
}

#product_lineup .wrap .product_list .item a {
	width: 188px;
	height: 268px;
	display: block;
}

#product_lineup .wrap .product_list .item .price {
	width: 83px;
	height: 31px;
	text-align: center;
	font-weight: bold;
	color: #fff225;
	background: url("../images/product_back_02.png") no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 53px;
}

#product_lineup .wrap .product_list .item .price p {
	padding: 2px 0 0 0;
}

#product_lineup .wrap .product_list .item .image {
	position: absolute;
	top: 7px;
	left: 4px;
}

#product_lineup .wrap .product_option {
	width: 980px;
	height: 271px;
	background: url("../images/option_back_01.png") no-repeat 0 0;
}

#product_lineup .wrap .product_option .fl {
	margin: 19px 0 0 18px;
	display: inline;
}

#product_lineup .wrap .product_option .fr {
	margin: 19px 19px 0 0;
	display: inline;
}

#product_lineup .wrap .product_option .item {
	width: 459px;
	height: 234px;
	position: relative;
}

#product_lineup .wrap .product_option .item .tit {
	margin-left: -126px;
	position: absolute;
	top: -36px;
	left: 50%;
}

/**
 * 缶バッジ価格
**/

/* 商品単価一覧 */
.badge_price_list {
}

#price_tab {
	padding: 0 0 20px 0;
	width: 990px;
}

#price_tab li {
	padding: 0 10px 0 0;
	float: left;
	display: inline;
}

#price_tab li img {
	display: block;
}

.price_data {
	display: none;
}

#price_01 {
	display: block;
	padding-bottom: 30px; /* add */
}

.price_data table {
	margin-bottom: 20px;
	width: 980px;
	border-top: 1px solid #dec38f;
	border-right: 1px solid #dec38f;
}

.price_data table th {
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #dec38f;
	border-left: 1px solid #dec38f;
	border-bottom: 1px solid #dec38f;
}

.price_data table th.icon {
	height: 36px;
	line-height: 36px;
}

.price_data table th.icon .wrap {
	width: 148px;
	height: 36px;
	line-height: 36px;
	position: relative;
}

.price_data table th.icon .badge_01 {
	position: absolute;
	top: 9px;
	left: 14px;
	display: block;
}

.price_data table th.icon .badge_02 {
	position: absolute;
	top: 6px;
	left: 14px;
	display: block;
}

.price_data table th.icon .badge_03 {
	position: absolute;
	top: 2px;
	left: 10px;
	display: block;
}

.price_data table th.icon .badge_04 {
	position: absolute;
	top: -1px;
	left: 6px;
	display: block;
}

.price_data table th.icon .badge_05 {
	position: absolute;
	top: 3px;
	left: 13px;
	display: block;
}

.price_data table th.num_01 {
	padding: 25px 30px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #f3e9d5;
	background: #3b867d;
}

.price_data table th.num_02 {
	padding: 25px 30px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #f3e9d5;
	background: #346381;
}

.price_data table th.num_03 {
	padding: 25px 30px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #f3e9d5;
	background: #843838;
}

.price_data table td {
	padding: 25px 0;
	width: 148px;
	line-height: 1.4;
	text-align: center;
	font-size: 24px;
	color: #e34d00;
	background: #fffef1;
	border-left: 1px solid #dec38f;
	border-bottom: 1px solid #dec38f;
}

.price_data table td .yen {
	line-height: 1.4;
	font-size: 21px;
}

.price_data .note {
	margin: 0 0 6px 15px;
	line-height: 1.4;
	font-size: 18px;
	color: #9d7143;
}

.price_data .exam {
	margin: 0 0 0 15px;
	line-height: 1.4;
	font-size: 14px;
	color: #462f23;
}

.price_data .tax {
	line-height: 1.4;
	font-size: 12px;
	color: #e34d00;
}

/* 簡易お見積り */
#simulation {
	padding: 29px 0 50px 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#simulation .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#simulation .form {
	margin-bottom: 25px;
	padding: 35px 0 0 0;
	background: url("../images/order_back_01.jpg") no-repeat 0 0;
}

#simulation .form .wrap {
	background: url("../images/order_back_02.jpg") repeat-y 0 0;
}

#simulation .form .btn {
	padding: 0 30px 30px 30px;
	background: url("../images/order_back_03.jpg") no-repeat 0 bottom;
}

#simulation .form .list_01 {
	padding: 0 30px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

#simulation .form .list_01 li {
	padding: 0 120px 0 0;
	float: left;
	display: inline;
}

#simulation .form table {
	margin-left: 30px;
	margin-bottom: 20px;
	width: 920px;
}

#simulation .form table th {
	line-height: 51px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

#simulation .form table th em {
	color: #e75100;
}

#simulation .form table td {
	line-height: 51px;
	font-size: 18px;
	font-weight: bold;

}

#simulation .form table td .list_01 {
	padding: 0;
}

#simulation .form table td .note {
	padding: 0 0 0 10px;
	line-height: 51px;
	font-size: 11px;
	float: left;
}

#simulation .note {
	margin: 0 0 0 15px;
	color: #e34d00;
}

/* 選べる納期プラン */
#choose_plan {
	padding: 29px 0 70px 0;
	width: 100%;
}

#choose_plan .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#choose_plan .wrap .catch {
	margin-left: 15px;
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 18px;
	color: #dd4700;
}

#choose_plan .wrap .delivery {
	margin-left: 15px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
}

#choose_plan .wrap .delivery a {
	padding: 0 0 0 22px;
	color: #462f23;
	text-decoration: underline;
	background: url("../images/icon_delivery.png") no-repeat 0 center;
}

#choose_plan .wrap .delivery a:hover {
	text-decoration: none;
}

#choose_plan .wrap .data {
	margin-bottom: 35px;
	width: 980px;
	border-top: 1px solid #dec38f;
	border-right: 1px solid #dec38f;
}

#choose_plan .wrap .data th {
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #dec38f;
	border-left: 1px solid #dec38f;
	border-bottom: 1px solid #dec38f;
}

#choose_plan .wrap .data th.plan_01 {
	color: #fff;
	background: #3b867d;
}

#choose_plan .wrap .data th.plan_02 {
	color: #fff;
	background: #346381;
}

#choose_plan .wrap .data th.plan_03 {
	color: #fff;
	background: #843838;
}

#choose_plan .wrap .data th.num {
	padding: 25px 30px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #f3e9d5;
	background: #af8959;
}

#choose_plan .wrap .data td {
	padding: 25px 0;
	width: 248px;
	line-height: 1.4;
	text-align: center;
	font-size: 24px;
	background: #fffef1;
	border-left: 1px solid #dec38f;
	border-bottom: 1px solid #dec38f;
}

#choose_plan .wrap .data td.mail {
	width: 744px;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
	background: #e0c696;
}

#choose_plan .wrap .data td.mail a {
	padding: 0 0 0 25px;
	color: #462f23;
	text-decoration: underline;
	background: url("../images/icon_mail.png") no-repeat 0 center;
}

#choose_plan .wrap .data td.mail a:hover {
	text-decoration: none;
}

#choose_plan .wrap .data td .days {
	line-height: 1.4;
	font-size: 14px;
}

/**
 * 製品ラインナップ
**/

/* 製品スライド */
#product_slide {
	margin-top: -24px;
	padding: 0 0 20px 0;
}

#product_slide .stage {
	width: 737px;
	height: 396px;
	background: url("../images/stage_back_01.png") no-repeat 0 0;
	position: relative;
	float: left;
}

#product_slide .stage .box_wrap {
	width: 737px;
	height: 396px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#product_slide .stage #mm25 {
	display: block;
}

#product_slide .stage .box {
	width: 737px;
	height: 396px;
	position: relative;
}

#product_slide .stage .box h3 {
	position: absolute;
	top: 80px;
	left: 18px;
}

#product_slide .stage .box .pr {
	color: #fff;
	position: absolute;
	top: 75px;
	left: 395px;
}

#product_slide .stage .box .image {
	position: absolute;
	top: 148px;
	left: 31px;
}

#product_slide .stage .box .price {
	width: 304px;
	line-height: 1.2;
	font-size: 36px;
	text-align: center;
	color: #e34d00;
	position: absolute;
	top: 333px;
	left: 31px;
}

#product_slide .stage .box .price .tax {
	line-height: 1.2;
	font-size: 18px;
}

#product_slide .stage .box .desc {
	width: 340px;
	position: absolute;
	top: 155px;
	left: 370px;
}

#product_slide .stage .box .catch {
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
}

#product_slide .stage .box .link {
	position: absolute;
	top: 339px;
	left: 377px;
}

#product_slide .bnr {
	padding: 51px 0 0 0;
	width: 237px;
	float: right;
}

#product_slide .bnr li {
	padding: 0 0 10px 0;
}

#product_slide .bnr li a {
	width: 237px;
	height: 61px;
	text-indent: -99999px;
	display: block;
}

#product_slide .bnr li.bnr_25mm a {
	background: url("../images/product_bnr_25mm.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_32mm a {
	background: url("../images/product_bnr_32mm.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_44mm a {
	background: url("../images/product_bnr_44mm.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_57mm a {
	background: url("../images/product_bnr_57mm.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_40mm a {
	background: url("../images/product_bnr_40mm.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_25mm a:hover {
	background: url("../images/product_bnr_25mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_32mm a:hover {
	background: url("../images/product_bnr_32mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_44mm a:hover {
	background: url("../images/product_bnr_44mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_57mm a:hover {
	background: url("../images/product_bnr_57mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_40mm a:hover {
	background: url("../images/product_bnr_40mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_25mm a.active {
	background: url("../images/product_bnr_25mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_32mm a.active {
	background: url("../images/product_bnr_32mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_44mm a.active {
	background: url("../images/product_bnr_44mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_57mm a.active {
	background: url("../images/product_bnr_57mm-on.png") no-repeat 0 0;
}

#product_slide .bnr li.bnr_40mm a.active {
	background: url("../images/product_bnr_40mm-on.png") no-repeat 0 0;
}

/* 加工オプション */
#processing_option {
	padding: 29px 0 55px 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#processing_option .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#processing_option .wrap .list {
	width: 992px;
}

#processing_option .wrap .item {
	margin: 0 12px 10px 0;
	width: 236px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
}

#processing_option .wrap .item .price {
	margin: 0 15px 5px 15px;
	line-height: 1.2;
	color: #e34d00;
	font-size: 24px;
}

#processing_option .wrap .item .price .tax {
	line-height: 1.2;
	font-size: 12px;
}

#processing_option .wrap .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 6px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c5b096;
}

#processing_option .wrap .item .desc {
	margin: 0 15px 23px 15px;
}

/* 包装オプション */
#packing_option {
	padding: 29px 0 55px 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#packing_option .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#packing_option .wrap #packing_container {
	width: 992px;
}

#packing_option .wrap .item {
	margin: 0 12px 10px 0;
	padding: 0 0 10px 0;
	width: 484px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
	position: relative;
}

#packing_option .wrap .item .image {
	margin: 0 0 10px 0;
}

#packing_option .wrap .item .image img {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;

}

#packing_option .wrap .item .price {
	margin: 0 15px 5px 15px;
	line-height: 1.2;
	color: #e34d00;
	font-size: 24px;
}

#packing_option .wrap .item .price .tax {
	line-height: 1.2;
	font-size: 12px;
}

#packing_option .wrap .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 6px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c5b096;
}

#packing_option .wrap .item .desc {
	margin: 0 15px 10px 15px;
}

#packing_option .wrap .item .desc .note {
	line-height: 1.4;
	font-size: 11px;
	color: #e34d00;
}

#packing_option .wrap .item .label {
	margin-right: 6px;
	padding: 2px 4px;
	line-height: 1.4;
	font-size: 10px;
	color: #fff;
	background: #1d665d;
}

#packing_option .wrap .item .sub_price {
	margin: 0 15px 5px 15px;
}

#packing_option .wrap .item .sub_price th {
	padding: 0 0 7px 0;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

#packing_option .wrap .item .sub_price td {
	padding: 0 0 7px 10px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	color: #e34d00;
}

#packing_option .wrap .item .link {
	margin: 0 0 5px 15px;
	width: 454px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url("../images/link_back_01.png") no-repeat 0 0;
}

#packing_option .wrap .item .link a {
	width: 454px;
	height: 40px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fffdf1;
	display: block;
}

/**
 * 再入稿用フォーム
**/

#resend_attention {
	margin-bottom: 25px;
	padding: 15px;
	color: #fff;
	background: #684939;
}

#resend_attention a {
	text-decoration: underline;
}

#resend_attention a:hover {
	text-decoration: none;
}

#resend_attention2 {
	margin-bottom: 30px;
	padding: 15px;
	color: #fff;
	background: #684939;
}

#resend_attention dt,
#resend_attention2 dt {
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

#resend_attention dd,
#resend_attention2 dd {
	line-height: 1.6;
	font-size: 12px; /* modify: font-size: 14px */
}

#resend_attention dd li,
#resend_attention2 dd li {
	padding: 10px 0 0 0;
}

#resend_attention dd li a,
#resend_attention dd li a:hover {
	color: #fff;
}

/* add */
#resend_attention dd .decimal li {
	list-style: inside decimal;
}

/* add */
#resend_attention dd .decimal li {
	list-style: inside decimal;
}

/**
 * キャンペーン詳細
**/

.campaign_detail {
	padding: 45px 0 0 0;
	width: 1010px;
}

.campaign_detail .item {
	margin: 0 10px 30px 0;
	padding: 0 0 10px 0;
	width: 484px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
	position: relative;
}

.campaign_detail .item .label {
	margin-top: -24px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.campaign_detail .item .image {
	margin: 0 0 20px 0;
}

.campaign_detail .item .image img {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	display: block;

}

.campaign_detail .item .period {
	margin: 0 15px 10px 15px;
}

.campaign_detail .item .period dt {
	margin: 0 10px 0 0;
	width: 98px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #5d2e65;
	float: left;
	display: inline;
}

.campaign_detail .item .period dd {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #e42664;
	overflow: hidden;
}

.campaign_detail .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 8px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	color: #462f23;
	border-bottom: 1px solid #c5b096;
}

.campaign_detail .item .desc {
	margin: 0 15px 15px 15px;
}

.campaign_detail .item .link_01 {
	margin: 0 0 0 15px;
	width: 454px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: url("../images/campaign_link_01.png") no-repeat 0 0;
}

.campaign_detail .item .link_01 a {
	width: 454px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	letter-spacing: 0.2em;
	display: block;
}

.campaign_detail .item .link_01 .icon {
	padding: 0 0 0 24px;
	background: url("../images/campaign_icon_01.png") no-repeat 0 1px;
}

.campaign_detail .item .link_02 {
	margin: 0 0 0 15px;
	width: 454px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: url("../images/campaign_link_02.png") no-repeat 0 0;
}

.campaign_detail .item .link_02 a {
	width: 454px;
	height: 40px;
	line-height: 40px;
	color: #fff !important;
	letter-spacing: 0.1em;
	display: block;
}

.campaign_detail .item .link_02 .icon {
	padding: 0 0 0 24px;
	background: url("../images/campaign_icon_02.png") no-repeat 0 0;
}

/**
 * デザイン方法
**/

/* add */
.design p {
	font-size: 14px;
}

.design_txt {
	width: 940px;
	padding: 0 20px;
	clear: both;
}

.design_guide {
	padding: 0 0 55px 0;
	width: 980px;
}

.design_guide .item {
	width: 236px;
	height: 390px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.design_guide .item.fl {
	margin: 0 12px 0 0;
	display: inline;
}

.design_guide .item .image {
	padding: 38px 0 0 0;
	height: 160px;
	text-align: center;
}

.design_guide .item .image img {
	margin: 0 auto;
	display: block;
}

.design_guide .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 8px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #cac2b2;
}

.design_guide .item .name a {
	padding: 0 10px 0 0;
	background: url("../images/icon_01.png") no-repeat right center;
}

.design_guide .item .desc {
	margin: 0 15px;
	height: 93px;
}

.design_guide .design_order {
	margin: 40px 0 0 0;
	width: 980px;
	height: 240px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
}

.design_guide .design_order .image {
	margin: 45px 0 0 38px;
	float: left;
	display: inline;
}

.design_guide .design_order .fr {
	margin: 20px 14px 0 0;
	width: 516px;
	display: inline;
}

.design_guide .design_order .name {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c5b096;
}

.design_guide .design_order .name a {
	padding: 0 10px 0 0;
	background: url("../images/icon_01.png") no-repeat right center;
}

.design_guide .design_order .desc {
	height: 124px;
}

.design_guide .design_order .link_01 {
	float: left;
}

.design_guide .design_order .link_02 {
	float: right;
}

#moji_order .wrap .item .price,
#full_order .wrap .item .price {
	margin: 0 15px 5px 15px;
	line-height: 1.2;
	color: #e34d00;
	font-size: 24px;
}

#moji_order .wrap .item .price .tax,
#full_order .wrap .item .price .tax {
	line-height: 1.2;
	font-size: 12px;
}

#moji_order .wrap .item .name,
#full_order .wrap .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 6px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c2b8ab;
}

#moji_order .wrap .item .desc,
#full_order .wrap .item .desc {
	margin: 0 15px 23px 15px;
}

#moji_order .wrap .item .label,
#full_order .wrap .item .label {
	margin-right: 6px;
	padding: 2px 4px;
	line-height: 1.4;
	font-size: 10px;
	color: #fff;
	background: #1d665d;
}

#moji_order .note,
#full_order .note,
.design .note {
	line-height: 1.4;
	font-size: 11px;
	color: #e34d00;
}

/**
 * illustrator
**/
#design_menu {
	padding: 0 0 13px 0;
	position: relative;
	zoom: 1;
}

#design_menu li {
	padding: 0 10px 0 0;
	float: left;
	display: inline;
}

#design_menu li:last-child {
	padding: 0;
}

#design_menu li img {
	display: block;
}

.title_02 {
	margin: 40px 0 20px 0;
	padding: 0 0 0 30px !important;
	height: 50px !important;
	line-height: 55px !important;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: url(../images/title_back_03.png) no-repeat 0 0;
}

/* デザインオーダー */

#full_order .wrap {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#full_order_wrapper a {
	color: #7e4687 !important;
	text-decoration: none;
}

#full_order_wrapper a:hover {
	color: #9d59a9 !important;
	text-decoration: underline;
}

#moji_order .wrap .item {
	padding-top: 23px;
	width: 318px;
	margin-right: 13px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
}

#moji_order .wrap .item_02 {
	padding-top: 23px;
	width: 649px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
}

#moji_order .wrap .item_02 .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 6px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c2b8ab;
}

#moji_order .wrap .item_02 p {
	margin: 20px 5px;
}

#full_order .wrap .item {
	padding-top: 23px;
	margin-top: 30px;
	width: 318px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	display: inline;
}

#moji_order .wrap .item .price,
#full_order .wrap .item .price {
	margin: 0 15px 5px 15px;
	line-height: 1.2;
	color: #e34d00;
	font-size: 24px;
}

#moji_order .wrap .item .price .tax,
#full_order .wrap .item .price .tax {
	line-height: 1.2;
	font-size: 12px;
}

#moji_order .wrap .item .name,
#full_order .wrap .item .name {
	margin: 0 15px 10px 15px;
	padding: 0 0 6px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c2b8ab;
}

#moji_order .wrap .item .desc,
#full_order .wrap .item .desc {
	margin: 0 15px 23px 15px;
}

#moji_order .wrap .item .label,
#full_order .wrap .item .label {
	margin-right: 6px;
	padding: 2px 4px;
	line-height: 1.4;
	font-size: 10px;
	color: #fff;
	background: #1d665d;
}

#moji_order .note,
#full_order .note,
.design .note {
	line-height: 1.4;
	font-size: 11px;
	color: #e34d00;
}

#full_order_wrapper {
	padding: 29px 0 0 0;
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#full_order_wrapper > .wrap {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 1px;
	text-align: left;
}

/**
 * オーダーの流れ
**/

/* データ作成から納品までの流れ */
.guide_order {
}

.guide_order h4 {
	padding: 25px 11px 15px 0;
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
	color: #462f23;
}

.guide_order h4 .label_01 {
	margin: 2px 20px 2px 0;
	width: 79px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #1d665d;
	float: left;
	display: inline;
}

.guide_order h4 .label_02 {
	margin: 2px 20px 2px 0;
	width: 79px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #e62866;
	float: left;
	display: inline;
}

.guide_order h4 .state {
	margin: -10px 0 0 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url("../images/close.png") no-repeat 50% 50%;
	float: right;
	display: inline;
}

.guide_order .step_title.active h4 .state {
	background: url("../images/open.png") no-repeat 50% 50%;
}

.guide_order h4 .fl {
	width: 820px;
}

.guide_order .step_title {
	margin: 0 0 20px 0;
	padding: 0 0 7px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #d4cab9;
	overflow: hidden;
}

.guide_order .step {
	padding: 0 0 40px 0;
	line-height: 1.8;
	font-size: 14px;

}

.guide_order .step .fr {
	width: 750px;
	line-height: 1.6;
	font-size: 14px;
	color: #463024;
}

.guide_order .step .fr a {
	font-weight: bold;
	text-decoration: underline;
}

.guide_order .step .note {
	font-size: 11px;
	color: #e32563;
}

/**
 * お支払い・送料
**/

/* お支払い方法について */
.guide_payment {
}

.guide_payment h4 {
	padding: 25px 11px 15px 0;
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
	color: #462f23;
}

.guide_payment h4 .label_01 {
	margin: 2px 20px 2px 0;
	width: 126px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background: #1d665d;
	float: left;
	display: inline;
}

.guide_payment h4 .label_02 {
	margin: 2px 20px 2px 0;
	width: 126px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: #45688b;
	float: left;
	display: inline;
}

.guide_payment h4 .state {
	margin: -10px 0 0 0;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url("../images/close.png") no-repeat 50% 50%;
	float: right;
	display: inline;
}

.guide_payment .kind_title.active h4 .state {
	background: url("../images/open.png") no-repeat 50% 50%;
}

.guide_payment h4 .fl {
	width: 620px;
}

.guide_payment .kind_title {
	margin: 0 0 20px 0;
	padding: 0 0 7px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #d4cab9;
	overflow: hidden;
}

.guide_payment .kind {
	padding: 0 0 40px 0;
	line-height: 1.6;
	font-size: 14px;
	display: none;
}

.guide_payment .kind img {
	display: block;
}

.guide_payment .kind .card_fee {
	float: right;
	display: block;
	background: #684939;
	margin: 0 0 0 20px;
	padding: 12px;
	color: #fff;
	width: 409px;
}

.guide_payment .kind .card_fee p {
	padding: 0 0 0 0;
}

.guide_payment .kind .card_fee .list_02 {
	padding: 0 0 0 0;
}

.guide_payment .kind .card_fee .list_02 li {
	padding: 0 0 3px 0;
	line-height: 1.2;
	font-size: 12px;
	float: left;
	display: inline;
	width: 230px;
}

.guide_payment .kind .card_fee .list_02 li.rside {
	float: left;
	width: 179px;

}

.guide_payment .kind .list_01 {
	padding: 0 0 0 0;
}

.guide_payment .kind .list_01 li {
	padding: 0 0 3px 0;
	width: 230px;
	line-height: 1.2;
	font-size: 12px;
	float: left;
	display: inline;
}

.guide_payment .kind .note {
	font-size: 11px;
	color: #e32563;
}

.guide_payment .kind .bank {
	margin-left: 15px;
	padding: 10px;
	width: 264px;
	color: #fff;
	background: #684939;
	float: right;
	display: inline;
}

.guide_payment .kind .bank dt {
	padding: 0 0 5px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
}

.guide_payment .kind .bank dd {
	line-height: 1.6;
	font-size: 12px;
}

.guide_payment .kind .map {
	margin-left: 15px;
	width: 395px;
	color: #fff;
	background: #684939;
	float: right;
	display: inline;
}

.guide_payment .kind .mapWrap {
	margin-top: 35px;
}

.guide_payment .kind .map dl {
	padding: 10px;
}

.guide_payment .kind .map dt {
	padding: 0 0 5px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
}

.guide_payment .kind .map dd {
	line-height: 1.6;
	font-size: 12px;
}

/* 送料について */
#mailing_cost {
	width: 100%;
	background: url("../images/campain_back_01.jpg");
}

#mailing_cost .wrap {
	margin: 0 auto;
	padding: 26px 0 0 0;
	width: 980px;
	text-align: left;
}

#mailing_cost .wrap .fl {
	padding: 0 0 30px 0;
	width: 418px;
}

#mailing_cost .wrap .fl table {
	margin-bottom: 12px;
	width: 418px;
}

#mailing_cost .wrap .fl table th {
	padding: 0 0 9px 0;
	width: 209px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #cdc0b0;
}

#mailing_cost .wrap .fl table th .tax {
	font-size: 14px;
}

#mailing_cost .wrap .fl table td {
	padding: 9px 0 9px 20px;
	border-bottom: 1px solid #cdc0b0;
	font-size: 14px;
}

#mailing_cost .note,
#mailing_cost .wrap .fl .note {
	font-size: 11px;
	color: #e32563;
}

#mailing_cost .wrap .fr {
	padding: 0 0 30px 0;
	width: 478px;
}

#mailing_cost .wrap .fr h4 {
	margin-bottom: 9px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/**
 * フォーム装飾
**/
input[type='radio'] {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	position: absolute;
}

.radio_bt {
	background: url(../images/radio_off.png) no-repeat left top;
	line-height: 22px;
	display: block;
	padding: 1px 0 0 35px;
	cursor: pointer;
	overflow: hidden;
	zoom: 1;
}

.radio_bt.c_on {
	background: url(../images/radio_on.png) no-repeat left top;
}

input[type='checkbox'] {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
}

.checkbox_bt {
	background: url(../images/check_off.png) no-repeat 0 0 !important;
	height: 23px;
	line-height: 22px;
	display: block;
	padding: 1px 0 0 25px !important;
	cursor: pointer;
}

.checkbox_bt.c_on {
	background: url("../images/check_on.png") no-repeat 0 0 !important;
	zoom: 1;
}

*:first-child + html input[type='checkbox'] {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: inherit;
}

*:first-child + html .checkbox_bt {
	background: url(../images/check_off.png) no-repeat left top;
	line-height: 22px;
	display: block;
	padding: 1px 0 0 25px;
	cursor: pointer;
}

*:first-child + html .checkbox_bt.c_on {
	background: url("../images/check_on.png") no-repeat left top;
}

.has_sub_form {
	float: left;
	margin-right: 20px;
}

.checkbox_wrap {
	margin-left: 420px;
}

.selectObj {
	line-height: 14px;
	font-size: 14px;
	text-align: left;
	color: #462r23;
	border: 0;
	background: none;

	-webkit-appearance: inherit;
	-moz-appearance: inherit;
	appearance: inherit;
}

span.customSelect.changed {
	background-color: #fffdf1;
}

.customSelectInner {
	background: url(customSelect-arrow.gif) no-repeat center right;
}

.select_w215 {
	padding: 18px 0 18px 0;
	line-height: 14px;
	font-size: 14px;
	width: 215px;
	background: #fffdf1 url("../images/select_back_03.png") no-repeat right 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

*:first-child + html .select_w215 {
	padding: 0;
	width: 235px;
	background: none;
}

.select_w215 .selectObj {
	width: 235px;
}

.select_w245 {
	padding: 18px 0;
	line-height: 14px;
	font-size: 14px;
	width: 245px;
	background: url("../images/select_back_04.png") no-repeat right 0;
	overflow: hidden;
}

*:first-child + html .select_w245 {
	padding: 15px 0;
	width: 245px;
}

.select_w245 .selectObj {
	width: 232px !important;
	padding: 0 0 0 13px;

}

.sticker_bcard_half .half_txt {
	margin: 0 0 18px;
	font-size: 14px;
	color: #463024;
}

.sticker_bcard_half #half_link {
	margin: 0 -11px 15px 0;
	padding: 25px 0 0 0;
	width: 991px;
	overflow: hidden
}

.sticker_bcard_half #half_link li {
	margin: 0 10px 0 0;
	float: left;
}

.sticker_bcard_half #half_link li img {
	display: block;
}

.sticker_bcard_half .half_title_01 {
	margin: 0 0 20px;
	background: url(../images/bcard_half_back.png) no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	padding: 28px 0 0 30px;
}

.sticker_bcard_half .cost_sec {
	margin: 0 0 5px;
	padding-bottom: 15px;
	background: url(../images/half_bg02.png) no-repeat left bottom;
}

.sticker_bcard_half .cost_sec .inner_l {
	width: 627px;
	float: left;
}

.sticker_bcard_half .cost_ttl {
	margin: 0 15px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #463024;
	padding-bottom: 5px;
	border-bottom: 2px solid #c2b8ab;
}

.sticker_bcard_half .cost_sec .inner_l .cost_box {
	margin: 0 0 0 22px;
}

.sticker_bcard_half .cost_sec .inner_l .box01 {
	float: left;
	width: 220px;
	border: 3px solid #d3cab9;
}

.sticker_bcard_half .cost_sec .inner_l .box01 dl dt {
	padding: 3px 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #f1478c;
}

.sticker_bcard_half .cost_sec .inner_l .box01 dl dd {
	padding: 20px 0 10px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	color: #e60020;
	text-align: center;
	border-top: 3px solid #d3cab9;
	background-color: #fff;
}

.sticker_bcard_half .cost_sec .inner_l .box01 dl dd span {
	display: block;
}

.sticker_bcard_half .cost_sec .inner_l .box01 dl dd .span01 {
	font-size: 18px;
	color: #463024;
}

.sticker_bcard_half .cost_sec .inner_l .box01 dl dd .span02 {
	font-weight: normal;
	font-size: 12px;
	color: #463024;
}

.sticker_bcard_half .cost_sec .box02 {
	padding: 50px 10px 0 10px;
	float: left;
}

.sticker_bcard_half .cost_sec .inner_l .box03 {
	float: left;
	width: 280px;
	border: 3px solid #d3cab9;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dt {
	padding: 3px 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #f1478c;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dd {
	padding: 20px 0 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	color: #e60020;
	text-align: center;
	border-top: 3px solid #d3cab9;
	background-color: #fff;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dd span {
	display: block;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dd .span01 {
	font-size: 12px;
	font-weight: normal;
	color: #463024;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dd .span02 {
	padding: 5px 0 0;
	font-size: 18px;
	color: #463024;
}

.sticker_bcard_half .cost_sec .inner_l .box03 dl dd .seisakuhi {
	padding: 25px 0;
}

.sticker_bcard_half .cost_sec .inner_r {
	width: 343px;
	float: right;
}

.sticker_bcard_half .cost_sec .inner_r .txt01 {
	margin: 0 15px 20px;
	padding: 3px 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #f1478c;
	border: 3px solid #d3cab9;
}

.sticker_bcard_half .cost_sec .inner_r .txtUl {
	margin: 0 15px;
}

.sticker_bcard_half .cost_sec .inner_r .txtUl li {
	width: 153px;
}

.sticker_bcard_half .cost_sec .inner_r .txtUl .txt01 {
	margin: 0;
}

.sticker_bcard_half .half_txt01 {
	margin: 0 0 14px;
	padding: 5px 0 5px 45px;
	font-size: 18px;
	font-weight: bold;
	color: #463024;
	background: url(../images/half_icon02.png) no-repeat left center;
}

.sticker_bcard_half .half_txt01 span {
	color: #e60020;
}

.sticker_bcard_half .half_sec01 {
	margin: 0 0 55px;
	padding-bottom: 15px;
	background: url(../images/half_bg04.png) no-repeat left bottom;
}

.sticker_bcard_half .half_sec02 {
	margin: 0 0 55px;
	padding-bottom: 15px;
	background: url(../images/half_bg06.png) no-repeat left bottom;
}

.sticker_bcard_half .half_sec01 ul,
.sticker_bcard_half .half_sec02 ul {
	margin: 0 -12px 0 0;
	width: 990px;
	overflow: hidden;
}

.sticker_bcard_half .half_sec01 ul li,
.sticker_bcard_half .half_sec02 ul li {
	margin: 0 12px 0 0;
	width: 318px;
	float: left;
}

.sticker_bcard_half .half_sec01 ul li dl dd,
.sticker_bcard_half .half_sec02 ul li dl dd {
	padding: 0 15px;
	text-align: center;
	overflow: hidden;
}

.sticker_bcard_half .half_sec01 ul li dl dd .txt02,
.sticker_bcard_half .half_sec02 ul li dl dd .txt02 {
	float: right;
	width: 150px;
	text-align: left;
}

.sticker_bcard_half .half_box {
	text-align: left;
}

.sticker_bcard_half .half_box .img_box {
	margin: 0 15px 0 0;
	float: left;
}

.sticker_bcard_half .txt03 {
	margin-bottom: 10px;
	padding: 5px 0 0;
	text-align: left;
	color: #463024;
}

.sticker_bcard_half .txt04 {
	padding: 10px 0 0;
	text-align: left;
	color: #463024;
}

.sticker_bcard_half .txt04 span {
	color: #e32563;
}

.sticker_bcard_half .table_box {
	margin-bottom: 20px;
}

.sticker_bcard_half .table_box table {
	width: 100%;
	border-collapse: collapse;
}

.sticker_bcard_half .table_box table th,
.sticker_bcard_half .table_box table td {
	padding: 7px 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #cdc1a9;
}

.sticker_bcard_half .table_box table thead th {
	font-size: 14px;
	text-align: center;
	color: #e6dcc9;
	font-weight: bold;
	background-color: #442e22;
}

.sticker_bcard_half .table_box table .wid01 {
	color: #463024;
	width: 180px;
	background-color: #c1b19d;
}

.sticker_bcard_half .table_box table .wid02 {
	color: #fffef1;
	width: 98px;
	background-color: #3b867d;
}

.sticker_bcard_half .table_box table .wid03 {
	color: #fffef1;
	width: 98px;
	background-color: #346381;
}

.sticker_bcard_half .table_box table .wid04 {
	color: #fffef1;
	width: 98px;
	background-color: #843838;
}

.sticker_bcard_half .table_box table tbody th {
	padding: 7px 0 7px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f4ead5;
	background-color: #998770;
	border-top-width: 6px;
}

.sticker_bcard_half .table_box table tbody td {
	padding: 5px 10px;
	line-height: 1.2;
	font-size: 24px;
	background-color: #fffef1;
	color: #e60020;
	text-align: center;
	border-top-width: 6px;
}

.sticker_bcard_half .table_box table .wid05 {
	padding: 7px 10px;
	font-size: 14px;
	width: 15px;
	color: #fff;
	font-weight: bold;
	background-color: #91c9d7;
}

.sticker_bcard_half .table_box table .wid06 {
	/*	background-color: #83735d;*/
	background-color: #a79172;
}

.sticker_bcard_half .table_box table .wid07 th {
	border-top-width: 1px;
}

.sticker_bcard_half .table_box table .wid07 td {
	background-color: #e9f5ef;
	border-top-width: 1px;
}

.sticker_bcard_half .table_box table .wid08 {
	padding: 7px 10px;
	font-size: 14px;
	width: 15px;
	color: #fffef1;
	font-weight: bold;
	background-color: #49a3bc;
	line-height: 1.1;
}

.sticker_bcard_half .table_box table .wid09 {
	color: #463024;
	background-color: #c1b19d;
}

.sticker_bcard_half .table_box table .wid10 {
	color: #fffef1;
	background-color: #3b867d;
	width: 195px;
}

.sticker_bcard_half .table_box table .wid11 {
	color: #fffef1;
	background-color: #346381;
	width: 195px;
}

.sticker_bcard_half .table_box table .wid12 {
	color: #fffef1;
	background-color: #843838;
	width: 195px;
}

.sticker_bcard_half .table_box table .wid13 {
	color: #fff;
	background-color: #998770;
	width: 98px;
}

.sticker_bcard_half .half_table table {
	width: 100%;
	border-collapse: collapse;
}

.sticker_bcard_half .half_table table th,
.sticker_bcard_half .half_table table td {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	border: 1px solid #cdc1a9;
}

.sticker_bcard_half .half_table table thead th {
	font-weight: bold;
	text-align: center;
	color: #fffef1;
}

.sticker_bcard_half .half_table table thead .wid01 {
	width: 210px;
	color: #463024;
	background-color: #c1b19d;
}

.sticker_bcard_half .half_table table thead .wid02 {
	width: 230px;
	background-color: #3b867d;
}

.sticker_bcard_half .half_table table thead .wid03 {
	width: 230px;
	background-color: #346381;
}

.sticker_bcard_half .half_table table thead .wid04 {
	background-color: #843838;
}

.sticker_bcard_half .half_table table tbody th {
	padding-left: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #f4ead5;
	background-color: #998770;
	vertical-align: middle;
}

.sticker_bcard_half .half_table table tbody td {
	padding: 0;
	background-color: #fff;
}

.sticker_bcard_half .half_table table tbody td span {
	padding: 5px 20px;
	color: #ea5a85;
	display: block;
	background-color: #fceae4;
}

.sticker_bcard_half .half_table table tbody td .date {
	padding: 15px 20px;
	font-weight: bold;
	font-size: 16px;
	color: #463024;
}

.sticker_bcard_half .half_table table tbody .txt_link {
	font-weight: bold;
	text-align: center;
}

.sticker_bcard_half .half_table table tbody .txt_link a {
	padding: 0 0 0 30px;
	color: #463024 !important;
	text-decoration: underline !important;
	display: inline-block;
	background: url(../images/half_mail.png) no-repeat left center;
}

.sticker_bcard_half .half_table table tbody .txt_link a:hover {
	color: #9d7243 !important;
	text-decoration: none !important;
}

.sticker_bcard_half .half_table table tbody .wid05 {
	padding: 30px 10px;
	background-color: #c1b19d;
}

#packing_option .wrap .item01 .price {
	color: #e60020;
}

#packing_option .wrap .item01 .label {
	background: #5d2e65;
}

#packing_option .wrap .item01 .sub_price td {
	color: #e60020;
}

#packing_option .wrap .item01 .link {
	background: url(../images/half_back_01.png) no-repeat;
}

#packing_option .wrap .item01 .link a {
	padding: 5px 0;
	height: 30px;
}

.sticker_bcard_half .card_box {
	width: 990px;
	margin: 0 0 0 -10px;
	color: #463024;
	clear: both;
}

.sticker_bcard_half .card_box img {
	float: left;
	margin: 0 20px 0 0;
}

.sticker_bcard_half .card_box p {
	display: block;
	padding: 5px 0 0 0;
	font-size: 14px;
}

/* template.html */

#temp_menu {
	padding: 0 0 13px 0;
}

#temp_menu li {
	padding: 0 7px 0 0;
	float: left;
	display: inline;
}

#temp_menu li:last-child {
	padding: 0;
}

#temp_menu li img {
	display: block;
}

.temp_guide {
	padding: 0 0 25px 0;
	width: 980px;
}

.temp_guide h4 {
	margin-bottom: 20px;
	padding: 34px 0 0 30px;
	height: 60px;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: url("../images/template_h4title_back.png") no-repeat 0 0;
}

.temp_guide .item {
	width: 236px;
	text-align: left;
	background: url("../images/option_back_02.jpg");
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.temp_guide .item.fl {
	margin: 0 12px 0 0;
	display: inline;
}

.temp_guide .item .image {
	padding: 15px 0 0 0;
	text-align: center;
}

.temp_guide .item .image img {
	margin: 0 auto;
	display: block;
}

.temp_guide .item .name {
	margin: 10px 15px;
	padding: 0 0 8px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c5b096;
}

.temp_guide .item .download {
	list-style: none;
	margin: 0 0 10px 0;
}

.temp_guide .item .download li {
	margin: 0 15px;
}

/* sticker.html */

#sticker_menu {
	padding: 0 0 13px 0;
	margin-top: -10px;
}

#sticker_menu li {
	padding: 0 10px 0 0;
	float: left;
	display: inline;
}

#sticker_menu li:last-child {
	padding: 0;
}

#sticker_menu li img {
	display: block;
}

.sticker_guide {
	padding: 0 0 25px 0;
	width: 980px;
}

.sticker_guide .stickertype {
	position: relative;
	margin: 15px 0 0 0;
}

.sticker_guide .stickertype .image1 {
	position: absolute;
	top: 55px;
	left: 358px;
	z-index: 2;
}

.sticker_guide .stickertype .image2 {
	position: absolute;
	top: 58px;
	left: 354px;
	z-index: 2;
}

.sticker_guide .stickertype .image3 {
	position: absolute;
	top: 40px;
	left: 351px;
	z-index: 2;
}

.sticker_guide .stickertype .image4 {
	position: absolute;
	top: 73px;
	left: 347px;
	z-index: 2;
}

.sticker_guide .stickertype .image5 {
	position: absolute;
	top: 79px;
	left: 351px;
	z-index: 2;
}

.sticker_guide .stickertype .title {
	width: 980px;
	height: 87px;
	background: url("../images/stickertype_back01.png") no-repeat 0 top;
	padding: 0 20px;
}

.sticker_guide .stickertype .title h3 {
	float: left;
	width: 660px;
	margin: 30px 0 0 0;
}

.sticker_guide .stickertype .title .price {
	color: #fff225;
	font-size: 36px;
	padding: 13px 0 0 0;
}

.sticker_guide .stickertype .title .price span {
	font-size: 18px;
}

.sticker_guide .stickertype .box {
	background: url("../images/stickertype_back02.gif") repeat 0 0;
	padding: 20px;
	height: 122px;
	color: #463024;
}

.sticker_guide .stickertype .box2 {
	height: 270px !important;
}

.sticker_guide .stickertype .box img {
	float: left;
}

.sticker_guide .stickertype .box2 img {
	margin: 45px 0 0 0;
}

.sticker_guide .stickertype .box .comment {
	float: right;
	width: 432px;
}

.sticker_guide .stickertype .box .comment h4 {
	font-size: 16px;
}

.sticker_guide .stickertype .box .comment h4.mt20 {
	margin: 20px 0 0 0;
}

.sticker_guide .stickertype .box .comment p {
	font-size: 12px;
}

.sticker_guide .stickertype .box .comment table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #b5a189;
	border-left: 1px solid #b5a189;
	margin: 5px 0;
	background: #fff;
	width: 300px;
}

.sticker_guide .stickertype .box .comment table tr td {
	border-right: 1px solid #b5a189;
	border-bottom: 1px solid #b5a189;
	padding: 0 10px;
}

.sticker_guide .stickertype .box .comment .note {
	font-size: 11px;
}

.sticker_guide .stickertype .box .comment .pinkstar {
	color: #ec5190;
}

.sticker_guide .stickertype .box .comment .bluestar {
	color: #27aae1;
}

/* nouki.html */

.nouki_guide {
	padding: 0 0 40px 0;
	width: 980px;
}

.nouki_guide h4 {
	color: #463024;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.nouki_guide .nouki_table table {
	width: 100%;
	border-collapse: collapse;
}

.nouki_guide .nouki_table table th,
.nouki_guide .nouki_table table td {
	padding: 7px 10px;
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	border: 1px solid #cdc1a9;
}

.nouki_guide .nouki_table table thead th {
	font-weight: bold;
	text-align: center;
	color: #fffef1;
}

.nouki_guide .nouki_table table thead .wid01 {
	width: 210px;
	color: #463024;
	background-color: #c1b19d;
}

.nouki_guide .nouki_table table thead .wid02 {
	width: 230px;
	background-color: #3b867d;
}

.nouki_guide .nouki_table table thead .wid03 {
	width: 230px;
	background-color: #346381;
}

.nouki_guide .nouki_table table thead .wid04 {
	background-color: #843838;
}

.nouki_guide .nouki_table table tbody th {
	padding-left: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #f4ead5;
	background-color: #998770;
	vertical-align: middle;
}

.nouki_guide .nouki_table table tbody td {
	padding: 0;
	background-color: #fff;
}

.nouki_guide .nouki_table table tbody td > span {
	padding: 5px 20px;
	color: #ea5a85;
	display: block;
	background-color: #fceae4;
}

.nouki_guide .nouki_table table tbody td .date {
	padding: 15px 20px;
	font-weight: bold;
	font-size: 16px;
	color: #463024;
}

.nouki_guide .nouki_table table tbody .txt_link {
	font-weight: bold;
	text-align: center;
}

.nouki_guide .nouki_table table tbody .txt_link a {
	padding: 0 0 0 30px;
	color: #463024 !important;
	text-decoration: underline !important;
	display: inline-block;
	background: url(../images/half_mail.png) no-repeat left center;
}

.nouki_guide .nouki_table table tbody .txt_link a:hover {
	color: #9d7243 !important;
	text-decoration: none !important;
}

.nouki_guide .nouki_table table tbody .wid05 {
	padding: 30px 10px;
	background-color: #c1b19d;
}

.nouki_shitei {
	margin: 0 0 40px 20px;
	width: 980px;
}

.nouki_shitei h5 {
	color: #83735d;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.nouki_shitei p {
	color: #463024;
	font-size: 14px;
}

.nouki_shitei .note {
	color: #e32563;
	font-size: 12px;
}

/* 2店舗情報 */

.gmap h5 {
	font-size: 18px;
	border-bottom: 3px solid #c1b19d;
}

.gmap p {
	margin: 10px 0;
}

.gmap {
	width: 470px;
	float: left;
	display: inline;
}

.gmap dl {
	padding: 10px;
	color: #fff;
	background: #684939;
	margin-bottom: 80px;
}

.gmap dt {
	padding: 0 0 5px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
}

.gmap dd {
	line-height: 1.6;
	font-size: 12px;
}

/**
 * ご利用規約
**/
.terms p {
	font-size: 14px;
}

.terms ol {
	margin: 15px;
}

.terms ol li {
	list-style: outside decimal;
	margin-left: 20px;
}

/**
 * 個人情報取扱指針
**/
.privacy p {
	font-size: 14px;
}

.privacy ol {
	margin: 15px;
}

.privacy ol li {
	list-style: outside decimal;
	margin-left: 20px;
}

/**
 * 特定商取引法の表示
**/
.law {
	font-size: 14px;
}

.law dl {
	border-bottom: 1px solid #c2b8ab;
}

.law dt {
	float: left;
	width: 20em;
	border-top: 1px solid #c2b8ab;
	padding-top: 30px;
	padding-bottom: 0;
	padding-right: 0;
}

.law dd {
	margin-left: 20em;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 10px;
	border-top: 1px solid #c2b8ab;
}

.law ol {
	padding-left: 20px;
}

.law ol li {
	list-style: outside decimal;
	margin-left: 20px;
}


/* === 2026/05/28: column display (Art-style) === */
/* https://www.zeamiart.com/ 'コラム' セクションと同じ表示形式 */
.content_font_02 {
	padding-bottom: 30px;
}

.content_font_02 li {
	margin: 0 0 10px 20px;
	padding: 0 0 0 9px;
	line-height: 1.3;
	background: url("../images/arrow_01.png") no-repeat 0 4px;
	color: #463024;
	width: 45%;
	float: left;
}

#links_font_color a {
	color: #462f23;
}

#links_font_color a:hover {
	color: #9d7243;
}
/* === /2026-05-28 === */


/* ---- jquery.bxslider.css ---- */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #ffc163;
	position: absolute;
	top: 276px;
	left: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	color: #ffb6bb;
	background: #ffb6bb;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #463024;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0;
	width: 35px;
	height: 80px;
	background: url(../images/main_image_prev.png) no-repeat 0 0;
	display: block;
}

.bx-wrapper .bx-next {
	right: 0;
	width: 35px;
	height: 80px;
	background: url(../images/main_image_next.png) no-repeat 0 0;
	display: block;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	outline: 0;
	width: 35px;
	height: 80px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.bxslider {
	height: 290px;
}

.bxslider li {
	height: 290px;
	text-align: center;
}

.bxslider li img {
	margin: 0 auto;
	display: block;
}

/* ---- jquery.jscrollpane.css ---- */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f2ecdc;
	position: relative;
}

.jspDrag
{
	background: #c4baa6;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 12px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* ---- responsive.css ---- */


@media(max-width: 1500px) {	
	body {
		overflow-x: auto;
	}

	#header,
	#head_line .inner,
	#navi ul,
	#page_title .wrap ,
	#content,
	#footer .wrap ,
	#footer #copyright .wrap,
	#topics .wrap,
	#main_image .wrap,
	#product_lineup .wrap,
	#simulation .wrap,
	#choose_plan .wrap,
	#campain .wrap,
	#processing_option .wrap,
	#full_order > .wrap,
	#full_order_wrapper > .wrap,
	#packing_option .wrap,
	#mailing_cost .wrap {
		margin: 0 0 0 120px;
	}

	#side_calendar {
		right: 0;
		left: 1120px;
	}

	#footer .wrap .char {
		margin-right: 0;
		right: auto;
		left: 1200px;
	}
}

@media(max-width: 1380px) {
	#side_information {
		display: none;
	}

	#header,
	#head_line .inner,
	#navi ul,
	#page_title .wrap ,
	#content,
	#footer .wrap ,
	#footer #copyright .wrap,
	#topics .wrap,
	#main_image .wrap,
	#product_lineup .wrap,
	#simulation .wrap,
	#choose_plan .wrap,
	#campain .wrap,
	#processing_option .wrap,
	#full_order > .wrap,
	#full_order_wrapper > .wrap,
	#packing_option .wrap,
	#mailing_cost .wrap {
		margin: 0 0 0 20px;
	}

	#side_calendar {
		right: 0;
		left: 1020px;
	}

	#footer .wrap .char {
		margin-right: 0;
		right: auto;
		left: 1100px;
	}
}

/* ---- mobile.css ---- */

/* ZEAMI Sticker モバイル対応 (2026/07/02 Vince) : 固定980pxレイアウトをスマホで流動化。
   既存のPC表示(769px以上)は一切変更しない。まずコラム/LP/商品ページ等コンテンツ中心。 */

/* モバイルメニュー(ハンバーガー)は全幅で常時非表示、モバイル時のみ表示。チェックボックスは不可視で保持 */
.vince-mnav-btn, .vince-mnav { display: none; }
.vince-mnav-toggle { position: absolute; opacity: 0; width: 0; height: 0; overflow: hidden; }

@media screen and (max-width: 768px) {

  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden !important; min-width: 0 !important; }

  /* --- 主要コンテナを流動化(固定980px/570px等を解除) --- */
  #header, #navi ul, #page_title .wrap, #content,
  #head_line .inner, #head_container,
  #topics .wrap, #main_image .wrap, #product_lineup .wrap,
  #simulation .wrap, #choose_plan .wrap, #campain .wrap,
  #processing_option .wrap, #packing_option .wrap, #mailing_cost .wrap,
  #full_order > .wrap, #full_order_wrapper > .wrap,
  #footer .wrap, #footer #copyright .wrap {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  #page_title .wrap .note, #page_title .wrap .note2 { width: auto !important; max-width: 100% !important; }

  /* --- 本文(コラム/LP/商品ページ) --- */
  #content { padding: 0 14px !important; font-size: 15px !important; line-height: 1.85 !important; }
  #content .page_main_title, .page_main_title {
    width: auto !important; max-width: 100% !important; font-size: 1.3em !important; line-height: 1.4 !important;
  }
  #content h2, #content h3 { line-height: 1.4 !important; }
  #content li { font-size: 15px !important; }
  #content img, img { max-width: 100% !important; height: auto !important; }
  /* --- 価格表など: セクションを流動化し「ページ全体」の横溢れを防ぐ。
         列数が多い表(最大14列)は物理的に全表示不可 → 表ボックス内だけで横スクロール(ページは固定) --- */
  .cost_box, .cost_sec, .table_box, .half_table, .price, .sub_price, .cost_ttl, .table_wrap {
    width: auto !important; max-width: 100% !important; float: none !important; box-sizing: border-box;
  }
  /* 各表を自己完結のスクロールボックス化(=ページは横に溢れない) */
  #content table { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; font-size: 12px !important; }
  #content table th, #content table td { padding: 6px 8px !important; }
  /* 横スクロールが要る表"だけ"にヒント＋右端フェード。実際にはみ出す.table_boxにJS(footer.php)が
     .is-scrollableを付与→収まる表(card/iphoneの1つ目等)には出さない=全ページ統一の挙動 */
  .table_box { position: relative !important; }
  .table_box.is-scrollable::after {
    content: "指で左右にスクロールできます →"; display: block;
    font-size: 11px; color: #8a7fa0; padding: 4px 2px 0; text-align: right;
  }
  /* 右端の薄い影=「まだ右に列がある」ことのアフォーダンス(表本体の上に重ねる) */
  .table_box > table { position: relative; z-index: 1; }
  .table_box.is-scrollable::before {
    content: ""; position: absolute; top: 0; right: 0; width: 22px; z-index: 2; pointer-events: none;
    height: calc(100% - 18px);
    background: linear-gradient(to right, rgba(120,72,124,0), rgba(120,72,124,0.14));
  }

  /* --- グローバルナビ(画像タブ)はモバイルで非表示 → ハンバーガーメニューに置換 --- */
  #navi { display: none !important; }

  /* --- 上部ユーティリティ帯(#head_line): 「ZEAMI Entertainment」のみ表示してスッキリ --- */
  #head_line { height: auto !important; padding: 4px 0 !important; text-align: center !important; }
  #head_line .inner {
    width: auto !important; height: auto !important; position: static !important; text-align: center !important;
  }
  #head_line .zeami_ent {
    position: static !important; float: none !important; display: inline-block !important;
    margin: 0 auto !important; text-align: center !important;
  }
  /* 「缶バッジ制作」「ステッカー制作」およびSNSアイコンは不要 → 非表示 */
  #head_line .sub_link, #head_line .twitter, #head_line .facebook { display: none !important; }
  /* Facebook/Twitter(X)のSDKウィジェット(X Post/青丸/コピーライト重なり)も非表示 */
  #fb-root, .fb_iframe_widget, .fb-like, .fb-page, .fb-share-button, [class^="fb_"], [class^="fb-"],
  .twitter-share-button, .twitter-tweet, .twitter-timeline,
  iframe[title*="fb"], iframe[id^="fb"], iframe[id*="twitter"], iframe[src*="twitter"],
  iframe[src*="facebook"], iframe[src*="platform.twitter"] { display: none !important; }
  /* 忍者おまとめボタン等のSNS共有ウィジェット(青丸f/t・X Post・重なりコピーライト)も非表示 */
  .social, .ninja_onebutton, [class^="ninja_"], [class*=" ninja_"], [id^="NINJA_"] { display: none !important; }

  /* --- ブランドバナー(#head_container): 桃色ベタ塗りにして「メールで問い合わせる」までを桃色内に収める --- */
  #head_container { position: static !important; height: auto !important; background: transparent !important; }

  /* --- ヘッダー本体(#header 固定73px+子が全て絶対配置): 解除してロゴ/電話/受付/問合せ/注文を縦積み中央寄せ --- */
  #header { width: auto !important; height: auto !important; position: static !important; text-align: center !important; padding: 8px 0 0 !important; background-color: #ec4890 !important; }
  #header .logo, #header .tel, #header .info, #header .contact, #header .order {
    position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    float: none !important; display: block !important; text-align: center !important; margin: 7px auto !important; width: auto !important;
  }
  #header .logo img { max-width: 60% !important; height: auto !important; }
  #header .tel { margin: 2px auto 4px !important; }
  #header .tel img { max-width: 58% !important; height: auto !important; }
  /* 受付時間(.info)は淡色PNG画像でベージュ背景では判読不可→モバイルは非表示でスッキリ。連絡はTEL＋問合せボタンで担保 */
  #header .info { display: none !important; }
  #header img { max-width: 92% !important; height: auto !important; }
  /* メール問合せ(.contact)は桃色内の最後の要素。下に少し余白 */
  #header .contact { margin: 8px auto 12px !important; }
  /* お見積ご注文(.order)以降はベージュ地に戻し、上端にスカラップ(ギザギザ)の区切りを表示 */
  #header .order {
    margin: 0 auto !important; padding-top: 26px !important;
    background-color: #e9e3d6 !important;
    background-image: url(../images/wrapper_back_01.jpg) !important;
    background-repeat: repeat-x !important;
    background-position: left -54px !important;   /* 画像下部(スカラップ)だけを上端に表示 */
  }
  #header .order a { display: inline-block !important; }

  /* --- ページタイトル帯(#page_title 固定140px): 高さ自動＋中央寄せで上下センター崩れ/下はみ出しを解消 --- */
  #page_title { height: auto !important; }
  #page_title .wrap { width: auto !important; height: auto !important; position: static !important; padding: 14px 14px !important; text-align: center !important; }
  #page_title .wrap h2 { float: none !important; padding: 0 !important; margin: 0 auto 8px !important; line-height: 1.3 !important; text-align: center !important; }
  #page_title .wrap h2 img { max-width: 66% !important; height: auto !important; }
  #page_title .wrap .note, #page_title .wrap .note2 {
    position: static !important; float: none !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important;
    text-align: center !important; font-size: 13px !important; line-height: 1.6 !important;
  }
  #page_title .wrap .back { display: none !important; }

  /* ハンバーガーボタン */
  .vince-mnav-btn {
    display: block !important; margin: 8px 14px; padding: 12px 14px;
    background: #5d2e65; color: #fff !important; font-size: 16px; font-weight: bold;
    text-align: center; border-radius: 6px; cursor: pointer; letter-spacing: 1px;
  }
  .vince-mnav-btn::before { content: "\2630"; margin-right: 8px; }   /* ☰ */
  /* 開閉（チェックボックスハック） */
  .vince-mnav { display: none; }
  .vince-mnav-toggle:checked ~ .vince-mnav { display: block !important; }
  .vince-mnav ul { margin: 0 14px 12px; padding: 0; border: 1px solid #d9cfdb; border-radius: 6px; overflow: hidden; }
  .vince-mnav li { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; float: none !important; }
  .vince-mnav li a {
    display: block !important; padding: 14px 16px !important; font-size: 16px !important; color: #333 !important;
    text-decoration: none !important; border-bottom: 1px solid #eee; background: #fff !important; text-align: left !important;
  }
  .vince-mnav li:last-child a { border-bottom: none; }
  /* ご利用ガイドのサブメニュー(デザイン方法/オーダーの流れ/お支払い・送料/ご利用規約)。
     親.vince-mnav ulのborder/margin/radiusを打ち消し、字下げ＋淡色地＋「└」で階層を表現 */
  .vince-mnav .vince-mnav-sub { margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; overflow: visible !important; }
  .vince-mnav .vince-mnav-sub li a {
    padding: 12px 16px 12px 36px !important; font-size: 14px !important; color: #555 !important;
    background: #f6f2f7 !important; border-bottom: 1px solid #eae3ec !important; border-top: none !important;
  }
  .vince-mnav .vince-mnav-sub li a::before { content: "\2514\00a0"; color: #a98cae; }
  .vince-mnav .vince-mnav-sub li:last-child a { border-bottom: none !important; }

  /* --- フッター: 絶対配置→縦積み・固定高さ解除 --- */
  #footer .wrap { height: auto !important; position: static !important; background: none !important; padding: 22px 14px !important; }
  #footer .wrap .info,
  #footer .wrap .link_line_01, #footer .wrap .link_line_02, #footer .wrap .link_line_03,
  #footer .wrap .link_line_04, #footer .wrap .link_line_05, #footer .bnr_list {
    position: static !important; left: auto !important; top: auto !important; right: auto !important;
    width: auto !important; margin: 0 0 20px 0 !important; float: none !important; display: block !important;
  }
  #footer .wrap .info .contact_info { width: auto !important; }
  /* フッター連絡先(.contact_info): Tel画像/受付時間+時刻/メール問合せバナーを中央寄せ。dl dt/ddの左右分離を解消 */
  #footer .wrap .info { text-align: center !important; }
  #footer .wrap .info .contact_info p { text-align: center !important; }
  #footer .wrap .info .contact_info p img, #footer .wrap .info img { display: inline-block !important; }
  #footer .wrap .info .contact_info dl {
    display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important;
    float: none !important; width: auto !important; margin: 4px 0 8px !important;
  }
  #footer .wrap .info .contact_info dl::before, #footer .wrap .info .contact_info dl::after { display: none !important; content: none !important; }
  #footer .wrap .info .contact_info dl dt, #footer .wrap .info .contact_info dl dd {
    float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; text-align: center !important;
  }
  #footer .wrap .info .contact_info .mb05 { text-align: center !important; }
  /* フッターのバナーカルーセル(#slider_bnr): 右見切れ＆JSアニメがモバイル幅で破綻→
     カルーセルを止めて全バナーを静的に中央表示(矢印非表示・JSのleftアニメは!importantで無効化) */
  /* JSは#carousel_wrap(980px固定)>#carousel_move(2700px絶対配置アニメ)>UL×3クローンを生成→
     アニメ無効化(static化でleftを無効)+クローンUL非表示+1セットだけ縦積み中央 */
  #slider_bnr { display: block !important; height: auto !important; width: auto !important; max-width: 100% !important; }
  #slider_bnr .prev, #slider_bnr .next { display: none !important; }
  #slider_bnr #carousel { float: none !important; display: block !important; width: auto !important; max-width: 100% !important; overflow: visible !important; height: auto !important; margin: 0 !important; }
  #carousel_wrap { width: auto !important; max-width: 100% !important; height: auto !important; overflow: visible !important; position: static !important; }
  #carousel_move { position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
  #carousel_move ul {
    position: static !important; float: none !important; left: auto !important;
    width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important;
  }
  #carousel_move ul:not(:first-child) { display: none !important; }
  #carousel_move ul::before, #carousel_move ul::after { display: none !important; content: none !important; }
  /* CEO要望: 元カルーセルの4バナー(ZEAMI GOODS/FACTO/ZEAMI Art/LIMITS)を縦1列→2列×2段。ul(flex-wrap)配下でliを約半幅に */
  #carousel_move li { float: none !important; margin: 0 !important; padding: 0 !important; flex: 0 0 47% !important; width: 47% !important; max-width: 47% !important; display: block !important; box-sizing: border-box !important; }
  #carousel_move li img { display: block !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
  /* 旧カルーセルのトラック背景(ベージュ帯)が1枚目の裏に残るため消す */
  #slider_bnr, #slider_bnr #carousel, #carousel_wrap, #carousel_move { background: none !important; }

  /* 最下部バナー4つは中央寄せ(2列×2段)。clearfixの::before/::afterが幅0のflexアイテムになり±5pxズレるため無効化 */
  #footer .bnr_list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }
  #footer .bnr_list::before, #footer .bnr_list::after { display: none !important; content: none !important; }
  #footer .bnr_list li { float: none !important; clear: none !important; padding: 0 !important; margin: 0 !important; }
  #footer .bnr_list li img { max-width: 100% !important; height: auto !important; display: block !important; }
  #footer .wrap .char { display: none !important; }
  #footer #copyright .wrap { text-align: center; }
  /* ★フッターの絶対配置要素(social_link/コピーライト/pagetop)が、親のstatic化でモバイル先頭へ飛ぶのを防ぐ→static中央寄せ */
  #footer .social_link, #footer #copyright .social_link,
  #footer #copyright .txt, #footer #copyright p, #footer #copyright .pagetop, #footer .pagetop {
    position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important;
    float: none !important; width: auto !important; margin: 8px auto !important; text-align: center !important;
  }
  #footer .social_link { display: block !important; }
  #footer .social_link li { float: none !important; display: inline-block !important; margin: 0 6px !important; }
  /* フッターメニュー: 1列で右側が余白だらけ→各セクションのリンクを2列グリッドに整列 */
  #footer .wrap .link_dl dd ul {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    column-gap: 14px !important; row-gap: 1px !important; margin: 0 !important; padding: 0 !important;
  }
  #footer .wrap .link_dl dd ul li {
    width: auto !important; float: none !important; margin: 0 !important; list-style: none !important;
    background: none !important;
  }
  #footer .wrap .link_dl dd ul li a { display: block !important; padding: 5px 0 !important; }
  /* 会社案内「運営会社」等の外部リンク(.blank)の小アイコンを除去 */
  #footer .wrap .link_dl dd ul li a.blank { background-image: none !important; padding-left: 0 !important; padding-right: 0 !important; }
  /* コピーライト内のマスコット#taiko(絶対配置)が親static化で左上へ飛来→不要につき非表示 */
  #taiko, #footer #copyright .wrap #taiko { display: none !important; }
  /* コピーライト社名が最下部で見切れる: #copyrightはheight:87px固定＝背景画像(copyright_back_01.jpg 156×87)ちょうどの高さで、
     社名テキストが帯の最下端(ページ下端)にほぼ密着→実機のブラウザ下部ツールバーに重なり下半分が欠ける。
     →帯を可変高さ化＋画像と同色(#38261c)の地色を敷き(87px超過分もシームレスに暗色)、下部に余白を確保して社名をツールバーから離す */
  #footer #copyright { height: auto !important; min-height: 87px !important; background-color: #38261c !important; padding: 12px 0 34px !important; box-sizing: border-box !important; }
  #footer #copyright .wrap { height: auto !important; }
  #footer #copyright .txt { margin: 12px auto 0 !important; padding: 0 12px !important; line-height: 1.4 !important; }

  /* --- サイド系は非表示 --- */
  #side_information, #side_calendar { display: none !important; }

  /* --- トップページ --- */
  /* メインスライダー: bxsliderがPC用高さ(290px)をinline指定→画像実高に合わせ余白除去 */
  /* ★CLS対策: bxslider初期化前は全スライドが縦積み→heroが巨大化し、初期化時に1枚分へ収縮して
     直下の#contentが跳ね上がる(実測CLS≈0.31)。1スライドの縦横比(940:290)でheroの高さを予約し、
     はみ出しをクリップ。初期化前後で高さが不変になりレイアウトシフトを防ぐ */
  #main_image { aspect-ratio: 940 / 290 !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; }
  #main_image .wrap, #main_image .bxslider { overflow: hidden !important; }
  #main_image .bx-wrapper, #main_image .bx-viewport { height: auto !important; }
  /* bxslider標準のmargin-bottom:60pxがピンク帯として残る→除去 */
  #main_image .bx-wrapper { margin-bottom: 0 !important; }
  #main_image { padding: 0 !important; }
  /* 内側ul/liもPC用高さ290pxを保持するため解除(viewport autoでも中身が290pxのままになる) */
  #main_image ul, #main_image ol, #main_image li, #main_image .wrap { height: auto !important; min-height: 0 !important; }
  #main_image li img { width: 100% !important; height: auto !important; display: block !important; }
  /* サイトメニュー4カード(#site_menu li)を2列×2段(2×2)グリッドに。CEO要望で縦1列→2×2。clearfixの::before/::afterがflexアイテム化し崩れるので無効化 */
  #site_menu { width: auto !important; max-width: 100% !important; display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; }
  #site_menu::before, #site_menu::after { display: none !important; content: none !important; }
  #site_menu li { float: none !important; width: 48.5% !important; max-width: 48.5% !important; margin: 0 0 14px !important; text-align: center !important; display: block !important; box-sizing: border-box !important; }
  #site_menu li a { float: none !important; display: block !important; width: 100% !important; margin: 0 auto !important; }
  #site_menu li img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  /* トップのコラム一覧(ul.content_font_02 li float 2列崩れ)→1列全幅 */
  ul.content_font_02 li { float: none !important; width: auto !important; margin: 0 0 6px !important; }

  /* --- タップ領域/折返し --- */
  #content a { word-break: break-word; }

  /* --- フォーム(order/sample/inquiry等の table.form th+td): 入力欄固定幅531pxがはみ出す→
         ラベル列を狭幅で残す2カラム固定レイアウト(完全縦積みはtd内の「姓/名」等インラインラベルが崩れるため不可) --- */
  /* #content table{display:block}(ID付き高specificity)に勝つため#content前置が必須 */
  #content table.form, table.form { display: table !important; width: 100% !important; max-width: 100% !important; table-layout: fixed !important; overflow-x: visible !important; margin-left: 0 !important; margin-right: 0 !important; }
  #content table.form tbody, table.form tbody { display: table-row-group !important; }
  #content table.form tr, table.form tr { display: table-row !important; }
  #content table.form th, #content table.form td, table.form th, table.form td { display: table-cell !important; box-sizing: border-box !important; vertical-align: top !important; }
  #content table.form th, table.form th { width: 108px !important; font-size: 12px !important; line-height: 1.4 !important; text-align: left !important; padding: 10px 4px !important; white-space: normal !important; }
  #content table.form td, table.form td { width: auto !important; padding: 8px 6px !important; }
  table.form input[type="text"], table.form input[type="email"], table.form input[type="tel"],
  table.form input[type="number"], table.form input[type="password"],
  table.form select, table.form textarea {
    width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
    font-size: 16px !important; padding: 8px !important;   /* 16px未満だとiOSがズームする */
  }
  table.form input[type="radio"], table.form input[type="checkbox"] { width: auto !important; }

  /* --- オーダーフォーム(/wp/order/等)のEC成約導線をスマホ最適化 --- */
  /* ★カスタムセレクト(easyselectbox)は固定531px幅でスマホから右へはみ出すが、支払方法→配送先の連動や
     ステップ2の商品構成カスケード(サイズ→カット→紙種→ライン)＋価格計算が全てeasySelectBoxのonClickに
     紐づくため、ネイティブselectに置換すると挙動が壊れる。→ウィジェットのまま全幅・タップ最適化して
     PC同一挙動を維持(ネイティブselectは従来通りJSが隠す) */
  #content .easy-select-box, #content select.design_select + .easy-select-box {
    display: inline-block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
    font-size: 16px !important; text-align: left !important; position: relative !important;
  }
  #content .easy-select-box .esb-displayer {
    background: #fff !important; border: 1px solid #b9aec2 !important; border-radius: 4px !important;
    height: auto !important; min-height: 42px !important; line-height: 1.35 !important;
    padding: 11px 36px 11px 12px !important; box-sizing: border-box !important; white-space: normal !important; color: #333 !important;
  }
  /* ドロップダウンの▼を CSS で描画(元の固定幅背景画像に依存しない) */
  #content .easy-select-box .esb-displayer::after {
    content: "" !important; position: absolute !important; right: 15px !important; top: 50% !important; margin-top: -3px !important;
    border: 5px solid transparent !important; border-top-color: #75487c !important; pointer-events: none;
  }
  #content .easy-select-box .esb-dropdown {
    width: 100% !important; max-width: 100% !important; max-height: 60vh !important; box-sizing: border-box !important;
    font-size: 16px !important; border: 1px solid #b9aec2 !important; -webkit-overflow-scrolling: touch;
  }
  #content .easy-select-box .esb-dropdown .esb-item { padding: 11px 12px !important; line-height: 1.35 !important; white-space: normal !important; }
  /* 角丸テキスト入力の固定幅(.radius.w551=531px等)がはみ出す→上限のみ掛けて小さい欄は維持 */
  #content .form .radius, #content .radius { max-width: 100% !important; box-sizing: border-box !important; }
  /* お名前欄の「姓/名/セイ/メイ」ラベル(.name_prefix)がwidth:40px;text-align:rightで右寄り→左揃えのブロックラベルに。
     「名/メイ」は.ml10(margin-left:10px)で更に右にズレるため margin-left:0 で揃える。floatする入力の後なのでclear:both */
  #content .order_form .form td .name_prefix {
    float: none !important; clear: both !important; width: auto !important; text-align: left !important;
    line-height: 1.4 !important; display: block !important; padding: 0 0 4px !important; margin: 0 !important;
  }
  /* 送信ボタン群(.btn内: 「次へ」input[type=image].fl ＋「クリア」a.fr img)を縦積み中央に */
  #content form .btn { text-align: center !important; }
  #content form .btn .fl, #content form .btn .fr, #content form .btn > a, #content form .btn > input {
    float: none !important; display: block !important; margin: 0 auto 12px !important; text-align: center !important;
  }
  /* ★主役の青い実行ボタン(次へ/送信/オーダー=do_back以外のinput[type=image])は全幅・画像本来の縦横比のまま
     (height:autoで歪み無し＆白い横ストライプ=画像枠線の内側露出も無し)。副次の戻る/クリアは高さを小さくして
     青ボタンより低く=青が高さ・幅とも上回る */
  #content form .btn input[type="image"]:not([name="do_back"]) {
    width: 100% !important; max-width: 100% !important; height: auto !important;
    object-fit: fill !important; background: none !important; border-radius: 0 !important;
    display: block !important; margin: 0 auto 12px !important;
  }
  #content form .btn input[name="do_back"], #content form .btn a img {
    width: auto !important; max-width: 40% !important; height: 26px !important; display: block !important; margin: 0 auto !important; object-fit: contain !important;
  }
  /* 保険: フォーム内の画像送信ボタン全般の上限 */
  #content .form input[type="image"] { max-width: 100% !important; height: auto !important; }
  /* 配送先等のカスタムラジオ(.list_05 li=95px float＋.design_radio=60px固定)がtd内で圧縮され文字が過剰改行
     (「注文者と同じ」→「注文者/と同じ」等)→全幅縦積み＆ラベル幅自動で1行に収める */
  #content .order_form .design_radio_wrapper,
  #content .order_form .list_05, #content .order_form .list_02 { width: auto !important; }
  #content .order_form .list_05 li, #content .order_form .list_02 li {
    width: auto !important; float: none !important; margin: 0 0 12px 0 !important; padding: 0 !important;
  }
  #content .order_form td .design_radio {
    width: auto !important; display: block !important; line-height: 1.4 !important; min-height: 24px !important;
  }
  /* ★オーダーフォーム2/4・3/4ページ目の商品構成(.option_wrap/.box等が840px固定＋枠画像order_back_07/08/09)が右見切れ→全幅流動化 */
  #content .order_form .option_wrap { margin-left: 0 !important; padding: 10px 0 0 !important; background: none !important; }
  #content .order_form .option_wrap .total_price,
  #content .order_form .option_wrap .total_price_last,
  #content .order_form .option_wrap .box,
  #content .order_form .option_wrap .box .head_back,
  #content .order_form .option_wrap .box .foot_back,
  #content .order_form .option_wrap .order_list {
    width: auto !important; max-width: 100% !important; margin-left: 0 !important; box-sizing: border-box !important;
  }
  /* 840px枠画像はモバイルで合わない→CSS枠に置換。★箱地はベージュにして、クリーム/白の入力欄・ラジオ丸が埋もれないようにする */
  #content .order_form .option_wrap .box { background: #e6ded0 !important; border: 1px solid #cdc1a9 !important; border-radius: 6px !important; }
  #content .order_form .option_wrap .box .head_back, #content .order_form .option_wrap .box .foot_back { background: none !important; padding-left: 12px !important; padding-right: 12px !important; }
  /* 注文枚数/デザイン数/備考欄の入力枠を白＋枠線で明示(ベージュの箱地から浮かせる) */
  #content .order_form .option_wrap input[type="text"], #content .order_form .option_wrap input[type="number"], #content .order_form .option_wrap textarea {
    background: #fff !important; border: 1px solid #b9aa8f !important; border-radius: 3px !important; box-sizing: border-box !important; padding: 6px 8px !important;
  }
  /* 内側の構成dl(サイズ/紙種/枚数・カット/ライン)を縦積み(dt=ラベル/dd=選択欄) */
  #content .order_form .option_wrap .box dl { float: none !important; width: auto !important; margin: 0 0 10px !important; }
  #content .order_form .option_wrap .box dl dt, #content .order_form .option_wrap .box dl dd { float: none !important; width: auto !important; display: block !important; margin-left: 0 !important; }
  #content .order_form .option_wrap .box dl dd { padding: 4px 0 10px !important; }
  /* 製作プランの「本日ご注文正式決定の場合、当店からの発送予定日 ◯年◯月◯日」(.schedule)が
     float:rightでモバイル幅では見えなくなる→ブロック化して小計の下に全幅表示(日付.daysも表示)。
     ※日付はラジオ(通常/特急)変更でJSが自動更新(元から連動あり・表示化で反映が見える) */
  #content .order_form .option_wrap .total_price .schedule,
  #content .order_form .option_wrap .total_price .schedule.font_s {
    float: none !important; clear: both !important; display: block !important;
    padding: 4px 0 0 !important; text-align: left !important; line-height: 1.4 !important;
  }
  /* 商品構成の右カラム.type2(390px float・dl/dt120px/dd270px)が枠外へはみ出す→全幅縦積み */
  #content .order_form .type2 { width: auto !important; float: none !important; margin-left: 0 !important; }
  #content .order_form .type2 dl { width: auto !important; }
  #content .order_form .type2 dl dt, #content .order_form .type2 dl dd {
    width: auto !important; float: none !important; line-height: 1.4 !important; padding: 0 0 8px !important;
  }
  #content .order_form .type2 dl dd span.fl { line-height: 1.4 !important; padding-left: 0 !important; }
  /* 包装/オプションのチェックボックス(design_checkbox=check_off.png 22×22)が隙間なく縦積みされ、
     四角い画像が連続して1つの縦長ボックスに見える→各項目に余白を入れて独立した正方形に見せる */
  /* 製作プラン/データ入稿等のラジオ・チェックボックス(design_radio/checkbox=丸/四角画像22px)が行間0で
     縦に密着し連結して見える→各項目にmargin(行間)を入れて独立して見せる */
  #content .order_form .option_wrap .design_checkbox,
  #content .order_form .option_wrap .design_radio { margin: 0 0 13px !important; background-position: 0 1px !important; min-height: 22px !important; }
  /* お見積書ダウンロードボタン(.return_download_btn 605px・margin-left:158px)が右見切れ→全幅化。
     ★確認画面(STEP4)のボタンは<img>でなくinput[type=image](download_btn_01.jpg・約385px)でx=14起点=右6px溢れ→input版も対象に含め100%化。
     ★但し同じ.return_download_btn内の「戻る」(return_btn_02.jpg・input[type=image][name=do_back])まで100%化すると巨大化(365×121)→do_backは除外し小型化(他ページの戻ると同寸) */
  #content .return_download_btn { width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; }
  #content .return_download_btn img, #content .return_download_btn a img,
  #content .return_download_btn input[type="image"]:not([name="do_back"]) { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; display: block !important; box-sizing: border-box !important; }
  #content .return_download_btn input[name="do_back"] { width: auto !important; max-width: 45% !important; height: 26px !important; display: block !important; margin: 0 auto 10px !important; object-fit: contain !important; background: none !important; }
  /* ★データ入稿 アップロードUI(jQuery File Upload=HTML5・スマホ対応)。PCは.upload_button/.progress_bar/.noteを
     position:absolute(left:250/560px)で横並び配置→モバイルでは画面外(x479>vw393)へ飛びボタン消失。
     加えて<img>(実寸300×40)が「幅autoの絶対配置親＋max-width:100%」の循環制約で0×0に潰れ完全に不可視化。
     →絶対配置を解いて静的縦積みにし、imgをwidth:auto実寸表示。これで『データをアップロード』ボタンが画面内に出現しタップ→端末のファイル/写真選択が起動する */
  #content .order_form li.upload_file, #content .order_form .standalone.upload_file { height: auto !important; padding-bottom: 12px !important; }
  #content .order_form .upload_file .upload_button,
  #content .order_form .upload_file .progress_bar,
  #content .order_form .upload_file .note {
    position: static !important; left: auto !important; top: auto !important; float: none !important; display: block !important; width: auto !important; max-width: 100% !important; margin: 10px 0 0 !important; }
  #content .order_form .upload_file .upload_button button { width: auto !important; height: auto !important; background: none !important; border: 0 !important; padding: 0 !important; display: inline-block !important; }
  #content .order_form .upload_file .upload_button button img { width: auto !important; max-width: 100% !important; height: auto !important; display: block !important; }
  #content .order_form .upload_file label { float: none !important; }
  #content .order_form .upload_file .progress_bar { width: 260px !important; max-width: 100% !important; }
  /* アップロード済ファイル一覧(#upload_file_list)を成功メッセージと重ならないよう下に縦積み・長いハッシュ名は折返し */
  #content .order_form #upload_file_list { position: static !important; float: none !important; clear: both !important; display: block !important; width: auto !important; max-width: 100% !important; margin: 8px 0 0 !important; }
  #content .order_form #upload_file_list ul, #content .order_form #upload_file_list li { position: static !important; float: none !important; width: auto !important; max-width: 100% !important; margin-left: 0 !important; word-break: break-all !important; }
  /* list_03(デザイン数等)のfloat liを縦積み・order_listテーブルのth/tdも収める */
  #content .order_form .list_03 { padding-left: 0 !important; }
  #content .order_form .list_03 li { float: none !important; padding: 0 0 10px !important; }
  #content .order_form .option_wrap .order_list th, #content .order_form .option_wrap .order_list td { padding: 8px !important; word-break: break-word !important; }
  /* バリデーションのエラーメッセージ(.form_error 820〜842px固定)が右見切れ→全幅で折返し表示 */
  #content .form_error, #content .order_form .form_error, #content .form_error.standalone { width: auto !important; max-width: 100% !important; box-sizing: border-box !important; word-break: break-word !important; }
  /* サンプル請求等の種類選択チェックボックス(.list_04 li=340px float)を全幅縦積みでタップしやすく */
  #content .order_form .form .list_04, #content .order_form .list_04 { margin-left: 0 !important; padding-left: 0 !important; }
  #content .order_form .list_04 li, #content .order_form .form .list_04 li { float: none !important; width: auto !important; padding: 8px 0 !important; }
  #content .design_checkbox { display: block !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; }
  /* STEP4アンケート(.survey)はチェックボックス群(.list_04)がpadding除去で左に寄りすぎ→見出しと揃う位置へ再インデント。
     入力欄(回目/裏面3桁/雑誌新聞名)がインデント分で右へはみ出さないよう上限も掛ける */
  #content .order_form .survey .list_04 { padding-left: 24px !important; }
  #content .order_form .survey .list_04 input[type="text"] { max-width: 100% !important; box-sizing: border-box !important; }
  /* 装飾背景画像 #sample_back(position:absolute; right:-300px; z-index:-1)が右へ300pxはみ出す→非表示(飾りのみ) */
  #sample_back { display: none !important; }

  /* ============================================================
     価格ページ(.sticker_bcard_half 等)の製作費ブロック:
     紫バナーの文字を上下中央寄せ＋float固定幅レイアウトを縦積み流動化
     （<table>ではなくdivのfloatレイアウトのため専用対応が必要）
     ============================================================ */
  /* ★最重要: 各セクションの内側ラッパー .sticker_guide(#card_NN) が width:980px 固定。
     これを流動化しないと中の .cost_sec/.table_box が980pxのまま→中央寄せの文字が画面外へ。 */
  .sticker_guide, [id^="card_"], .sticker_guide.clearfix {
    width: auto !important; max-width: 100% !important; box-sizing: border-box;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  /* --- 商品ページ(カードサイズ等)個別要素 --- */
  /* 桃バナー「カードサイズステッカー」(h3.title_01): 980px画像で上付き＆右見切れ→実バー色でベタ塗り＋上下中央 */
  .title_01 {
    background-image: none !important; background-color: #f2488d !important;
    height: auto !important; min-height: 46px !important; line-height: 1.3 !important;
    padding: 12px 16px !important; display: flex !important; align-items: center !important;
    flex-wrap: wrap !important;
    font-size: 21px !important; border-radius: 3px;
  }
  /* .sub「-特急製作はありません-」は本文タイトルの下の行へ(flex-basis:100%で改行) */
  .title_01 .sub {
    flex-basis: 100% !important; width: 100% !important; display: block !important;
    line-height: 1.3 !important; font-size: 15px !important; font-weight: normal !important;
    margin: 3px 0 0 !important;
  }
  /* ICカード写真: .card_box固定990px＋img float→見切れ→流動化して全体表示・中央寄せ */
  .card_box { width: auto !important; max-width: 100% !important; margin: 0 !important; }
  .card_box img { float: none !important; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 auto 10px !important; display: block !important; }
  /* 章内リンクの画像タブ(#half_link 5個・width991px overflow:hiddenで2個しか見えない)→全て折返し表示 */
  #half_link {
    width: auto !important; max-width: 100% !important; overflow: visible !important;
    padding: 15px 0 0 !important; margin: 0 0 15px !important;
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important;
  }
  #half_link li { float: none !important; margin: 0 !important; width: 47% !important; }
  #half_link li img { display: block !important; width: 100% !important; height: auto !important; }
  /* そのままテンプレート/裏面印刷の枠(.half_sec02): ul990px＋li318px floatで左寄せ→
     全幅に伸ばすと中の画像＋150pxテキストが離れて崩れる→元のカード幅を保ったまま枠ごと中央寄せ */
  /* ★ベージュ枠の実体は .half_sec02 の背景画像 half_bg06.png(318px幅, no-repeat left bottom)＝左寄せの原因。
     中央下に配置し、カード(li)も同じ318px幅に合わせて中央寄せ→枠と中身が一致 */
  .sticker_bcard_half .half_sec02 { background-position: center bottom !important; }
  /* 枠の上フチ画像(.dis内 half_bg05.png 318x10 / half_bg01.png 980x10)も左寄せ→中央に揃える */
  .sticker_bcard_half .dis { text-align: center !important; }
  .sticker_bcard_half .dis img { display: inline-block !important; max-width: 100% !important; height: auto !important; }
  .sticker_bcard_half .half_sec02 ul { width: auto !important; overflow: visible !important; margin: 0 !important; text-align: center !important; }
  .sticker_bcard_half .half_sec02 ul li { width: auto !important; max-width: 100% !important; float: none !important; margin: 0 auto !important; box-sizing: border-box; display: block !important; }
  .sticker_bcard_half .half_sec02 ul li img { max-width: 100% !important; height: auto !important; }
  /* 中身(画像+説明)を横並びfloatにすると端末幅で右にはみ出す→縦積み中央で確実に枠内に収める */
  .sticker_bcard_half .half_sec02 ul li dl dd { text-align: center !important; overflow: visible !important; }
  .sticker_bcard_half .half_sec02 ul li dl dd img { float: none !important; display: block !important; margin: 0 auto 10px !important; }
  /* 画像は<div class="fl">(float左)に入っている→枠を解除して上部中央に */
  .sticker_bcard_half .half_sec02 ul li dl dd .fl { float: none !important; display: block !important; margin: 0 auto 10px !important; text-align: center !important; }
  .sticker_bcard_half .half_sec02 ul li dl dd .txt02 { float: none !important; width: auto !important; text-align: left !important; }
  /* 説明末尾の【 詳細 】リンクは中央寄せ */
  .sticker_bcard_half .half_sec02 ul li dl dd .txt02 a { display: block !important; text-align: center !important; }

  /* ★各セクションの枠(背景half_bgNN.png)はPC用の固定幅画像(製作費=half_bg02/カット等=half_bg04が980px、
     テンプレ=half_bg06が318px)で、モバイル幅では左右端が合わず崩れる→全ての枠を同色のCSS枠
     (クリーム地#fdfcef＋淡い枠線＋角丸)に統一置換し、全幅に追従＆全セクションで統一 */
  .sticker_bcard_half .cost_sec,
  .sticker_bcard_half .half_sec01,
  .sticker_bcard_half .half_sec02 {
    background-image: none !important; background-color: #fdfcef !important;
    border: 1px solid #e5dcc6 !important; border-radius: 8px !important;
    padding: 6px 13px 16px !important; box-sizing: border-box !important;
  }
  /* 枠の上フチcap(.dis内の half_bg01/03/05 = トップキャップ画像)は、CSS枠に置換したので全て除去 */
  .sticker_bcard_half .dis:has(> img[src*="half_bg01"]),
  .sticker_bcard_half .dis:has(> img[src*="half_bg03"]),
  .sticker_bcard_half .dis:has(> img[src*="half_bg05"]) { display: none !important; }
  .sticker_bcard_half .dis img[src*="half_bg01"],
  .sticker_bcard_half .dis img[src*="half_bg03"],
  .sticker_bcard_half .dis img[src*="half_bg05"] { display: none !important; }
  .sticker_bcard_half .half_sec01 ul { width: auto !important; overflow: visible !important; margin: 0 !important; text-align: center !important; }
  .sticker_bcard_half .half_sec01 ul li {
    width: auto !important; max-width: 100% !important; float: none !important;
    margin: 0 auto 14px !important; box-sizing: border-box; display: block !important;
  }
  .sticker_bcard_half .half_sec01 ul li dl dd { text-align: center !important; overflow: visible !important; }
  .sticker_bcard_half .half_sec01 ul li dl dd img { float: none !important; display: block !important; margin: 0 auto 8px !important; max-width: 100% !important; height: auto !important; }
  .sticker_bcard_half .half_sec01 ul li dl dd .fl { float: none !important; display: block !important; margin: 0 auto 8px !important; text-align: center !important; }
  .sticker_bcard_half .half_sec01 ul li dl dd .txt02 { float: none !important; width: auto !important; text-align: center !important; }
  /* テンプレートのDLカード(.half_box: img_box float + btn_box) を縦積み中央 */
  .sticker_bcard_half .half_box { text-align: center !important; }
  .sticker_bcard_half .half_box .img_box { float: none !important; margin: 0 auto 8px !important; display: block !important; }
  .sticker_bcard_half .half_box .btn_box { display: block !important; text-align: center !important; }
  .sticker_bcard_half .half_box img { max-width: 100% !important; height: auto !important; }
  .sticker_bcard_half .txt03, .sticker_bcard_half .txt04 { text-align: center !important; }

  /* --- 納期表(.half_table): セルが過密で日付が細切れ改行→フォント/余白を圧縮し読みやすく --- */
  /* wid02/03=230px固定・wid04=autoで4列目だけ極端に狭い→固定レイアウトで日付3列を等幅に */
  .sticker_bcard_half .half_table table { display: table !important; width: 100% !important; table-layout: fixed !important; overflow: visible !important; }
  .sticker_bcard_half .half_table table thead .wid01 { width: 46px !important; }
  .sticker_bcard_half .half_table table thead .wid02,
  .sticker_bcard_half .half_table table thead .wid03,
  .sticker_bcard_half .half_table table thead .wid04 { width: 105px !important; }
  .sticker_bcard_half .half_table table th,
  .sticker_bcard_half .half_table table td { padding: 4px 5px !important; font-size: 12px !important; }
  .sticker_bcard_half .half_table table thead th { font-size: 11px !important; line-height: 1.3 !important; }
  .sticker_bcard_half .half_table table thead .wid01 { width: 50px !important; }
  .sticker_bcard_half .half_table table tbody th { padding: 6px 3px 6px 5px !important; font-size: 12px !important; line-height: 1.3 !important; }
  /* 日付セル: 2桁月(10〜12月)の「12月30日(水)」でも収まるよう左右余白を詰めて内容幅を確保 */
  .sticker_bcard_half .half_table table tbody td .date { padding: 8px 2px !important; font-size: 12px !important; line-height: 1.4 !important; }
  .sticker_bcard_half .half_table table tbody td span { padding: 4px 4px !important; font-size: 11px !important; }
  /* 日付の改行位置指定: 「2026年」で改行し「7月13日(月)」は割らない(CEO指定)。
     日付は<span class="d-y">2026年</span><span class="d-md">7月13日(月)</span>に分割済(theme-shortcode.php)。
     PCではinlineで1行、モバイルのみblock化して2行に */
  .sticker_bcard_half .half_table table tbody td .date .d-y,
  .sticker_bcard_half .half_table table tbody td .date .d-md,
  .nouki_table table tbody td .date .d-y, .nouki_table table tbody td .date .d-md { display: block !important; }
  .sticker_bcard_half .half_table table tbody td .date .d-md,
  .nouki_table table tbody td .date .d-md { white-space: nowrap !important; }
  /* 発送予定日ページ(/wp/delivery/)の納期表(.nouki_table)も同じ4列固定幅→同処方
     (このページは#content配下でない＆テーマがtable width:430px指定→#wrapper起点の強セレクタで上書き) */
  #content .nouki_table table, .nouki_guide .nouki_table table,
  #wrapper .nouki_guide table, body div[class*="nouki_table"] table {
    display: table !important; width: 100% !important; max-width: 100% !important;
    table-layout: fixed !important; margin: 0 !important; overflow-x: visible !important;
  }
  .nouki_guide table th, .nouki_guide table td { box-sizing: border-box !important; }
  .nouki_guide, .nouki_table { width: auto !important; max-width: 100% !important; }
  .nouki_table table th, .nouki_table table td { padding: 4px 5px !important; font-size: 12px !important; }
  .nouki_table table thead th { font-size: 11px !important; line-height: 1.3 !important; }
  .nouki_table table thead .wid01 { width: 46px !important; }
  .nouki_table table thead .wid02, .nouki_table table thead .wid03, .nouki_table table thead .wid04 { width: 105px !important; }
  .nouki_table table tbody th { padding: 6px 3px 6px 5px !important; font-size: 12px !important; line-height: 1.3 !important; }
  .nouki_table table tbody td .date { padding: 8px 2px !important; font-size: 12px !important; line-height: 1.4 !important; }
  .nouki_table table tbody td > span { padding: 4px 6px !important; font-size: 11px !important; }
  /* 発送予定日ページの納期指定案内(.nouki_shitei 980px固定)内のh5/pが折返さず右へ数十px見切れ→流動化して折返し */
  #content .nouki_shitei, #content .nouki_shitei h5, #content .nouki_shitei p {
    width: auto !important; max-width: 100% !important; box-sizing: border-box !important;
  }
  #content .nouki_shitei p { word-break: break-word !important; }
  /* 店頭引取の地図＋支払案内(.gmap 470px: Google Map iframe＋支払テキストpが画面幅超)→流動化 */
  #content .gmap { width: auto !important; max-width: 100% !important; }
  #content .gmap iframe { width: 100% !important; max-width: 100% !important; }
  #content .gmap p { width: auto !important; max-width: 100% !important; word-break: break-word !important; }

  /* --- 包装オプション(#packing_option): item 484px×float2で1つしか見えない→縦積み流動化で両方表示 --- */
  #packing_option .wrap, #packing_option .wrap #packing_container { width: auto !important; max-width: 100% !important; }
  #packing_option .wrap .item {
    width: auto !important; float: none !important; display: block !important; margin: 0 0 16px 0 !important;
  }
  #packing_option .wrap .item .image img { width: 100% !important; height: auto !important; max-width: 100% !important; border-radius: 10px 10px 0 0; }
  #packing_option .wrap .item .sub_price { width: 100% !important; }

  /* --- 紙の種類ページ(/sticker/ .stickertype) --- */
  /* 紙種バナー(.title 980px固定): h3(紙名 660px float)の後に価格が流れ、価格「￥32〜（税込）」が画面右外に隠れる
     →バナー流動化＆h3のfloat解除で価格を紙名の下に表示(バナーは背景をcoverで引き伸ばし・右にマスコット分の余白) */
  .sticker_guide .stickertype .title {
    width: auto !important; height: auto !important; min-height: 0 !important;
    padding: 12px 74px 12px 16px !important; background-size: cover !important; box-sizing: border-box !important;
  }
  .sticker_guide .stickertype .title h3 { float: none !important; width: auto !important; margin: 0 !important; }
  .sticker_guide .stickertype .title .price { padding: 2px 0 0 !important; font-size: 28px !important; }
  /* 仕様ブロック.commentがPC用幅432px右float→箱(345px)から左にはみ出し見切れ→float解除・全幅 */
  .stickertype .box .comment, .stickertype .comment {
    float: none !important; width: auto !important; max-width: 100% !important; margin: 10px 0 0 !important;
  }
  .stickertype .box { padding: 14px !important; }
  /* 図解画像(float:left)の右の狭い隙間に見出しが縦落ちする→float解除で縦積み */
  .stickertype .box p img { float: none !important; display: block !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; }
  .stickertype .box h4 { clear: both !important; }
  /* 紙種バナーのマスコット(.image1〜.image5 絶対配置left:35Npx固定で幅7〜18pxに圧縮)→バナー右端に適正サイズで配置 */
  .stickertype div[class^="image"] {
    left: auto !important; right: 6px !important; top: -14px !important; width: auto !important;
  }
  .stickertype div[class^="image"] img { width: 76px !important; height: auto !important; max-width: none !important; }
  /* 紙種メニュー6バナー(ul#sticker_menu li float)→2列中央(clearfix疑似要素はflexズレ防止で無効化) */
  #sticker_menu { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; width: auto !important; margin: 0 0 15px !important; padding: 0 !important; }
  #sticker_menu::before, #sticker_menu::after { display: none !important; content: none !important; }
  #sticker_menu li { float: none !important; margin: 0 !important; width: auto !important; }
  #sticker_menu li img { display: block !important; }
  /* 星評価表(.comment table): #content table{width:100%}で右に白余白→内容幅で中央 */
  #content .stickertype .comment table, .stickertype .comment table {
    display: table !important; width: auto !important; max-width: 100% !important;
    margin: 0 auto !important; table-layout: auto !important; overflow-x: visible !important;
  }

  /* 紫バナー: 固定高さ60px＋padding-top28pxで上寄り → 縦中央寄せ */
  .half_title_01 {
    height: auto !important; min-height: 40px !important; line-height: 1.4 !important;
    padding: 12px 16px !important; margin: 0 0 16px !important;
    display: flex !important; align-items: center !important;
    /* 980px画像をcoverで拡大すると色/デザインが崩れる→実バー色でベタ塗り(画像は使わない) */
    background-image: none !important; background-color: #75487c !important; background-size: auto !important;
    font-size: 16px !important; border-radius: 3px;
  }
  /* 左右2カラム(627px/343px float)を解除して縦積み */
  .cost_sec .inner_l, .cost_sec .inner_r {
    width: auto !important; float: none !important; box-sizing: border-box;
  }
  .cost_sec .inner_r { margin-top: 16px !important; }
  .cost_sec .inner_l .cost_box { margin: 0 !important; }
  /* セットアップ費(220px)＋(280px)の横並びを縦積みに、＋アイコンは中央 */
  .cost_sec .inner_l .box01, .cost_sec .inner_l .box03 {
    float: none !important; width: auto !important; display: block !important;
    margin: 0 0 4px !important; box-sizing: border-box;
  }
  .cost_sec .box02 {
    float: none !important; padding: 6px 0 !important; text-align: center !important;
  }
  .cost_sec .box02 img { margin: 0 auto !important; display: inline-block !important; }
  /* はみ出し防止に金額フォントを微縮小 */
  .cost_sec .inner_l .box01 dl dd { font-size: 30px !important; }
  .cost_sec .inner_l .box03 dl dd { font-size: 20px !important; }
  .cost_sec .inner_r .txtUl li { width: 48% !important; }
  /* 保険: 万一の横溢れは製作費セクション内で吸収 */
  .cost_sec, .cost_box { max-width: 100% !important; overflow-x: hidden !important; }

  /* ============================================================
     ご利用ガイド(/wp/guide/)デザイン方法ページ CEO指摘3点
     ============================================================ */
  /* ①「もちろん〜行っております！」(#page_title .note2)がタイトル帯からはみ出す。
     帯(#page_title)は固定140pxの横帯背景画像で、height:auto化すると本文が帯の外(下)へこぼれて見える
     →背景を縦横タイルにして自動高さ全体を均一に埋める＋PC用の強制改行<br>を無効化して自然に折返す */
  #page_title { background-repeat: repeat !important; }
  #page_title .wrap .note2 br { display: none !important; }
  /* ② Illustrator/Photoshop… のカード(.design_guide .item)が幅236px×float固定で右に見切れ＆
     .desc height:93px固定で文字がDLバナーに重なる→全幅縦積み＋高さ自動 */
  .design_guide { width: auto !important; max-width: 100% !important; padding: 0 0 20px !important; }
  .design_guide .item, .design_guide .item.fl, .design_guide .item.fr {
    width: auto !important; height: auto !important; float: none !important; display: block !important;
    margin: 0 auto 16px !important; padding: 20px 15px !important; box-sizing: border-box !important;
  }
  .design_guide .item .image { height: auto !important; padding: 0 0 12px !important; }
  .design_guide .item .image img { max-width: 100% !important; height: auto !important; }
  .design_guide .item .name { margin: 0 0 10px !important; }
  .design_guide .item .desc { height: auto !important; margin: 0 0 12px !important; }
  .design_guide .item .txt_center img { max-width: 100% !important; height: auto !important; }
  /* ③「おまかせください！」の画像(.design_order .image 356px float)＋右516px floatが見切れ→縦積み中央 */
  .design_guide .design_order {
    width: auto !important; max-width: 100% !important; height: auto !important; float: none !important;
    margin: 24px auto 0 !important; padding: 20px 15px !important; box-sizing: border-box !important; overflow: visible !important;
    /* カード背景(option_back_02.jpg=薄クリーム)は大きなパンダ画像でほぼ隠れ、角だけ覗いてゴミの様に見える
       →背景と角丸を消して内容を地に直置き(上のIllustrator等のカードは意図通りクリームのまま残す) */
    background: none !important; border-radius: 0 !important;
  }
  .design_guide .design_order .image { float: none !important; margin: 0 auto 16px !important; text-align: center !important; }
  .design_guide .design_order .image img { max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; }
  .design_guide .design_order .fr { float: none !important; width: auto !important; margin: 0 !important; }
  .design_guide .design_order .desc { height: auto !important; }
  .design_guide .design_order .link_01, .design_guide .design_order .link_02 {
    float: none !important; display: block !important; margin: 0 auto 10px !important; text-align: center !important;
  }
  .design_guide .design_order .link_01 img, .design_guide .design_order .link_02 img { max-width: 100% !important; height: auto !important; }

  /* ガイド各アプリ解説ページ(illustrator/photoshop/sai/other): 本文枠.design_txt(940px固定)＋
     解説画像(width=940のalignnone)が右へ見切れ→枠を流動化＋本文画像を全て100%に収める */
  .design_txt { width: auto !important; max-width: 100% !important; padding: 0 !important; }
  /* #content内の本文画像の共通上限(低詳細度・既存の!important固定幅指定には勝たない安全策) */
  #content img { max-width: 100%; height: auto; }
  #content .design_txt img, #content.design img.size-full, #content .alignnone { max-width: 100% !important; height: auto !important; }
  /* アプリ切替タブ(#design_menu li float)→中央寄せ折返し(sticker_menuと同処方) */
  #design_menu { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; padding: 0 0 13px !important; }
  #design_menu::before, #design_menu::after { display: none !important; content: none !important; }
  #design_menu li { float: none !important; padding: 0 !important; margin: 0 !important; }
  #design_menu li img { max-width: 100% !important; height: auto !important; }
  /* 見出しバー.title_02(固定50px+背景バー画像): 文字が長いとはみ出す→高さ自動・折返し可 */
  .title_02 { height: auto !important; min-height: 50px !important; line-height: 1.4 !important; padding: 13px 15px !important; background-size: cover !important; }
  /* そのままテンプレートページ(/wp/guide/template/): .temp_guide(980px)＋.item(236px float)が見切れ→全幅縦積み */
  .temp_guide { width: auto !important; max-width: 100% !important; padding: 0 0 20px !important; }
  .temp_guide .item, .temp_guide .item.fl, .temp_guide .item.fr {
    width: auto !important; float: none !important; display: block !important;
    margin: 0 auto 16px !important; padding: 15px !important; box-sizing: border-box !important;
  }
  .temp_guide h4 { height: auto !important; min-height: 60px !important; line-height: 1.4 !important; padding: 16px 15px !important; background-size: cover !important; }
  .temp_guide .item .image { padding: 0 0 10px !important; }
  .temp_guide .item .image img { max-width: 100% !important; height: auto !important; }
  .temp_guide .item .name { margin: 0 0 10px !important; }
  .temp_guide .item .download { margin: 0 !important; }
  .temp_guide .item .download li { margin: 0 0 6px !important; }
  .temp_guide .item .download li img { max-width: 100% !important; height: auto !important; }

  /* ============================================================
     全ページ最終点検で判明した「画面幅超のはみ出し(右見切れ)」の追加修正
     ※docWは393で横スクロールは無いが、body overflow-x:hiddenで右側が切れて隠れていた箇所
     ============================================================ */
  /* ① デザインオーダー(/design/): デザイン依頼プラン枠が固定幅(649/318px float)で本文が右切れ→全幅縦積み */
  #content #moji_order .wrap .item_02, #content #full_order .wrap .item {
    width: auto !important; float: none !important; box-sizing: border-box !important;
  }
  #content #moji_order .wrap .item_02 p, #content #full_order .wrap .item p { word-break: break-word; }
  /* ② よくある質問(/wp/faq/): 質問文 .faq_wrap h4 .fl が width:820px固定で折返さず右切れ→自動幅で折返し */
  #content .faq_wrap h4 .fl { width: auto !important; float: none !important; }
  #content .faq_wrap h4 { padding-right: 45px !important; }
  /* 最上部のカテゴリバナー4つ(#faq_menu li 237px img)が左寄り→中央に縦積み */
  #content #faq_menu { display: flex !important; flex-direction: column !important; align-items: center !important; }
  #content #faq_menu::before, #content #faq_menu::after { display: none !important; content: none !important; }
  #content #faq_menu li { float: none !important; margin: 0 0 8px !important; }
  #content #faq_menu li img { display: block !important; max-width: 100% !important; height: auto !important; }
  /* キャンペーン一覧ページ(/wp/campaign/): .campaign_detail(1010px)＞.item(484px float)＞画像484pxが右見切れ→全幅縦積み */
  #content .campaign_detail { width: auto !important; max-width: 100% !important; padding-top: 30px !important; }
  #content .campaign_detail .item { width: auto !important; float: none !important; margin: 24px 0 26px !important; box-sizing: border-box !important; }
  #content .campaign_detail .item .image, #content .campaign_detail .item .image img { max-width: 100% !important; height: auto !important; }
  #content .campaign_detail .item .period, #content .campaign_detail .item p.name { width: auto !important; max-width: 100% !important; }
  #content .campaign_detail .item .period dt { float: none !important; display: inline-block !important; }
  /* ③ オーダーフォーム上部のキャンペーン枠(#campain>.wrap>.box>.scroll[jScrollPane]>dl 固定幅980/972/760px)が右切れ→全幅流動化。
     ★jScrollPaneは.jspPaneをposition:absoluteにするため、height:autoだけだと親が高さ0=中身消滅→pane静的化＋スクロールバー非表示で全表示 */
  #campain .box, #campain .scroll { width: auto !important; max-width: 100% !important; height: auto !important; overflow: visible !important; }
  #campain .jspContainer { width: auto !important; max-width: 100% !important; height: auto !important; overflow: visible !important; }
  #campain .jspPane { position: static !important; width: auto !important; max-width: 100% !important; height: auto !important; top: auto !important; left: auto !important; }
  #campain .jspVerticalBar, #campain .jspHorizontalBar { display: none !important; }
  #campain dl, #campain dt, #campain dd { width: auto !important; max-width: 100% !important; float: none !important; box-sizing: border-box !important; }
  #campain dd { word-break: break-word; }
  /* キャンペーン文字が枠(点線ボーダー)の右端に触れて/はみ出す→右に余白を確保して枠内に収める */
  #campain .box, #campain .scroll, #campain .jspPane { padding-right: 18px !important; box-sizing: border-box !important; }
  #campain dt, #campain dd { padding-right: 6px !important; word-break: break-word !important; }
  /* 枠の地＋点線ボーダー＋ギフト透かしはcampain_back_03.png(固定サイズ一枚絵)。背景伸縮はギフトが縦長に歪む(CEO NG)ため不可。
     →モバイルはこの背景画像を捨て、地色＋CSS点線ボーダーで枠を再現(無歪みで内容に追従して伸縮)。
     さらにdlのmargin-left:183px(元はギフト用の余白)が文字幅を152pxまで圧迫し過剰改行→ギフトを消したので左余白を詰め文字を全幅に */
  #campain .box { background-image: none !important; background-color: #faf8ee !important; border: 3px dotted #c3b491 !important; border-radius: 4px !important; box-sizing: border-box !important; padding: 10px 16px 16px !important; }
  #campain dl { margin-left: 0 !important; }
  /* 特定商取引法(/wp/law/ #content.law): dt=float:left;width:20em＋dd=margin-left:20emで、モバイルは値列が幅約85pxに潰れ1文字改行＆長い英単語(Entertainment)が右へ見切れ。
     →ラベル(dt)と値(dd)を全幅で縦積み(dtを見出し風に・行区切り線はdt側のborder-topのみ残しdd側は消す)・長語は折返し */
  #content.law dt, #content.law dd { float: none !important; width: auto !important; max-width: 100% !important; margin-left: 0 !important; box-sizing: border-box !important; word-break: break-word !important; }
  #content.law dt { padding: 16px 0 4px !important; font-weight: bold !important; border-top: 1px solid #c2b8ab !important; }
  #content.law dd { padding: 0 0 18px !important; padding-right: 4px !important; border-top: 0 !important; }
  #content.law ol { padding-left: 18px !important; }
  #content.law ol li { margin-left: 4px !important; word-break: break-word !important; }
  /* ご利用ガイド「オーダーの流れ(.guide_order)」「お支払い・送料(.guide_payment)」: 中身が.fl(float:left 820px)+.fr(float:right 750px)の2カラム固定幅。
     モバイル(親365px)では.frが画面左外(left:-371px)へ回り込み文字が左にはみ出す→float解除で全幅縦積み */
  #content .guide_order .fl, #content .guide_order .fr,
  #content .guide_payment .fl, #content .guide_payment .fr {
    float: none !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important;
  }
  #content .guide_order .fr, #content .guide_payment .fr { margin-top: 4px !important; }
  #content .guide_order img, #content .guide_payment img { max-width: 100% !important; height: auto !important; }
  /* お支払い・送料の「送料/配送日数目安」セクション(#mailing_cost・#content外)も.fl(送料表)+.fr(配送日数の地図area_map.png 478px)の2カラム固定幅。
     モバイルは地図(.fr 478px)が親393pxを超えfloat:rightで右が見切れ→float解除で全幅縦積み＋地図画像をwidth:auto/max-width:100%で画面内に収める */
  #mailing_cost .fl, #mailing_cost .fr { float: none !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; }
  #mailing_cost .fr { margin-top: 8px !important; }
  #mailing_cost img { max-width: 100% !important; width: auto !important; height: auto !important; }
  /* ===== 営業カレンダー: ハンバーガーの「営業カレンダー」(/delivery/#side_calendar)で遷移した時のみ :target で表示 =====
     通常は上記で非表示。#side_calendarはfooter.php(全ページ)に在り、アンカー遷移時だけ本文下に静的表示しスクロール誘導 */
  /* --- モダンな白カード: 中央・ソフトシャドウ・スッキリ --- */
  #side_calendar:target {
    display: block !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; z-index: auto !important;
    width: auto !important; max-width: 328px !important; margin: 28px auto 52px !important; padding: 22px 16px 24px !important;
    background: #ffffff !important; border: none !important; border-radius: 18px !important; box-sizing: border-box !important;
    box-shadow: 0 8px 28px rgba(70, 48, 36, 0.13) !important; scroll-margin-top: 20px !important; text-align: center !important;
    position: relative !important; padding-bottom: 48px !important; /* 凡例を絶対配置で最下部に固定するための土台 */
  }
  /* ★このウィジェットは全階層がPCで position:absolute/float。子孫を一律 static/float:none に強制し DOM順(ボタン→7月→8月→凡例)で自然縦積みに */
  #side_calendar:target .wrap, #side_calendar:target .wrap * { position: static !important; float: none !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; }
  #side_calendar:target .wrap { width: auto !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important; }
  #side_calendar:target a.check { width: auto !important; }
  /* 凡例(ul.note): 上の一律static化でDOM順どおりカレンダー下に流れる→余白＋中央だけ調整 */
  #side_calendar:target ul.note, #side_calendar:target .note {
    width: auto !important; max-width: 100% !important; margin: 16px auto 0 !important; padding: 0 !important; text-align: center !important; list-style: none !important;
  }
  /* 納期・発送日確認ボタン: 中央・やや小さめ */
  #side_calendar:target a.check { display: inline-block !important; text-align: center !important; margin: 0 auto 20px !important; }
  #side_calendar:target a.check img { max-width: 188px !important; height: auto !important; }
  /* 装飾ベージュ枠(side_back_05.png)を廃止→白カードにスッキリ。★月コンテナは.calendar_01(7月)と.calendar_02(8月)の2つ有る→両方を[class^=calendar_]で全幅・中央に(片方だけだと幅バラつき) */
  #side_calendar:target [class^="calendar_"] { position: static !important; top: auto !important; left: auto !important; background: none !important; background-image: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; margin: 0 auto !important; box-sizing: border-box !important; }
  /* 月ヘッダー: 装飾jpg廃止→フラットな濃茶バー・角丸上・表幅いっぱい中央 */
  #side_calendar:target .month {
    background: #463024 !important; background-image: none !important; color: #ffffff !important;
    display: block !important; width: 100% !important; box-sizing: border-box !important;
    font-weight: bold !important; font-size: 14px !important; letter-spacing: 2px !important;
    /* PC由来 height:21px＋border-box＋paddingで文字がはみ出す→height=line-heightで垂直中央 */
    height: 40px !important; line-height: 40px !important; padding: 0 !important; margin: 18px auto 0 !important; border-radius: 10px 10px 0 0 !important; text-align: center !important;
  }
  #side_calendar:target [class^="calendar_"]:first-of-type .month:first-child, #side_calendar:target .month:first-of-type { margin-top: 0 !important; }
  /* 表: セル背景jpg廃止→フラット配色・角丸。表を全幅(=カード幅)＋fixedで7列均等に(月ごとのセル幅差・金/土崩れを一掃) */
  #side_calendar:target table.tb {
    width: 100% !important; max-width: 100% !important; margin: 0 auto 2px !important; table-layout: fixed !important;
    border-collapse: separate !important; border-spacing: 3px !important; background: transparent !important; box-sizing: border-box !important;
  }
  #side_calendar:target table.tb th { font-size: 11px !important; color: #9a8b78 !important; font-weight: bold !important; padding: 8px 0 4px !important; width: auto !important; background: none !important; }
  #side_calendar:target table.tb th.sun { color: #cc6b40 !important; }
  #side_calendar:target table.tb th.sat { color: #5b8bab !important; }
  #side_calendar:target table.tb td {
    background-image: none !important; background-color: #f7f2e9 !important; width: auto !important; height: 32px !important;
    font-size: 12px !important; text-align: center !important; vertical-align: middle !important; color: #5a4a3a !important; border-radius: 7px !important;
  }
  #side_calendar:target table.tb td.holiday { background-color: #ee8b3c !important; color: #ffffff !important; }
  #side_calendar:target table.tb td.campain_day { background-color: #8ecfbd !important; color: #2f5249 !important; }
  #side_calendar:target table.tb td.disabled { background-color: #f2efe8 !important; color: #cabfad !important; }
  #side_calendar:target table.tb td.today { box-shadow: inset 0 0 0 2px #463024 !important; font-weight: bold !important; }
  #side_calendar:target table.tb td a { color: inherit !important; text-decoration: none !important; display: block !important; }
  /* 凡例の中身(li)を横並び中央に(位置は上の絶対配置ルール=カード最下部) */
  #side_calendar:target ul.note li, #side_calendar:target .note li {
    display: inline-block !important; float: none !important; margin: 0 10px !important; padding: 0 !important; font-size: 12px !important; color: #5a4a3a !important; list-style: none !important;
  }
  #side_calendar:target img { max-width: 100% !important; height: auto !important; }
  #side_calendar:target .calendar_btn, #side_calendar:target .himo { display: none !important; } /* PC用の月送りボタン/装飾は隠す */
  #side_calendar:target > a.btn, #side_calendar:target > .btn { display: none !important; } /* PC用「営業カレンダー」開閉リボン(直下A.btn)を隠す */
  /* 凡例スウォッチ: Sticker既定の画像(桃系)をセルの配色(休業日=橙/キャンペーン=ティール)に揃える */
  #side_calendar:target ul.note li { background-image: none !important; position: relative !important; padding-left: 20px !important; margin: 0 8px !important; }
  #side_calendar:target ul.note li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; margin-top: -7px !important; width: 14px !important; height: 14px !important; border-radius: 3px !important; display: block !important; }
  #side_calendar:target ul.note li.label_02::before { background: #ee8b3c !important; }
  #side_calendar:target ul.note li.label_03::before { background: #8ecfbd !important; }
}

/* 忍者おまとめボタン(SNSシェアウィジェット)をモバイルで非表示 (CEO指示 2026-07-21) */
#img_omatome, #omatome_button_area, #omatome_button_area_img { display: none !important; }
@media screen and (max-width: 768px) {
  .ninja_onebutton { display: none !important; }
}

/* トップの用途別LP導線: PCは2×2、モバイルは可読性優先で1列に (2026-08-05) */
@media screen and (max-width: 768px) {
  .lp_nav_block ul li { flex: 0 0 100% !important; max-width: 100% !important; }
}