@charset "utf-8";
/*------------------------------------------------------------
全体の設定*/
* { word-break:break-all; font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:0; }

.cfix:after { content:"."; clear:both; display:block; font-size:0; height:0; visibility: hidden; }
.cfix { display:inline-block; }
.cfix { display:block; }
.cfix { margin:0 auto; }

.clear{ clear:both; }

body { width:100%; color:#444; font-size:100%; margin:0 auto; }
p { line-height:1.5; }
ul{ list-style-type: none; }
img { border:none; }
a { text-decoration:none!important; outline:none; }
a:hover { text-decoration:none!important; }

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#container {
	width:100%;
	margin:0 auto;
}
.wht {
	background:#fff;
	border:1px solid #eee\9;
}
.bg-gray {
	background:#dfdfdf;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dfdfdf), color-stop(0.00, #efefef));
	background: -webkit-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: linear-gradient(top, #efefef 0%, #dfdfdf 100%);
}
.section {
	width:100%;
	box-sizing:border-box!important;
	margin:0 auto;
	padding:0 0 0;
	position:relative;
}
.top-set-plan-box {
	width:100%;
	max-width:50%;
	min-height:500px;
	float:left;
	background:url(../img/left_back.png) no-repeat center;
	background-size:contain;
	position:relative;
}
.top-web-app-box {
	width:100%;
	max-width:50%;
	min-height:500px;
	float:right;
	background:url(../img/right_back.png) no-repeat center;
	background-size:contain;
	position:relative;
}
.top-set-plan-title-img {
	width:100%;
	max-width:283px;
	height:auto;
	position:absolute;
	top:-5%;
	right:50%;
	margin-right:-141.5px;
}
.top-web-app-title-img {
	width:100%;
	max-width:298px;
	height:auto;
	position:absolute;
	top:-5%;
	right:50%;
	margin-right:-149px;
}
.top-set-plan-txt-wrap {
	width:100%;
	max-width:300px;
	position:absolute;
	bottom:20%;
	left:50%;
	margin-left:-150px;
}
.top-set-plan-txt {
	font-weight:bold;
	font-size:20px;
}
.top-web-app-txt-wrap {
	width:100%;
	max-width:300px;
	position:absolute;
	bottom:15%;
	left:50%;
	margin-left:-150px;
}
.top-web-app-txt {
	line-height:1em;
	font-weight:bold;
	font-size:20px;
}
.top-set-plan-txt > span , .top-web-app-txt > span {
	 line-height:1.2em;
	 font-size:30px;
	 color:#FA15A6;
	 vertical-align:-3px;
}
.bg-opa {
	background:#fff;
	background:rgba(255,255,255,0.80);
}
.wid-960 {
	width:100%;
	max-width:960px!important;
	display:table;
	box-sizing:border-box;
}

.wid-fit{ width:100%; height:auto; }
.max-960 {
	max-width:960px;
}

.wid-1280 {
	width:100%;
	max-width:1280px!important;
	display:table;
	box-sizing:border-box;
}
.medias-app {
	width:33.333333%;
	text-align:center;
	padding:10px;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.medias-app-title {
	background:#fff;
	border-radius:5px;
}
.medias-app-title span {
	font-weight:normal;
	font-size:20px;
	color:#000;
}
.medias-app-txt {
	font-size:18px;
	margin:10px 0 0 0;
}
.medias-app-img {
	width:100%;
	max-width:180px;
	background:#fff;
	height:auto;
	box-sizing:border-box;
}
.medias-app-item {
	line-height:2.5em;
	font-size:16px;
	font-weight:bold;
	color:#000;
	display:block;
	text-align:center;
	margin-bottom:25px;
}
.medias-app-item:before {
	content:"";
	width:115px;
	height:35px;
	background:url(../img/medias_before_img.png) no-repeat center center;
	background-size:contain;
	display:block;
	margin:0 auto 25px;
}
.medias-app-item span {
	font-size:20px;
	color:#000;
}

.web-only-catch-blu {
	text-align:center;
	background:#1A86D2;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
}
.web-only-catch-blu-title1 {
	font-size:25px;
	line-height:2em;
	letter-spacing:.5em;
	color:#fff;
	display:block;
	box-sizing:border-box
}
.web-only-catch-blu-title1 span {
	font-size:35px;
}
.web-only-catch-blu-title2 {
	font-size:16px;
	font-weight:bold;
	line-height:2em;
	color:#000;
	display:block;
	box-sizing:border-box;
}
.web-only-catch-yel {
	text-align:center;
	background:#FFF585;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFEC1B;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
}
.web-only-catch-yel-title {
	font-size:20px;
	line-height:2em;
	color:#000;
	display:block;
	box-sizing:border-box;
}
.web-only-catch-yel-title span {
	font-size:30px;
}
.web-only-week {
	width:1em;
	text-align:center;
	font-size:30px;
	line-height:1.2em;
	color:#fff;
	background:#1A86D2;
	margin:25px 0 0;
	padding:10px;
	display:inline-block;
}
.web-only-price-wrap {
	width:100%;
	text-align:center;
	color:#000;
	margin:25px auto 0;/*
	padding-left:4em;*/
	display:inline-block;
	vertical-align:5px;
	box-sizing:border-box;
}
.web-only-title {
	font-size:25px;
	font-weight:bold;
	display:block;
}
.web-only-price {
	font-size:45px;
	font-weight:bold;
	color:#FA15A6;
}

.trial-chach {
	letter-spacing:.5em;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}
.trial-chach-free {
	font-size:25px;
	color:#1A86D2;
}

.flo-3 { width:33.333333%; float:left; margin:10px 0;  padding:0 10px; box-sizing:border-box; }
.flo-3 img {
	width:100%;
	background:#fff;
	margin:25px auto;
	padding:0;
	display:block;
	box-sizing:border-box;
}
.flo-2 { width:50%; float:left; margin:10px 0; padding:0 10px; box-sizing:border-box; position:relative; }
.flo-2 img {
	width:100%;
	margin:0 auto;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.web-comparison-flow {
	float:left;
	width:50%;
}
/*-----------------------------------------------
font-style*/
.top-title {
	padding-top:100px;
	margin-bottom:100px;
}
.top-title h2 {
	line-height:1.5;
	letter-spacing:2px;
	font-weight:normal;
	font-size:30px;
	color:#444;
	display:block;
	margin:0;
}
.top-title h2 span {
	color:#FA15A6;
}
.ft-tel-txt { font-size:40px; font-weight:bold; }
.f-st-md { font-size:20px; font-weight:normal; letter-spacing:.1em; line-height:1.5; color:#333; padding:10px 0; }
.f-st-sm { font-size:18px; font-weight:bold; line-height:1.5; color:#FA15A6; }

.ft-st-pr {
	font-size:24px;
	font-weight:bold;
	color:#1A86D2;
	vertical-align:bottom;
}
.band-title h2 {
	width:100%;
	text-align:center;
	font-weight:normal;
	font-size:30px;
	letter-spacing:.5em;
	color:#fff;
	background:#1A86D2;
	padding:20px 10px;
	margin:0 auto 50px;
	box-sizing:border-box;
	position:relative;
}
.band-title span {
	font-size:20px;
	margin-top:5px;
	display:block;
}
h3.h3-title {
	background:#f1f1f1;
	border-left:10px solid #444;
	margin:50px auto 10px;
	padding:10px;
	display:block;
	position:relative;	
}
.h3-title-exa {
	text-align:center;
	font-size:28px;
	letter-spacing:.2em;
	color:#fff;
	background:#666;
	border-radius:5px;
	margin-top:50px;
	margin-bottom:25px;
	padding:10px;
}
.tx-center { text-align:center; }
.tx-left { text-align:left; }
.tx-right { text-align:right; }
/*-----------------------------------------------
margin-style padding-style*/
.mrg-btm-120 {
	margin-bottom:120px;
}
.mrg-btm-50 {
	margin-bottom:50px;
}
.mrg-btm-30 {
	margin-bottom:30px;
}
.mrg-btm-20 {
	margin-bottom:20px;
}
.pad-10 {
	padding:10px;
}
.pad-10-side {
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
}
/*-----------------------------------------------
border-style*/
.box-sdw-inset {
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.40) inset;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.40) inset;
	-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.40) inset;
	-o-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.40) inset;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.40) inset;
}
.box-sdw-outside {
	-moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
	-ms-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
	-o-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
	box-shadow:2px 2px 10px 0px rgba(0,0,0,0.20);
}
.main-icon {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dfdfdf), color-stop(0.00, #efefef));
	background: -webkit-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	background: linear-gradient(top, #efefef 0%, #dfdfdf 100%);
	box-sizing:border-box;
	z-index:3000;
}
.icon-img {
	text-align:center;
	width:16.666666%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ccc;
	height:auto;
	padding:10px;
	display:block;
	float:left;
	box-sizing:border-box;
	cursor:pointer;
}
.icon-img a {
	display:block;
}
.icon-text { color:#444; }
.icon-img img {
	width:100%;
	height:auto;
	border:5px solid #fff;
	border-radius:100%;
	box-sizing:border-box;
	transition:all .2s ease;
}
.icon-img:hover img {
	background:#1A86D2;
	border-radius:100%;
	padding:5%;
	box-sizing:border-box;
}
.menu-open {
	width:100%;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	color:#1A86D2;
	background:#fff;
	padding:20px 10px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-shadow:0px 5px 5px -5px #666;
	-webkit-box-shadow:0px 5px 5px -5px #666;
	-ms-box-shadow:0px 5px 5px -5px #666;
	-o-box-shadow:0px 5px 5px -5px #666;
	box-shadow:0px 5px 5px -5px #666;
	z-index:3000;
	display:none;
}
.menu-open:hover {
	color:#1A86D2;
	background:#ddd;
	
}
.br-in:before {
	content:"\a";
	white-space:pre-wrap;
}
.br-out:before {
	content:"";
}
.btn-center {
	text-align:center;
	padding:50px 10px;
}
.btn-left {
	text-align:left;
}
.btn-right {
	text-align:right;
}
.btn img {
	width:40%;
}
.btn a {
	font-size:1.5em;
	font-weight:bold;
	color:#444;
	background:#F8E503;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F8E503), color-stop(0.00, #FFF584));
	background:-webkit-linear-gradient(top, #FFF584 0%, #F8E503 100%);
	background:-moz-linear-gradient(top, #FFF584 0%, #F8E503 100%);
	background:-o-linear-gradient(top, #FFF584 0%, #F8E503 100%);
	background:-ms-linear-gradient(top, #FFF584 0%, #F8E503 100%);
	background:linear-gradient(top, #FFF584 0%, #F8E503 100%);
	border:1px solid #CEBE02;
	-moz-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px #FFFCE8 inset;
	-webkit-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px #FFFCE8 inset;
	-ms-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px #FFFCE8 inset;
	-o-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px #FFFCE8 inset;
	box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px #FFFCE8 inset;
	border-radius:5px;
	margin:10px;
	padding:20px 30px;
	cursor:pointer;
	display:inline-block;
	box-sizing:border-box;
}
.btn a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF584), color-stop(0.00, #F8E503));
	background: -webkit-linear-gradient(top, #F8E503 0%, #FFF584 100%);
	background: -moz-linear-gradient(top, #F8E503 0%, #FFF584 100%);
	background: -o-linear-gradient(top, #F8E503 0%, #FFF584 100%);
	background: -ms-linear-gradient(top, #F8E503 0%, #FFF584 100%);
	background: linear-gradient(top, #F8E503 0%, #FFF584 100%);
}
.btn-bl a{
	font-size:1.5em;
	font-weight:bold;
	border-radius:5px; 
	color:#fff;
	background:#067DD1;
	background:#067DD1 url(../img/detail_btn_bg_off.jpg) repeat-x top;
	background-size:1px 100%;
	border:solid 1px #0977c4;
	position:relative;
	-moz-box-shadow:5px 5px 5px -5px #444 ,1px 1px 0 0 #80caff inset;
	-webkit-box-shadow:5px 5px 5px -5px #444 ,1px 1px 0 0 #80caff inset;
	-ms-box-shadow:5px 5px 5px -5px #444 ,1px 1px 0 0 #80caff inset;
	-o-box-shadow:5px 5px 5px -5px #444 ,1px 1px 0 0 #80caff inset;
	box-shadow:5px 5px 5px -5px #444 ,1px 1px 0 0 #80caff inset;
	margin:10px;
	padding:20px 30px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	box-sizing:border-box;
}
.btn-bl a:hover {
	background:#067DD1 url(../img/detail_btn_bg.jpg) repeat-x bottom;
}
.img-fp {
	width:100%;
	max-width:670px;
	display:block;
	margin:0 auto;
}
.img-full {
	width:100%;
	height:auto;
	display:block;
}
.img-mid {
	width:100%;
	max-width:480px;
	height:auto;
	margin:auto;
	display:block;
}
.bg-img-00 {
	background:url(../img/back.jpg) no-repeat center top;
	background-size:cover;
}
.bg-line-gray {
	background:url(../img/bg_line_img_gray.png) no-repeat center;
	background-size:5px 100%;
}
.bg-grad-glay {
	border:1px solid #d6d6d6;
	border-radius:10px;
}
.bg-grad-yel {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffe675), color-stop(0.00, #FFF8D9));
	background: -webkit-linear-gradient(top, #FFF8D9 0%, #ffe675 100%);
	background: -moz-linear-gradient(top, #FFF8D9 0%, #ffe675 100%);
	background: -o-linear-gradient(top, #FFF8D9 0%, #ffe675 100%);
	background: -ms-linear-gradient(top, #FFF8D9 0%, #ffe675 100%);
	background: linear-gradient(top, #FFF8D9 0%, #ffe675 100%);
	background:url(../img/bg_grad_img_yel.png) top left;
	background-size:5px;
	border:1px solid #FEF156;
	border-radius:10px;
}
.bg-grad-blu {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #70ddff), color-stop(0.00, #D9F6FF));
	background: -webkit-linear-gradient(top, #D9F6FF 0%, #70ddff 100%);
	background: -moz-linear-gradient(top, #D9F6FF 0%, #70ddff 100%);
	background: -o-linear-gradient(top, #D9F6FF 0%, #70ddff 100%);
	background: -ms-linear-gradient(top, #D9F6FF 0%, #70ddff 100%);
	background: linear-gradient(top, #D9F6FF 0%, #70ddff 100%);
	background:url(../img/bg_grad_img_blu.png) top left;
	background-size:5px;
	border:1px solid #70DDFF;
	border-radius:10px;
}
.bg-grad-grn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #96ff8a), color-stop(0.00, #DDFFD9));
	background: -webkit-linear-gradient(top, #DDFFD9 0%, #96ff8a 100%);
	background: -moz-linear-gradient(top, #DDFFD9 0%, #96ff8a 100%);
	background: -o-linear-gradient(top, #DDFFD9 0%, #96ff8a 100%);
	background: -ms-linear-gradient(top, #DDFFD9 0%, #96ff8a 100%);
	background: linear-gradient(top, #DDFFD9 0%, #96ff8a 100%);
	background:url(../img/bg_grad_img_grn.png) top left;
	background-size:5px;
	border:1px solid #96FF8A;
	border-radius:10px;
}
.bg-bdr-blk {
	border-top:2px solid #e1e1e1;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
	border-left:2px solid #e1e1e1;
	border-radius:3px;
}
/*-----------------------------------------------
table-style*/
.price-style {
	width:100%;
	border-spacing:2px;
	background:#fff;
	margin:0 auto 50px;
	box-sizing:border-box;
}
.price-style th.web-full {
	font-size:20px;
	letter-spacing:.5em;
	color:#1A86D2;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:5px solid #1A86D2;
	border-left:1px solid #ddd;
	border-radius:5px 5px 0 0;
	padding:20px 10px;
}
.price-style th.web-simple {
	font-size:20px;
	letter-spacing:.5em;
	color:#444;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:5px solid #ACD7F4;
	border-left:1px solid #ddd;
	border-radius:5px 5px 0 0;
	box-sizing:border-box;
}
.price-style th.list {
	font-size:20px;
	font-weight:bold;
	color:#444;
	background:#ddd;
	box-sizing:border-box;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:5px 0 0 5px;
	padding:10px;
}
.price-style th.nbsp {
	background:#fff!important;
	border-bottom:none;
}
.price-style td {
	text-align:center;
	color:#444;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	box-sizing:border-box;
	padding:20px 10px;
}
.price-style td.web-full span {
	font-size:18px;
	font-weight:bold;
	color:#1A86D2;
	background:#fff;
	border-radius:5px;
	display:block;
}
.price-style td.web-full span img {
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
}
.price-style td.web-simple span {
	color:#666;
	background:#fff;
	border-radius:5px;
	display:block;
}
/*-----------------------------------------------
table-style*/
.price-table {
	text-align:center;
	font-size:16px;
	width:100%;
	border-spacing:2px 0px;
	color:#444;
	margin:0 auto 50px;
}
.price-table th {
	border-radius:10px 10px 0 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:5px solid #ACD7F4;
	border-left:1px solid #ccc;
	padding:0;
}
.price-table th.plan-title-full-set ,
.price-table th.plan-title-web-set ,
.price-table th.plan-title-fl-set ,
.price-table th.plan-title-fp-set {
	border-radius:10px 10px 0 0;
	padding:10px;
}
.price-table th.plan-title-full-set {
	font-size:20px;
	border-bottom:5px solid #1A86D2;
	position:relative;
}
.price-table th.plan-title-full-set span {
	letter-spacing:0em;
	font-size:20px;
	display:block;
}
.price-table th.plan-title-web-set ,
.price-table th.plan-title-fl-set ,
.price-table th.plan-title-fp-set {
	font-size:20px;
}
.price-table td.plan-full-set .price-wrap ,
.price-table td.plan-web-set .price-wrap ,
.price-table td.plan-fp-set .price-wrap ,
.price-table td.plan-fl-set .price-wrap {
	background:#fff;
	padding:0 10px 10px;
}
.price-table td.plan-full-set .price-title {
	font-size:18px;
	letter-spacing:.2em;
	color:#444;
	background:#ddd;
	border-radius:5px 5px 0 0;
	margin:10px 0 0;
	padding:10px;
	display:block;
}
.price-table td.plan-web-set .price-title ,
.price-table td.plan-fl-set .price-title ,
.price-table td.plan-fp-set .price-title {
	font-size:16px;
	letter-spacing:.2em;
	color:#444;
	background:#ddd;
	border-radius:5px 5px 0 0;
	margin:10px 0 0;
	padding:10px;
	display:block;
}
.price-table td .price-web {
	border-radius:0 0 5px 5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	padding:20px;
	margin:0 0px 10px;
	display:block;
}
.price-table td.plan-full-set .price-web {
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff))!important;
	background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-o-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	font-size:25px;
	font-weight:bold;
	color:#1A86D2;
}
.price-table td.plan-web-set .price-web ,
.price-table td.plan-fp-set .price-web ,
.price-table td.plan-fl-set .price-web {
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff))!important;
	background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-o-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	font-size:25px;
	font-weight:bold;
	color:#1A86D2;
}
.price-table td .price-normal {
	letter-spacing:.2em;
	font-weight:normal;
}
.price-table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.price-table td.plan-full-set ,
.price-table td.plan-web-set ,
.price-table td.plan-fl-set ,
.price-table td.plan-fp-set {
	letter-spacing:.2em;
	font-size:14px;
	line-height:2em;
}
.price-table td .set-info-wrap {
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #ffffff))!important;
	background:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-o-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:-ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	background:linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
	padding-bottom:5px;
}
.price-table td .set-info-title {
	letter-spacing:.2em;
	font-size:18px;
	font-weight:bold;
	color:#444;
	border-bottom:1px solid #ddd;
	margin:0 10px 5px;
	padding:10px 10px 5px;
	display:block;
}
.price-table td a {
	font-size:16px;
	font-weight:bold;
	letter-spacing:.2em;
	color:#fff;
	border-radius:5px;
	-moz-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:5px 3px 5px 0px rgba(0,0,0,0.15);
	-ms-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);
	-o-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);
	box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);
	padding:10px;
	margin:10px;
	display:block;
}
.price-table td.plan-full-set a {
	color:#fff;
	background:#067DD1;
	background:#067DD1 url(../img/detail_btn_bg_off.jpg) repeat-x top;
	transition:.2s;
}
.price-table td.plan-full-set a:hover {
	background:#067DD1;
	-moz-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:5px 3px 5px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
}
.price-table td.plan-web-set a ,
.price-table td.plan-fl-set a ,
.price-table td.plan-fp-set a {
	color:#fff;
	background:#067DD1;
	background:#067DD1 url(../img/detail_btn_bg_off.jpg) repeat-x top;
	transition:.2s;
}
.price-table td.plan-web-set a:hover ,
.price-table td.plan-fl-set a:hover ,
.price-table td.plan-fp-set a:hover {
	background:#067DD1;
	-moz-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:5px 3px 5px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:5px 5px 3px 0px rgba(0,0,0,0.30) inset;
}
.price-table .size {
	color:#444;
	background:#eee;
}
td a.price-table-resp-block {
	display:none;
}
/*-----------------------------------------------
table-style*/
table.price-list {
	font-size:14px;
	width:100%;
	background:#ddd;
	border-spacing:2px;
	margin:0 auto;
	box-sizing:border-box;
}
table.price-list tr {
	background:#fff;
}
table.price-list th {
	padding:10px;
}
table.price-list th.frame-size span {
	font-size:24px;
	vertical-align:middle;
}
table.price-list th.frame-size span:after {
	content:"\a";
	white-space:pre;
}
table.price-list th.price-area .price-web {
	font-size:24px;
	color:#FA15A6;
	display:inline-block;
}
table.price-list th.price-area .price-normal:before {
	content:"\A";
	white-space:pre;
}
table.price-list td {
	text-align:center;
	padding:10px;
}
table.price-list td.price-area .price-web {
	letter-spacing:.1em;
	font-weight:bold;
	font-size:24px;
	color:#FA15A6;
	display:inline-block;
}
table.price-list td.price-area .price-normal:before {
	content:"\A";
	white-space:pre;
}
.modal-content p {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	position:absolute;
	top:10px;
	left:20px;
}
table.price-list td.size-sample {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
table.price-list td.size-sample .sample-btn {
	width:100%;
	font-weight:bold;
	color:#fff;
	background:#aaa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #777), color-stop(0.00, #aaa));
	background:-webkit-linear-gradient(top, #aaa 0%, #777 100%);
	background:-moz-linear-gradient(top, #aaa 0%, #777 100%);
	background:-o-linear-gradient(top, #aaa 0%, #777 100%);
	background:-ms-linear-gradient(top, #aaa 0%, #777 100%);
	background:linear-gradient(top, #aaa 0%, #777 100%);
	border-radius:5px;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15);
	padding:15px;
	display:block;
	cursor:pointer;
}
table.price-list td.size-sample.btn_x2 .sample-btn {
	width:auto;
}
table.price-list td.size-sample.btn_x3 .sample-btn {
	width:auto;
}
table.price-list td.size-sample .sample-btn:hover {
	background:#777;
}
table.price-list td.size-sample .sample-btn:active {
	background:#aaa;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
table.price-list td.btn-space a {
	font-weight:bold;
	color:#fff;
	background:#067DD1;
	background:#067DD1 url(../img/detail_btn_bg_off.jpg) repeat-x top;
	border-radius:5px;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15) , 1px 1px 0px 1px #fff inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15) , 1px 1px 0px 1px #fff inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15) , 1px 1px 0px 1px #fff inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15) , 1px 1px 0px 1px #fff inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15) , 1px 1px 0px 0px rgba(255,255,255,0.50) inset;
	padding:15px;
	display:block;
}
table.price-list td.btn-space a:hover {
	background:#067DD1;
}
table.price-list td.btn-space a:active {
	background:#067DD1;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
/*???*/
table.price-list td.btn-space > span {
	width:33.333333%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
table.price-list td.btn-space > span a {
	background:#eee;
}
table.price-list td.btn-space > span a:hover {
	background:#ddd;
}
table.price-list td.btn-space > span a:active {
	background:#ddd;
}
table.price-list td.btn-space > span:nth-child(2) a {
	color:#E7403E;
	box-sizing:border-box;
	padding:10px 5px;
}
table.price-list td.btn-space > span:nth-child(3) a {
	color:#FD980E;
	box-sizing:border-box;
	padding:10px 5px;
}
table.price-list td.btn-space > span:nth-child(4) a {
	color:#96CA15;
	box-sizing:border-box;
	padding:10px 5px;
}
/*???*/
/*-----------------------------------------------
table-style*/
.web-style-order {
	width:100%;
	border-spacing:1px;
	margin:0 auto;
	box-sizing:border-box;
	background:#ddd;
}
.web-style-order tr {
	clear:both;
	background:#fff;
}
.web-style-order tr:nth-child(even) {
	background:#fff;
}
.web-style-order tr:nth-child(odd) {
	background:#fff;
}
.web-style-order th {
	width:28%;
	text-align:left;
	font-weight:bold;
	background:#fff;
	border-bottom:0px solid #ccc;
	padding:10px 10px 5px;
	box-sizing:border-box;
	position:relative;
}
.web-style-order td {
	text-align:left;
	background:#fff;
	border-bottom:0px solid #ddd;
	padding:5px 10px;
	box-sizing:border-box;
	position:relative;
}
.web-style-order select {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	border:0;
	margin:0;
	padding:0;
	background:none transparent;
	vertical-align:middle;
	font-size:inherit;
	color:inherit;
	box-sizing:content-box;
}
.custom {
  overflow: hidden;
}
.custom > select {
  width: 130%;
}
.custom {
	position:relative;
}
.custom:after {
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	width:1.2em;
	display:block;
	content:"";
	background: url(../img/icon_select.svg) center no-repeat;
	pointer-events:none;
}
.web-style-order select {
	font-size:16px;
	width:100%;
	background:#fff;
	border:2px solid #55ACEA;
	border-radius:5px;
	padding:10px;
	margin:5px 0;
	box-sizing:border-box;
}
.web-style-order select:hover {
	background:#EEF7FC;
	border:2px solid #1A86D2;
}
.web-style-order select optgroup {
	text-indent:.5em;
	font-weight:normal;
	font-style:normal;
	color:#fff;
	background:#fff;
	margin:5px 0;
}
.web-style-order select optgroup:nth-child(even) {
	background:#82C2EF;
}
.web-style-order select optgroup:nth-child(odd) {
	background:#70B9EC;
}
.web-style-order select option {
	text-indent:1.5em;
	color:#444;
	background:#fff;
}
.web-style-order select option:nth-child(even) {
	background:#EEF7FC;
}
.web-style-order select option:nth-child(odd) {
	background:#fff;
}
.web-style-order input ,
.web-style-order textarea {
	font-size:16px;
	width:100%;
	background:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	padding:10px;
	margin:5px 0;
	box-sizing:border-box;
}
.web-style-order input:hover ,
.web-style-order textarea:hover {
	background:#EEF7FC;
	border:1px solid #55ACEA;
}
.check-box > div {
	width:50%\9;
	float:left;
}
.check-box input {
	display:none;
	width:100%\9;
	display:inline\9;
}
.check-box label {
	font-size:14px;
	text-align:center;
	background:#eee;
	border:1px solid #ccc;
	border-radius:5px;
	padding:15px;
	margin:5px 0;
	display:inline-block;
	display:block\9;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-ms-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-o-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
}
.check-box label:hover {
	background:#ccc;
}
.check-box input[type="checkbox"]:checked +label , .check-box label:active {
	background:#1A86D2;
	color:#fff;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
.radio > div {
	width:50%;
	float:left;
}
.radio input {
	display:none;
	width:100%\9;
	display:inline\9;
}
.radio label {
	width:100%;
	font-size:14px;
	text-align:center;
	color:#000;
	background:#eee;
	border:1px solid #ddd;
	border-radius:5px;
	padding:15px 25px;
	margin:5px 0;
	display:block;
	cursor:pointer;
	-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-ms-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-o-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-sizing:border-box;
	float:left;
}
.radio label:hover {
	background:#ccc;
}
.radio input[type="radio"]:checked +label , .radio label:active {
	background:#1A86D2;
	color:#fff;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
.radio input[type="checkbox"]:checked + .switch-off {
	background:#EEEEEE;
	color: #fff;
}
.radio2 > div {
	width:33.333333%;
	float:left;
}
.radio2 input {
	display:none;
	width:100%\9;
	display:inline\9;
}
.radio2 label {
	width:100%;
	font-size:14px;
	text-align:center;
	background:#eee;
	border:1px solid #ddd;
	border-radius:5px;
	padding:15px 25px;
	margin:5px 0;
	display:block;
	cursor:pointer;
	-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-ms-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-o-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-sizing:border-box;
	float:left;
}
.radio2 label:hover {
	background:#ccc;
}
.radio2 input[type="radio"]:checked +label , .radio2 label:active {
	background:#1A86D2;
	color:#fff;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
.radio2 input[type="checkbox"]:checked + .switch-off {
	background:#EEEEEE;
	color: #fff;
}
input[type="submit"] {
	letter-spacing:.5em;
	font-size:16px;
	color:#fff;
	background:#1A86D2;
	border:none;
	border-radius:5px;
	box-shadow:5px 5px 5px 0px rgba(0,0,0,0.15);
	padding:15px 12px 15px 20px;
	cursor:pointer;
}
input[type="submit"]:hover {
	background:#1672B3;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.30);
}
::-webkit-input-placeholder {
  color: #aaa;
}
::-moz-placeholder {
  color: #aaa; opacity: 1;
}
:-ms-input-placeholder {
  color: #aaa;
}
.form-img-area {
	background:#ddd;
	border-spacing:1px;
	width:100%;
}
.form-img-area td {
	width:25%;
	max-height:175px;
	background:#fff;
	box-sizing:border-box;
	padding:10px;
	position:relative;
}
.form-img-area input[type="file"] {
	display:none;
	display:block\9;
}

.form-img-area input[type="file"] + label {
	width:100%;
	background:#fff;
	border-top:3px solid #aaa;
	border-right:3px solid #aaa;
	border-bottom:3px solid #aaa;
	border-left:3px solid #aaa;
	padding:3px;
	display:block;
	cursor:pointer;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	display:none\9;
}
.form-img-area td div {
	width:100%;
	background:#fff;
	padding:3px;
	display:block;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	display:none\9;
}
.form-img-area input[type="file"] + label:before , .form-img-area td div:before {
	content:"";
    display:block;
    padding-top:45%; /* 高さを幅の90%に固定 */
    padding-bottom:45%; /* 高さを幅の90%に固定 */
}
.form-img-area input[type="file"] + label:hover {
	border-top:3px solid #ccc;
	border-right:3px solid #ccc;
	border-bottom:3px solid #ccc;
	border-left:3px solid #ccc;
}
.form-img-area td > label {
	width:100%;
	height:aute;
	max-height:180px;
	background:#eee;
	border-top:3px solid #aaa;
	border-right:3px solid #aaa;
	border-bottom:3px solid #aaa;
	border-left:3px solid #aaa;
	display:block;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	display:none\9;
}
.form-img-area td div {
	width:100%;
	height:aute;
	max-height:180px;
	background:#fff;
	display:block;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	display:none\9;
}
.form-img-area input[type="file"] + label img , .form-img-area td div img {
	vertical-align:middle;
	width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
	margin-top:auto;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:auto;
	display:block;
    position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
label > input.icon-img-delete {
	width:30px;
	height:30px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNrMmctRwzAQQB01gEtIB7gECuCQEjaNUANHboROuHA3nZgKFjkoDAnWZ7/2zuzNXr0Xy5a02SFiV4g+5j7m2PnHIeZ7zCl7xQyfyT7mGHOKORSus0jAnxgTx+J1NfBLeAoAXkdWoAXcUwBwORYFWsE9BADL8U+AAm4pANgWVwJUcAsBQFr8CnDANQUAeXEWmAsckB8SAZCOq1bIG/z2hfUSUBvHrLA1eG6RshJQr9s5DWTyg3g8YrOpaP1yPVm+Q7vKfn4OiPnqvJf/ivlQO0eEhkKnmMetgbfCewo0g1PgPQRI4FR4SwEyeO0Ma/UVUtvcrbGdVdtWSw8SL0L4R8n4Ld/5XAypr3InmOufaa5PnJvDiuBz3Kc6vRe8FrhYIKwMLhIIGwBnC4SNgLMEwobAyQLBGPzDVKCwCAxpBeQGpDonQQ1Wi1sLvLMU8AA3E/ACNxHwBFcX8AZXFVgDXE0gCBeUYzoacmJuqbwx792fUzBtAHX+GaE+gcUWN0VAC5wqUGxxtwhog7cKNLW4SwJW4DUBUot7ScAaPCfAanH/FfACvxUQtbiHFcAv+Vzr6XwLMAA64ZB6PcgQdQAAAABJRU5ErkJggg==) no-repeat center #000;
	background-size:20px;
	border:none;
	border-radius:5px;
	margin:0 0 0 10px;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	display:none\9;
}
label > input.icon-img-delete:hover {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNrMmctRwzAQQB01gEtIB7gECuCQEjaNUANHboROuHA3nZgKFjkoDAnWZ7/2zuzNXr0Xy5a02SFiV4g+5j7m2PnHIeZ7zCl7xQyfyT7mGHOKORSus0jAnxgTx+J1NfBLeAoAXkdWoAXcUwBwORYFWsE9BADL8U+AAm4pANgWVwJUcAsBQFr8CnDANQUAeXEWmAsckB8SAZCOq1bIG/z2hfUSUBvHrLA1eG6RshJQr9s5DWTyg3g8YrOpaP1yPVm+Q7vKfn4OiPnqvJf/ivlQO0eEhkKnmMetgbfCewo0g1PgPQRI4FR4SwEyeO0Ma/UVUtvcrbGdVdtWSw8SL0L4R8n4Ld/5XAypr3InmOufaa5PnJvDiuBz3Kc6vRe8FrhYIKwMLhIIGwBnC4SNgLMEwobAyQLBGPzDVKCwCAxpBeQGpDonQQ1Wi1sLvLMU8AA3E/ACNxHwBFcX8AZXFVgDXE0gCBeUYzoacmJuqbwx792fUzBtAHX+GaE+gcUWN0VAC5wqUGxxtwhog7cKNLW4SwJW4DUBUot7ScAaPCfAanH/FfACvxUQtbiHFcAv+Vzr6XwLMAA64ZB6PcgQdQAAAABJRU5ErkJggg==) no-repeat center #aaa;
	background-size:20px;
}
.form-img {
	width:100%;
	height:aute;
	margin:0 auto;
	display:block;
}
.input-size-min {
	width:20%!important;
	box-sizing:border-box;
}
.input-size-mid {
	width:50%!important;
	box-sizing:border-box;
}
.input-side {
	width:75%!important;
}
.input-side-btn {
	font-size:14px;
	width:20%;
	text-align:center;
	background:#eee;
	border:1px solid #ddd;
	border-radius:5px;
	padding:8px 10px;
	margin:5px 0;
	display:inline-block;
	cursor:pointer;
	-moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-ms-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	-o-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.30);
	box-sizing:border-box;
	float:right;
}
.input-side-btn:hover {
	background:#ddd;
}
.input-side-btn:active {
	background:#1A86D2;
	color:#fff;
	-moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-ms-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	-o-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
	box-shadow:3px 3px 3px 0px rgba(0,0,0,0.30) inset;
}
.plus-img {
	text-align:center;
	color:#fff;
	background:#aaa;
	padding:10px;
	cursor:pointer;
}
.plus-img:hover {
	background:#666;
}
.required {
	font-weight:normal;
	font-size:14px;
	color:#fff;
	background:#CC4042;
	border-radius:5px;
	margin:-4px 10px 0;
	padding:3px 7px;
	display:inline-block;
	position:absolute;
	right:0;
}
.any {
	font-weight:normal;
	font-size:14px;
	color:#fff;
	background:#4EA9E9;
	border-radius:5px;
	margin:-4px 10px 0;
	padding:3px 7px;
	vertical-align:middle;
	display:inline-block;
	position:absolute;
	right:0;
}
.ex {
	font-size:13px;
	color:#666;
}
span.sup {
	font-size:12px;
}

ul.preview li {
	background:#fff;
	border:2px solid #93B9D1;
	border-radius:5px;
	padding:20px 10px;
	margin:10px 0;
	box-sizing:border-box;
	position:relative;
}
ul.preview li:after {
	width:0;
	height:0;
	left:100%;
	border:solid transparent;
	border-color:rgba(51, 51, 51, 0);
	border-left-color:#93B9D1;
	border-width:10px;
	margin-top:-10px;
	pointer-events:none;
	position:absolute;
	top:50%;
	content:" ";
}
.caution {
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40) inset;
	margin:25px auto 0;
	padding:10px;
	box-sizing:border-box;
	position:relative;
}
.caution .caution-title {
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#FA15A6;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.caution-cont {
	margin:25px auto 10px;
}

.caution-cont_ {
	margin:0 auto 10px;
}
.area-fp + .caution-cont {
	margin-top:10px;
}
.caution-cont ul li {
	font-size:14px;
	line-height:1.5;
	color:#444;
	border-bottom:1px dashed #aaa;
	padding:10px 5px 2px;
	display:block;
}
.caution-cont_ ul li {
	font-size:14px;
	line-height:1.5;
	color:#444;
	padding:10px 5px 2px;
	display:block;
}
.caution .plan-title {
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#1A86D2;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-a { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#F29EC2;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-b { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#FFC130;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-c { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#89A9DA;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-d { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#C98CF1;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-g { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#25A251;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-n { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#EC6260;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-s { 
	font-size:18px;
	letter-spacing:.5em;
	color:#fff;
	background:#25B7AA;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:5px 10px;
	display:inline-block;
	position:absolute;
	top:-15px;
}
.area-fp { 
	text-align:center;
	font-size:16px;
	letter-spacing:0;
	color:#fff;
	background:#0BA53D;
	border:2px solid #fff;
	border-radius:5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	margin-right:1em;
	padding:5px 10px;
	display:inline-block;
	float:left;
}

/*------------------------------------------------------------
マップ*/
#map {
position: relative;
padding-bottom:45%;
padding-top: 30px;
height: auto;
min-height:350px;
overflow: hidden;
}
#map iframe,
#map object,
#map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.modal-overlay {
	width:100%;
	height:120%;
	background:#ebebeb;
	background-color:rgba(0,0,0,0.2);
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:2000;
	box-sizing:border-box;
}
.modal-content {
	width:100%;
	max-width:960px;
	height:aute;
	background:#aaa;
	background:rgba(0,0,0,0.40);
	border-radius:10px;
	margin:0 auto;
	padding:10px;
	position:fixed;
	z-index:4000;
	box-sizing:border-box;
}
.modal-img {
	position:relative;
}
.modal-img:hover {
	cursor:pointer;
}
.modal-content img {
	width:80%!important;
	height:auteimportant;
	margin:10px auto;
	display:block;
}
.filt {
	-webkit-filter:blur(10px);
	-ms-filter:blur(10px);
	filter:blur(10px);
}
.img-del {
	display:none;
}
.close-btn {
	text-align:center;
	width:100%;
	height:auto;
	display:block;
	cursor:pointer;
}
.close-btn span:after {
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	content: "×";
	color:#fff;
	background:#7F7F7F;
	background:rgba(0,0,0,0.50);
	border-radius:5px;
	padding:0px 11px 4px;
	position:absolute;
	top:20px;
	right:10px;
	margin-top:-10px;
	cursor:pointer;
}
.close-btn:hover span:after {
	background:#88ACC6;
	background:rgba(17,90,141,0.50);
}
.form-close-btn {
	text-align:center;
	width:100%;
	height:auto;
	display:block;
	cursor:pointer;
}
.form-close-btn span:after {
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	content: "×";
	color:#fff;
	background:#7F7F7F;
	background:rgba(0,0,0,0.50);
	border-radius:5px;
	padding:0px 11px 4px;
	cursor:pointer;
}
.form-close-btn:hover span:after {
	background:#88ACC6;
	background:rgba(17,90,141,0.50);
}
.zoom-btn {
	text-align:center;
	width:100%;
	height:auto;
	display:block;
}
.zoom-btn span {
	width:35px;
	height:35px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAuCAYAAAC4e0AJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrUmdFtgzAQhp0sEDYoG5QN6qe+hg1Kn/tCN2AERvAIdAOyAd2ASn2tRCagtmQk63IOtrEd/Eu/lAiFfJwvvvPlMM8zCaicu+Sm3Bn3i3Ltyj0o7rgnq7sL+ACuuIfZXh03Nf0e39Al9zhvV8+dr33fwVPaiJRoud8013+U9FAl0qngPiGfEWlVc7OQaZNpUmTibk0iKFeMaVaBhUobHXgrr9ner5ApY/QAW+EHJNrUw2o2yAPUPuFbBLzwvGNBUR/wRWBw3QOMPuBhXpaB6gWRe7+qagt8gRQWEtCZXNmb6B8d9vR65b1vTbKGLHqSLYdT5CdQCUkEZ9jWaRt5WA0ZiSMR/S9QmZ3gVfUknnqQOtnRocVVNUaEh31RcXRowBZdSFzdBGpr2iQFPzwQPt8KPz1wFbzCn7AbBhQM1mAL3yMnoVii4GQ2ueT8VXlfRgIXu9wZBtGlt+mU1+dIqVOjDA59Bt1LV5lCP8989vNY9JM6SWFn2F/DMcfDz7CL/wKtQI2ANz6nB+zOuK5xnNvkMeY2zGDeOMmHyA1/Q9YTM5dZJUNmkh/cr6CQqPqWBW5ESj7VzCqFPsH5ddOsEotOFWhKvPrb8QkOdwqXh7Caz5umDZYq7wYH8CUtqGwjnsH1i0ylPtQ/IzYRj+pkwdfgdw1+D3734Dr4JMAx+GTAIXxS4Cp8cuALPE0RXDfiNqmcu5BoD0TZrpTRRkcS0b8AAwDSlqwmaYRg5QAAAABJRU5ErkJggg==) no-repeat center #797979;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAuCAYAAAC4e0AJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrUmdFtgzAQhp0sEDYoG5QN6qe+hg1Kn/tCN2AERvAIdAOyAd2ASn2tRCagtmQk63IOtrEd/Eu/lAiFfJwvvvPlMM8zCaicu+Sm3Bn3i3Ltyj0o7rgnq7sL+ACuuIfZXh03Nf0e39Al9zhvV8+dr33fwVPaiJRoud8013+U9FAl0qngPiGfEWlVc7OQaZNpUmTibk0iKFeMaVaBhUobHXgrr9ner5ApY/QAW+EHJNrUw2o2yAPUPuFbBLzwvGNBUR/wRWBw3QOMPuBhXpaB6gWRe7+qagt8gRQWEtCZXNmb6B8d9vR65b1vTbKGLHqSLYdT5CdQCUkEZ9jWaRt5WA0ZiSMR/S9QmZ3gVfUknnqQOtnRocVVNUaEh31RcXRowBZdSFzdBGpr2iQFPzwQPt8KPz1wFbzCn7AbBhQM1mAL3yMnoVii4GQ2ueT8VXlfRgIXu9wZBtGlt+mU1+dIqVOjDA59Bt1LV5lCP8989vNY9JM6SWFn2F/DMcfDz7CL/wKtQI2ANz6nB+zOuK5xnNvkMeY2zGDeOMmHyA1/Q9YTM5dZJUNmkh/cr6CQqPqWBW5ESj7VzCqFPsH5ddOsEotOFWhKvPrb8QkOdwqXh7Caz5umDZYq7wYH8CUtqGwjnsH1i0ylPtQ/IzYRj+pkwdfgdw1+D3734Dr4JMAx+GTAIXxS4Cp8cuALPE0RXDfiNqmcu5BoD0TZrpTRRkcS0b8AAwDSlqwmaYRg5QAAAABJRU5ErkJggg==) no-repeat center rgba(0,0,0,0.50);
	background-size:20px;
	border:none;
	border-radius:100%;
	margin:0 5px;
	padding:5px;
	position:absolute;
	bottom:20px;
	right:10px;
	margin-top:-17px;
	cursor:pointer;
}
.zoom-btn span:hover {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAuCAYAAAC4e0AJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrUmdFtgzAQhp0sEDYoG5QN6qe+hg1Kn/tCN2AERvAIdAOyAd2ASn2tRCagtmQk63IOtrEd/Eu/lAiFfJwvvvPlMM8zCaicu+Sm3Bn3i3Ltyj0o7rgnq7sL+ACuuIfZXh03Nf0e39Al9zhvV8+dr33fwVPaiJRoud8013+U9FAl0qngPiGfEWlVc7OQaZNpUmTibk0iKFeMaVaBhUobHXgrr9ner5ApY/QAW+EHJNrUw2o2yAPUPuFbBLzwvGNBUR/wRWBw3QOMPuBhXpaB6gWRe7+qagt8gRQWEtCZXNmb6B8d9vR65b1vTbKGLHqSLYdT5CdQCUkEZ9jWaRt5WA0ZiSMR/S9QmZ3gVfUknnqQOtnRocVVNUaEh31RcXRowBZdSFzdBGpr2iQFPzwQPt8KPz1wFbzCn7AbBhQM1mAL3yMnoVii4GQ2ueT8VXlfRgIXu9wZBtGlt+mU1+dIqVOjDA59Bt1LV5lCP8989vNY9JM6SWFn2F/DMcfDz7CL/wKtQI2ANz6nB+zOuK5xnNvkMeY2zGDeOMmHyA1/Q9YTM5dZJUNmkh/cr6CQqPqWBW5ESj7VzCqFPsH5ddOsEotOFWhKvPrb8QkOdwqXh7Caz5umDZYq7wYH8CUtqGwjnsH1i0ylPtQ/IzYRj+pkwdfgdw1+D3734Dr4JMAx+GTAIXxS4Cp8cuALPE0RXDfiNqmcu5BoD0TZrpTRRkcS0b8AAwDSlqwmaYRg5QAAAABJRU5ErkJggg==) no-repeat center #88ACC6;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAuCAYAAAC4e0AJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrUmdFtgzAQhp0sEDYoG5QN6qe+hg1Kn/tCN2AERvAIdAOyAd2ASn2tRCagtmQk63IOtrEd/Eu/lAiFfJwvvvPlMM8zCaicu+Sm3Bn3i3Ltyj0o7rgnq7sL+ACuuIfZXh03Nf0e39Al9zhvV8+dr33fwVPaiJRoud8013+U9FAl0qngPiGfEWlVc7OQaZNpUmTibk0iKFeMaVaBhUobHXgrr9ner5ApY/QAW+EHJNrUw2o2yAPUPuFbBLzwvGNBUR/wRWBw3QOMPuBhXpaB6gWRe7+qagt8gRQWEtCZXNmb6B8d9vR65b1vTbKGLHqSLYdT5CdQCUkEZ9jWaRt5WA0ZiSMR/S9QmZ3gVfUknnqQOtnRocVVNUaEh31RcXRowBZdSFzdBGpr2iQFPzwQPt8KPz1wFbzCn7AbBhQM1mAL3yMnoVii4GQ2ueT8VXlfRgIXu9wZBtGlt+mU1+dIqVOjDA59Bt1LV5lCP8989vNY9JM6SWFn2F/DMcfDz7CL/wKtQI2ANz6nB+zOuK5xnNvkMeY2zGDeOMmHyA1/Q9YTM5dZJUNmkh/cr6CQqPqWBW5ESj7VzCqFPsH5ddOsEotOFWhKvPrb8QkOdwqXh7Caz5umDZYq7wYH8CUtqGwjnsH1i0ylPtQ/IzYRj+pkwdfgdw1+D3734Dr4JMAx+GTAIXxS4Cp8cuALPE0RXDfiNqmcu5BoD0TZrpTRRkcS0b8AAwDSlqwmaYRg5QAAAABJRU5ErkJggg==) no-repeat center rgba(17,90,141,0.50);
	background-size:20px;
}
.info-btn {
	text-align:center;
	width:100%;
	height:auto;
	display:block;
}
.info-btn span {
	width:25px;
	height:25px;
	color:#fff;
	background:url(../img/icon_info.png) no-repeat center #F8E505;
	background-size:15px;
	border:none;
	border-radius:100%;
	margin:0 5px;
	padding:5px;
	position:absolute;
	top:30px;
	right:10px;
	margin-top:-17px;
	cursor:pointer;
}
.info-btn span:hover {
	background:url(../img/icon_info.png) no-repeat center #E0D43E;
	background:url(../img/icon_info.png) no-repeat center rgba(224,212,62,0.50);
	background-size:15px;
}
#copy {
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#0E68A7;
	padding:10px;
	margin-bottom:45px;
}
/*----------------------------------------------*/
.cal-head-tbl{ width:100%; margin-top:15px; text-align:center; }
.cal-tbl {
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	box-sizing:border-box;
}
.cal-tbl tr:first-child td {
	height:auto;
	box-sizing:border-box;
}
.cal-tbl tr:first-child td > div {
	padding:0;
	text-align:center;
	box-sizing:border-box;
}
.cal-tbl tr {
	box-sizing:border-box;
}
.cal-tbl td {
	width:14.28571%;
	height:100px;
	border:1px solid #ddd;
	padding:5px 10px;
	box-sizing:border-box;
	position:relative;
}
.cal-tbl td > div {
	font-size:14px;
	text-align:center;
	box-sizing:border-box;
}
.cal-tbl td > div > span {
	background:#fff;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius:0;
	padding:5px 10px;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
}
.cal-tbl tr:first-child td > div > span {
	background:none;
	border-right:none;
	border-bottom:none;
	border-radius:0;
	padding:0;
	box-sizing:border-box;
	position:static;
	top:inherit;
	left:inherit;
}
.cal-tbl tr > td > div > span > b {
	background:#8DC3E9;
	background:rgba(26,134,210,0.50);
	border-radius:100%;
	padding:1px 0;
	box-sizing:border-box;
}


#foot-bar {
	width:100%;
	background:#0A5081;
	position:fixed;
	bottom:0;
	left:0;
	transition:all .2s;
	z-index:3000;
}
#foot-bar:hover {
	opacity:1;
}
#page-top a {
	width:20px;
	height:20px;
	background:url(../img/page_top.png) no-repeat center #0A5081;
	background-size:20px;
	border:2px solid #fff;
	border-radius:5px;
	margin:0 5px;
	padding:5px;
	position: absolute;
	top: 0;
	right: 0px;
	margin-top: 5px;
	cursor:pointer;
	transition:all .1s;
}
#page-top a:hover {
	background:url(../img/page_top.png) no-repeat center #063353;
	background-size:25px;
}
#foot-open {
	width:20px;
	height:20px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAwCAYAAABaHInAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMtJREFUeNrsmEENwkAQRWeb3kECEpBQCeAACUgAB5WABJCAg0pAAihY5ie7CeHEiWQm7yV/2x5fZrqHX2qt5qw9s2djsZHDVS/FxST18KwsB2fPafDjkEhKHHVIbGe50JAmiS2Wj0Vil2RSd8+zT2zveSWQuvVfq7TrvrNtV3/I9dOk+se3WBoGSwpiiCGGGGKIIYbY/xjbk84jAHQe0aDziAadR5j1MzoPxBBDDDHEEEMMMcR+gM4jEHQe0aDziAadR5j1s4/O4y3AAA85RsdrD1kTAAAAAElFTkSuQmCC) no-repeat center;
	background-size:20px;
	border:2px solid #fff;
	border-radius:5px;
	margin:0 5px;
	padding:5px;
	position:absolute;
	top:25px;
	right:0px;
	margin-top:-18px;
	cursor:pointer;
}
#icon-space {
	float:left;
}
#icon-space ul {
	padding:5px 0;
}
#icon-space ul li {
	padding:0px;
	float:left;
	display:block;
}
#icon-space ul li + li:before {
	color:#fff;
	content:"｜";
}
#icon-space ul li a {
	color:#fff;
	border-radius:3px;
	padding:5px 10px;
	display:inline-block;
	transition:all .1s;
}
#icon-space ul li a:hover {
	background:#063353;
	background:rgba(0,0,0,0.30);
}
#icon-space ul li#home-btn a {
	width:48px;
	height:48px;
	background:url(../img/icon_home.png) no-repeat center;
	background-size:70%;
	display:block;
	box-sizing:border-box;
}
#icon-space ul li#home-btn a:hover {
	background:url(../img/icon_home.png) no-repeat center #063353;
	background:url(../img/icon_home.png) no-repeat center rgba(0,0,0,0.30);
	background-size:80%;
}
div.home-icon a {
	width:auto;
	height:auto;
	color:#fff;
	background:#0A5081;
	border-radius:5px;
	padding:5px 20px;
	display:inline-block;
	box-sizing:border-box;
	cursor:pointer;
}
div.home-icon a:hover {
	background:#0C619C;
}
div.home-icon a:before {
	width:40px;
	height:40px;
	content:"";
	vertical-align:-.8em;
	background:url(../img/icon_home.png) no-repeat center;
	background-size:70%;
	margin-left:-.5em;
	margin-right:.5em;
	display:inline-block;
	box-sizing:border-box;
}



.camp-end {
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	background:rgba(255,255,255,0.75);
	/*background:url(../img/camp_end.png) no-repeat center;*/
	/*background:rgba(255,255,255,0.50) url(../img/camp_end.png) no-repeat center;*/
	background-size:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin-top:aute;
	margin-right:aute;
	margin-bottom:aute;
	margin-left:aute;
	z-index:3000;
}
.camp-end span {
	width:100%;
	height:1em;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	top:50%;
	right:0;
	bottom:0;
	left:0;
	margin-top:aute;
	margin-right:aute;
	margin-bottom:aute;
	margin-left:aute;
	
}
/*キャンペーン3つの場合*/
/*
.camp-pr-wrap {
    width: 33.333333%;
    float: left;
	box-sizing:border-box;
	position:relative;
}
*/
/*キャンペーン2つの場合*/
.camp-pr-wrap {
    width:50%;
    float: left;
	box-sizing:border-box;
	position:relative;
}

.camp-pr {
	padding:20px;
}

#camp-title-num-1 , #camp-title-num-2 , #camp-title-num-3 {
    width:25px;
    height:50px;
    text-align: center;
    font-size:40px;
    color: #fff;
    border-radius: 100%;
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,.2);
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.2);
	-ms-box-shadow:2px 2px 5px rgba(0,0,0,.2);
	-o-box-shadow:2px 2px 5px rgba(0,0,0,.2);
	box-shadow:2px 2px 5px rgba(0,0,0,.2);
	text-shadow:2px 2px 1px rgba(0,0,0,.3);
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding:7px 20px 8px;
    position: absolute;
    top:0px;
    left:0px;
	z-index:2000;
}
#camp-title-num-1 {
    background: url(../img/cp_bg.png) #E7403E;
}
#camp-title-num-2 {
    background: url(../img/cp_bg.png) #FD980E;
}
#camp-title-num-3 {
    background:url(../img/cp_bg.png) #96CA15;
}

