@charset "utf-8";

html {
	font-size: 62.5%;
	color:#222;
}
body {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Century Gothic",Arial,"ＭＳ Ｐゴシック",sans-serif;
	font-size:1.6rem;
	font-weight:400;
	width:100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.clearfix::after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
img {
	vertical-align:bottom;
	image-rendering: -webkit-optimize-contrast;
}
/* lazy load */
.img-fadein {
	animation-name:img-fadein;
	animation-duration:0.5s;
}
@keyframes img-fadein {
	from {opacity:0;}
	to {opacity:1;}
}

/* Font */
.fcBody {color:#111;}
.fcRed {color:#dc143c;}
.fcOag {color:#FF8C00;}
.fcBlue {color:#000080;}
.fcPink {color:#FF1493;}
.fcCyan {color:#c8eceb;}
.fwb {font-weight:bold;}
.ft-lt {text-decoration:line-through;}
.size-08 {font-size:0.8rem;}
.size-09 {font-size:0.9rem;}
.size-10 {font-size:1rem;}
.size-11 {font-size:1.1rem;}
.size-12 {font-size:1.2rem;}
.size-13 {font-size:1.3rem;}
.size-14 {font-size:1.4rem;}
.size-15 {font-size:1.5rem;}
.size-16 {font-size:1.6rem;}
.size-18 {font-size:1.8rem;}
.size-20 {font-size:2rem;}
.size-21 {font-size:2.1rem;}
.size-22 {font-size:2.2rem;}
.size-24 {font-size:2.4rem;}
.size-26 {font-size:2.6rem;}
.size-28 {font-size:2.8rem;}
.size-30 {font-size:3rem;}
.size-36 {font-size:3.6rem;}
.size-48 {font-size:4.8rem;}
.size-60 {font-size:6.0rem;}
.size-72 {font-size:7.2rem;}
.ft-elpss {
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
/*
h1 {
	font-weight:400;
}
*/

/* icon */
@font-face {
	font-family: 'icomoon';
	src:
		url('https://caspe.jp/css/fonts/icomoon.ttf') format('truetype'),
		url('https://caspe.jp/css/fonts/icomoon.woff') format('woff'),
		url('https://caspe.jp/css/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="fa-"], [class*=" fa-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}
.fa-xs {font-size:0.75em;}
.fa-sm {font-size:0.875em;}
.fa-1x {font-size:1em;}
.fa-2x {font-size:2em;}
.fa-3x {font-size:3em;}
.fa-4x {font-size:4em;}
.fa-5x {font-size:5em;}
.fa-fw {
	text-align: center;
	width: 1.25em;
}
.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0;
}
.fa-ul > li {
	position: relative;
}
.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}
.fa-border {
	border: solid 0.08em #eee;
	border-radius: .1em;
	padding: .2em .25em .15em;
}
.fa-pull-left {float: left;}
.fa-pull-right {float: right;}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}
.fa-forum::before{content:"\e958";}
.fa-contact_phone::before{content:"\e935";}
.fa-textsms::before{content:"\e957";}
.fa-keyboard::before{content:"\e959";}
.fa-check::before{content:"\e90a";}
.fa-home::before{content:"\e95a";}
.fa-restore_page::before{content:"\e955";}
.fa-add_location_alt::before{content:"\e956";}
.fa-article::before{content:"\e928";}
.fa-warning::before{content:"\e900";}
.fa-fiber_new::before{content:"\e933";}
.fa-playlist_add_check::before{content:"\e91d";}
.fa-web_asset::before{content:"\e951";}
.fa-email::before{content:"\e90d";}
.fa-chat_bubble_outline::before{content:"\e904";}
.fa-contact_mail::before{content:"\e905";}
.fa-stay_current_portrait::before{content:"\e91b";}
.fa-phonelink_setup::before{content:"\e945";}
.fa-mail_outline::before{content:"\e912";}
.fa-list_alt::before{content:"\e925";}
.fa-add::before{content:"\e926";}
.fa-add_box::before{content:"\e915";}
.fa-clear::before{content:"\e91c";}
.fa-content_paste::before{content:"\e949";}
.fa-create::before{content:"\e918";}
.fa-remove::before{content:"\e92a";}
.fa-send::before{content:"\e93e";}
.fa-add_link::before{content:"\e93f";}
.fa-devices::before{content:"\e919";}
.fa-attach_money::before{content:"\e924";}
.fa-format_list_numbered::before{content:"\e91f";}
.fa-insert_photo::before{content:"\e934";}
.fa-title::before{content:"\e920";}
.fa-keyboard_arrow_down::before{content:"\e940";}
.fa-keyboard_arrow_left::before{content:"\e941";}
.fa-keyboard_arrow_right::before{content:"\e942";}
.fa-keyboard_arrow_up::before{content:"\e943";}
.fa-phone_iphone::before{content:"\e91e";}
.fa-device_hub::before{content:"\e901";}
.fa-camera_alt::before{content:"\e944";}
.fa-collections::before{content:"\e93a";}
.fa-color_lens::before{content:"\e952";}
.fa-timer::before{content:"\e930";}
.fa-crop_rotate::before{content:"\e94b";}
.fa-directions_car::before{content:"\e923";}
.fa-local_atm::before{content:"\e931";}
.fa-local_bar::before{content:"\e94c";}
.fa-local_cafe::before{content:"\e94d";}
.fa-arrow_back::before{content:"\e902";}
.fa-arrow_forward::before{content:"\e903";}
.fa-menu::before{content:"\e90e";}
.fa-unfold_more::before{content:"\e94e";}
.fa-arrow_upward::before{content:"\e906";}
.fa-arrow_downward::before{content:"\e907";}
.fa-arrow_back_ios::before{content:"\e908";}
.fa-arrow_forward_ios::before{content:"\e909";}
.fa-event_available::before{content:"\e92b";}
.fa-event_note::before{content:"\e92c";}
.fa-more::before{content:"\e93b";}
.fa-person_add::before{content:"\e92d";}
.fa-thumb_up_alt::before{content:"\e936";}
.fa-account_balance_wallet::before{content:"\e927";}
.fa-credit_card::before{content:"\e922";}
.fa-find_in_page::before{content:"\e911";}
.fa-help::before{content:"\e91a";}
.fa-info::before{content:"\e946";}
.fa-launch::before{content:"\e913";}
.fa-loyalty::before{content:"\e953";}
.fa-perm_contact_calendar::before{content:"\e92f";}
.fa-redeem::before{content:"\e939";}
.fa-settings::before{content:"\e90f";}
.fa-work::before{content:"\e90b";}
.fa-important_devices::before{content:"\e921";}
.fa-date_range::before{content:"\e914";}
.fa-text_rotation_none::before{content:"\e94f";}
.fa-account_tree::before{content:"\e947";}
.fa-logout::before{content:"\e938";}
.fa-phone_enabled::before{content:"\e90c";}
.fa-menu_book::before{content:"\e93c";}
.fa-post_add::before{content:"\e929";}
.fa-emoji_events::before{content:"\e93d";}
.fa-apartment::before{content:"\e948";}
.fa-checkroom::before{content:"\e94a";}
.fa-design_services::before{content:"\e950";}
.fa-fact_check::before{content:"\e92e";}
.fa-login::before{content:"\e910";}
.fa-miscellaneous_services::before{content:"\e916";}
.fa-payments::before{content:"\e917";}
.fa-person_search::before{content:"\e937";}
.fa-book_online::before{content:"\e932";}

/* Anchor */
a {color:#06f;}
a:link {color:#06f;}
a:visited {color:#06f;}
a:hover {color:#003c8d;}

/* Anchor - IMG - */
.main-Wpr a img {border:1px solid #ccc;}
.main-Wpr a img:hover {
	border:1px solid #bbb;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* Anchor - common btn - */
.main-btn-Box {
	width:61.8%;
	margin:0 auto;
	padding:0;
}
.main-btn-Box a {
	width:100%;
	font-weight:bold;
	text-align:center;
	display:block;
	height:48px;
	line-height:48px;
	margin:0 auto;
	position:relative;
	-webkit-transition:0.3s;
	transition:0.3s;
	padding:0 12px 0 0;
	box-sizing:content-box;
}
.main-btn-Box a::after {
	font-family:'icomoon';
	content:"\e909";
	font-weight:normal;
	position:absolute;
	right:12px;
	top:50%;
	text-shadow:none;
	margin-top:-24px;
}

.main-btn-Box.new-btn-Box a::after {
	font-family:'icomoon';
	content:"\e913";
	font-weight:normal;
}

/* Common Gradient */
.cmnbtn-grdnt{
	border:2px solid #f4f9ff;
	display:block;
	border-radius:24px;
	background: #f4f9ff;
}
.btm-campaign-Box a:hover dd span,
.cmnbtn-grdnt:hover,
.center-paging-Wpr li a:hover {
	border:2px solid #e2efff;
	background:#e2efff;
}
.black-grdnt {
	background: -moz-linear-gradient(top, #111 0%, #222 100%);
	background: -webkit-linear-gradient(top,#111 0%,#222 100%);
	background: linear-gradient(to bottom, #111 0%,#222 100%);
}
.gray-grdnt {
	background: -moz-linear-gradient(top, #eeeeee 0%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top,#eeeeee 0%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#f6f6f6 100%);
}
.white-grdnt {
	background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,#fafafa 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#ffffff 100%);
}
.cyan-grdnt {
	background: -moz-linear-gradient(top, #09a1a1 0%, #16c4c4 100%);
	background: -webkit-linear-gradient(top,#09a1a1 0%,#16c4c4 100%);
	background: linear-gradient(to bottom, #09a1a1 0%,#16c4c4 100%);
}

/* Common Left Border */
.bRed {border-left:5px solid #dc143c;}
.bRed2 {border-left:5px solid #fff8f8;}

.bGreen {border-left:5px solid #32cd32;}
.bGreen2 {border-left:5px solid #f9fff8;}

.bBlue {border-left:5px solid #1e90ff;}
.bBlue2 {border-left:5px solid #f8fbff;}

.bPurple {border-left:5px solid #c71585;}
.bPurple2 {border-left:5px solid #fff8ff;}

.bOrange {border-left:5px solid #ff8c00;}
.bOrange2 {border-left:5px solid #fffbf8;}

.bYlw {border-left:5px solid #ffd700;}
.bYlw2 {border-left:5px solid #fffff8;}

.bDPurple {border-left:5px solid #483d8b;}
.bDPurple2 {border-left:5px solid #fcf8ff;}

.bYlwgrn {border-left:5px solid #deff00;}
.bYlwgrn2 {border-left:5px solid #fafced;}

.bCyan {border-left:5px solid #40e0d0;}
.bCyan2 {border-left:5px solid #f8ffff;}

.bBlack {border-left:5px solid #696969;}
.bBlack2 {border-left:5px solid #fbfbfb;}

.btn-bg-Clr {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/* Common accordion*/
.cmn-accordion-Wpr {
	width:100%;
}
.cmn-accordion-Box { 
	width:100%;
}
.cmn-accordion-Ttl {
	cursor:pointer;
	margin:0;
	padding:0;
}
.cmn-accordion-Ttl h3,
.cmn-accordion-Ttl h4 {
	padding:0 12px !important;;
	height:52px !important;;
	line-height:52px !important;;
	position:relative;
	display:block;
	width:100% !important;;
	font-size:1.8rem !important;;
	font-family:"Shin Go Regular";
	color:#06f !important;
}
.cmn-accordion-Ttl h3 i,
.cmn-accordion-Ttl h4 i {
	font-size:2.4rem;
	margin-right:8px;
}
.cmn-accordion-Ttl h3::after,
.cmn-accordion-Ttl h4::after {
	font-family:'icomoon';
	content: "\e940";
	margin-top:-25px;
	position:absolute;
	top:50%;
	right:8px;
	font-size:2.8rem;
	font-weight:normal;
	color:#06f;
}
.cmn-accordion-Ttl h3:hover,
.cmn-accordion-Ttl h3:hover::after,
.cmn-accordion-Ttl.active h3,
.cmn-accordion-Ttl h4:hover,
.cmn-accordion-Ttl h4:hover::after,
.cmn-accordion-Ttl.active h4 {
	color:#003c8d;
}
.cmn-accordion-Ttl.active h3::after,
.cmn-accordion-Ttl.active h4::after {
	font-family:'icomoon';
	content: "\e943";
	color:#003c8d;
}
.cmn-accordion-Dtl {
	display:none;
	padding:16px 0;
	text-align:center;
}

/* no script */
.noscript-Overlay {
	position:fixed;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	z-index:90000;
}
.noscript-Msg {
	z-index:90001;
	position:fixed;
	top:50%;
	left:50%;
	width:60%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background:#fff;
	padding:30px;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	color:#111;
	text-align:center;
	border-radius:20px;
	border:5px solid #f00;
	box-shadow:0 0 25px #000;
}
.noscript-Msg strong {
	display:block;
	color:#f00;
	font-weight:bold;
	padding:8px;
	font-size:3rem;
}
.noscript-Msg a {
	font-weight:bold;
	font-size:2rem;
	padding:12px 0;
	display:block;
	margin-top:8px;
}

/* 404 not found */
.nflt-Box {
	margin:0 2em;
	list-style-type:disc;
}
.nflt-Box li {
	margin:1rem 0;
}
/* bottom modalbox */
.modal-Box {
	position:fixed;
	display:none; 
	z-index:999; 
	bottom:0; 
	left:0; 
	width:100%; 
	margin:0; 
	text-align:center;
	background:rgba(0,0,0,0.9);
	border-top:4px solid #111;
/*
	background:rgba(49,202,202,0.9);
	border-top:4px solid #0f7a7a;
*/
}
.modal-Box a {
	cursor:pointer;
}
.btm-campaign-Box {
	max-width:1080px;
	margin:0 auto;
	position:relative;
}
.btm-campaign-Box a {
	display:inline-block;
}
.btm-campaign-Box a:hover {
	text-decoration:none;
}
.btm-campaign-Box a:hover img {
	border-color:#06f;
}
.btm-campaign-Box dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	max-width:480px;
	max-height:200px;
	margin:0 auto;
	padding:0 8px;
	overflow:hidden;
}
.btm-campaign-Box dt,
.btm-campaign-Box dd {
	padding:8px 0;
	margin:0;
}
.btm-campaign-Box dt {
	width:38.2%;
	object-fit:cover;
}
.btm-campaign-Box dt img {
	width:100%;
	height:100%;
	max-height:100%;
	box-sizing:border-box;
	border:1px solid #fff;
}
.btm-campaign-Box dd {
	width:61.8%;
	padding:8px;
}
.btm-campaign-Box dd strong {
	color:#fff;
	font-size:1.6rem;
	font-family:"Shin Go Regular",sans-serif;
	display:block;
	padding:4px;
	width:100%;
	text-shadow:1px 1px 0 #111;
	background: -moz-linear-gradient(-45deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
	background: -webkit-linear-gradient(-45deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
	background-image: linear-gradient(135deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
/*
	text-shadow:1px 1px 0 #333;

	background-color:rgba(0,0,0,0.4);

	background: -moz-linear-gradient(-45deg,  rgba(140,242,213,1) 0%, rgba(77,69,255,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(140,242,213,1) 0%,rgba(77,69,255,1) 100%);
	background: linear-gradient(135deg,  rgba(140,242,213,1) 0%,rgba(77,69,255,1) 100%);
*/
}
.btm-campaign-Box dd p {
	font-size:1.6rem;
	padding:8px 0;
	color:#fff;
	/*color:#111;*/
}
.btm-campaign-Box dd span {
	width:95%;
	text-align:center;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 24px 0 12px;
	margin:0 auto;
	position:relative;
	transition:0.3s;
	font-size:1.6rem;
	font-weight:bold;
}
.btm-campaign-Box dd span::after {
	font-family:'icomoon';
	content:"\e913";
	font-weight:normal;
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-20px;
}
.close-btn-Box {
	cursor: pointer;
	position:absolute;
	top:0;
	right:0;
	font-size:3rem;
	color:#eee;
	padding:0 8px;
	display:inline-block;
}
.close-btn-Box:hover {
	text-decoration:none;
	color:#fff;
}

/* common */
.sp-only,
.header-SP-Box,
.noSC {
	display:none;
}
hr {
	margin:0 0 16px;
	border:0;
	height:1px;
	background-image: -webkit-linear-gradient(left, rgba(50,50,50,0.1), rgba(150,150,150,.75), rgba(50,50,50,0.1));
	background-image:    -moz-linear-gradient(left, rgba(50,50,50,0.1), rgba(150,150,150,.75), rgba(50,50,50,0.1));
	background-image:     -ms-linear-gradient(left, rgba(50,50,50,0.1), rgba(150,150,150,.75), rgba(50,50,50,0.1));
	background-image:      -o-linear-gradient(left, rgba(50,50,50,0.1), rgba(150,150,150,.75), rgba(50,50,50,0.1));
}

/* important news */
.important-news-Wpr {
	max-width:960px;
	margin:16px auto;
	padding:16px;
}
.important-news-Box {
	border:2px solid #f03;
}
.important-news-Box h1 {
	color:#fff;
	font-size:1.8rem;
	font-weight:bold;
	display:inline-block;
	width:auto;
	z-index:2;
	padding:8px 40px 8px 24px;
	position:relative;
}
.important-news-Box h1::before {
	z-index:-1;
	position:absolute;
	content:"";
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background:#f03;
	clip-path:polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.important-news-Box ul {
	padding:16px 32px;
	list-style:disc;
}
.important-news-Box li {
	padding:4px 0;
}
.important-news-Box li a {
	color:#f03 !important;
	font-size:1.8rem;
	display:block;
	text-decoration:underline;
}
.important-news-Box li a:hover {
	color:#a10020 !important;
}
/* campaign */
.campaign-bnr-Box {
	padding:0 0 16px;
}
.campaign-bnr-Box h2 {
	background-color: #fff;
	background-image:repeating-linear-gradient(-45deg,#fff8f8, #fff8f8 8px,transparent 0, transparent 16px);
	color:#420529 !important;
	text-align:center;
	font-size:2.4rem !important;
	font-weight:700 !important;
}
.campaign-bnr-Box a img,
.campaign-bnr-Box a:hover img {
	border:none;
}
.campaign-bnr-Box p {
	margin:12px;
}

/* Header
-------------------------------------- */
.header-Wpr {
	 background:#151515;
}
.header-Ttl {
	width:100%;
}
.header-Ttl h1 {
	display:block;
	max-width:1080px;
	text-align:right;
	font-size:1rem;
	color:#ccc;
	margin:0 auto;
	padding:4px 16px 0;
}
.header-Box {
	max-width:1080px;
	margin:0 auto;
	padding:4px 0;
	text-align:center;
}
.header-Box img.logo {
	width:162px;
	height:50px;
	border:none;
}
.header-PC-Box dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	-ms-flex-pack:distribute;
	justify-content:space-around;
}
.header-PC-Box dt {
	padding:0 24px;
	text-align:center;
}
.header-PC-Box .st-title-Box {
	width:70%;
}
.header-PC-Box dd p {
	display:block;
	text-align:left;
	color:#eee;
}
.header-PC-Box dd p span {
	display:block;
}
.header-PC-Box dd {
	width:100%;
	padding:8px 12px;
}

/* shop info */
.st-info-Box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	width:100%;
}
.st-info-Box address {
	border:2px solid #444;
	border-radius:8px;
	color:#ddd;
	font-weight:bold;
	padding:4px 8px;
	margin:0;
	text-decoration:none;
}
.st-info-Box i {
	margin:0 6px 0 0;
}
.st-info-Box address span {
	padding:0 4px;
}
/* shop nav */
.st-navi-Box {
	padding:8px 0 0;
}
.st-navi-Box ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;

	margin:0 ;
	padding:0;
}
.st-navi-Box li {
	font-size:1.2rem;
}
.st-navi-Box li::after {
	content:"｜";
	color:#fff;
}
.st-navi-Box li:last-of-type::after {
	content:"";
}
.st-navi-Box a {
	color:#fff;
	font-size:1.4rem;
	text-decoration:none;
	padding:0 4px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.st-navi-Box a:hover {
	color:#a1ffff;
}

/* global navi */
#gnavi-Wpr {
	display:none;
	width:100%;
	border-bottom:1px solid #353535;
	background: -moz-linear-gradient(top, #333 0%, #444 100%);
	background: -webkit-linear-gradient(top,#333 0%,#444 100%);
	background: linear-gradient(to bottom, #333 0%,#444 100%);
}
.gnavi-Box {
	max-width:1078px;
	margin:0 auto;
}
.gnavi-Box ul {
	width:100%;
	display:table;
	table-layout:fixed;
}
.gnavi-Box li {
	display:table-cell;
	border-left:1px solid #222;
}
.gnavi-Box li:nth-child(8) {
	border-right:1px solid #222;
}
.gnavi-Box li a {
	border-top-style:solid;
	border-top-width:3px;
	color:#eee;
	display:block;
	font-family:"Shin Go Regular",sans-serif;
	padding:12px 4px 14px;
	-webkit-transition:0.3s;
	transition:0.3s;
	text-align:center;
}
.gnavi-Box li a:hover,
.gnavi-Box li a.page-selected {
	background-color:rgba(68,68,68,0.9);
}
.gnavi-Box li a.home,
.footer-Box li:first-child dd:nth-of-type(1) {border-color:#527e85;}
.gnavi-Box li a.function,
.footer-Box li:first-child dd:nth-of-type(2) {border-color:#7e565e;}
.gnavi-Box li a.flow,
.footer-Box li:first-child dd:nth-of-type(3) {border-color:#5c7b5c;}
.gnavi-Box li a.price,
.footer-Box li:first-child dd:nth-of-type(4) {border-color:#586e85;}
.gnavi-Box li a.demo {border-color:#7f8552;}
.gnavi-Box li a.template {border-color:#79566c;}
.gnavi-Box li a.works {border-color:#856e52;}
.gnavi-Box li a.order {border-color:#6e5679;}

.gnavi-Box li a.home:hover,.gnavi-Box li a.home.page-selected,.footer-Box li:first-child dd:nth-of-type(1):hover {border-color:#31caca;}
.gnavi-Box li a.function:hover,.gnavi-Box li a.function.page-selected,.footer-Box li:first-child dd:nth-of-type(2):hover {border-color:#DC143C;}
.gnavi-Box li a.flow:hover,.gnavi-Box li a.flow.page-selected,.footer-Box li:first-child dd:nth-of-type(3):hover {border-color:#32CD32;}
.gnavi-Box li a.price:hover,.gnavi-Box li a.price.page-selected,.footer-Box li:first-child dd:nth-of-type(4):hover {border-color:#1E90FF;}
.gnavi-Box li a.demo:hover,.gnavi-Box li a.demo.page-selected {border-color:#deff00;}
.gnavi-Box li a.template:hover,.gnavi-Box li a.template.page-selected {border-color:#C71585;}
.gnavi-Box li a.works:hover,.gnavi-Box li a.works.page-selected {border-color:#FF8C00;}
.gnavi-Box li a.order:hover,.gnavi-Box li a.order.page-selected {border-color:#8f15c7;}

.gnavi-Box li a i {
	display:none;
}
.gnavi-Box li:nth-child(1),
.gnavi-Box li:nth-child(n+9) {
	display:none;
}

/* breadcrumbs */

#breadcrumbs {
	width:100%;
	background:#888;
	box-shadow: 0px 8px 4px -4px rgba(0,0,0,0.1) inset;
	padding:8px 4px;
}
#breadcrumbs ol {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	max-width:1040px;
	width:98%;
	margin:0 auto;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
/*	overflow-scrolling: touch;	*/
	overflow: auto;
	white-space: nowrap;
}
#breadcrumbs ol li {
	display:inline-block;
	font-size:1.2rem;
	color:#ccc;
	padding:0 4px;
	white-space:nowrap;
}
#breadcrumbs ol li::before {
	font-size:1rem;
	content: "＞";
}
#breadcrumbs ol li:first-child::before {
	content:"";
}
#breadcrumbs ol li a {
	color:#fefefe;
}

/* Main
-------------------------------------- */
.main-Wpr {
	width:100%;
}

/* Main one col -100%-
-------------------------------------- */
.hpc-Container {
	width:100%;
	max-width:1600px;
	margin:0 auto;
}

/* Main one col 
-------------------------------------- */
.onecol-Container {
	width:100%;
	margin:0 auto;
}
.onecol-Container h1 {
	color:#333;
	font-size:clamp(2rem, 1.88rem + 0.6vw, 2.6rem);
	font-family:"Shin Go Regular",sans-serif;
	letter-spacing:0.2rem;
	text-align:center;

	display:block;
	width:100%;
	padding:20px 8px 24px;
	margin:32px 0;
/*	
	font-weight:400;
*/
	border-width:1px 0;
	border-style:solid;
	border-color:#888;
	background: rgb(233,233,233);
	background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 50%, rgba(233,233,233,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,233,233,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1)));
	background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: linear-gradient(to right, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
}
.hpc-Box {
	max-width:1112px;
	padding:0 8px;
	margin:0 auto 32px;
}
.top-ccs-Box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	margin:0 auto;
	width:100%;
}
.top-ccs-Box li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	margin:0 auto;
	min-height:200px;
	width:33.333%;
	padding:0 8px;
}
.top-ccs-Box li dl {
	width:100%;
	margin:0 auto;
	height:100%;
	border:1px solid #ececec;
}
.top-ccs-Box dt {
	text-align:center;
}
.top-ccs-Box dt img {
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	transition:0.3s;
}
.top-ccs-Box a {
	color:#111;
	display:block;
	position:relative;
}
.top-ccs-Box a:hover {
	text-decoration:none;
}
.top-ccs-Box a::after {
	position:absolute;
	content:"";
	bottom:5px;
	right:5px;
	border-left:12px solid transparent;
	border-bottom:12px solid #ccc;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.top-ccs-Box a:hover::after {
	text-decoration:none;
	border-bottom:12px solid #06f;
}
.top-ccs-Box a dt:first-of-type {
	position:relative;
	overflow:hidden;
}
.top-ccs-Box a dt:first-of-type p {
	position:absolute;
	bottom:-50px;
	line-height:50px;
	font-size:1.7rem;
	color:#fff;
	font-weight:bold;
	left:0;
	z-index:2;
	width:100%;
	height:50px;
	background:rgba(0,0,0,0.5);
	-webkit-transition:0.3s;
	transition:0.3s;
}
.top-ccs-Box a:hover dt:first-of-type p {
	bottom:0;
}
.top-ccs-Box a dt:first-of-type img {
	border:none;
	transition:0.3s;
}
.top-ccs-Box a dt:first-of-type img:hover {
	filter:alpha(opacity=100) ;
	-moz-opacity:1;
	opacity:1;
}

.top-ccs-Box a:hover img {
filter: brightness(90%);
}

.top-ccs-Box dd {
	text-align:center;
}
.top-ccs-Box dd h2,
.top-ccs-Box dd strong {
	font-size:1.8rem;
	font-family:"Shin Go Regular",sans-serif;
	display:block;
	margin:0;
	background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 50%, rgba(233,233,233,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(233,233,233,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1)));
	background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	background: linear-gradient(to right, rgba(233,233,233,1) 0%,rgba(255,255,255,1) 50%,rgba(233,233,233,1) 100%);
	padding:8px 8px 12px;
}
.top-ccs-Box a dd h2,
.top-ccs-Box dd strong {
	background: -moz-linear-gradient(left, rgba(224,241,255,1) 0%, rgba(255,255,255,1) 50%, rgba(224,241,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,241,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(224,241,255,1)));
	background: -webkit-linear-gradient(left, rgba(224,241,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,241,255,1) 100%);
	background: -o-linear-gradient(left, rgba(224,241,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,241,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(224,241,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,241,255,1) 100%);
	background: linear-gradient(to right, rgba(224,241,255,1) 0%,rgba(255,255,255,1) 50%,rgba(224,241,255,1) 100%);
}
.top-ccs-Box a dd h2,
.top-ccs-Box dd strong {
	position:relative;
	display:inline-block;
	text-decoration: none;
	width:100%;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.top-ccs-Box a dd h2::after,
.top-ccs-Box a dd strong::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background: rgb(156,196,229);
	background: -moz-linear-gradient(left,  rgba(156,196,229,1) 0%, rgba(10,119,213,1) 50%, rgba(156,196,229,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(156,196,229,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(100%,rgba(156,196,229,1)));
	background: -webkit-linear-gradient(left,  rgba(156,196,229,1) 0%,rgba(10,119,213,1) 50%,rgba(156,196,229,1) 100%);
	background: -o-linear-gradient(left,  rgba(156,196,229,1) 0%,rgba(10,119,213,1) 50%,rgba(156,196,229,1) 100%);
	background: -ms-linear-gradient(left,  rgba(156,196,229,1) 0%,rgba(10,119,213,1) 50%,rgba(156,196,229,1) 100%);
	background: linear-gradient(to right,  rgba(156,196,229,1) 0%,rgba(10,119,213,1) 50%,rgba(156,196,229,1) 100%);
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.top-ccs-Box a:hover dd h2,
.top-ccs-Box a:hover dd strong {
	color:#003366;
}
.top-ccs-Box a:hover dd h2::after,
.top-ccs-Box a:hover dd strong::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.top-ccs-Box li dd:last-child {
	padding:16px 12px;
	font-size:1.4rem;
	text-align:left;
}

/* Main two col layout
-------------------------------------- */

.main-Box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	max-width:1112px;
	margin:0 auto 16px;
}


/* Left col
--------------------- */
.twocol-Container {
	width:61.8%;
	padding:0 0 0 16px;
}
.twocol-contents-Box {
	margin:0 auto 32px;
	padding:0;
}


/* Right col
--------------------- */
.side-Box {
	padding:0 16px 16px;
	width:-webkit-calc(100% - 61.8%);
	width:calc(100% - 61.8%);
}
.side-Content {
	width:100%;
	margin:0 0 16px;
}
.side-Content h2 {
	margin:0;
	display:block;
	font-family:"Shin Go Regular",sans-serif;
}
.side-Content:last-child {
	margin:0;
}

/* Left col common */
.twocol-main-Content h2 {
	width:100%;
	color:#222;
	font-size:2.2rem;
	letter-spacing:0.2rem;
	text-align:center;
	margin:0 0 16px;
	padding:12px 16px 16px;
	font-family:"Shin Go Regular",sans-serif;
}
.twocol-main-Content h2.bg-diagln-ttl {
	background-color: #fff;
	background-image:repeating-linear-gradient(-45deg,#fbfbfb, #fbfbfb 8px,transparent 0, transparent 16px);
	text-shadow:0 0 1px #fff, 0 0 2px #fff;
}

.twocol-contents-Box h2.tc-ccs-Ttl,
.twocol-contents-Box h3 {
	padding:12px 16px;
	font-size:1.8rem;
	color:#333;
	font-family:"Shin Go Regular",sans-serif;
	margin:0;
}
.twocol-contents-Box h2.tc-ccs-Ttl {
	text-align:left !important;
	letter-spacing:0 !important;
}
.ccmn-Box {
	margin:0;
}
.ccmn-Box > li {
	padding:16px 16px 32px;
}
.ccmn-Box > li p {
	margin:0 0 16px;
	line-height:1.8;
}
.ccmn-Box > li p:last-child {
	margin:0 0 0;
}
ul.ccmn-inner-listitem,
ol.ccmn-inner-listitem {
	margin:0 0 16px 32px;
	list-style-type:disc;
}
ul.ccmn-inner-listitem li {
	list-style-type:disc;
	margin:0 0 8px;
}
ol.ccmn-inner-listitem li {
	list-style-type:decimal;
	margin:0 0 12px;
}
.mcmn-plt-Box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	width:100%;
}
.mcmn-plt-Box dt {
	width:30.3%;
}
.mcmn-plt-Box dt img {
	width:100%;
	max-width:100%;
	height:auto;
}
.mcmn-plt-Box dd {
	width:69.7%;
	padding:0 0 0 16px;
}
.mcmn-plt-Box dd h3 {
	background:#fafafa;
	font-family:inherit !important;
	font-size:1.6rem !important;
	font-weight:700 !important;
	padding:8px 12px !important;
	display:block;
	margin:0 0 8px;
}
.mcmn-plt-Box dd p {
	margin:0 4px 16px;
}

.mcmn-plt-Box dd .main-btn-Box {
	width:80%;
	margin:0 auto;
}
/* copy button */
.hlp-iex-Wpr {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	margin:4px auto 20px;
}
.hlp-iex-Wpr li:first-child {
	flex:1 0 0;
}
.hlp-iex-Wpr li:last-child {
	background:blue;
	width:29.7%;
}
.hlp-iex-Wpr li button {
	width:100%;
	padding:8px;
	font-weight:bold;
	font-size:1.6rem;
	color:#06f;
	border-radius:0;
}
.hlp-iex-Wpr li button::before {
	font-family:'icomoon';
	content:"\e902";
	font-weight:normal;
	margin-right:16px;
}


/* Top Page
-------------------------------------- */

/* campaign */
.top-bnr-Wpr {
	position:relative;
}
.top-bnr-Wpr picture {
	margin:0;
	padding:0;
}
.top-bnr-Wpr picture img {
	width:100%;
	max-height:500px;
	object-fit:contain;
}
.top-bnr-Wpr picture source {
	width:100%;
	margin:0;
	padding:0;
}
#campaign-ttl-Wpr {
	position:absolute;
	right:4%;
	top:16%;
	padding:8px;
	text-align:center;
	display:none;
}
.campaign-ttl {
	font-size:200%;
	font-family:"GSanSerif-B";
	color:#fd3269;
	text-shadow:
	#fff 2px 0px 0px, #fff -2px 0px 0px,
	#fff 0px -2px 0px, #fff 0px 2px 0px,
	#fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px,
	#fff 1px 2px 0px, #fff -1px 2px 0px,
	#fff 1px -2px 0px, #fff -1px -2px 0px,
	#fff 2px 1px 0px, #fff -2px 1px 0px,
	#fff 2px -1px 0px, #fff -2px -1px 0px,
	#fff 1px 1px 0px, #fff -1px 1px 0px,
	#fff 1px -1px 0px, #fff -1px -1px 0px,
	#fff 0 0 4px,#fff 0 0 8px,#fff 0 0 12px;
	animation-name: fadeup;
	animation-duration:3s;
}
@keyframes fadeup {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* demo site */

.sp-demosite-Ttl {
	display:block;
	margin:12px auto;
	font-size:1.8rem !important;
	font-family:"Shin Go Regular",sans-serif;
	font-weight:normal;
	text-align:center;
	background:#fafafa;
	padding:8px;
}
.sp-demosite-Wpr {
	width:423px;
	height:727px;
	position:relative;
	background:#222;
	border-radius:20px;
	margin:12px auto;
	border:2px solid #fff;
	box-sizing:content-box;
	box-shadow:2px 2px 4px #000;
}
.sp-demosite-Wpr::after {
	content:"枠の大きさ 横375×縦667";
	font-size:1.2rem;
	color:#fff;
	position:absolute;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	bottom:0;
	left:0;
	right:0;
	top:auto;
	margin:auto;
	display:block;
}
.sp-demosite-Box {
	width:391px;
	height:667px;
	position:absolute;
	top:20px;
	left:16px;
}
.demo-qrcode-Box {
	padding-top:32px;
	text-align:center;
}
.demo-qrcode-Box img {
	border:1px solid #ccc;
}


/* Function page
-------------------------------------- */
.cmn-accordion-Dtl.func-dtl-Box {
	text-align:left;
}
.func-dtl-Box > p {
	font-size:1.8rem;
	margin:0;
	padding:8px 16px 12px;
	font-family:"Shin Go Regular";
	background-color:#f5f5f5;
}
.func-dtl-Box dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	padding:4px 0 8px;
}
.func-dtl-Box dt,
.func-dtl-Box dd {
	padding:0;
}
.func-dtl-Box dt {
	margin:0;
	padding:16px 8px;
	width:12%;
	text-align:center;
}
.func-dtl-Box dt span {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;

	background:#2fc3c3;
	border-radius:4px;
	width: 100%;
}
.func-dtl-Box dt span::before {
	content:"";
	display:block;
	padding-top:100%;

}
.func-dtl-Box dt span i {
	font-size:250%;
	color:#fff;
	padding:4px;
}
.func-dtl-Box dd {
	width:88%;
	line-height:2;
	padding:12px 16px 24px;
}

/* Price page
-------------------------------------- */
.pr-ml-Box {
	width:90%;
	margin:0 auto 12px;
	letter-spacing:normal;
}
.pr-ml-Box li,
.pr-ml-Box li:first-of-type,
.pr-ml-Box li:last-of-type {
	padding:0;
	margin:0;
	float:none;
	width:100%;
	font-weight:normal;
}
.pr-ml-Box li::before {
	content: "・";
	padding:2px;
	font-size:1.8rem;
	font-weight:bold;
	color:#f60;
}

/* Comparison table */
.pr-ml-Tbl h3 {
	display:block;
	background:#f8fbff;
	padding:12px;
	text-align:center;
	font-size:1.8rem;
	margin-bottom:16px;
}
.pr-ml-Tbl {
	width:100%;
	margin:20px auto;
	padding:0;
}
.pr-ml-List {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	width:100%;
	height:100%;

	border-width:0 1px;
	border-style:solid;
	border-color:#333;
}
.pr-ml-List ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

	border-width:1px 0 2px;
	border-style:solid;
	border-color:#444;
}
.pr-ml-List ul li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	border-width:1px 1px 0;
	border-style:solid;
	border-color:#444 #444 #999;
	margin:0;
	padding:4px 12px;
	width:100%;
	height:100%;
}
.pr-ml-List ul:first-child li:first-child {
	background:#a2fcfc;
}
.pr-ml-List ul:first-child li:last-child {
	background:#cff;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction:row;
}
.pr-ml-List li:first-child {
	background: -moz-linear-gradient(top, #eee 0%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top,#eee 0%,#f6f6f6 100%);
	background: linear-gradient(to bottom, #eee 0%,#f6f6f6 100%);
	height:60px;
}
.pr-ml-List li:last-child {
	flex-direction:column ;
	align-content:center;
	margin:0;
	padding:16px 8px 8px;
}
.pr-ml-List li p {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.4;
}

/* price campaign */
.pr-ml-List li p.prml-campain {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.8;
}
.pr-ml-List li p.prml-campain span {
	display:block;
	width:100%;
}
.pr-ml-List li p.prml-campain::before {
	content:"半額キャンペーン中！";
	display:inline-block;
	color:#fff;
	font-size:1.2rem;
	font-weight:normal;
	position:relative;
	margin:0 ;
	padding:2px 10px;
	text-align:center;
	background:#ff3098;
	border-radius:16px;
	box-sizing:border-box;
	margin:8px 0;
}
.pr-ml-List li p.prml-campain::after  {
	content:"";
	position:absolute;
	top:24px;
	right:50%;
	border:18px solid transparent;
	border-top:18px solid #ff3098;
	z-index:-2;
}


/* Flow page
-------------------------------------- */

.flow-fb-Wpr {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;

	width:100%;
	padding:0;
	margin:0;
}
.flow-fb-Wpr li {
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}
.flow-fb-Wpr li:not(:last-child):after {
	font-family:'icomoon';
	content:"\e907";
	font-weight:normal;
	font-size:2.8rem;
	padding:8px;
	margin:0;
	display:block;
}
.flow-fb-Wpr li:not(:nth-child(odd)):after {
	color:#099;
}
.flow-fb-Wpr li:not(:nth-child(even)):after {
	color:#990;
}
.flow-fb-Wpr div {
	display:block;
	width:70.7%;
	text-align:left;
	overflow:hidden;
	border-radius:8px;
}
.flow-fb-Wpr div p {
	padding:12px 16px;
}
.flow-cll-Box div {
	margin-right:auto;
	border:2px solid #990;
}
.flow-cll-Box div::before {
	display:block;
	content:"お客様";
	font-weight:bold;
	text-align:center;
	padding:8px;
	color:#111;
	background:#ffc;
}
.flow-clr-Box div {
	margin-left:auto;
	border:2px solid #099;
}
.flow-clr-Box div::before {
	display:block;
	content:"弊社";
	font-weight:bold;
	text-align:center;
	padding:8px;
	color:#111;
	background:#cff;
}

/* Template page
-------------------------------------- */

.template-main-Container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	width:100%;
	max-width:1600px;
	margin:0 auto;
	padding:0 16px;
}

/* Template Left col */
.template-side-Box {
	width:320px;
	padding:0 8px 16px 0;
}

/* Template Right col */
.template-main-Box {
	width:100%;
	flex:1 0;
	padding:0 0 16px 8px;
}
.tmp-info-Box {
	padding:0 16px 16px;
}
.tmp-info-Box ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
}
.tmp-info-Box li{
	width:95%;
}
.tmp-info-Box li p {
	padding:12px;
	font-size:1.6rem;
}
.tmp-info-Box li p::before {
	font-family:'icomoon';
	content:"\e946";
	font-size:1.6rem;
	padding-right:4px;
}


/* template filter box */
.tmp-search-Wpr {
	margin:0 auto;
}
/* search ttl */
#tmp-search-Head span {
	font-size:1.8rem;
	font-weight:400;
	display:block;
	cursor:pointer;
	padding:12px;
	position:relative;
}

@media only screen and (min-width:961px) {
	#tmp-search-Box {
		display:block;
	}
}
@media only screen and (max-width:960px) {
	#tmp-search-Head span {
		color:#06f;
	}
	#tmp-search-Head span:hover {
		color:#f0c;
	}
	#tmp-search-Head span::before {
		position:absolute;
		right:12px;
		margin:auto;
		font-family:'icomoon';
		font-weight:normal;
		font-size:1.8rem;
		color:#111 !important;
		content:"\e926"
	}
	#tmp-search-Head.tmpsrch-ttl-active span::before {
		content:"\e92a"
	}
	#tmp-search-Box {
		display:none;
	}
}

/* template filter */
.tmp-filter-Wpr {
	padding:16px;
	margin:0 auto;
}
.tmp-filter-Wpr h2 {
	display:block;
	padding:8px;
	width:100%;
	background:#f8f8f8;
	text-align:center;
}
.tmp-filter-Box {
	text-align:center;
	padding:12px 0 16px;
}
.tmp-color-Box ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.tmp-color-Box ul li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	padding:4px 8px 12px;
}
.tmp-color-Box label {
	text-indent:-9999px;
	display:inline-block;
}
.tmp-color-Box input[type=radio] {
	border:1px solid #555;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	position:relative;
	width:52px;
	height:52px;
	cursor:pointer;
	margin:0;
	outline:none;
	position:relative;
	border-radius:0;
}
.tmp-color-Box input[type=radio]:checked::before,
.tmp-color-Box input[type=radio]:checked::after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.tmp-color-Box input[type=radio]:checked::before {
	border-radius:50%;
	width:32px;
	height:32px;
	z-index:1;
	background-color:rgba(0,0,0,0.6);
}
.tmp-color-Box input[type=radio]:checked::after {
	color:#fff;
	font-family:'icomoon';
	font-weight:normal;
	content:"\e90a";
	position:absolute;
	font-size:20px;
	width:20px;
	height:20px;
	z-index:3;
}
.tmpcolor-btn-01{
	background-color:#fff;
}
.tmpcolor-btn-02 {
	background-color:#222;
}
.tmpcolor-btn-03 {
	background-color:#f00;
}
.tmpcolor-btn-04 {
	background-color:#f60;
}
.tmpcolor-btn-05 {
	background-color:#ff0;
}
.tmpcolor-btn-06 {
	background-color:#0e0;
}
.tmpcolor-btn-07 {
	background-color:#0ff;
}
.tmpcolor-btn-08 {
	background-color:#00f;
}
.tmpcolor-btn-09 {
	background-color:#c0f;
}
.tmpcolor-btn-10 {
	background-color:#f69;
}
/* tmp search submit btn */
.tmp-filter-Wpr .of-sb-Box {
	margin:0 auto;
	padding:0;
	width:100%;
}
.tmp-filter-Wpr .of-sb-Box ul {
	margin:8px auto;
}

/* template number */
#tmp-detail-Wpr h1 {
	width:98%;
	color:#111;
	font-size:1.8rem;
	font-weight:400;
	text-shadow: 0px 0px 3px #fff;
	text-align:center;
	margin:0 auto;
	padding:8px 16px 4px;
	background:#efefef;
}
#tmp-detail-Wpr h1 span {
	padding:0 4px;
}
.tmp-sr-Wpr {
	width:98%;
	margin:0 auto 24px;
	padding:4px 16px 12px;
	background:#efefef;
}
.tmp-sr-Wpr ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;
}
.tmp-sr-Wpr li {
	padding:0 12px;
	font-size:1.4rem;
	color:#222;
}
.tmp-sr-Wpr li:first-child::before,
.tmp-sr-Wpr li:last-child::before {
	font-family:'icomoon';
	font-weight:normal;
	padding:0 4px 0 0;
}
.tmp-sr-Wpr li:first-child::before {
	content:"\e952";
}
.tmp-sr-Wpr li:last-child::before {
	content:"\e93b";
}
.tmp-sr-Wpr li:first-child span:before {
	content:"カラー：";
}
.tmp-sr-Wpr li:last-child span:before {
	content:"ジャンル：";
}
#tmp-detail-Wpr,
#case-detail-Wpr {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-webkit-align-items:stretch;
	align-items:stretch;

	width:99%;
	margin:0 auto 16px;
}

/* template detail */
.tmp-detail-Box,
.case-detail-Box {
	box-sizing:border-box;
	height:auto;
}


.tmp-detail-Box dl,
.case-detail-Box dl {
	width:92%;
	border:2px solid #333;
	vertical-align:bottom;
	background:#fff;
	overflow:hidden;
	margin:0 auto 32px;
}
.tmp-detail-Box > dl {
	box-shadow:0 0 8px #888;
}
.tmp-detail-Box dl dt,
.tmp-detail-Box dl dd,
.case-detail-Box dl dt,
.case-detail-Box dl dd {
	margin:0;
}
.tmp-detail-Box dl dt,
.case-detail-Box dl dt {
	text-align:center;

}
.tmp-detail-Box dl dt span,
.case-detail-Box dl dt span {
	font-weight:bold;
	background:#151515 !important;
	font-size:2rem;
	color:#fff;
	display:block;
	padding:12px;
}
.tmp-detail-Box dl dt span::before {
	content:"テンプレート No.";
	display:inline-block;
	margin:0;
	font-size:1.4rem;
	font-weight:normal;
	color:#eee;
}
.case-detail-Box dl dt span::after {
	content:"様";
	display:inline-block;
	margin:0 0 0 4px;
	font-size:1.4rem;
	font-weight:normal;
}
.tmp-detail-Box dl dd,
.case-detail-Box dl dd {
	width:100%;
	text-align:center;
}
.tmp-detail-Box dl dd.tmp-dtl-Pic,
.case-detail-Box dl dd.tmp-dtl-Pic {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;

	padding:6px;
}
.tmp-detail-Box dl dd.tmp-dtl-Pic a {
	display:block;
	width:50%;
	padding:8px;
}
.tmp-detail-Box .tmp-dtl-Pic a img {
	border:none;
}
.trim-Image {
	overflow:hidden;
	position:relative;
	width:100%;
}
.trim-Image::before {
	content:"";
	display:block;
	padding-top:100%;
}
.trim-Image img {
	width:auto;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	object-fit:cover;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.tmp-detail-Box dl dd.tmp-dtl-Price {
	padding:0 16px 16px;
	font-size:1.2rem;
	width:100%;
}
.tmp-detail-Box dl dd.tmp-dtl-Price dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-webkit-align-items:stretch;
	align-items:stretch;

	border:none;
	width:100%;
	margin:0 auto;
}
.tmp-detail-Box dl dd.tmp-dtl-Price dt {
	background:#eee;
}
.tmp-detail-Box dl dd.tmp-dtl-Price dt,
.tmp-detail-Box dl dd.tmp-dtl-Price dd {
	vertical-align:top;
	width:50%;
	margin:0;
	padding:4px 0;
	font-size:1.2rem;
	border-bottom:1px solid #bbb;
}
.tmp-detail-Box dl dd.tmp-dtl-Price dt:first-of-type,
.tmp-detail-Box dl dd.tmp-dtl-Price dd:first-of-type {
	border-top:1px solid #bbb;
}
.tmp-detail-Box dl dd.tmp-dtl-Btn {
	padding:0 0 16px;
	margin:0 auto;
}
.tmp-detail-Box dd p.main-btn-Box {
	margin:0 auto;
	width:61.8%;
}
.tmp-detail-Box dd p.main-btn-Box a::after {
	content:"\e913";
	font-weight:normal;
}
.tmp-detail-Box dd.tmp-order-Box a {
	color:#fff;
	text-shadow:-1px -1px 0 #111;
	display:block;
	font-size:1.6rem;
	font-weight:bold;
	margin:0 auto;
	padding:0 36px;
	height:52px;
	line-height:52px;
	position:relative;
	background: -moz-linear-gradient(top, #218de3 0%, #0a355f 100%);
	background: -webkit-linear-gradient(top,#218de3 0%,#0a355f 100%);
	background: linear-gradient(to bottom, #218de3 0%,#0a355f 100%);
}

.tmp-detail-Box dd.tmp-order-Box a:hover {
	text-decoration:none;
	background: -moz-linear-gradient(top, #1a7bdd 0%, #082a4f 100%);
	background: -webkit-linear-gradient(top,#1a7bdd 0%,#082a4f 100%);
	background: linear-gradient(to bottom, #1a7bdd 0%,#082a4f 100%);
}
.tmp-detail-Box dd.tmp-order-Box a::after,
.tmp-detail-Box dd.tmp-order-Box a::before {
	color:#fff;
	font-family:'icomoon';
	font-weight:normal;
	margin-top:-26px;
	position:absolute;
	top:50%;
}

.tmp-detail-Box dd.tmp-order-Box a::before {
	content:"\e918";
	left:16px;
}
.tmp-detail-Box dd.tmp-order-Box a::after {
	content:"\e909";
	right:16px;
}
.tmpdtl-not-available {
	text-align:center;
	width:100%;
	padding:64px 16px;
}

/* pager */
.center-paging-Wpr {
	width:100%;
	border-top:2px dotted #ccc;
	padding:24px 0;
	margin:0 auto 40px;
}
.center-paging-Wpr ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;

	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;

	text-align:center;
	width:100%;
}
.center-paging-Wpr li p,
.center-paging-Wpr li a {
	display:block;
	padding:12px 16px;
	margin:4px;
	border-radius:4px;
	border-width:2px;
	border-style:solid;
	text-decoration:none;
	font-weight:bold;
}
.center-paging-Wpr li p {
	border-color:#ddd;
	background:#eee;
}
.center-paging-Wpr li a {
	border-color:#eaf2ff;
	background:#f0f5fd;
}
.center-paging-Wpr li:first-child a,
.center-paging-Wpr li:last-child a {
	padding:12px;
}
.center-paging-Wpr li a i {
	margin:0 8px;
}

/* Company page
-------------------------------------- */

.cp-m-Bdr {
	border:1px solid #8e8e8e;
}
.cp-m-Bdr:first-of-type {
	border-top:2px solid #8e8e8e;
}
.cp-m-Bdr:last-of-type {
	border-top:1px solid #8e8e8e;
	border-bottom:2px solid #8e8e8e;
}
.cp-m-Bdr dt {
	border-left:5px solid #d3d3d3;
}

.of-cl-Wpr {

}
.of-cl-Box.cp-m-Bdr dt {
	font-weight:bold;
}
.of-cl-Box.cp-m-Bdr dd {
	text-align:left;
}
.of-cl-Box {
	width:100%;
	display:table;
	table-layout:fixed;
}
.of-cl-Box:nth-child(even) {
	background-color:#f9f9f9;
}
.of-cl-Box > dt,
.of-cl-Box > dd {
	display:table-cell;
	padding:20px 12px;
	vertical-align:top;
	font-size:1.6rem;
}
.of-cl-Box > dt {
	width:38.2%;
	background: -moz-linear-gradient(top,  rgba(220,220,220,0.3) 0%, rgba(252,252,252,0.3) 100%);
	background: -webkit-linear-gradient(top,  rgba(220,220,220,0.3) 0%,rgba(252,252,252,0.3) 100%);
	background: linear-gradient(to bottom,  rgba(220,220,220,0.3) 0%,rgba(252,252,252,0.3) 100%);
}

.of-cl-Box > dd {
	width:61.8%;
	text-align:center;
}
.of-cl-Box dd ul.cf-towcol-Box {
	display:table;
	width:95%;
	margin:0 auto;
}
.of-cl-Box dd ul.cf-towcol-Box li {
	display:table-cell;
	padding:0 8px;
	margin:0 auto;
	width:50%;
	text-align:left;
}

/* Contact page
-------------------------------------- */

.cmn-form-Box h2 {
	text-align:center;
	padding:12px 16px;
	color:#fff;
	font-size:2.2rem;
	margin:0 !important;
}
.cmn-form-Box h3 {
	text-align:center;
	border-width:2px 1px 0;
	border-color:#333 #666;
	border-style:solid;
	background:#ddd;
}
.cmn-form-Box h3 span {
	color:#333;
	display:block;
	font-size:2rem;
	font-weight:400;
	padding:8px;
	text-shadow:#eee 1px 1px 0, #eee -1px -1px 0,#eee -1px 1px 0, #eee 1px -1px 0,#eee 0px 1px 0, #eee  0-1px 0,#eee -1px 0 0, #eee 1px 0 0;
}
.ct-mf-Bdr {
	border-style:solid;
	border-width:1px 1px 0;
	border-color:#333 #666;
}
.ct-mf-Bdr:first-of-type {
	border-top:1px solid #333;
}
.ct-mf-Bdr:last-of-type {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.ct-mf-Bdr > dt {
	border-left:5px solid #ccc;
}
.of-cl-Box.ct-mf-Bdr dd p{
	text-align:right;
	margin:4px auto;
	padding:0;
	width:95%;
}
/* form elements */
select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	border-radius:4px;
	border:1px solid #666;
	width:95%;
	margin:0 auto;
	font-size:1.8rem;
	padding:12px;
	color:#111;
	background:#fff;
}
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
	border:1px solid #f0c;
	background:#e5ffff;
}
select {
	text-align:left;
	line-height:20px;
}
select:focus {
	box-shadow:0 0 5px #ff00cc;
}
textarea {
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Century Gothic",Arial,"ＭＳ Ｐゴシック",sans-serif;
	resize:vertical;
	height:300px;
	min-height:120px;
	max-height:1000px;
}
select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	box-shadow:0 0 2px 2px rgba(100,100,100,.2) inset;
}
input::-webkit-input-placeholder {
	opacity:0.5;
	font-weight: normal;
}
::-webkit-input-placeholder	{
	opacity:0.5;
	font-weight: normal;
}
::-moz-placeholder {
	opacity:0.5;
	font-weight: normal;
}
:-moz-placeholder {
	opacity:0.5;
	font-weight: normal;
}
:-ms-input-placeholder {
	opacity:0.5;
	font-weight: normal;
} 
div.radio-group input,
div.check-group input {
	display: none;
}
div.radio-group label,
div.check-group label {
	box-shadow:0 0 2px 2px rgba(100,100,100,.2) inset;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin:0 auto 12px;
	padding:12px 4px 12px 44px;
	border-radius:4px;
	color: #222;
	font-size:1.6rem;
	border:1px solid #666;
	width:95%;
	text-align:left;
}
div.radio-group label:hover,
div.check-group label:hover {

}
div.radio-group input[type="radio"]:checked + label,
div.check-group input[type="checkbox"]:checked + label {
	background:#9debeb;
	color: #111;
}
div.radio-group label:before{
	position: absolute;
	content: "";
	top: 45%;
	left: 10px;
	width: 26px;
	height: 26px;
	margin-top: -11px;
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
	border-radius: 50%;
	border:1px solid #666;
}
div.radio-group input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 45%;
	left: 15px;
	width:16px;
	height:16px;
	margin-top: -6px;
	border-radius: 50%;
	border:1px solid #666;
	background: -moz-linear-gradient(top, #008080 0%, #00cccc 100%);
	background: -webkit-linear-gradient(top,#008080 0%,#00cccc 100%);
	background: linear-gradient(to bottom, #008080 0%,#00cccc 100%);
}
div.check-group label:before {
	border:1px solid #666;
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	display: block;
	width:26px;
	height:26px;
	margin-top:-13px;
	background: #eee;
}
div.check-group input[type="checkbox"]:checked + label:after{
	content: "";
	position: absolute;
	top: 50%;
	box-sizing:border-box;
	display: block;
	left: 16px;
	width:18px;
	height: 12px;
	margin-top: -8px;
	border-left:4px solid #066;
	border-bottom: 4px solid #066;
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
/* input disabled */
input[type="text"][disabled],
input[type="email"][disabled],
div.radio-group input[type="radio"][disabled] + label {
	background:#dcdcdc;
	color:#aaa !important;
	text-decoration:line-through;
	cursor:not-allowed;
}
/* required */
.cmn-reqdlbl::after {
	content:"*必須";
	color:#FF1493;
	font-size:1.2rem;
	margin-left:6px;
}
.cf-confirm-Box .cmn-reqdlbl::after {
	content:"";
}
/* message error */
dl.of-cl-Box dd select.messageError,
dl.of-cl-Box dd input[type="text"].messageError,
dl.of-cl-Box dd input[type="email"].messageError,
dl.of-cl-Box dd textarea.messageError,
.contact-comment.messageError {
	border:1px solid #f00;
	background:#ffe3e3;
}
div.messageError {
	text-align:left;
	color:red;
	width:96%;
	margin:0 auto;
	padding:5px 0;
	font-weight:bold;
}
div.messageError:before {
	font-family:'icomoon';
	content:"\e900";
	padding:4px;
	font-size:2rem;
	font-weight:normal;
	color:#f00;
}
/* form submit */
.of-sb-Box {
	margin:0 auto;
	padding:24px 0;
	text-align:center;
	width:61.8%;
}
.of-sb-Box ul {
	width:100%;
	margin:0 auto;
	display:table;
}
.of-sb-Box li {
	padding:0 5px;
	display:table-cell;
	width:50%;
	vertical-align:middle;
}

.of-sb-Box .cmn-submit-Btn,
.of-sb-Box a.backBtn {
	border-radius:8px;
	display:block;
	font-size:1.8rem;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
	text-decoration:none;
	position:relative;
	height:52px;
	line-height:48px;
	font-family:inherit;
	width:100%;
}

.of-sb-Box .cmn-submit-Btn {
	border:2px solid #3079ed;
	cursor:pointer;
	color:#FFF;
	background: -moz-linear-gradient(top, #218de3 0%, #0a355f 100%);
	background: -webkit-linear-gradient(top,#218de3 0%,#0a355f 100%);
	background: linear-gradient(to bottom, #218de3 0%,#0a355f 100%);
}
.of-sb-Box .cmn-submit-Btn:hover {
	border:2px solid #2f5bb7;
	background: -moz-linear-gradient(top, #1a7bdd 0%, #082a4f 100%);
	background: -webkit-linear-gradient(top,#1a7bdd 0%,#082a4f 100%);
	background: linear-gradient(to bottom, #1a7bdd 0%,#082a4f 100%);
}
.of-sb-Box .cmn-submit-Btn:active {
	background: -moz-linear-gradient(top, #082a4f 0%, #04203d 100%);
	background: -webkit-linear-gradient(top,#082a4f 0%,#04203d 100%);
	background: linear-gradient(to bottom, #082a4f 0%,#04203d 100%);
}
.of-sb-Box .cmn-submit-Btn:disabled {
	background:#999;
	border-color:#555;
	text-decoration:line-through;
	cursor:not-allowed;
}
.of-sb-Box a.backBtn {
	border:2px solid #bbb;
	color:#444;
	text-shadow:1px 1px 0 #fff;
	background: -moz-linear-gradient(top, #eaeaea 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(top,#eaeaea 0%,#fcfcfc 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#fcfcfc 100%);
}
.of-sb-Box a.backBtn:hover {
	border:2px solid #aaa;
	text-decoration:none;
	background: -moz-linear-gradient(top, #dadada 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(top,#dadada 0%,#eaeaea 100%);
	background: linear-gradient(to bottom, #dadada 0%,#eaeaea 100%);
}
.of-sb-Box a.backBtn:active {
	background:#c7c7c7;
}

/* confirm */
dl.of-cl-Box dd p.f-cfm-Txt {
	width:95%;
	margin:0 auto;
	text-align:left;
	font-size:1.8rem;
	word-break:break-all;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
/* send */
.ct-fs-Box {
	margin:20px 0;
	text-align:center;
}
/* Trial page
-------------------------------------- */

.of-anke-wrapper {
	display:none;
}
h2.trial-anke-ttl {
	padding:8px;
	font-size:1.8rem;
	font-weight:700;
	border-style:solid;
	border-width:0 1px;
	border-color:#666;
	text-shadow:#055757 1px 1px 0, #055757 -1px -1px 0,#055757 -1px 1px 0, #055757 1px -1px 0,#055757 0px 1px 0, #055757  0-1px 0,#055757 -1px 0 0, #055757 1px 0 0;
}

/* Order page
-------------------------------------- */


/* order page heding */

#frm-order-Wpr div.of-cl-Wpr:nth-of-type(1) dl.of-cl-Box::before,
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(2) dl.of-cl-Box::before,
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(6) dl.of-cl-Box::before,
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(7) dl.of-cl-Box::before,
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(11) dl.of-cl-Box::before,
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(12) dl.of-cl-Box::before  {
	font-size:2rem;
	font-family:"Shin Go Regular";
	padding:8px 0;
/*
	font-weight:400;
	text-shadow:#eee 1px 1px 0, #eee -1px -1px 0,#eee -1px 1px 0, #eee 1px -1px 0,#eee 0px 1px 0, #eee  0-1px 0,#eee -1px 0 0, #eee 1px 0 0;
*/
	display:table-caption;
	width:100%;

	text-align:center;
	border-width:1px 1px 0;
	border-color:#111 #666;
	border-style:solid;
	background:#eee;
}
#frm-order-Wpr div.of-cl-Wpr dl.disp-swi-Box .of-cl-Box::before {
	display:none;
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(1) dl.of-cl-Box::before {
	content:"プランについて";
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(2) dl.of-cl-Box::before {
	content:"お申込者様の情報";
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(6) dl.of-cl-Box::before {
	content:"お支払いについて";
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(7) dl.of-cl-Box::before {
	content:"お店の情報";
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(11) dl.of-cl-Box::before {
	content:"オプション";
}
#frm-order-Wpr div.of-cl-Wpr:nth-of-type(12) dl.of-cl-Box::before {
	content:"規約をご確認ください";
}
.disp-swi-Box {
	display:none;
}

/* order page help button */
.fb-inline-content {
	display:none;
}
.fb-help-Btn {
	width:100%;
	cursor:pointer;
	color:#06f;
	display:block;
	font-size:1.6rem;
	padding:0 32px;
	text-align:left;
	height:40px;
	line-height:40px;
	position:relative;
	margin-bottom:8px;
}
.fb-help-Btn::before {
	font-family:'icomoon';
	content:"\e91a";
	font-weight:normal;
	position:absolute;
	left:12px;
	top:50%;
	font-size:1.6rem;
	margin-top:-20px;
}
.fb-help-Btn::after {
	font-family:'icomoon';
	content:"\e951";
	font-weight:normal;
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-20px;
}

/* order page inline content */
.fb-inline-content dt {
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	padding:8px;
}
.fb-inline-content dd {
	padding:16px;
}
.fb-inline-content dd h3 {
	background:#eee;
	font-weight:bold;
	padding:12px 16px;
}
.fb-inline-content dd p {
	padding:16px 16px 24px;
}
.fb-inline-content dd p img {
	display:block;
	margin:8px auto 0;
}
.fb-ilbnrBox {
	overflow:hidden;
	text-align:center;
	padding:0 0 28px;
}
.fb-ilbnrBox p {
	text-align:left;
	padding:4px 8px ;
}
.fb-il-Bigbnrdtl {
	margin:8px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.fb-il-Bigbnrdtl li {
	overflow:hidden;
	min-width: 0;
	padding:0 8px 0 0;
}

/* template plan */
#plan-status-Wpr {
	margin:0 auto;
}
.plan-status-Box h4 {
	background:#eee;
	padding:8px;
	display:block;
	margin:0 auto 12px;
	border-left:5px solid #ccc;
}
.plan-status-Box {
	margin:16px 0 12px;
}
.plan-status-Box .tmp-detail-Box {
	width:100%;
}
.plan-status-Box .tmp-detail-Box dl {

}

/* terms */
.od-tos-Wpr {
	padding:0;
	margin:0 0 20px;
}
.od-tos-Box {
	height:auto;
	min-height:40px;
	max-height:240px;
	padding:8px 12px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:0;
	-webkit-overflow-scrolling:touch;
}
.od-tos-Box h2 {
	color:#111;
	font-size:1.8rem;
}
.od-tos-Box h3 {
	font-size:1.6rem;
	padding:8px;
	background:#eee;
	color:#111;
	text-shadow:none;
	border:none;
	display:block;
	margin:0 0 4px;
	font-weight:normal;
}
.od-tos-Box p {
	font-size:1.6rem;
	line-height:1.6 !important;
	padding:0;
	margin:16px !important;
	text-align:left !important;
}
#od-attn-Box {
	padding:0;
	text-align:center;
}

/* News & Works page
-------------------------------------- */

/* news list */
.news-list-Wpr,
.works-list-Wpr {
	width:100%;
	margin:0 auto 32px;
	border-bottom:1px solid #ccc;
}
.news-list-Wpr a:hover,
.works-list-Wpr a:hover {
	text-decoration:none !important;
}
.news-list-Wpr a:hover h2,
.works-list-Wpr a:hover h2 {
	text-decoration:underline;
}
.news-list-Box,
.works-list-Box {
	border-top:1px solid #ccc;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	width:100%;
}
.news-list-Box li,
.works-list-Box li {
	text-align:left;
	padding:12px;
}
.nflt-txt {
	text-align:center;
	padding:32px;
}
.newslt-ttl-Box,
.workslt-ttl-Box {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0;
	flex:1 0 0;
}

.newslt-pic-Box {
	width:120px;
	height:120px;
}
.workslt-pic-Box {
	width:200px;
	height:140px;
}
.newslt-pic-Box img,
.workslt-pic-Box img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.newslt-ttl-Box p,
.workslt-ttl-Box p
/*.news-list-Box li h2,*/
/*.works-list-Box li h2*/ {
	font-family:"Shin Go Regular";
	width:100%;
	font-size:2rem;
	margin-bottom:8px;
}
.important-news-list h2::before,
.important-news-detail h2::before {
	content:"重要";
	background:#f03;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}
.important-news-list h2::before {
	font-size:1.2rem;
	padding:2px 8px;
	margin:0 8px 0 0;
}
.workslt-genre-Box span {
	background:#f7f7f7;
	font-size:1.4rem;
	padding:4px 8px;
	display:inline-block;
}
.workslt-genre-01 {
	border-left:2px solid #e4ca92;
}
.workslt-genre-02 {
	border-left:2px solid #92e4a5;
}
.workslt-genre-03 {
	border-left:2px solid #92a8e4;
}

/* news data */
.news-data {
	width:100%;
	text-align:right;
	padding:4px;
}
.news-data span {
	font-size:1.4rem;
	padding:4px 16px;
	background:#eee;
	color:#111;
}

/* news detail */
.news-detail-Wpr,
.works-detail-Wpr {
	width:100%;
	margin:0 auto 32px;
}
.news-detail-Wpr h2,
.works-detail-Wpr h2 {
	font-family:"Shin Go Regular";
	padding:12px 16px 14px !important;
	font-size:2rem !important;
	text-align:left !important;
	margin:0 !important;
}
.news-detail-Box,
.works-detail-Box {
	padding:16px;
}
.newsdt-pic-Box img,
.worksdt-pic-Box img {
	display:block;
	margin:32px auto;
	width:61.8%;
	height:auto;
}
.newsdt-text-Box,
.worksdt-text-Box {
	margin:24px 8px 16px;
}
.newsdt-text-Box p,
.worksdt-text-Box p {
	margin:16px 0;
	line-height:1.8;
}

.important-news-detail h2::before {
	font-size:1.4rem;
	padding:4px 8px;
	margin:0 12px 0 0;
}

/* kanri news list */

.mgmt-news-Wpr .twocol-Container {
	width:100%;
	padding:0;
}
.mgmt-news-Wpr .official-news h2::after {
	font-family:'icomoon';
	content:"\e913";
	font-weight:normal;
	margin-left:12px;
}
.mgmt-news-Wpr .center-paging-Wpr {
	display:none;
}


/* news detail button */

/* template btn */
.news-demo-Box {
	width:100%;
	margin:16px auto;
	padding-top:24px;
}
.news-demo-Box a {
	width:61.8%;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
	display:block;
	height:52px;
	line-height:52px;
	position:relative;
	-webkit-transition:0.3s;
	transition:0.3s;
	box-sizing:content-box;
}
.news-demo-Box a::after {
	font-family:'icomoon';
	font-weight:normal;
	position:absolute;
	top:50%;
	text-shadow:none;
	margin-top:-26px;
	content:"\e913";
	font-weight:normal;
	right:12px;
}
.news-demo-Box a span {
	font-weight:inherit;
}

/* next prev */
.news-dtlbtn-Wpr,
.works-dtlbtn-Wpr {
	width:98%;
	margin:0 auto;
	border-top:2px dotted #ccc;
}
.news-dtlbtn-Wpr ul,
.works-dtlbtn-Wpr ul {
	margin:32px auto 16px;
	display:flow-root;
}
.news-dtlbtn-Wpr ul li,
.works-dtlbtn-Wpr ul li {
	width:50%;
}
.news-dtlbtn-Wpr li a,
.works-dtlbtn-Wpr li a {
	width:61.8%;
	font-weight:bold;
	text-align:center;
	display:block;
	height:48px;
	line-height:48px;
	position:relative;
	-webkit-transition:0.3s;
	transition:0.3s;
	box-sizing:content-box;
}
.news-dtlbtn-Wpr li a::after,
.works-dtlbtn-Wpr li a::after {
	font-family:'icomoon';
	font-weight:normal;
	position:absolute;
	top:50%;
	text-shadow:none;
	margin-top:-24px;
}
.news-dbprev-Box,
.works-dbprev-Box {
	float:left;
	text-align:left;
}
.news-dbprev-Box a,
.works-dbprev-Box a {
	padding:0 0 0 12px;
	margin:0 auto 0 0;
}
.news-dbprev-Box a::after,
.works-dbprev-Box a::after {
	content:"\e908";
	left:12px;
}
.news-dbnext-Box,
.works-dbnext-Box {
	float:right;
	text-align:right;
}
.news-dbnext-Box a,
.works-dbnext-Box a {
	margin:0 0 0 auto;
	padding:0 12px 0 0;
}
.news-dbnext-Box a::after,
.works-dbnext-Box a::after {
	content:"\e909";
	right:12px;
}
/* Sitemap page
-------------------------------------- */
.sm-ml-Wpr {
	width:95%;
	margin:0 auto 2em;
}
.sm-ml-Box {
	width:100%;
	display:table;
	font-size:1.8rem;
}
.sm-ml-Box i {
	display:none;
}

.sm-ml-Box ul {
	margin:0;
	padding:.5em 0 1em;
}
.sm-ml-Box li {
	list-style-type:disc;
	list-style-position:inside;
	margin:0.5em 1em;
	text-align:left;
}
.sm-ml-Box ul li {
	font-weight:normal;
	list-style-type:decimal;
	list-style-position:inside;
	margin: 0 0 .1em 3em;

}
.sm-ml-Box ul ul li {
	list-style-type:disc;
}

.sm-ml-Box li a {
	display:inline;
	width:100%;
	padding:0;
}
.sm-ml-Box h3 {
	display:inline;
}

/* FAQ page
-------------------------------------- */
/* internal link */
.int-link-Box {
	padding:4px 0;
	font-weight:bold;
	margin:0 auto 24px;
}
.int-link-Box i {
	margin-right:8px;
	font-size:2rem;
}

.int-link-Box ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

	list-style-type:upper-alpha;
	padding:0.5em 0.5em 0.5em 2em;
	font-weight:bold;
}
.int-link-Box ul {
	list-style-type:disc;
}
.int-link-Box ul li {
	padding:4px 0;
	width:50%;
	font-size:1.8rem;
	font-weight:bold;
}
.int-link-Box ul li {
	padding:4px 20px 4px 0;
}
.qa-ml-Wpr h2 {
	padding:12px 16px !important;;
	font-size:1.8rem !important;;
	color:#333 !important;;
	text-align:left !important;
	margin:0 !important;
}
.qa-ml-Box {
	width:100%;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #ccc;
}
.qa-ml-Box dt {
	cursor:pointer;
	margin:0;
	font-size:1.6rem;
	padding:12px 40px 12px 8px;
	border-top:1px solid #ccc;
}
.qa-ml-Box dt span {
	padding:0;
	position:relative;
	display:block;
	width:100%;
}
.qa-ml-Box dt:hover,
.qa-ml-Box dt.active {
	background: -moz-linear-gradient(top, #f4fbff 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,#f4fbff 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #f4fbff 0%,#ffffff 100%);
}
.qa-ml-Box dt span::before {
	content: "Q.";
	margin:0 4px 0 0;
	font-size:2rem;
	font-weight:bold;
	color:#006699;
}
.qa-ml-Box dt span::after {
	content: "＋";
	position:absolute;
	right:-30px;
	top:0;
	bottom:0;
	margin:0;
	font-size:2rem;
	font-weight:bold;
	color:#06f;
}
.qa-ml-Box dt.active span::after {
	content: "－";
	color:#003c8d;
}
.qa-ml-Box dd {
	display:none;
	padding:4px 12px 20px;
}
.qa-ml-Box dd p:first-child::before {
	content: "A.";
	margin:0 4px 0 0;
	font-size:2rem;
	font-weight:bold;
	color:#990000;
}

/* Regist page */
.onecol-cnt-Box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	min-height:100vh;
	font-size:1.8rem;
}
.onecol-cnt-Box header,
.onecol-cnt-Box footer {
	background:#141414;
	padding:8px 0;
	width:100%;
	text-align:center;
}
.onecol-cnt-Box header img.logo {
	width:140px;
	height:50px;
}
.onecol-cnt-Box footer {
	margin-top:auto;
}
.onecol-cnt-Box footer small,
.onecol-cnt-Box footer a {
	font-size:1.2rem;
	color:#eee !important;
}
.occnt-regist-Box {
	max-width:360px;
	min-width:280px;
	margin:0 auto;
	padding:16px;
	text-align:center;
}
.occnt-regist-Box p {
	padding:16px 0;
}

/* HELP - No Script page -
-------------------------------------- */
.onecol-cnt-Box h1 {
	font-size:2.8rem;
}
.occnt-nosc-Box {
	max-width:768px;
	margin:16px auto;
	padding:8px;
}
.occnt-nosc-Box h2 {
	padding:16px;
	font-weight:bold;
}
.nosc-mctxt {
	padding:8px 0;
}
.nosc-mctxt ol {
	padding-left:32px;
	list-style-type:decimal-leading-zero;
}
.nosc-mctxt.fp-mc-list ol {
	list-style-type:disc;
}
.nosc-mctxt ol li {
	padding:4px 0;
	margin:0 0 12px;
}


/* Right col 
--------------------- */

/* Right col commonbox */
.right-order-Box,
.right-support-Wpr,
.right-news-Wpr,
.right-link-Wpr,
.right-partner-Box {
	border-width:2px;
	border-style:solid;
}
/* Left support box */
.right-support-Wpr {
	border-color:#444;
	overflow:hidden;
	background:#fff url(../images/share/bnr_support.jpg) no-repeat top right;
	background-size:60%;
}
.right-support-Wpr .lsw-ttl-Box{
	padding:0;
	width:61.8%;
	display:block;
	margin:0 0 0 -20px;
	transform: skewX(-38deg);
	-moz-transform: skewX(-38deg);
	-webkit-transform: skewX(-38deg);
}
.right-support-Wpr .lsw-ttl-Box h2 {
	font-size:1.8rem;
	display:block;
	padding:8px 8px 12px;
	color:#fff;
	margin:0 0 0 52px;
	transform: skewX(38deg);
	-moz-transform: skewX(38deg);
	-webkit-transform: skewX(38deg);
}
.right-support-Wpr .l-s-cp {
	font-size:1.2rem;
	color:#333;
	width:180px;
	margin:12px 0 12px 12px;
}
.right-support-Wpr .l-s-Ttl {
	height:36px;
	line-height:40px;
	font-weight:bold;
	background:rgba(202,157,49,0.5);
	text-align:center;
	color:#fff;
	letter-spacing:3px;
	font-size:1.6rem;
	text-shadow:#703f04 1px 1px 0, #703f04 -1px -1px 0,#703f04 -1px 1px 0, #703f04 1px -1px 0,#703f04 0px 1px 0, #703f04  0-1px 0,#703f04 -1px 0 0, #703f04 1px 0 0 ,#703f04 0 0 1px,#703f04 0 0 2px,#703f04 0 0 3px;
}
.right-support-Wpr .l-s-Ttl a {
	color:#fff;
	font-weight:bold;
}
.right-support-Wpr .l-s-Info {
	background:#faefd5;
}
.right-support-Wpr ul {
	padding:5px 0;
}
.right-support-Wpr li i {
	margin:0 8px 0 0;
}
.right-support-Wpr li.l-s-Tel a {
	font-size:1.8rem;
	pointer-events:none;
}
.right-support-Wpr li.l-s-Mail a {
	font-size:1.8rem;
}
.right-support-Wpr li.l-s-Tel a,
.right-support-Wpr li.l-s-Mail a{
	font-weight:bold;
	color:#392a07;
	padding:0 20px;
}
.right-support-Wpr li.l-s-Tel a:hover,
.right-support-Wpr li.l-s-Mail a:hover {
	color:#072039;
}
.right-support-Wpr li.l-s-Txt {
	text-align:right;
	padding:0 30px 5px;
	font-size:1.4rem;
}
.right-news-Wpr,
.right-link-Wpr {
	background:#f4f4f4;
	border-color:#444;
}
.right-news-Wpr,
.right-partner-Box,
.right-link-Wpr {
	padding:0;
	margin:0 auto;
	width:100%;
}
.right-news-Wpr h2,
.right-partner-Box h2,
.right-link-Wpr h2 {
	text-align:center;
	font-size:1.8rem;
	color:#fff;
	padding:8px 8px 12px;
	display:block;
}
.right-news-Wpr dt{
	font-weight:bold;
	padding:8px 12px 0;
}
.right-news-Wpr dd {
	padding:0 12px 8px;
	margin:0;
	border-bottom:1px dashed #ccc;
}
.right-news-Wpr dd:last-child {
	border-bottom:none;
}
.right-news-Wpr dd a {
	display:block;
	width:100%;
	padding:8px;
}

/* Right col Partner */
.right-partner-Box {
	border-color:#444;
	background:#cff url(../images/share/bg_partner.jpg) no-repeat top center;
	background-size:cover;
}
.right-partner-Box dl {
	width:80%;
	margin:0 auto;
	border-color:#41cece;
	background:url(../images/share/bnr_partner.png) no-repeat top right;
	background-size:contain;
}
.right-partner-Box dt,
.right-partner-Box dt span {
	font-weight:bold;
	color:#c93200;
	text-shadow:#fff 1px 1px 0, #fff -1px -1px 0,#fff -1px 1px 0, #fff 1px -1px 0,#fff 0px 1px 0, #fff  0-1px 0,#fff -1px 0 0, #fff 1px 0 0 ,#fff 0 0 1px,#fff 0 0 2px,#fff 0 0 3px;
	font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.right-partner-Box dt {
	padding:16px 0;
}
.right-partner-Box dd {
	padding:4px 0 20px;
}
.right-partner-Box dd a {
	display:block;
	width:61.8%;
	text-align:center;
	padding:0;
	margin:0;
	height:48px;
	line-height:48px;
	font-weight:bold;
	position:relative;
}
.right-partner-Box dd a:hover {
	text-decoration:none;
}
.right-partner-Box dd a::after {
	font-family:'icomoon';
	content:"\e909";
	font-weight:normal;
	position:absolute;
	right:12px;
	top:50%;
	text-shadow:none;
	margin-top:-24px;
}

/* Right col Orderform box */

.right-order-Box {
	border-color:#444;
	background:url(../images/share/bg_order.jpg) no-repeat top center;
	background-size:cover;
}

.right-order-Box,
.right-support-Wpr {
	width:100%;
	margin:0;
}
.right-order-Wpr{
	top:16px;
	position:-webkit-sticky;
	position:sticky;
}
.form-content .right-order-Wpr {
	position:static;
}
.right-order-Box dl,
.right-support-Wpr dl {
	width:100%;
}
.right-order-Box h2 {
	text-align:center;
	padding:8px 8px 12px;
	color:#fff;
	font-size:1.8rem;
	display:block;
}
.right-order-Box h2 i {
	margin:0 12px 0 0;
}
.right-order-Box dd {
	padding:0;
}
.right-order-Box dt.right-order-Btn a {
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px 0 #111;
	background: -moz-linear-gradient(top, #218de3 0%, #0a355f 100%);
	background: -webkit-linear-gradient(top,#218de3 0%,#0a355f 100%);
	background: linear-gradient(to bottom, #218de3 0%,#0a355f 100%);
	border:3px solid #fff;
	border-radius:26px;
	box-shadow:0 0 5px #555;
	box-sizing:content-box;
	display:block;
	text-align:center;
	height:52px;
	line-height:52px;
	margin:24px auto;
	padding:0 16px 0 0;
	width:70.7%;
	position:relative;
}
.right-order-Box dt.right-order-Btn a:hover {
	text-decoration:none;
	background: -moz-linear-gradient(top, #1a7bdd 0%, #082a4f 100%);
	background: -webkit-linear-gradient(top,#1a7bdd 0%,#082a4f 100%);
	background: linear-gradient(to bottom, #1a7bdd 0%,#082a4f 100%);
}
.right-order-Box dt.right-order-Btn a::after {
	font-family:'icomoon';
	content:"\e909";
	font-weight:normal;
	position:absolute;
	color:#fff;
	top:50%;
	right:16px;
	margin-top:-26px;
	text-shadow:-1px -1px 0 #111;
}
.right-order-Box dd.right-contact-Btn {
	text-align:center;
	padding:12px;
	margin:8px 0;
	background-color:rgba(255,255,255,0.6);
	text-shadow:#fff 2px 0px,  #fff -2px 0px,#fff 0px -2px, #fff 0px 2px,#fff 2px 2px , #fff -2px 2px,#fff 2px -2px, #fff -2px -2px,#fff 1px 2px,  #fff -1px 2px,#fff 1px -2px, #fff -1px -2px,#fff 2px 1px,  #fff -2px 1px,#fff 2px -1px, #fff -2px -1px;
}
.right-contact-Btn a {
	display:block;
	width:100%;
}
.right-contact-Btn a:hover {
	text-decoration:none;
}

/* Right col AD bnr */
.right-ad-Box {
	width:100%;
	text-align:center;
	padding:0;
	margin:0 auto ;
}
.right-ad-Box a img  {
	width:100%;
	border:none;
	vertical-align:bottom;
}
.right-ad-Box a img:hover {
	border:none;
}

/* Footer
-------------------------------------- */
.footer-Wpr {
	width:100%;
	background:#151515;
	border-top:2px solid #20bdff;
}
.footer-Box {
	max-width:1112px;
	margin:0 auto;
	padding:40px 0;
	color:#ccc;
}
.footer-Box a:hover {
	color:#fefefe !important;
}
.footer-Box ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
.footer-Box li {
	padding:0 8px;
}
.footer-Box li:first-child,
.footer-Box li:first-child dl {
	width:100%;
}
.footer-Box li:first-child dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;

	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.footer-Box li:first-child dt {
	width:100%;
	font-family:"Shin Go Regular";
	font-size:1.6rem;
	padding:12px 8px 8px;
	margin-top:8px;
	display:block;
	color:#eee;
	border-top:1px solid #222;
}
.footer-Box li:first-child dd {
	width:25%;
	font-size:1.4rem;
	text-align:center;
	padding:4px 12px 8px;
}
.footer-Box li:first-child dd i {
	margin:0 4px 0 0;
	color:#ddd;
	font-size:1.1rem;
}
.footer-Box li:first-child dd a {
	color:#ccc;
	padding:4px 12px;
}
.footer-Box li:first-child dd a:hover {
	color:#fefefe;
}
.footer-Box li:last-child dl {
	width:420px;
}
.footer-Box li:last-child dt {
	text-align:center;
	padding:10px 0;
}
.footer-Box img.logo {
	width:140px;
	height:50px;
	vertical-align:bottom;
}
.footer-Box li:last-child dt a:hover {
	text-decoration:none;
}
.footer-Box li:last-child dd {
	padding:8px 0;
	text-align:center;
}
.footer-Box .st-info-Box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;
}
.footer-Box .st-info-Box address {
	padding:0;
	border:none;
}
.footer-Box .st-info-Box span {
	margin:0 auto;
	width:100%;
	display:block;
}
.footer-Box .st-info-Box a {
	color:#ddd;
}
.footer-Box .st-info-Box span:nth-child(3),
.footer-Box .st-info-Box span:nth-child(5) {
	margin:10px 0 0;
}
.footer-Box li:last-child small {
	font-size:1.2rem;
}
.footer-Box li:last-child small a {
	color:#fff;
}

/* page top */

#page-top {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:2000;
}
#page-top a {
	background-color:rgba(21,21,21,0.6);
	text-decoration:none;
	color:#fff;
	width:60px;
	padding:12px 0 8px;
	text-align:center;
	display:block;
	border-radius:5px;
}
#page-top a:hover {
	text-decoration:none;
	background-color:rgba(21,21,21,.9);
}

/* On desktop, we do not need to show menu button */
.material-menu-button {
	display:none;
}

/* 
	Desktop 2column
------------------------------------------------------- */

@media only screen and (min-width:1281px) {
	.tmp-detail-Box,
	.case-detail-Box {
		width:33%;
	}
}

/* 
	Laptop 2column
------------------------------------------------------- */
@media only screen and (min-width:961px) and (max-width:1280px) {
	.tmp-detail-Box,
	.case-detail-Box {
		width:50%;
	}
}

@media only screen and (min-width:961px) and (max-width:1080px) {
	/* Template Right col */
	.template-side-Box {
		width:280px;
	}
}
/* 
	Tablet 2column
------------------------------------------------------- */

@media only screen and (max-width:960px) {
	
	/* display none */
	.header-PC-Box {
		display:none;
	}
	
	/* header */
	.header-Box {
		padding:0;
	}

	/* breadcrumbs */
	.breadcrumbs ol {
		overflow-x: auto;
	/*	overflow-scrolling:touch;	*/
		-webkit-overflow-scrolling:touch;
	}

	/* Layout */
	.main-Box,
	.twocol-Container,
	.template-page-Box .twocol-Container,
	.twocol-main-Content {
		margin:0;
		max-width:100%;
		padding:0;
		width:100%;
	 }
	
	.twocol-contents-Box {
		max-width:100%;
		padding:0 8px;
		width:100%;
	}
	
	.side-Box {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;

		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		align-self:auto;

		position:-webkit-static;
		position:static;
		bottom:auto;
		padding:0 4px 20px;
		width:-webkit-calc(100%);
		width:calc(100%);
		width:100%;
	}

	.side-Content {
		width:50%;
		padding:0 4px;
		margin:0 0 8px;
	}
	.noscript-Msg {
		width:90%;
	}
	
	/* header */
	.header-Ttl h1 {
		text-align:center;
	}
	.header-SP-Box {
		display:inline;
		float:none;
		width:100%;
		margin:0 auto;
		padding:0;
		height:70px;
	}
	.header-Nav {
		height:70px;
		overflow:hidden;
		width:100%;
		margin:0 auto;
		padding:0;
		display:table;
	}
	.header-Nav li {
		height:70px;
		padding:0;
		margin:0;
		vertical-align:top;
		overflow:hidden;
	}
	.header-Nav li:nth-child(1) {
		display:inline-block;
		width:65px;
	}
	.header-Nav li:nth-child(2) {
		width:100%;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}
	.header-Nav img.logo {
		width:140px;
		height:50px;
		margin:0;
		padding:0;
		vertical-align:bottom;
	}
	.header-SP-Info {
		text-align:center;
		padding:0;
		color:#eee;
		font-size:1.2rem;
	}
	.stsp-title-Box {
		background:#151515;
		padding:4px 4px 8px;
	}
	.header-SP-Info a {
		color:#eee;
	}
	.header-SP-Info ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;

		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;

		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;

		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		background:#353535;
		padding:8px 4px;
		width:100%;
	}
	.header-SP-Info li {
		padding:0 4px;
	}
	.header-SP-Info li i {
		margin:0 4px;
	}

	/* sp gnavi */
	.gnavi-Box li:nth-child(1) {
		display:block;
	}
	.gnavi-Box li {
		border-left:none;
		border-right:none;
		border-bottom:1px solid #222;
	}
	.gnavi-Box li a {
		border-top:none;
		border-left-style:solid;
		border-left-width:5px;
		font-weight:400;
	}
	.gnavi-Box li a::after {
		font-weight:bold;
	}
	.gnavi-Box li:last-of-type a {
		border-left:none;
	}
	
	/* Menu in mobile-view */
	.material-menu-button {
		display:block;
		margin:12px auto;
		z-index:10;
		width:52px;
		height:48px;
		padding:11px 8px 0;
		cursor:pointer;
		border-style:solid;
		border-width:1px;
		border-color:#555;
		border-radius:2px;
		background:#000;
	}
	.material-menu-button:hover {
		background:#444;
	}
	.material-menu-button span {
		display:block;
		width:100%;
		height:6px;
		margin-bottom:4px;
		background:#fff;
	}
	.material-menu-wrapper {
		padding:0;
	}
	.material-menu-titlebar .material-menu-button {
		position:static;
	}
	.material-menu-title {
		margin:0 auto;
		text-align:center;
		overflow:hidden;
	}
	.material-menu-title img {
		height:40px;
		vertical-align:middle;
	}
	.material-menu ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;

		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		width:100%;
		margin:0;
	}
	.material-menu ul li,
	.material-menu ul li:nth-child(n+7) {
		display:block;
		width:100%;
	}
	.material-menu ul li a:hover {
		text-decoration:none;
	}
	.material-menu ul li:nth-child(-n+8) a {
		text-align:left;
		padding-left:5px;
		width:100%;
		height:52px;
		line-height:52px;
		margin:0;
		padding:0;
		font-size:1.6rem;
		text-decoration:none;
		position:relative;
	}
	.material-menu ul li:nth-child(-n+8) a::after {
		font-family:'icomoon';
		content:"\e909";
		position:absolute;
		top:50%;
		margin-top:-26px;
		right:10px;
	}
	.material-menu ul li.gnavi-mm-Ttl {
		text-align:center;
		color:#fff;
		margin:0;
		padding:12px 0;
		width:100%;
		overflow:hidden;
	}
	.material-menu ul li.mm-one-col,
	.material-menu ul li.mm-two-col,
	.material-menu ul li.mm-thr-col {
		float:left;
		border-left:none;
		text-align:center;
	}
	.material-menu ul li.mm-one-col a {
		border-left:none;
	}
	.material-menu ul li.mm-one-col a,
	.material-menu ul li.mm-two-col a,
	.material-menu ul li.mm-thr-col a {
		border-top:5px solid #444;
	}
	.material-menu ul li.mm-one-col a:hover,
	.material-menu ul li.mm-two-col a:hover,
	.material-menu ul li.mm-thr-col a:hover,
	.material-menu ul li.mm-one-col a.page-selected,
	.material-menu ul li.mm-two-col a.page-selected,
	.material-menu ul li.mm-thr-col a.page-selected {
		border-top:5px solid #888;
	}
	.material-menu ul li.mm-one-col {
		width:100%;
	}
	.material-menu ul li.mm-two-col {
		width:50%;
	}
	.material-menu ul li.mm-two-col i {
		font-size:1.8rem;
	}
	.material-menu ul li.mm-thr-col {
		width:33.3%;
	}
	.material-menu ul li.mm-two-col i {
		margin:0 8px 0 0;
	}
	.material-menu ul li.mm-thr-col i {
		display:block;
		margin:0 0 2px;
		padding:0;
		font-size:2rem;
	}
	.material-menu ul li.mm-two-col a,
	.material-menu ul li.mm-thr-col a {
		border-left:none;
		text-align:center;
	}
	.material-menu ul li.mm-two-col a {
		font-size:1.6rem;
	}
	.material-menu ul li.mm-thr-col a {
		padding:8px 0;
	}
	.material-menu ul li.mm-thr-col a span {
		font-size:1.2rem;
		display:block;
		margin:0;
		padding:0;
	}
	.material-menu ul li.mm-two-col a::after,
	.material-menu ul li.mm-thr-col a::after {
		content:"";
	}
	.material-menu ul li.mm-mail a,
	.material-menu ul li.mm-cmpny a,
	.material-menu ul li.mm-smap a {
		border-right:1px solid #222
	}
	.material-menu ul li:last-child a {
		padding:12px 0;
		text-align:center;
		overflow:hidden;
	}
	.material-menu ul li:last-child a::after {
		content: "";
	}
	.material-menu ul li a i {
		display:inline-block;
		margin:0 8px 2px;
		font-size:2.2rem;
		vertical-align:middle;
	}
	.material-menu ul li:first-child a i,
	.material-menu ul li:last-child a i {

	}
	.material-menu-view-mobile {
		background-color:#151515;
		-webkit-box-shadow:30px 0px 30px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:30px 0px 30px 0px rgba(0, 0, 0, 0.2);
		box-shadow:30px 0px 30px 0px rgba(0, 0, 0, 0.2);
	}
	.material-menu-overlay {
	}
	.material-menu-overlay::before {

		color:#fff;
		font-family:'icomoon';
		content:"\e91c";

		font-size:3rem;

		display:block;
		text-align:center;
		width:40px;
		height:40px;
		line-height:40px;

		position:absolute;
		top:0;
		right:0;
	}
	
	/* Titlebar */
	.material-menu-titlebar {
		padding:0;
		-webkit-box-shadow:0px 15px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0px 15px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.3);
		text-align:center;
	}
	.material-menu-titlebar {
		background-color:rgba(0,0,0,0.8);
	}
	
	/* Main one col 100% */
	.top-ccs-Box a {
/*
		pointer-events:none;
*/
	}
	.tcs-onecol-Box {
		margin:0 auto 30px;
	}
	.tcs-onecol-Box li div {
		height:300px;
	}

	/* page top */
	#page-top {
		position:static;
		bottom:auto;
		right:auto;
		display:block;
		width:100%;
		margin:20px auto;
	}
	#page-top a {
		background-color:transparent;
		border-radius:0;
		color:#333;
		display:block;
		text-align:center;
		text-decoration:none;
		width:100% !important;
		padding:12px !important;
	}
	#page-top a:hover {
		background-color:transparent;
	}
	#page-top i::after {
		content:"ページの上部へ戻る";
		font-size:1.6rem;
		margin-left:4px;
	}

	/* template filter box */
	.tmp-search-Contener {
		padding:0 4px;
	}
	.tmp-detail-Box { 
		width:50%;
	}

	/* Template Right col */
	.template-main-Container {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.template-side-Box,
	.tmp-info-Box li {
		width:100%;
	}
	.tmp-info-Box ul {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}

	/* News page
	-------------------------------------- */ 
	.news-detail-Wpr {
		width:98%;
	}

	/* Footer */
	.footer-Wpr {
		border-top:none;
	}
	.footer-Box {
		padding:0 0 4px;
		width:100%;
	}
	.footer-Box ul {
		display:inline
	}
	.footer-Box li {
		display:block;
		padding:0;
	}
	.footer-Box li:first-child {
		width:100%;
	}
	.footer-Box li:first-child dt,
	.footer-Box li:first-child dd:nth-of-type(n+5),
	.footer-Box li:first-child i {
		display:none;
	}
	.footer-Box li:first-child dd:nth-of-type(-n+4) {
		display:inline-block;
		width:25%;
		padding:0;
		font-size:1rem;
		border-top-style:solid;
		border-top-width:4px;
		border-bottom:1px solid #555;
		text-align:center;
		margin:0 0 8px;
	}
	.footer-Box li:first-child dd:nth-of-type(-n+4) a {
		display:block;
		width:100%;
		position:relative;
		padding:32px 0 4px;
		pointer-events:auto;
	}
	.footer-Box li:first-child dd:nth-of-type(-n+3) {
		border-right:1px solid #555;
	}
	.footer-Box li:first-child dd:nth-of-type(-n+3):hover {
		border-top-style:solid;
		border-top-width:4px;
		border-bottom:1px solid #555;
		border-right:1px solid #555;
		background:#333;
	}
	.footer-Box li:first-child dd:nth-of-type(4):hover {
		border-top-style:solid;
		border-top-width:4px;
		border-bottom:1px solid #555;
		background:#333;
	}
	.footer-Box li:first-child dd:nth-of-type(-n+4) a::before {
		font-family:'icomoon';
		position:absolute;
		top:6px;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		font-size:2.4rem;
		font-weight:normal;
	}
	.footer-Box li:first-child dd:nth-of-type(1) a::before {
		content: "\e95a";
	}
	.footer-Box li:first-child dd:nth-of-type(2) a::before {
		content: "\e916";
	}
	.footer-Box li:first-child dd:nth-of-type(3) a::before {
		content: "\e94d";
	}
	.footer-Box li:first-child dd:nth-of-type(4) a::before {
		content: "\e931";
	}
	.footer-Box li:last-child {
		padding:32px 0;
	}
	.footer-Box li:last-child dt {
		display:none;
	}
	.footer-Box li:last-child dl {
		width:100%;
	}
	.footer-Box li:last-child dd {
		padding:0;
	}
	.footer-Box li:last-child dd div.s-t-info a {
		pointer-events:auto;
	}
	.footer-Box li:last-child dd div.s-t-info a:hover {
		text-decoration:none;
	}
	.footer-Box li:last-child small {
		font-size:1rem;
	}

}

@media only screen and (min-width:768px) and (max-width:960px) {
	/* campaign */
	.campaign-ttl {
		font-size:150%;
	}
}

/* 
	Smartphone 1column
------------------------------------------------------- */

@media only screen and (min-width:768px) {
	.close-btn-Box::before {
		content:"今後表示しない ";
		font-size:1.2rem;
		vertical-align:middle; 
		
	}
}

@media only screen and (max-width:767px) {

	.sp-only {
		display:block;
	}
	.pc-only {
		display:none;
	}
	#page-content .side-Content {
		display:none;
	}
	#page-content .side-Content .right-support-Wpr,
	#page-content .side-Content.right-order-Wpr {
		display:inline;
	}
	#page-content.form-content .side-Content.right-order-Wpr {
		display:none;
	}

	/* bottom modalbox */
	.btm-campaign-Box dt {
		width:30%;
	}
	.btm-campaign-Box dd {
		width:70%;
	}
	.close-btn-Box {
		position:absolute;
		top:-52px;
		right:0;
		height:48px;
		width:48px;
		line-height:48px;
		background:rgba(0,0,0,0.9);
	}

	/* campaign */
	#campaign-ttl-Wpr {
		margin:auto;
		right:0;bottom:0;left:0;
	}
	.campaign-ttl {
		font-size:138%;
	}

	/* Main one col 100% */
	.onecol-Container h1 {
		letter-spacing:0.1rem;
		font-size:2.4rem;
		padding:16px 8px 20px;
		margin:24px 0 28px;
	}
	#page-content .main-Wpr {
		padding:4px 0 0;
	}
	.hpc-Box {
		margin:0 auto;
	}
	.top-ccs-Box {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		margin:0 auto 8px;
	}
	.top-ccs-Box li {
		width:100%;
		margin:0 auto 16px;
		padding:0;
		min-height:auto;
	}
	.top-ccs-Box li dl {
		width:100%;	
	}
	.top-ccs-Box li dt {
		float:left;
		width:38.2%;
		height:100%;
	}
	.top-ccs-Box li dt img {
		width:100%;
		height:100%;
		min-height:100%;
		
		object-fit:cover;
		object-position:50% 0%;
		/*object-fit: contain;*/
	}
	.top-ccs-Box dd {
		float:left;
		width:61.8%;
	}
	
	/* Left col common */
	.twocol-main-Content h1 {
		letter-spacing:normal;
		font-size:2.2rem;
		padding:8px 12px 12px;
		margin:0 0 12px
	}
	.twocol-contents-Box h2 {
		padding:12px 12px;
	}

	/* copy button */
	.hlp-iex-Wpr li:last-child {
		width:38.2%;
	}

	/* Right col */
	.side-Content {
		width:100%;
	}
	.side-Content {
		margin:0 auto 8px;
	}
	.side-Content:last-child {
		margin:0 auto 16px;
	}
	
	/* Top page
	------------------------------------ */
	.ml-demo-Wpr li {
		width:100%;
	}
	.ml-demo-Wpr li dd img {
		width:80%;
		max-width:320px;
	}
	.ml-demo-Wpr li:nth-of-type(1),
	.ml-demo-Wpr li:nth-of-type(3) {
		display:none;
	}
	#page-top a {
		width:50px;
		padding:6px 0;
	}
	
	/* Function page
	------------------------------------ */
	.func-dtl-Box h4 {
		font-size:1.6rem;
		margin:0;
		padding:8px 8px 8px;
	}
	.func-dtl-Box dt {
		padding:8px 8px 0 0;
	}
	.func-dtl-Box dt span {
		border-radius:4px;
	}
	.func-dtl-Box dt span i {
		font-size:200%;
	}
	.func-dtl-Box dd {
		padding:8px 4px 16px;
	}

	
	/* Price page
	------------------------------------ */
	.pr-ml-List {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		border-width:0 1px 1px;
		border-style:solid;
		border-color:#444;

	}
	.pr-ml-List ul {
		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#444;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction:row;

		width:100%;

	}
	.pr-ml-List ul:first-child {
		border-width:2px 1px 1px;
		border-style:solid;
		border-color:#444;
	}

	.pr-ml-List ul li {
		border-width:0 0 0;
		border-style:solid;
		border-color:#444 #444 #444;

		width:50%;

		padding:8px 0 0;
	}
	.pr-ml-List ul li:first-child {
		height:auto;
		width:40%;
		padding:12px 4px;

		border-right:1px dotted #999;
	}
	.pr-ml-List ul li:last-child {
		width:60%;
		padding:12px 4px;
	}
	
	/* Flow page
	------------------------------------ */

	
	ol.mflow-fb-Box li:nth-child(odd) {
		background:url(../images/flow/bg_mfoc_ls.png) no-repeat 0 0;
		background-size:100% auto;
	}

	ol.mflow-fb-Box li:nth-child(even) {
		background:url(../images/flow/bg_mfoc_rs.png) no-repeat 0 0;
		background-size:100% auto;
	}
	
	ol.mflow-fb-Box li:first-child,
	ol.mflow-fb-Box li:last-child {
		background:none;
	}
	
	ol.mflow-fb-Box li:last-child {
		background-color:#ccffff;
	}

	ol.mflow-fb-Box li p {
		width:70%;
	}

	
	/* Template page
	------------------------------------ */

	div.tmp-detail-Box {
		width:100%;
	}

	/* Company page
	------------------------------------ */
	.cp-m-Bdr {
		border-width:1px 0;
		border-style:solid;
		border-color:#8e8e8e;
	}
	.of-cl-Box:nth-child(even) {
	 	background:none;
	}
	.of-cl-Box.cp-m-Bdr dd {
		border-left:5px solid #eee;
	}
	/* order */
	
	.of-cl-Box {
		width:100%;
	}
	.of-cl-Box > dt,
	.of-cl-Box > dd {
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	.of-cl-Box > dt {
		padding:12px;
		background: -moz-linear-gradient(top,  rgba(220,220,220,0.4) 0%, rgba(252,252,252,0.2) 100%);
		background: -webkit-linear-gradient(top,  rgba(220,220,220,0.4) 0%,rgba(252,252,252,0.2) 100%);
		background: linear-gradient(to bottom,  rgba(220,220,220,0.4) 0%,rgba(252,252,252,0.2) 100%);
	}
	.of-cl-Box > dd {
		padding:12px 12px 24px;
		text-align:center;
		border-left:5px solid #eee;
	}

	/* News & Works page
	-------------------------------------- */
	/* news list */
	.news-list-Wpr,
	.works-list-Wpr {
		width:96%;
	}
	.news-list-Box li,
	.works-list-Wpr li {
		padding:12px 8px;
	}
	.newslt-ttl-Box p,
	.workslt-ttl-Box p {
		font-size:1.8rem;
		margin-bottom:4px;
	}
	.workslt-pic-Box {
		width:120px;
		height:84px;
	}
	/* news detail */
	.news-detail-Wpr {
		width:96%;
		margin:0 auto 24px;
	}
	.news-detail-Wpr h2 {
		padding:8px 12px 10px;
	}
	/* news detail button */
	
	/* template btn */
	.news-demo-Box {
		margin:16px auto 0;
	}
	.news-demo-Box a {
		width:100%;
	}
	.news-dtlbtn-Wpr {
		width:96%;
		margin:0 auto 36px;
	}
	
	.news-dtlbtn-Wpr li a {
		width:90%;
	}

	/* Contact page
	-------------------------------------- */
	/* form element */
	dl.of-cl-Box dd textarea {
		height:120px;
	}
	/* form submit */
	.of-sb-Box {
		width:100%;
	}
	.of-sb-Box ul {
		width:100%;
	}
	/* Order page
	------------------------------------ */

	/* template */
	.plan-status-Box h4 {
		width:95%;
		border-left:none;
	}
	.od-ml-Txt p {
		margin:16px !important;
	}
	/* order page inline content */
	.fb-inline-content dt {
		font-size:1.6rem;
	}
	.fb-inline-content dd {
		padding:12px;
	}
	.fb-inline-content dd p {
		padding:8px 12px 16px;
	}
	/* terms */
	.od-tos-Wpr {
		border-width:1px 0;
	}
	.od-tos-Box {
		border-color:#eee;
		padding:4px;
	}

	/* Sitemap page
	------------------------------------ */
	.sm-ml-Box {
		width:100%;
		margin:0 auto;
		display:table;
		font-size:1.6rem;
	}
	.sm-ml-Box i {
		display:inline-block;
		float:right;
		color:#888;
	}
	.sm-ml-Box ul {
		margin:0;
		padding:0;
	}
	.sm-ml-Box li {
		font-weight:bold;
		list-style:none;
		margin:0;
		padding:0;
	}
	.sm-ml-Box ul li {
		list-style:decimal;
		list-style-position:inside;
		margin:0;
		padding:12px 0;
	}
	.sm-ml-Box ul ul li {
		list-style:none;
		margin:0;
		padding:0;
	}
	.sm-ml-Box li h3 {
		font-size:1.8rem;
		display:inline-block;
		padding:16px 0;
	}
	.sm-ml-Box li a {
		display:inline-block;
		width:90%;
		margin:0 auto;
		padding:0 16px;
		height:48px;
		line-height:48px;
		border-bottom:1px solid #eee;
		position:relative;
	}

	.sm-ml-Box li a::after {
		font-family:'icomoon';
		content:"\e909";
		font-weight:normal;
		position:absolute;
		top:50%;
		right:16px;
		margin-top:-24px;
		text-shadow:none;
	}

}

@media only screen and (max-width:479px) {

	/* bottom modalbox */
	.btm-campaign-Box dd h1,
	.btm-campaign-Box dd p,
	.btm-campaign-Box dd span {
		font-size:1.4rem;
	}
	.ccmn-Box > li { 
		padding:16px 8px;
		border:none;
	}
	.mcmn-plt-Box dt {
		width:100%;
		text-align:center;
		padding:0 8px 16px;
	}
	.mcmn-plt-Box dt img {
		max-width:280px;
		vertical-align:bottom;
	}
	.mcmn-plt-Box dd {
		width:100%;
		padding:0;
	}
	.top-ccs-Box li dl {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;

		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;

		width:100%;
		overflow:hidden;
	}
	.top-ccs-Box li dt {
		width:31.8%;
		order:1;
	}
	.top-ccs-Box li dt img {
		object-fit:contain;
	}
	.top-ccs-Box dd:first-of-type {
		width:100%;
		order:0;
	}
	.top-ccs-Box dd:last-of-type {
		width:68.2%;
		order:2;
	}
	.cmn-form-Box h2 {
		font-size:2rem;
	}

	/* Function page */
	.func-dtl-Box dt span i {
		font-size:125%;
	}
	/* Flow page */
	.flow-fb-Wpr div {
		width:98%;
		margin:0 auto;
	}

	/* FAQ page */
	.int-link-Box ul li {
		width:100%;
	}

	/* Template Right col */
	.template-main-Container {
		padding:8px;
	}
	.template-side-Box,
	.template-main-Box,
	.tmp-info-Box p  {
		padding:0;
	}
	.tmp-info-Box {
		padding:8px 0;
	}

	/* pager */
	.center-paging-Wpr li a{
		display:none;
	}
	.center-paging-Wpr li:first-child a,
	.center-paging-Wpr li:nth-child(2) a,
	.center-paging-Wpr li:nth-last-child(2) a,
	.center-paging-Wpr li:last-child a{
		display:block;
	}

}


@media only screen and (max-width:375px) {

	.top-ccs-Box li dt {
		display:none;
	}
	.top-ccs-Box dd:last-of-type {
		width:100%;
	}
 
	/* Left col common */
	.twocol-main-Content h1 {
		font-size:2rem;
	}

	/* accordion */
	.st-accordion ul li > a {
		font-size:1.6rem;
	}
	.st-accordion ul li > a h3 {
		padding:0 24px 0 8px;
		width:100%;
	}
	.st-accordion ul li a > i {
		display:none;
	}

	/* order page inline content */
	.fb-inline-content dd h5 {
		font-size:1.4rem;
	}
	.fb-inline-content dd p {
		font-size:1.4rem;
	}

	/* News page
	-------------------------------------- */
	.newsdt-pic-Box img {
		width:70.7%;
	}
}



/*
div.gold-text {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.gold-text h1 {
    background: linear-gradient(to bottom, #cfc09f 22%,#634f2c 24%, #cfc09f 26%, #cfc09f 27%,#ffecb3 40%,#3a2c0f 78%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
font-family: 'Playfair Display', serif;
    position: relative;
	text-transform: uppercase;	
	font-size: 18vw;
	margin: 0;
	font-weight: 400;
}

div.gold-text h1:after {
    background: none;
    content: attr(data-heading);
    left: 0;
	top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 
		-1px 0 1px #c6bb9f, 
		0 1px 1px #c6bb9f, 
		5px 5px 10px rgba(0, 0, 0, 0.4),
		-5px -5px 10px rgba(0, 0, 0, 0.4);
}


//black gradient
$black-darker: #111111;
$black-lighter: #2c2c2c;

//gold gradient
$gold-1: #ecbd6b;
$gold-2: #5a402e;
$gold-3: #8f6c49;
$gold-4: #d5aa65;
$gold-5: #f8f4ab;
$gold-6: #d5aa65;

.circle-Wpr {
	background: radial-gradient(ellipse at top, $black-lighter, $black-darker);
	text-align: center;


}

.circle {
	position: relative;
	display: inline-block;
	height: 152px;
	width: 152px;
	margin: 32px;
}

.gold-circle {
	position: absolute;
	transform: translate(-50%, -50%);
	box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background-image: radial-gradient(
		circle at 100%,
		$gold-1,
		$gold-4,
		$gold-5,
		$gold-6
	);


}

.gold-shadow {
	position: absolute;
	width: 86%;
	height: 86%;
	margin: 4px;
	border-radius: 50%;
	border: 4px solid white;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.7);
}
*/