.camp-pr-1 {
    background: url(../img/cp_bg.png) #F3A6A5;
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
    padding:3px;
	position:relative;
	transition:all .2s ease;
}
.camp-pr-1:hover {
    background: url(../img/cp_bg.png) #E7403E;
}
.camp-pr-2 {
    background: url(../img/cp_bg.png) #FED398;
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
    padding:3px;
	position:relative;
	transition:all .2s ease;
}
.camp-pr-2:hover {
    background: url(../img/cp_bg.png) #FD980E;
}

.camp-pr-3 {
    background:url(../img/cp_bg.png) #DDF5A1;
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,0.2);
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
    padding:3px;
	position:relative;
	transition:all .2s ease;
}
.camp-pr-3:hover {
    background: url(../img/cp_bg.png) #96CA15;
}
.camp-pr span {
 	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#333;
	background: #f9f9f9;
	padding:25px 10px;
	display:block;
}
.camp-pr-1 span {
 	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#333;
    background:#FBE7E7;
	background-size:30%;
	padding:25px 10px;
	display:block;
}
.camp-pr-2 span {
 	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#333;
    background:#FEF3E4;
	background-size:30%;
	padding:25px 10px;
	display:block;
}
.camp-pr-3 span {
 	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#333;
    background:#F5FAE8;
	background-size:30%;
	padding:25px 10px;
	display:block;
}
.camp-pr span + span {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	color:#333;
	background:#fff;
	padding:10px;
	display:block;
}
a.cp-btn {
	font-size:18px;
    font-weight: normal;
    color: #333;
    background: #eee;
	border:1px solid #ddd;
	border-radius:5px;
    margin: 20px auto 0;
	padding:15px 25px;
	display:block;
	cursor:pointer;
	box-sizing:border-box;
}
a.cp-btn:hover {
	background:#aaa;
}
.camp-pr span + span + a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.camp-bg-01 {
	background:url(../img/cp_bg.png) #FDF1F1;
	border-bottom:1px solid #F9DFDF;
}
.camp-bg-02 {
	background:url(../img/cp_bg.png) #FEF8EF;
	border-top:1px solid #fff;
	border-bottom:1px solid #FCEACF;
}
.camp-bg-03 {
	background:url(../img/cp_bg.png) #F4FFDC;
	border-top:1px solid #fff;
	border-bottom:1px solid #DEFF97;
}
#cp-title-num-1 , #cp-title-num-2 , #cp-title-num-3 {
    width: 200px;
    height: 230px;
    text-align: center;
    font-size: 120px;
    color: #fff;
    border-radius: 100%;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding: 30px 30px 0;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: -15px;
	-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.35);
	-ms-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.35);
	-o-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.35);
    box-shadow:1px 1px 5px 0px rgba(0,0,0,0.35);
    text-shadow:2px 2px 1px rgba(0,0,0,0.30);
}
#cp-title-num-1 {
    background: url(../img/cp_bg.png) #E7403E;
}
#cp-title-num-2 {
    background: url(../img/cp_bg.png) #FD980E;
}
#cp-title-num-3 {
    background:url(../img/cp_bg.png) #96CA15;
}

#cp-title-num-1 > span , #cp-title-num-2 > span , #cp-title-num-3 > span {
	line-height:0;
    font-size: 25px;
    color: #F3F561;
    display: block;
}
#cp-title-num-1 > span:first-letter , #cp-title-num-2 > span:first-letter , #cp-title-num-3 > span:first-letter {
	font-size:50px;
}

#cp-title-pr-1 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: url(../img/cp_bg.png) #E7403E;
    text-shadow:2px 2px 1px rgba(0,0,0,0.30);
    padding: 10px 20px 5px;
    display: inline-block;
    position: absolute;
    top: -15px;
	right: -15px;
}
#cp-title-pr-2 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: url(../img/cp_bg.png) #FD980E;
    text-shadow:2px 2px 1px rgba(0,0,0,0.30);
    padding: 10px 20px 5px;
    display: inline-block;
    position: absolute;
    top: -15px;
	right: -15px;
}
#cp-title-pr-3 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    background: url(../img/cp_bg.png) #96CA15;
    text-shadow:2px 2px 1px rgba(0,0,0,0.30);
    padding: 10px 20px 5px;
    display: inline-block;
    position: absolute;
    top: -15px;
	right: -15px;
}

.cp-title-wrap-1 , .cp-title-wrap-2 , .cp-title-wrap-3 {
    padding:65px 30px 30px 30px;
}
.cp-title-wrap-1 {
    background: url(../img/cp_bg.png) #FDF1F1;
}
.cp-title-wrap-2 {
    background: url(../img/cp_bg.png) #FEF8EF;
}
.cp-title-wrap-3 {
    background: url(../img/cp_bg.png) #F4FFDC;
}
.cp-title-box {
    background: #fff;
	margin-bottom:50px;
    padding:30px;
    position: relative;
}

.cp-title-info {
    margin:16px 0 16px 240px;
}

.cp-title {
    letter-spacing: .1em;
    font-size: 60px;
    font-weight: bold;
}
.cp-title > span {
    font-size: 45px;
}
.cp-info {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
}

.cp-co {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #333;
    padding: 5px 5px 3px;
}

.cp-co > span {
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding: 0 10px;
}
.cp-question-img {
	width:100%;
	max-width:768px;
	display:block;
	margin:auto;
}
.cp-pr-area {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height:1;
    margin: 25px auto;
}
.cp-pr-area > span {
    font-size: 35px;
    line-height:1.5;
}
.cp-pr-area > span > span {
    font-size: 65px;
    color: #FA15A6;
}
.cp-pr-ex {
    font-size: 20px;
    font-weight: bold;
    margin:0 auto 10px;
}
.cp-pr-ex > strike {
	font-weight:normal;
}
.cp-deadline {
	font-weight:bold;
	color:#333;
	background:#fff;
	border-radius:0 0 10px 10px;
	padding:10px 20px 8px;
	position:absolute;
	right:0;
	bottom:-35px;
}

.cp-ex {
	margin-top:50px;
	padding:0 30px 0 35px;
	position:relative;
	box-sizing:border-box;
}
.cp-ex-01 , .cp-ex-02 , .cp-ex-03 {
	width:1em;
	height:100%;
	font-size:1.5em;
	color:#fff;
	padding:0 10px;
	position:absolute;
	top:0;
	bottom:0;
	left:30px;
}
.cp-ex-01 {
	background:url(../img/cp_bg.png) #E7403E;
}
.cp-ex-02 {
	background:url(../img/cp_bg.png) #FD980E;
}
.cp-ex-03 {
	background:url(../img/cp_bg.png) #96CA15;
}
.cp-ex-01 span , .cp-ex-02 span , .cp-ex-03 span {
	width:1em;
	height:3em;
	display:block;
	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.cp-ex-01 + div , .cp-ex-02 + div , .cp-ex-03 + div {
	width:100%;
	font-size:18px;
}
.cp-desc-wrap {
	background:#fff;
	margin-left:2em;
	padding:25px 50px;
	box-sizing:border-box;
}
.cp-desc {
	font-size:25px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
}
.cp-desc + span {
	display:block;
	margin-bottom:15px;
}
.cp-application-box-01 {
	background:url(../img/cp_bg.png) #FDF1F1;
	box-sizing:border-box;
	margin:20px auto 50px;
	padding:25px 25px 0 25px;
}
.cp-application-box-02 {
	background:url(../img/cp_bg.png) #FEF8EF;
	box-sizing:border-box;
	margin:20px auto 50px;
	padding:25px 25px 0 25px;
}
.cp-application-box-03 {
	background:url(../img/cp_bg.png) #F4FFDC;
	box-sizing:border-box;
	margin:20px auto 50px;
	padding:25px 25px 0 25px;
}
.cp-btn-01 a , .cp-btn-02 a , .cp-btn-03 a {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 1px rgba(0,0,0,0.30);
	-moz-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	-webkit-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px rgba(255,255,255,0.60) inset;
	-ms-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	-o-box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	box-shadow:5px 5px 5px -5px #444 , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	border-radius:5px;
	margin:10px;
	padding:20px 30px;
	cursor:pointer;
	display:inline-block;
	box-sizing:border-box;
	transition:all .2s ease;
}
.cp-btn-01 a {
	background:url(../img/cp_bg.png) #E7403E;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E7403E), color-stop(0.00, #ea7775));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#ea7775, #E7403E);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#ea7775, #E7403E);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#ea7775, #E7403E);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#ea7775, #E7403E);
	background:url(../img/cp_bg.png) , linear-gradient(#ea7775, #E7403E);
	border-top:1px solid #E7403E;
	border-right:1px solid #E7403E;
	border-bottom:1px solid #E03E3C;
	border-left:1px solid #E03E3C;
}
.cp-btn-02 a {
	background:url(../img/cp_bg.png) #FD980E;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FD980E), color-stop(0.00, #fcbc64));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#fcbc64, #FD980E);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#fcbc64, #FD980E);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#fcbc64, #FD980E);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#fcbc64, #FD980E);
	background:url(../img/cp_bg.png) , linear-gradient(#fcbc64, #FD980E);
	border-top:1px solid #FD980E;
	border-right:1px solid #FD980E;
	border-bottom:1px solid #F5930E;
	border-left:1px solid #F5930E;
}
.cp-btn-03 a {
	background:url(../img/cp_bg.png) #7fac11;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7fac11), color-stop(0.00, #a2d71d));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#a2d71d, #7fac11);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#a2d71d, #7fac11);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#a2d71d, #7fac11);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#a2d71d, #7fac11);
	background:url(../img/cp_bg.png) , linear-gradient(#a2d71d, #7fac11);
	border-top:1px solid #96CA15;
	border-right:1px solid #96CA15;
	border-bottom:1px solid #91C414;
	border-left:1px solid #91C414;
}
.cp-btn-01 a:hover , .cp-btn-02 a:hover , .cp-btn-03 a:hover {
	-moz-box-shadow:10px 10px 15px 0px rgba(0,0,0,0.30) , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	-webkit-box-shadow:10px 10px 15px 0px rgba(0,0,0,0.30) , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	-ms-box-shadow:10px 10px 15px 0px rgba(0,0,0,0.30) , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	-o-box-shadow:10px 10px 15px 0px rgba(0,0,0,0.30) , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	box-shadow:10px 10px 15px 0px rgba(0,0,0,0.30) , 1px 1px 0px 0px rgba(255,255,255,0.60) inset;
	transform:scale(1.1,1.1);
}
.cp-btn-01 a:hover {
	background:url(../img/cp_bg.png) #ea7775;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ea7775), color-stop(0.00, #E7403E));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#E7403E, #ea7775);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#E7403E, #ea7775);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#E7403E, #ea7775);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#E7403E, #ea7775);
	background:url(../img/cp_bg.png) , linear-gradient(#E7403E, #ea7775);
}
.cp-btn-02 a:hover {
	background:url(../img/cp_bg.png) #fcbc64;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fcbc64), color-stop(0.00, #FD980E));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#FD980E, #fcbc64);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#FD980E, #fcbc64);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#FD980E, #fcbc64);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#FD980E, #fcbc64);
	background:url(../img/cp_bg.png) , linear-gradient(#FD980E, #fcbc64);
}
.cp-btn-03 a:hover {
	background:url(../img/cp_bg.png) #a2d71d;
	background:url(../img/cp_bg.png) , -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a2d71d), color-stop(0.00, #7fac11));
	background:url(../img/cp_bg.png) , -webkit-linear-gradient(#7fac11, #a2d71d);
	background:url(../img/cp_bg.png) , -moz-linear-gradient(#7fac11, #a2d71d);
	background:url(../img/cp_bg.png) , -o-linear-gradient(#7fac11, #a2d71d);
	background:url(../img/cp_bg.png) , -ms-linear-gradient(#7fac11, #a2d71d);
	background:url(../img/cp_bg.png) , linear-gradient(#7fac11, #a2d71d);
}

.pc-img {
	display:block;
}
.smh-img {
	display:none;
}
/*----------------------------------------------*/
@media only screen and (max-width : 768px) {
.flo-3 { width:100%; float:none; padding:0 10px; box-sizing:border-box; }
.flo-3 img { width:50%; margin:0 auto; padding:10px; display:block; box-sizing:border-box; }
.flo-2 { width:100%; float:none; padding:0 10px; box-sizing:border-box; }
.flo-2 img { width:50%; margin:0 auto; padding:10px; display:block; box-sizing:border-box; }

.medias-app {
	width:100%;
}
.medias-app-title span {
	font-size:25px;
}
.medias-app-item span {
	font-size:25px;
}
.web-only-btn {
	position:static;
}
/*-----------------------------------------------
font-style*/

.top-title h2 span:before {
	content:"\A";
	white-space:pre;
}
.top-title h2 span:first-child:after {
	content:"\A";
	white-space:pre;
}
.top-set-plan-box {
	max-width:100%;
	float:none;
}
.top-web-app-box {
	max-width:100%;
	float:none;
	margin-top:50px;
}
.top-content {
	margin-top:40px;
}
.price-title h3 {
	margin-bottom:20px;
}
.menu-open {
	text-align:center;
	padding:20px 10px;
	cursor:pointer;
	display:block;
}
.menu-open:hover {
	color:#1A86D2;
	background:#ddd;
}
.main-icon .icon-text {
	color:#fff;
}
.main-icon {
	width:100%;
	background:#797979;
	background:rgba(0,0,0,0.50);
	position:absolute;
	top:0;
	left:0;
	margin:0 aute;
	
}
.icon-img {
	text-align:left;
	width:100%;
	height:auto;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid#fff;
	padding:10px;
	float:none;
	box-sizing:border-box;
	cursor:pointer;
}
.icon-img img {
	width:15%;
	margin-right:10px;
	vertical-align:middle;
}
.icon-img:hover img { background:#1A86D2; border-radius:100%; margin-right:10px; padding:5px; box-sizing:border-box; }
.br-in:before {
	content:"";
}

/*-----------------------------------------------
table-style*/
.price-table tr {
	width:100%;
	display:block;
	box-sizing:border-box;
}
.price-table th {
	display:none;
}
.price-table td {
	width:100%;
	border:none;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-full-set {
	width:100%;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-radius:5px 5px 0 0;
}
.price-table td.plan-full-set .price-wrap ,
.price-table td.plan-web-set .price-wrap ,
.price-table td.plan-fp-set .price-wrap ,
.price-table td.plan-fl-set .price-wrap {
	background:#fff;
	padding:0 10px 0;
}
.price-table td.plan-full-set:before {
	width:100%;
	font-size:25px;
	font-weight:bold;
	content:"充実セット\aプラン";
	white-space:pre;
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:5px 5px 0 0;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-web-set {
	width:100%;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-radius:5px 5px 0 0;
	margin-top:50px;
}
.price-table td.plan-web-set:before {
	width:100%;
	font-size:20px;
	font-weight:bold;
	content:"セット\aプラン";
	white-space:pre;
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:5px 5px 0 0;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-fl-set {
	width:100%;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-radius:5px 5px 0 0;
	margin-top:50px;
}
.price-table td.plan-fl-set:before {
	width:100%;
	font-size:20px;
	font-weight:bold;
	content:"新聞折込\aプラン";
	white-space:pre;
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:5px 5px 0 0;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-fp-set {
	width:100%;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-radius:5px 5px 0 0;
	margin-top:50px;
}
.price-table td.plan-fp-set:before {
	width:100%;
	font-size:20px;
	font-weight:bold;
	content:"フリーペーパー\aプラン";
	white-space:pre;
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-radius:5px 5px 0 0;
	padding:10px;
	display:block;	
	box-sizing:border-box;
}
.price-table td.plan-full-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\A充実WEB＋新聞折込＋フリーペーパー";
	white-space:pre;
	color:#000;
	background:#ddd;
	border:2px solid #fff;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-web-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB＋新聞折込＋フリーペーパー";
	white-space:pre;
	color:#000;
	background:#ddd;
	border:2px solid #fff;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-fl-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB＋新聞折込";
	white-space:pre;
	color:#000;
	background:#ddd;
	border:2px solid #fff;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.price-table td.plan-fp-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB＋フリーペーパー";
	white-space:pre;
	color:#000;
	background:#ddd;
	border:2px solid #fff;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
tr.price-table-resp-none {
	display:none;
}
td a.price-table-resp-block {
	display:block;
}
/*-----------------------------------------------
table-style*/
table.price-list th.frame-size span {
	font-size:20px;
}
table.price-list th.price-area .price-web {
	font-size:20px;
}
table.price-list td.price-area .price-web {
	letter-spacing:normal;
	font-size:20px;
}
/*-----------------------------------------------
table-style*/
table.web-style-order {
	background:#fff;
	padding:0 10px;
}
.web-style-order tr {
	width:100%;
	border-left:5px solid #aaa;
	display:block;
}
.web-style-order tr:nth-child(even) , .web-style-order tr:nth-child(odd) {
	background:#fff;
}
.web-style-order th {
	width:100%;
	display:block;
	margin-top:20px;
	margin-bottom:0;
	padding:0 10px;
}
.web-style-order td {
	background:#fff;
	border-bottom:none;
	padding:5px 10px 0;
	display:block;
}
.check-box > div {
	width:100%;
	float:none;
	box-sizing:border-box;
}
.check-box label {
	width:100%;
	box-sizing:border-box;
}
.radio > div {
	width:100%;
	float:none;
	box-sizing:border-box;
}
.radio2 > div {
	width:100%;
	float:none;
	box-sizing:border-box;	
}
.radio2 label {
	width:100%;
	float:none;
	box-sizing:border-box;
}
.modal-content img {
	width:100%!important;
}
.flo-2 > .flo-2 { width:100%; }
ul.preview li:after {
	display:none;
}

.input-side {
	width:100%!important;
}
.input-side-btn {
	text-align:center;
	width:100%;
	display:block;
	margin:5px auto;
	float:none;
}
#foot-bar {
	width:100%;
	background:#0A5081;
	position:fixed;
	bottom:0;
	left:0;
}
#page-top a {
	margin-top:4px;
}
#page-top a:hover {
	background:url(../img/page_top.png) no-repeat center #063353;
	background-size:25px;
}
#foot-open {
	margin:5px 0 5px 5px;
	position: static;
}
#icon-space {
	width:100%;
	display:block;
	float:none;
	box-sizing:border-box;
}
#icon-space ul {
	width:100%;
	padding:5px 0;
	display:block;
	box-sizing:border-box;
}
#icon-space ul li {
	width:100%;
	padding:5px;
	float:none;
	display:block;
	box-sizing:border-box;
}
#icon-space ul li + li:before {
	content:"";
}
#icon-space ul li a {
	width:100%;
	color:#fff;
	border-radius:3px;
	padding:10px;
	display:block;
	transition:all .1s;
	box-sizing:border-box;
}
#icon-space ul li a:hover {
	background:#063353;
	background:rgba(0,0,0,0.30);
}
#icon-space ul li#home-btn a {
	width:48px;
	height:48px;
	background:url(../img/icon_home.png) no-repeat center;
	background-size:70%;
	display:block;
	box-sizing:border-box;
}
#icon-space ul li#home-btn a:hover {
	background:url(../img/icon_home.png) no-repeat center #063353;
	background:url(../img/icon_home.png) no-repeat center rgba(0,0,0,0.30);
	background-size:80%;
}
.pad-side-30 {
	padding:0 30px;
}



.cp-title-wrap-1 , .cp-title-wrap-2 , .cp-title-wrap-3 {
    padding:10px;
}
.camp-pr-wrap {
	width:100%;
	float:none;
}
#cp-title-num-1 , #cp-title-num-2 , #cp-title-num-3 {
	width:80px;
	height:70px;
	font-size:30px;
	padding:20px 10px 10px;
	margin:0;
	display:inline-block;
	top:-15px;
}

#cp-title-num-1 > span , #cp-title-num-2 > span , #cp-title-num-3 > span {
	font-size:14px;
}
#cp-title-num-1 > span:first-letter , #cp-title-num-2 > span:first-letter , #cp-title-num-3 > span:first-letter {
	font-size:20px
}

#cp-title-pr-1 {
	font-size:20px;
	padding:10px 20px;
	position:static;
}
#cp-title-pr-2 {
	font-size:20px;
	padding:10px 20px;
	position:static;
}
#cp-title-pr-3 {
	font-size:20px;
	padding:10px 20px;
	position:static;
}

.cp-title-box {
	text-align:center;
	margin-bottom:75px;
}

.cp-title-info {
	text-align:center;
	margin:20px auto 0;
}

.cp-title {
	font-size:35px;
	line-height:1;
	margin-bottom:25px;
}

.cp-title > span {
	font-size:25px;
	margin-top:10px;
	display:block;
}

.cp-info {
	text-align:left;
}

.cp-co {
	font-size:16px;
	text-align:center;
	padding:10px;
}

.cp-co > span {
	border-bottom:1px solid #fff;
	border-right:none;
	display:block;
	margin-right:auto;
	margin-bottom:10px;
	padding:5px;
}
.cp-qest {
	font-size:20px;
}
.cp-pr-area {
	font-size:20px;
}
.cp-pr-area > span {
	font-size:25px;
}

.cp-pr-area > span > span {
	font-size:40px;
}

.cp-pr-ex {
    font-size:14px;
}

.cp-ex {
	padding:0 10px;
}
.cp-ex-01 , .cp-ex-02 , .cp-ex-03 {
	display:none;
}
.c
.cp-ex-01 span , .cp-ex-02 span , .cp-ex-03 span {
	width:100%;
	height:auto;
	display:block;
	position:static;
	margin:0 auto;
}
.cp-desc-wrap {
	margin:auto;
	padding:10px;
}
/**/}
/*----------------------------------------------*/
/*----------------------------------------------*/
@media only screen and (max-width : 640px) {
.pc-img {
	display:none;
}
.smh-img {
	display:block;
}
/**/}
/*----------------------------------------------*/
@media only screen and (max-width : 480px) {
/*-----------------------------------------------
font-style*/
.ft-tel-txt { font-size:35px; }
.h3-title-exa {
	font-size:20px;
}
.top-title {
	font-size:1em;
	line-height:2em;
	letter-spacing:0em;
}
.top-web-app-box {
	margin-top:0;
}
.top-set-plan-title-img {
	top:5%;
}
.top-web-app-title-img {
	top:5%;
}
.top-set-plan-txt-wrap {
	bottom:25%;
}
.top-web-app-txt-wrap {
	bottom:20%;
}

.flo-3 img { width:80%; }
.flo-2 img { width:80%; }

.medias-app {
	width:100%;
}
.medias-app-title span {
	font-size:25px;
}
.medias-app-item {
	font-size:14px;
}
.medias-app-item span {
	font-size:20px;
}
.web-only-catch-blu {
}
.web-only-catch-blu-title1 {
	letter-spacing:0;
	font-size:20px;
}
.web-only-catch-blu-title1 span {
	font-size:30px;
}
.web-only-catch-blu-title2 {
	letter-spacing:0;
	font-size:14px;
}
.web-only-catch-yel {
}
.web-only-catch-yel-title {
	font-size:16px;
}
.web-only-catch-yel-title span {
	font-size:25px;
}
.web-only-week {
	font-size:20px;
}
.web-only-title {
	font-size:18px;
}
.web-only-price {
	font-size:30px;
}
.br-out:before {
	content:"\A";
	white-space:pre;
}
/*-----------------------------------------------
table-style*/
.price-style th.web-full {
	display:none;
}
.price-style th.web-simple {
	display:none;
}
.price-style td.web-full span {
	border-radius:0 0 5px 5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:10px;
}
.price-style td.web-simple span {
	border-radius:0 0 5px 5px;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:10px;
}
.price-style td {
	display:block;
}
.price-style td.web-full:before {
	font-weight:bold;
	font-size:20px;
	content:"充実WEB";
	color:#fff;
	background:#1672B3;
	border-bottom:1px solid #105383;
	border-radius:5px 5px 0 0;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:10px;
	display:block;
}
.price-style td.web-simple:before {
	content:"WEB";
	color:#666;
	background:#C5E0F3;
	border-bottom:1px solid #A0CCEB;
	border-radius:5px 5px 0 0;
	-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-ms-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	-o-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.40);
	padding:10px;
	display:block;
}
/*table-style
-----------------------------------------------*/

/*-----------------------------------------------
price-table*/
.price-table td.plan-full-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\A充実WEB\A新聞折込\Aフリーペーパー";
	white-space:pre;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
	
}
.price-table td.plan-web-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB\A新聞折込\Aフリーペーパー";
	white-space:pre;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
	
}
.price-table td.plan-fl-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB\A新聞折込";
	white-space:pre;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
	
}
.price-table td.plan-fp-set > .price-wrap:after {
	width:100%;
	font-size:20px;
	content:"－セット内容－\AWEB\Aフリーペーパー";
	white-space:pre;
	margin-top:5px;
	padding:10px;
	display:block;
	box-sizing:border-box;
	
}
/*-----------------------------------------------
table-style*/
table.price-list {
	background:#fff;
}
table.price-list tr {
	width:100%;
	border:2px solid #ddd;
	display:block;
	margin-top:20px;
	box-sizing:border-box;
}
table.price-list tr:first-child {
	display:none;
}
#full-set-plan + table.price-list tr:before {
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	width:100%;
	text-align:center;
	content:"充実WEB＋新聞折込＋フリーペーパー";
	display:block;
	padding:10px;
	box-sizing:border-box;
}
#web-set-plan + table.price-list tr:before {
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	width:100%;
	text-align:center;
	content:"WEB＋新聞折込＋フリーペーパー";
	display:block;
	padding:10px;
	box-sizing:border-box;
}
#fl-set-plan + table.price-list tr:before {
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	width:100%;
	text-align:center;
	content:"WEB＋新聞折込";
	display:block;
	padding:10px;
	box-sizing:border-box;
}
#fp-set-plan + table.price-list tr:before {
	color:#fff;
	background:#666;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	width:100%;
	text-align:center;
	content:"WEB＋フリーペーパー";
	display:block;
	padding:10px;
	box-sizing:border-box;
}
table.price-list th {
	display:block;
}
table.price-list tr:first-child th.frame-size {
	display:none;
}
table.price-list th.frame-size {
	background:#ddd;
	border:2px solid #fff;
}
table.price-list th.price-area {
	display:none;
}
table.price-list th.size-sample {
	display:none;
}
table.price-list th.nbsp {
	display:none;
}
table.price-list td {
	display:block;
}
table.price-list td.price-area {
	border-bottom:2px solid #ddd;
}
table.price-list td.price-area .price-web:before {
	letter-spacing:normal;
	font-size:18px;
	content:"価格\A";
	white-space:pre;
	display:block;
}
table.price-list td.price-area .price-web {
	display:block;
}
table.price-list td.price-area .price-normal:before {
	content:"通常価格：";
}
table.price-list td.size-sample {
	background:#fff;
	width:50%;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
table.price-list td.btn-space {
	background:#fff;
	width:50%;
	display:inline-block;
	box-sizing:border-box;
}
.input-size-mid {
	width:100%!important;
	box-sizing:border-box;
}

.form-img-area {
	background:#fff;
}
.form-img-area tr {
	background:#fff;
	display:block;
}
.form-img-area td {
	width:50%;
	min-height:180px;
	background:#fff;
	margin-bottom:10px;
	display:block;
	float:left
}


/*----------------------------------------------*/
.cal-tbl {
	
}
.cal-tbl tr {
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}
.cal-tbl tr:first-child {
	display:none;
}
.cal-tbl td {
	width:100%;
	height:auto;
	border:1px solid #eee;
	padding:10px;
	display:block;
	box-sizing:border-box;
}
.cal-tbl td > div {
	width:100%;
	text-align:left;
	display:block;
	box-sizing:border-box;
}
.cal-tbl td > div > span {
	background:#cecece;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
	border:1px solid #ddd;
	border-radius:5px;
	margin-bottom:10px;
	padding:5px 10px;
	display:inline-block;
	box-sizing:border-box;
	position:static;
}
.cal-tbl td.cal-dw-sun > div > span:after {
	font-size:12px;
	content:"（日）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-mon > div > span:after {
	font-size:12px;
	content:"（月）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-tue > div > span:after {
	font-size:12px;
	content:"（火）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-wed > div > span:after {
	font-size:12px;
	content:"（水）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-thu > div > span:after {
	font-size:12px;
	content:"（木）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-fri > div > span:after {
	font-size:12px;
	content:"（金）";
	vertical-align:middle;	
}
.cal-tbl td.cal-dw-sat > div > span:after {
	font-size:12px;
	content:"（土）";
	vertical-align:middle;	
}
.cal-tbl td.cal-other-mday {
	display:none;
}
/*----------------------------------------------*/
.camp-pr-wrap {
	width:100%;
	float:none;
}
#cp-title-num-1 , #cp-title-num-2 , #cp-title-num-3 {
	display:none;
}
#cp-title-num-1 > span:first-letter , #cp-title-num-2 > span:first-letter , #cp-title-num-3 > span:first-letter {
	font-size:20px
}

#cp-title-pr-1 {
	font-size:20px;
	padding:10px;
	position:static;
	display:block;
}
#cp-title-pr-2 {
	font-size:20px;
	padding:10px;
	position:static;
	display:block;
}
#cp-title-pr-3 {
	font-size:20px;
	padding:10px;
	position:static;
	display:block;
}

.cp-title-wrap {
	padding:10px;
}

.cp-title-box {
	text-align:center;
	padding:10px;
	margin-bottom:75px;
}

.cp-title-info {
	text-align:center;
	margin:20px auto 0;
}

.cp-title {
	font-size:30px;
	line-height:1;
	margin-bottom:25px;
}

.cp-title > span {
	font-size:20px;
	margin-top:10px;
	display:block;
}

.cp-info {
	text-align:left;
	font-size:16px;
}

.cp-co {
	font-size:16px;
	text-align:center;
	padding:10px;
}

.cp-co > span {
	border-bottom:1px solid #fff;
	border-right:none;
	display:block;
	margin-right:auto;
	margin-bottom:10px;
	padding:5px;
}
.cp-qest {
	font-size:18px;
}
.cp-pr-area {
	font-size:18px;
}
.cp-pr-area > span {
	font-size:20px;
}

.cp-pr-area > span > span {
	font-size:25px;
}
/**/}
/*----------------------------------------------*/
/*----------------------------------------------*/
@media only screen and (max-width : 320px) {
.band-title h2 {
	font-size:20px;
}
span.price-title-sml {
	font-size:18px;
}
.top-title h2 {
	font-size:23px;
}
.h3-title-exa {
	font-size:18px;
}

.flo-3 img { width:100%; }
.flo-2 img { width:100%; }

.price-style th.list {
	font-size:14px;
}
.price-style td.web-full:before {
	font-size:14px;
}
.price-style td.web-full span , .price-style td.web-simple span {
	font-size:14px;
}

.check-box > div {
	width:100%;
	box-sizing:border-box;
}
.check-box label {
	width:100%;
	display:block;
	box-sizing:border-box;
}
.medias-app-title span {
	font-size:23px;
}
.ft-tel-txt {
	font-size:30px;
}
.btn a {
	font-size:1.2em;
}
/**/}